.fragrance-finder__inner{max-width:76rem;margin:0 auto}.finder-card{display:flex;flex-direction:column;gap:2rem;padding:clamp(2rem,4vw,4rem);border-radius:1.4rem;background:rgba(var(--color-foreground),.03)}.finder-eyebrow{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.finder-title,.finder-question{margin:0;text-wrap:balance}.finder-title:focus,.finder-question:focus{outline:none}.finder-lede{margin:0;max-width:60ch;color:rgba(var(--color-foreground),.75)}.finder-lede p{margin:0}.finder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.8rem}.finder-link{padding:0;border:0;background:none;font:inherit;font-size:1.4rem;color:rgba(var(--color-foreground),.7);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.finder-link:hover{color:rgb(var(--color-foreground))}.finder-swatches{display:flex;flex:0 0 auto}.finder-swatches img{width:6.4rem;height:6.4rem;border-radius:50%;object-fit:cover;border:3px solid rgb(var(--color-background));box-shadow:0 1px 4px #0000002e}.finder-swatches img+img{margin-left:-1.6rem}.finder-swatches--sm img{width:4rem;height:4rem;border-width:2px}.finder-swatches--sm img+img{margin-left:-1rem}.finder-swatches--intro img{width:4.6rem;height:4.6rem}.finder-swatches--intro img+img{margin-left:-1.2rem}.finder-progress{display:flex;flex-direction:column;gap:.8rem}.finder-progress__meta{font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.finder-progress__bar{height:4px;border-radius:4px;overflow:hidden;background:rgba(var(--color-foreground),.12)}.finder-progress__bar span{display:block;height:100%;background:rgb(var(--accent-highlight-color, 230, 181, 116));transition:width .3s ease}.finder-hint{margin:-1rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.finder-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1rem}.finder-option{display:flex;align-items:center;gap:1.2rem;min-width:0;padding:1.4rem;border:1.5px solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.finder-option:hover{border-color:rgba(var(--color-foreground),.35)}.finder-option:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.finder-option[aria-pressed=true]{border-color:rgb(var(--accent-highlight-color, 230, 181, 116));background:rgba(var(--accent-highlight-color, 230, 181, 116),.18)}.finder-option img{flex:0 0 auto;width:4.8rem;height:4.8rem;border-radius:50%;object-fit:cover}.finder-option__text{display:flex;flex-direction:column;min-width:0}.finder-option__label{font-weight:600;line-height:1.3}.finder-option__sub{font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.finder-nav{display:flex;justify-content:space-between;align-items:center;gap:1.2rem}.finder-match{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2rem;padding:2rem;border:1.5px solid rgb(var(--accent-highlight-color, 230, 181, 116));border-radius:1.4rem;background:rgb(var(--color-background))}.finder-match__body{display:flex;flex-direction:column;gap:1rem;min-width:0}.finder-match__label{font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.finder-match__name{margin:0}.finder-ingredients{font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.finder-because{margin:0;color:rgba(var(--color-foreground),.75)}.finder-gift{display:flex;align-items:center;gap:1.4rem;padding:1.2rem;border-radius:1.2rem;background:rgba(var(--accent-highlight-color, 230, 181, 116),.14)}.finder-gift img{flex:0 0 auto;width:7.2rem;height:7.2rem;border-radius:.8rem;object-fit:cover}.finder-gift .finder-match__label{font-size:1.1rem}.finder-gift .finder-option__text{flex:1 1 auto}.finder-gift{position:relative;transition:box-shadow .15s ease}.finder-gift:hover{box-shadow:inset 0 0 0 1.5px rgba(var(--color-foreground),.25)}.finder-gift__link{color:inherit;text-decoration:none}.finder-gift__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.2rem}.finder-gift__link:focus-visible{outline:none}.finder-gift:has(.finder-gift__link:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.finder-gift__add{z-index:1}.finder-gift__add{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));cursor:pointer;transition:transform .15s ease,background-color .2s ease}.finder-gift__add:hover{transform:scale(1.06)}.finder-gift__add:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.finder-gift__icon--tick,.finder-gift__add.is-added .finder-gift__icon--plus,.finder-gift__add.is-loading .finder-gift__icon{display:none}.finder-gift__add.is-added .finder-gift__icon--tick{display:block}.finder-gift__add.is-added{background:rgb(var(--accent-highlight-color, 230, 181, 116));color:rgb(var(--color-foreground))}.finder-gift__add.is-loading:after{content:"";width:1.8rem;height:1.8rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:finder-spin .7s linear infinite}@keyframes finder-spin{to{transform:rotate(360deg)}}.finder-gift__error{margin:-.4rem 0 0;font-size:1.3rem;color:rgb(var(--color-foreground))}.finder-subheading{margin:0}.finder-alts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1.2rem;margin-top:-.8rem}.finder-alt{display:flex;align-items:center;gap:1.4rem;min-width:0;padding:1.4rem;border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;border:1.5px solid transparent}.finder-alt:hover{border-color:rgba(var(--color-foreground),.2)}@media screen and (max-width:559px){.finder-match{position:relative;grid-template-columns:1fr}.finder-match>.finder-swatches{position:absolute;top:2rem;right:2rem}.finder-match>.finder-swatches img{width:4.4rem;height:4.4rem;border-width:2px}.finder-match>.finder-swatches img+img{margin-left:-1.2rem}.finder-match__body>.finder-match__label,.finder-match__body>.finder-match__name{padding-right:11.6rem}.finder-actions .button{width:100%}}.finder-close,.finder-backdrop[hidden]{display:none}.finder-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;animation:finder-fade-in .25s ease-out}html.finder-focus-lock,html.finder-focus-lock body{overflow:hidden}.fragrance-finder__inner.is-focus{position:fixed;top:4.8rem;right:0;bottom:0;left:0;z-index:10001;max-width:none;margin:0;overflow-y:auto;overscroll-behavior:contain;border-radius:1.6rem 1.6rem 0 0;background:rgb(var(--color-background));padding-bottom:env(safe-area-inset-bottom);animation:finder-sheet-in .3s ease-out}.is-focus .finder-close{position:sticky;top:.8rem;z-index:1;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:.8rem .8rem -5.2rem auto;padding:0;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.is-focus .finder-close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.is-focus .finder-card{padding:2rem 1.6rem 3rem;border-radius:0;background:none}.is-focus .finder-progress,.is-focus .finder-results>:first-child{padding-right:5.2rem}@keyframes finder-sheet-in{0%{transform:translateY(100%)}}@keyframes finder-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.finder-progress__bar span,.finder-option{transition:none}.finder-backdrop,.fragrance-finder__inner.is-focus{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fragrance-finder.css.map */