.myop-finder{width:100%;display:block}.myop-finder__inner{max-width:82rem;margin-inline:auto;padding-inline:clamp(2rem,5vw,4rem);text-align:center}.myop-finder__eyebrow{margin:0 0 1.2rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.2em;font-size:1.35rem;font-weight:700;color:var(--brand-gold, #F37021)}.myop-finder__heading{margin:0 0 1.4rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.02em;line-height:1.02;font-size:clamp(3rem,5vw,5rem)}.myop-finder__sub{margin:0 auto 3rem;max-width:46ch;line-height:1.7;opacity:.8;font-size:1.65rem}.myop-finder__start{min-width:24rem;min-height:5.6rem;font-size:1.55rem;letter-spacing:.06em}.myop-finder__progress{height:5px;background:rgba(var(--color-foreground),.12);border-radius:999px;overflow:hidden;max-width:44rem;margin:0 auto 4rem}.myop-finder__bar{display:block;height:100%;width:0;background:var(--brand-gold, #F37021);transition:width .45s var(--ease-primary, ease)}.myop-finder__step{border:0;margin:0;padding:0;min-inline-size:auto}.myop-finder__count{display:inline-block;font-family:var(--font-heading-family);letter-spacing:.1em;font-size:1.25rem;font-weight:700;color:var(--brand-gold, #F37021);margin-bottom:1.2rem}.myop-finder__q{margin:0 auto 3rem;max-width:22ch;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2.4rem,3.4vw,3.6rem);line-height:1.08}.myop-finder__options{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;max-width:60rem;margin:0 auto}.myop-finder__opt{position:relative;display:flex;align-items:center;justify-content:center;min-height:8.4rem;padding:1.8rem 2.4rem;border-radius:18px;border:2px solid rgba(var(--color-foreground),.12);background:#fff;color:#000;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.03em;font-size:1.7rem;cursor:pointer;box-shadow:0 6px 20px #0000000d;transition:transform .25s var(--ease-primary, ease),box-shadow .25s,background .25s,color .25s,border-color .25s}.myop-finder__opt:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--brand-gold, #F37021);border-radius:18px 0 0 18px;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-primary, ease)}.myop-finder__opt:hover,.myop-finder__opt:focus-visible{transform:translateY(-4px);border-color:var(--brand-gold, #F37021);background:var(--brand-gold, #F37021);color:#fff;box-shadow:0 14px 34px #f3702147;outline:none}.myop-finder__opt:hover:after,.myop-finder__opt:focus-visible:after{transform:scaleX(0)}.myop-finder__back{margin-top:2.8rem;background:none;border:0;cursor:pointer;font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground),.7)}.myop-finder__back:hover{color:var(--brand-gold, #F37021)}.myop-finder__result{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(2rem,4vw,4.5rem);text-align:left;max-width:74rem;margin:0 auto}.myop-finder__result-media img{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 20px 50px #0000001f}.myop-finder__result-eyebrow{margin:0 0 .8rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.18em;font-size:1.3rem;font-weight:700;color:var(--brand-gold, #F37021)}.myop-finder__result-title{margin:0 0 1.2rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(3rem,4.5vw,4.6rem);line-height:1}.myop-finder__result-desc{margin:0 0 2.4rem;line-height:1.7;opacity:.85;font-size:1.7rem}.myop-finder__result .button{min-height:5.4rem;min-width:20rem;font-size:1.5rem;letter-spacing:.05em}.myop-finder__restart{display:block;margin:3.6rem auto 0;background:none;border:0;cursor:pointer;font-size:1.4rem;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:rgba(var(--color-foreground),.7)}.myop-finder__restart:hover{color:var(--brand-gold, #F37021)}@media screen and (max-width:749px){.myop-finder__options{grid-template-columns:1fr}.myop-finder__opt{min-height:6.6rem;font-size:1.5rem}.myop-finder__result{grid-template-columns:1fr;text-align:center}.myop-finder__result-media{order:-1;max-width:30rem;margin-inline:auto}.myop-finder__result .button{margin-inline:auto}}@media(prefers-reduced-motion:reduce){.myop-finder__bar,.myop-finder__opt,.myop-finder__opt:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-myop-scent-finder.css.map */