.fi-finder{--fi-finder-green: #0e3220;--fi-finder-charcoal: #1d1f21;--fi-finder-cream: #f5ebb0;--fi-finder-line: rgba(29, 31, 33, .16);--fi-finder-muted: rgba(29, 31, 33, .66);background:#fff;color:var(--fi-finder-charcoal);padding:clamp(4.8rem,8vw,9.6rem) 0 clamp(6.4rem,9vw,11.2rem)}.fi-finder *,.fi-finder *:before,.fi-finder *:after{box-sizing:border-box}.fi-finder__inner{max-width:126rem}.fi-finder__header{max-width:72rem;margin:0 auto clamp(3.2rem,5vw,5.6rem);text-align:center}.fi-finder__eyebrow,.fi-finder__progress-label,.fi-finder__question-kicker,.fi-finder__result-vendor,.fi-finder__status{margin:0;color:var(--fi-finder-green);font-size:1.1rem;font-weight:500;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.fi-finder__heading,.fi-finder__result-heading,.fi-finder__question-title,.fi-finder__result-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400}.fi-finder__heading{margin:1.2rem 0 0;color:var(--fi-finder-charcoal);font-size:clamp(3.6rem,5.2vw,6.4rem);letter-spacing:.015em;line-height:1.05}.fi-finder__intro{max-width:58rem;margin:1.8rem auto 0;color:var(--fi-finder-muted);font-size:1.55rem;line-height:1.7}.fi-finder__intro p{margin:0}.fi-finder__shell{max-width:102rem;margin:0 auto;border-top:.1rem solid var(--fi-finder-line);border-bottom:.1rem solid var(--fi-finder-line);padding:clamp(2.4rem,4vw,4rem) 0}.fi-finder__progress{display:grid;grid-template-columns:max-content minmax(14rem,1fr);align-items:center;gap:2rem}.fi-finder__progress-label{color:var(--fi-finder-muted)}.fi-finder__progress-track{height:.2rem;overflow:hidden;background:#1d1f2124}.fi-finder__progress-value{display:block;width:20%;height:100%;background:var(--fi-finder-green);transition:width .26s ease}.fi-finder__stage{min-height:35rem;padding:clamp(4rem,7vw,7.2rem) 0 3.2rem}.fi-finder__question{animation:fiFinderIn .26s ease both}.fi-finder__question-header{max-width:64rem;margin:0 auto 3.2rem;text-align:center}.fi-finder__question-kicker{color:var(--fi-finder-green)}.fi-finder__question-title{margin:1rem 0 0;font-size:clamp(2.8rem,4vw,4.4rem);letter-spacing:.01em;line-height:1.12}.fi-finder__question-help{max-width:54rem;margin:1.3rem auto 0;color:var(--fi-finder-muted);font-size:1.45rem;line-height:1.6}.fi-finder__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:76rem;margin:0 auto}.fi-finder__answers--four,.fi-finder__answers--five{max-width:92rem}.fi-finder__answer{position:relative;display:flex;min-height:7.8rem;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.8rem 2rem;border:.1rem solid var(--fi-finder-line);border-radius:.2rem;background:#fff;color:var(--fi-finder-charcoal);cursor:pointer;font:inherit;text-align:left;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.fi-finder__answer:after{width:1.6rem;height:1.6rem;flex:0 0 auto;border:.1rem solid currentColor;border-radius:50%;content:"";opacity:.68}.fi-finder__answer:hover{border-color:var(--fi-finder-green);transform:translateY(-.1rem)}.fi-finder__answer[aria-pressed=true]{border-color:var(--fi-finder-green);background:var(--fi-finder-green);color:#fff}.fi-finder__answer[aria-pressed=true]:after{border:.45rem solid #fff;opacity:1}.fi-finder__answer-label{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:400;letter-spacing:.01em;line-height:1.25}.fi-finder__answer-detail{display:block;margin-top:.45rem;color:inherit;font-size:1.25rem;line-height:1.45;opacity:.72}.fi-finder__answer:focus-visible,.fi-finder__text-button:focus-visible,.fi-finder .button:focus-visible,.fi-finder__result-action:focus-visible,.fi-finder__result-media-link:focus-visible{outline:.2rem solid var(--fi-finder-green);outline-offset:.3rem}.fi-finder__controls{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:.1rem solid var(--fi-finder-line);padding-top:2.4rem}.fi-finder__text-button{display:inline-flex;align-items:center;gap:.8rem;min-height:4.8rem;padding:0;border:0;background:transparent;color:var(--fi-finder-green);cursor:pointer;font:inherit;font-size:1.15rem;font-weight:500;letter-spacing:.12em;text-decoration:underline;text-underline-offset:.35rem;text-transform:uppercase}.fi-finder__text-button[disabled]{cursor:not-allowed;opacity:.38}.fi-finder__continue{min-width:16.5rem}.fi-finder__continue[disabled]{cursor:not-allowed;opacity:.45}.fi-finder__results{animation:fiFinderIn .32s ease both}.fi-finder__results-header{max-width:66rem;margin:0 auto 3.6rem;text-align:center}.fi-finder__result-heading{margin:0;font-size:clamp(3rem,4.2vw,4.8rem);line-height:1.1}.fi-finder__results-summary{margin:1.2rem auto 0;color:var(--fi-finder-muted);font-size:1.45rem;line-height:1.6}.fi-finder__results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem 1.6rem}.fi-finder__result-card{min-width:0;display:grid}.fi-finder__result-media{display:contents}.fi-finder__result-media-link{position:relative;display:block;grid-row:1;overflow:hidden;color:var(--fi-finder-charcoal);text-decoration:none}.fi-finder__result-image-wrap{position:relative;display:block;aspect-ratio:.8;overflow:hidden;background:#eeeae0}.fi-finder__result-image,.fi-finder__result-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.fi-finder__result-card:hover .fi-finder__result-image,.fi-finder__result-card:focus-within .fi-finder__result-image{transform:scale(1.025)}.fi-finder__result-placeholder{background:#eeeae0}.fi-finder__result-content{min-width:0;grid-row:2;padding-top:1.5rem}.fi-finder__result-vendor{color:#c8a04a;font-size:1.15rem;letter-spacing:.12em}.fi-finder__result-title{margin:.55rem 0 0;font-size:clamp(1.5rem,1.45vw,1.7rem);line-height:1.15}.fi-finder__result-title a{color:inherit;text-decoration:none}.fi-finder__result-title a:hover,.fi-finder__result-action:hover{color:var(--fi-finder-green)}.fi-finder__result-family,.fi-finder__result-price{margin:0}.fi-finder__result-family{margin-top:.6rem;color:var(--fi-finder-muted);font-size:1.3rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-finder__result-price{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.9rem;color:var(--fi-finder-charcoal);font-size:1.55rem;font-weight:500;line-height:1.35}.fi-finder__result-cart{display:flex;grid-row:3;margin-top:1rem}.fi-finder__result-cart .form{width:100%}.fi-finder__result-action{display:flex;width:100%;min-height:4rem;align-items:center;justify-content:center;cursor:pointer;border:.1rem solid var(--fi-finder-green);background:transparent;color:var(--fi-finder-green);font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.15em;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,color .18s ease}.fi-finder__result-action:hover,.fi-finder__result-action:focus-visible{background:var(--fi-finder-green);color:#fff}.fi-finder__result-action[disabled]{cursor:not-allowed;opacity:.62}.fi-finder__results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 2.4rem;margin-top:4.4rem}.fi-finder__empty{max-width:52rem;margin:0 auto;color:var(--fi-finder-muted);font-size:1.5rem;line-height:1.65;text-align:center}@keyframes fiFinderIn{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:990px){.fi-finder__answers--four{grid-template-columns:repeat(4,minmax(0,1fr))}.fi-finder__answers--five{grid-template-columns:repeat(5,minmax(0,1fr))}.fi-finder__answers--five .fi-finder__answer{min-height:9.4rem;padding:1.6rem 1.4rem}.fi-finder__answers--five .fi-finder__answer-label{font-size:1.55rem}}@media screen and (max-width:749px){.fi-finder{padding-top:4.2rem}.fi-finder__shell{padding-top:2rem}.fi-finder__progress{grid-template-columns:1fr;gap:1.1rem}.fi-finder__stage{min-height:33rem;padding:3.5rem 0 2.8rem}.fi-finder__answers{grid-template-columns:1fr;gap:.9rem}.fi-finder__answer{min-height:6.8rem;padding:1.4rem 1.6rem}.fi-finder__answer-label{font-size:1.7rem}.fi-finder__controls{gap:1.2rem}.fi-finder__continue{min-width:13.4rem}.fi-finder__results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 1rem}.fi-finder__result-content{padding-top:1.1rem}.fi-finder__result-title{font-size:1.45rem}.fi-finder__result-vendor{font-size:1.05rem}.fi-finder__result-family,.fi-finder__result-price{font-size:1.4rem}.fi-finder__result-action{min-height:3.8rem;font-size:.95rem}.fi-finder__results-actions{flex-direction:column;margin-top:3.2rem}.fi-finder__results-actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/fragrance-finder.css.map */
