.fragrance-quiz-section .fq-progress{display:none}.fragrance-quiz-section .fq-step[hidden]{display:none!important}.fragrance-quiz-section .fq-step.fq-step--active{display:block;width:100%}.fragrance-quiz-section .fq-step[data-step="0"]:not([hidden]){display:block;width:100%}.fragrance-quiz-section .fq-step--entering{animation:fq-step-enter .3s ease-out forwards}.fragrance-quiz-section .fq-step--exiting{animation:fq-step-exit .25s ease-in forwards}@keyframes fq-step-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fq-step-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.fragrance-quiz-section .fq-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 0 4rem}.fragrance-quiz-section .fq-intro__tool-name{font-size:1.2rem;letter-spacing:.2rem;text-transform:uppercase;color:rgba(var(--color-foreground),.45);margin:0 0 2rem;font-family:var(--font-body-family)}.fragrance-quiz-section .fq-intro__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 3rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));margin:0 0 1.5rem}@media screen and (min-width:750px){.fragrance-quiz-section .fq-intro__heading{font-size:calc(var(--font-heading-scale) * 4rem)}}.fragrance-quiz-section .fq-intro__text{max-width:54rem;margin:0 auto 3rem;font-size:1.6rem;line-height:calc(1 + .8 / var(--font-body-scale));color:rgba(var(--color-foreground),.75)}.fragrance-quiz-section .fq-intro__text p{margin:0}.fragrance-quiz-section .fq-step__eyebrow{font-size:1.2rem;letter-spacing:.2rem;text-transform:uppercase;color:rgba(var(--color-foreground),.45);font-family:var(--font-body-family);text-align:center;width:100%;margin:3.5rem 0 0}@media screen and (min-width:750px){.fragrance-quiz-section .fq-step__eyebrow{margin-top:4rem}}.fragrance-quiz-section .fq-step__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));margin:3.5rem 0 2.5rem;text-align:center;width:100%}.fragrance-quiz-section .fq-step__eyebrow+.fq-step__title{margin-top:1rem}@media screen and (min-width:750px){.fragrance-quiz-section .fq-step__title{font-size:calc(var(--font-heading-scale) * 2.4rem);margin:4rem 0 3rem}.fragrance-quiz-section .fq-step__eyebrow+.fq-step__title{margin-top:1.2rem}}.fragrance-quiz-section .fq-step__hint{font-size:1.3rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.55);text-align:center;margin:-1.5rem 0 2rem}.fragrance-quiz-section .fq-step__actions{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:2rem}.fragrance-quiz-section .fq-options{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.fragrance-quiz-section .fq-options{grid-template-columns:repeat(2,1fr)}}.fragrance-quiz-section .fq-option{position:relative;display:flex;flex-direction:column;padding:1.8rem 2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--text-boxes-radius, 0);background:rgb(var(--color-background));cursor:pointer;text-align:left;transition:border-color var(--duration-default) ease,background var(--duration-default) ease;width:100%;box-sizing:border-box;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.fragrance-quiz-section .fq-option:hover{border-color:rgba(var(--color-foreground),.5)}.fragrance-quiz-section .fq-option:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}.fragrance-quiz-section .fq-option__label{font-size:1.5rem;font-weight:var(--font-body-weight-bold);color:rgb(var(--color-foreground));line-height:1.3;letter-spacing:.06rem}.fragrance-quiz-section .fq-option__sub{font-size:1.3rem;color:rgba(var(--color-foreground),.6);margin-top:.3rem;line-height:1.4;letter-spacing:.04rem}.fragrance-quiz-section .fq-option.fq-option--selected{background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.fragrance-quiz-section .fq-option.fq-option--selected .fq-option__label{color:rgb(var(--color-button-text))}.fragrance-quiz-section .fq-option.fq-option--selected .fq-option__sub{color:rgba(var(--color-button-text),.75)}.fragrance-quiz-section .fq-back{background:none;border:none;color:rgba(var(--color-foreground),.5);font-size:1.4rem;letter-spacing:.04rem;font-family:var(--font-body-family);cursor:pointer;padding:.5rem 0;margin-top:2.5rem;display:inline-block;transition:color var(--duration-default) ease;text-decoration:none}.fragrance-quiz-section .fq-back:hover{color:rgb(var(--color-foreground))}.fragrance-quiz-section .fq-back:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.fragrance-quiz-section .fq-result{width:100%;text-align:center;padding:4rem 0 2rem}.fragrance-quiz-section .fq-result__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 3rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:rgb(var(--color-foreground));margin:1rem 0 2.5rem}@media screen and (min-width:750px){.fragrance-quiz-section .fq-result__heading{font-size:calc(var(--font-heading-scale) * 4rem)}}.fragrance-quiz-section .fq-result__profile{display:flex;flex-direction:column;align-items:center}.fragrance-quiz-section .fq-result__family{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2.4rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));margin:0}@media screen and (min-width:750px){.fragrance-quiz-section .fq-result__family{font-size:calc(var(--font-heading-scale) * 3rem)}}.fragrance-quiz-section .fq-result__secondary{display:block;font-size:1.5rem;letter-spacing:.06rem;color:rgba(var(--color-foreground),.6);margin-top:.5rem}.fragrance-quiz-section .fq-result__layers{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;width:100%}.fragrance-quiz-section .fq-result__layer{display:flex;flex-direction:column;align-items:center;gap:.8rem}.fragrance-quiz-section .fq-result__layer-label{font-size:1.1rem;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.45)}.fragrance-quiz-section .fq-result__pills{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.fragrance-quiz-section .fq-pills__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.fragrance-quiz-section .fq-pill{display:inline-block;font-size:1.2rem;letter-spacing:.04rem;padding:.4rem 1rem;border-radius:10rem;line-height:1.4}.fragrance-quiz-section .fq-pill--primary{background:rgba(var(--color-foreground),.08);border:.1rem solid rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground))}.fragrance-quiz-section .fq-pill--secondary{background:transparent;border:.1rem solid rgba(var(--color-foreground),.15);color:rgba(var(--color-foreground),.55)}.fragrance-quiz-section .fq-result__text{margin-top:2.5rem;font-size:1.5rem;line-height:calc(1 + .8 / var(--font-body-scale));letter-spacing:.06rem;color:rgba(var(--color-foreground),.75);max-width:60rem;text-align:left}.fragrance-quiz-section .fq-result__actions{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.fragrance-quiz-section .fq-result__restart{display:flex;justify-content:center}.fragrance-quiz-section .fq-briefing{padding-top:4rem;margin-top:3rem;border-top:.1rem solid rgba(var(--color-foreground),.1);width:100%}.fragrance-quiz-section .fq-briefing__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));margin:0 0 .5rem}.fragrance-quiz-section .fq-briefing__intro{color:rgba(var(--color-foreground),.6);margin:0 0 3rem;font-size:1.5rem;letter-spacing:.06rem;line-height:calc(1 + .8 / var(--font-body-scale))}.fragrance-quiz-section .fq-form__profile-summary{background-color:rgba(var(--color-foreground),.04);border-radius:var(--text-boxes-radius, 0);padding:2rem;margin:2rem 0;font-size:1.4rem;letter-spacing:.04rem;line-height:calc(1 + .5 / var(--font-body-scale));color:rgba(var(--color-foreground),.65)}.fragrance-quiz-section .fq-form__profile-summary:empty{display:none}.fragrance-quiz-section .fq-form__profile-summary dt{font-weight:var(--font-body-weight-bold);color:rgb(var(--color-foreground))}.fragrance-quiz-section .fq-form__profile-summary dd{margin-left:0;margin-bottom:.8rem}.fragrance-quiz-section .fq-form__profile-summary dd:last-child{margin-bottom:0}.fragrance-quiz-section select.field__input~.field__label{font-size:1.6rem;top:calc(1rem + var(--inputs-border-width));letter-spacing:.1rem}.fragrance-quiz-section .field:has(select option:checked:not([value=""])) .field__label{font-size:1rem;top:calc(var(--inputs-border-width) + .5rem);letter-spacing:.04rem}.fragrance-quiz-section .field:has(select option:checked:not([value=""])) select.field__input{padding:2.2rem 1.5rem .8rem 2rem}.fragrance-quiz-section .fq-form__privacy{font-size:1.2rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.5);margin-top:1.5rem;line-height:1.5}.fragrance-quiz-section .fq-form__privacy a{color:rgba(var(--color-foreground),.6);text-decoration:underline;text-underline-offset:.3rem;transition:color var(--duration-default) ease}.fragrance-quiz-section .fq-form__privacy a:hover{color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.fragrance-quiz-section .fq-progress__bar,.fragrance-quiz-section .fq-option,.fragrance-quiz-section .fq-back,.fragrance-quiz-section .fq-form__privacy a{transition-duration:0ms}.fragrance-quiz-section .fq-step--entering,.fragrance-quiz-section .fq-step--exiting{animation-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/fragrance-quiz.css.map */