.myop-fingerprint{display:grid;gap:1.1rem;margin:2rem 0 0;padding:1.8rem 0 0;border-top:1px solid rgba(var(--color-foreground),.14)}.myop-fingerprint__row{display:grid;grid-template-columns:9rem 1fr;align-items:center;gap:1.4rem}.myop-fingerprint__label{font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem;color:rgba(var(--color-foreground),.8)}.myop-fingerprint__meter{display:flex;gap:.6rem}.myop-fingerprint__dot{flex:1;height:.5rem;border-radius:999px;background:rgba(var(--color-foreground),.14);transition:background .5s var(--ease-primary, ease)}.myop-fingerprint__dot.is-on{background:var(--brand-gold, #F37021)}.myop-pyramid{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin:1rem auto 0;max-width:62rem;width:100%}.myop-pyramid__tier{width:100%;border-radius:16px;padding:1.8rem 2rem;text-align:center;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.08)}.myop-pyramid__tier--top{width:62%;background:color-mix(in srgb,var(--brand-gold, #F37021) 14%,transparent)}.myop-pyramid__tier--heart{width:80%;background:color-mix(in srgb,var(--brand-gold, #F37021) 9%,transparent)}.myop-pyramid__tier--base{width:100%;background:color-mix(in srgb,var(--brand-gold, #F37021) 5%,transparent)}.myop-pyramid__stage{display:block;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.12em;font-size:1.15rem;color:var(--brand-gold, #F37021);margin-bottom:.9rem}.myop-pyramid__notes{display:flex;flex-wrap:wrap;gap:.6rem .9rem;justify-content:center}.myop-pyramid__chip{font-size:1.45rem;line-height:1.3;padding:.35rem 0;position:relative}.myop-pyramid__chip:not(:last-child):after{content:"\b7";margin-left:.9rem;opacity:.4}.myop-pyramid-section__inner{max-width:90rem;margin-inline:auto;padding-inline:clamp(2rem,5vw,4rem);text-align:center}.myop-pyramid-section__empty{margin:1.6rem auto 0;max-width:60ch;font-size:1.3rem;opacity:.6}.myop-pyramid-section__empty code{background:rgba(var(--color-foreground),.06);padding:.1rem .5rem;border-radius:4px;font-size:.92em}.myop-journey{width:100%}.myop-journey__inner{max-width:118rem;margin-inline:auto;padding-inline:clamp(2rem,5vw,6rem);text-align:center}.myop-journey__eyebrow{margin:0 0 1rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.16em;font-size:1.25rem;color:var(--brand-gold, #F37021)}.myop-journey__heading{margin:0 0 4rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2.2rem,3.2vw,3.2rem)}.myop-journey__track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--stages, 3),1fr);gap:clamp(1.6rem,3vw,3.2rem);position:relative}.myop-journey__track:before{content:"";position:absolute;top:.6rem;left:8%;right:8%;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-gold, #F37021) 40%,transparent),rgba(var(--color-foreground),.12))}.myop-journey__stage{display:flex;flex-direction:column;align-items:center;gap:.6rem;position:relative;padding-top:3rem}.myop-journey__dot{position:absolute;top:0;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--wash, var(--brand-gold, #F37021));box-shadow:0 0 0 6px color-mix(in srgb,var(--wash, #F37021) 18%,transparent)}.myop-journey__time{font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06em;font-size:1.2rem;color:var(--brand-gold, #F37021)}.myop-journey__title{font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.7rem,2vw,2.1rem)}.myop-journey__text{max-width:32ch;line-height:1.6;font-size:1.45rem;opacity:.82}@media screen and (max-width:749px){.myop-journey__track{grid-template-columns:1fr;gap:2.6rem;text-align:left}.myop-journey__track:before{display:none}.myop-journey__stage{align-items:flex-start;padding-top:0;padding-left:2.6rem}.myop-journey__dot{top:.4rem;left:0}.myop-journey__text{max-width:none}.myop-pyramid__tier--top,.myop-pyramid__tier--heart,.myop-pyramid__tier--base{width:100%}}@supports not (background: color-mix(in srgb,red,blue)){.myop-pyramid__tier--top{background:#f3702124}.myop-pyramid__tier--heart{background:#f3702117}.myop-pyramid__tier--base{background:#f370210d}.myop-journey__dot{box-shadow:0 0 0 6px #f370212e}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-myop-scent.css.map */