.mf-color-options{--mf-co-ink: #20211f;--mf-co-muted: rgba(32, 33, 31, .68);--mf-co-border: rgba(32, 33, 31, .14);--mf-co-surface: #f3f0e8;--mf-co-card: #faf8f3;background:var(--mf-co-surface);color:var(--mf-co-ink)}.mf-color-options__inner{display:block;width:min(100%,128rem);margin-inline:auto;padding:3.2rem clamp(2.4rem,4vw,5.6rem) 7.2rem;box-sizing:border-box}.mf-color-options__breadcrumbs{margin-bottom:3.2rem;color:var(--mf-co-muted);font-size:1.3rem;letter-spacing:.04em}.mf-color-options__breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.mf-color-options__breadcrumbs a{color:inherit;text-decoration:none}.mf-color-options__breadcrumbs a:hover{color:var(--mf-co-ink);text-decoration:underline;text-underline-offset:.3rem}.mf-color-options__grid{display:grid;grid-template-columns:minmax(34rem,48rem) minmax(50rem,62rem);grid-template-areas:"intro media" "selector media" "details media";grid-template-rows:auto auto 1fr;justify-content:space-between;align-items:start;column-gap:clamp(4rem,5vw,6.4rem)}.mf-color-options__intro-panel{grid-area:intro}.mf-color-options__selector-panel{grid-area:selector}.mf-color-options__details{grid-area:details}.mf-color-options__kicker{margin:0 0 1rem;color:#596b57;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.mf-color-options__title{max-width:13ch;margin:0;font-size:clamp(4rem,4.2vw,5.4rem);font-weight:500;letter-spacing:-.035em;line-height:1.02}.mf-color-options__intro{max-width:48rem;margin:1.6rem 0 0;color:var(--mf-co-muted);font-size:1.55rem;line-height:1.55}.mf-color-options__selected{display:flex;align-items:baseline;gap:.7rem;margin-top:2.8rem;font-size:1.4rem}.mf-color-options__selected-label{color:var(--mf-co-muted)}.mf-color-options__selected-name{font-weight:700}.mf-color-options__swatches{display:flex;flex-wrap:wrap;gap:.8rem;max-width:42rem;margin-top:1.4rem}.mf-color-options__swatch{position:relative;width:4rem;height:4rem;flex:0 0 4rem;padding:0;border:1px solid rgba(32,33,31,.24);border-radius:50%;background:var(--swatch-color);cursor:pointer;box-shadow:inset 0 0 0 .3rem var(--mf-co-surface);transition:transform .16s ease,box-shadow .16s ease}.mf-color-options__swatch:hover{transform:translateY(-.2rem)}.mf-color-options__swatch.is-selected{box-shadow:inset 0 0 0 .3rem var(--mf-co-surface),0 0 0 .2rem var(--mf-co-ink)}.mf-color-options__swatch:focus-visible{outline:.2rem solid var(--mf-co-ink);outline-offset:.3rem}.mf-color-options__media{grid-area:media;position:sticky;top:2rem;width:100%;max-width:62rem;overflow:hidden;border:1px solid var(--mf-co-border);border-radius:1.2rem;background:#fff;aspect-ratio:1.4 / 1}.mf-color-options__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.06);transform-origin:center top;transition:opacity .18s ease}.mf-color-options__image.is-changing{opacity:.35}.mf-color-options__facts{display:grid;gap:.8rem;margin-top:3rem}.mf-color-options__fact{display:grid;grid-template-columns:2.2rem 1fr;gap:1.1rem;padding:1.35rem 1.5rem;border:1px solid rgba(32,33,31,.08);border-radius:.8rem;background:var(--mf-co-card)}.mf-color-options__fact svg{width:1.9rem;height:1.9rem}.mf-color-options__fact-title{margin:0;font-size:1.35rem;font-weight:700}.mf-color-options__fact-copy{margin:.3rem 0 0;color:var(--mf-co-muted);font-size:1.25rem;line-height:1.45}.mf-color-options__note{margin:1.8rem 0 0;color:var(--mf-co-muted);font-size:1.15rem;line-height:1.5}.mf-color-options__cta{display:inline-flex;min-height:4.6rem;align-items:center;justify-content:center;margin-top:2rem;padding:1.2rem 2.1rem;border:1px solid var(--mf-co-ink);border-radius:.4rem;background:var(--mf-co-ink);color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.mf-color-options__cta:hover{background:transparent;color:var(--mf-co-ink)}@media screen and (max-width:989px){.mf-color-options__inner{width:min(100%,76rem);padding-inline:clamp(2.4rem,5vw,4rem)}.mf-color-options__grid{grid-template-columns:1fr;grid-template-areas:"intro" "media" "selector" "details";row-gap:2.8rem}.mf-color-options__media{position:static;max-width:62rem;justify-self:center}.mf-color-options__selected,.mf-color-options__facts{margin-top:0}.mf-color-options__swatches{max-width:none}}@media screen and (max-width:749px){.mf-color-options__inner{padding:2rem 1.8rem 5.6rem}.mf-color-options__breadcrumbs{margin-bottom:2.4rem;font-size:1.2rem}.mf-color-options__grid{row-gap:2.2rem}.mf-color-options__title{max-width:12ch;font-size:clamp(3.4rem,10vw,4.2rem);line-height:1.04}.mf-color-options__intro{margin-top:1.3rem;font-size:1.45rem}.mf-color-options__media{width:calc(100% + .8rem);margin-inline:-.4rem;border-radius:1rem}.mf-color-options__swatches{gap:.8rem;margin-top:1.2rem}.mf-color-options__swatch{width:4.4rem;height:4.4rem;flex-basis:4.4rem}.mf-color-options__facts{gap:.7rem}.mf-color-options__fact{padding:1.25rem 1.3rem}.mf-color-options__cta{width:100%}}@media(prefers-reduced-motion:reduce){.mf-color-options__swatch,.mf-color-options__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mf-color-options.css.map */