.mh-color-shades{margin:0 0 1.8rem;max-width:52rem}.mh-color-shades__header{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;margin-bottom:1rem}.mh-color-shades__heading{font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mh-color-shades__current{font-size:1.25rem;color:rgba(var(--color-foreground),.75);text-align:right}.mh-color-shades__grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.85rem .7rem}.mh-color-shades__chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border:.15rem solid transparent;border-radius:1rem;padding:.35rem .2rem .25rem;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;min-width:0}.mh-color-shades__chip:hover{background:rgba(var(--color-foreground),.05);transform:translateY(-.1rem)}.mh-color-shades__chip.is-selected{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.mh-color-shades__chip:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.25rem}.mh-color-shades__image{display:block;width:100%;max-width:5rem;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:.1rem solid rgba(var(--color-foreground),.12)}.mh-color-shades__code{display:block;font-size:1rem;line-height:1.3;letter-spacing:.015em}@media(max-width:749px){.mh-color-shades__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem .55rem}.mh-color-shades__image{max-width:5.2rem}.mh-color-shades__header{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.mh-color-shades__chip{transition:none}.mh-color-shades__chip:hover{transform:none}}.mh-color-shades__solid{background:var(--mh-color-chip, transparent)}.mh-color-shades__chip--text{min-height:6rem;border-color:rgba(var(--color-foreground),.2)}.mh-color-shades__text{max-width:100%;color:rgb(var(--color-foreground));font-size:1.02rem;text-align:center;overflow-wrap:anywhere}.mh-color-shades__hint{margin:.65rem 0 0;font-size:1.1rem;color:rgba(var(--color-foreground),.7)}.mh-color-shades--many .mh-color-shades__grid{grid-template-rows:repeat(3,auto);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(4.6rem,5.4rem);max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:.3rem .3rem .9rem;scroll-snap-type:x proximity}.mh-color-shades--many .mh-color-shades__chip{scroll-snap-align:start}@media(max-width:749px){.mh-color-shades--many .mh-color-shades__grid{grid-auto-columns:4.7rem}}.mh-color-shades__image.mh-chrono-shade-chip{width:100%;max-width:5rem;height:2.35rem;border-radius:.9rem;aspect-ratio:auto;background-repeat:no-repeat;background-size:250% auto;background-position-x:41%;background-color:#fff}.mh-chrono-shade-chip[data-chrono-band="0"]{background-position-y:16%}.mh-chrono-shade-chip[data-chrono-band="1"]{background-position-y:30%}.mh-chrono-shade-chip[data-chrono-band="2"]{background-position-y:44%}.mh-chrono-shade-chip[data-chrono-band="3"]{background-position-y:59%}.mh-chrono-shade-chip[data-chrono-band="4"]{background-position-y:74%}.mh-chrono-shade-chip[data-chrono-band="5"]{background-position-y:89%}product-info[data-product-id="9681842405714"] .mh-color-shades__image,product-info[data-product-id="9681891524946"] .mh-color-shades__image{display:block;width:100%;max-width:5rem;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center}product-info[data-product-id="9681842405714"] .mh-color-shades__chip.is-selected,product-info[data-product-id="9681891524946"] .mh-color-shades__chip.is-selected{border-color:transparent;background:rgba(var(--color-foreground),.06)}product-info[data-product-id="9681842405714"] .mh-color-shades__chip.is-selected .mh-color-shades__image,product-info[data-product-id="9681891524946"] .mh-color-shades__chip.is-selected .mh-color-shades__image{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media(max-width:749px){.mh-color-shades{width:100%;max-width:100%;min-width:0}.mh-color-shades__grid{min-width:0}.mh-color-shades--many .mh-color-shades__grid{width:100%;box-sizing:border-box}.mh-color-shades__header{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/mh-color-swatches.css.map */