.fragrance-quiz{padding-block:var(--quiz-padding-top, 64px) var(--quiz-padding-bottom, 64px)}.fragrance-quiz__inner{max-width:720px;margin-inline:auto;text-align:center}.fragrance-quiz__header{margin-block-end:2.5rem}.fragrance-quiz__title{font-size:clamp(1.75rem,4vw,2.5rem);margin-block-end:.75rem}.fragrance-quiz__subtitle{font-size:1.0625rem;opacity:.75;max-width:520px;margin-inline:auto;line-height:1.6}.fragrance-quiz__step{display:none;animation:quiz-fade-in .35s ease forwards}.fragrance-quiz__step.is-active{display:block}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fragrance-quiz__question{font-size:1.125rem;font-weight:600;margin-block-end:1.5rem;letter-spacing:-.01em}.fragrance-quiz__options{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}@media(max-width:480px){.fragrance-quiz__options{grid-template-columns:1fr 1fr;gap:.625rem}}.fragrance-quiz__option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;border:1.5px solid currentColor;border-radius:.75rem;background:transparent;cursor:pointer;transition:background .2s ease,transform .15s ease,border-color .2s ease;opacity:.85;font-family:inherit;color:inherit;text-align:center}.fragrance-quiz__option:hover{opacity:1;transform:translateY(-2px);background:#80808014}.fragrance-quiz__option.is-selected{opacity:1;background:#80808026;border-width:2px}.fragrance-quiz__option-icon{font-size:2rem;line-height:1}.fragrance-quiz__option-label{font-size:.9375rem;font-weight:500;line-height:1.3}.fragrance-quiz__result{animation:quiz-fade-in .45s ease forwards;padding-block:1rem}.fragrance-quiz__result-badge{font-size:4rem;line-height:1;margin-block-end:1rem}.fragrance-quiz__result-name{font-size:clamp(1.5rem,3vw,2rem);margin-block-end:.75rem}.fragrance-quiz__result-desc{font-size:1.0625rem;opacity:.8;max-width:480px;margin-inline:auto;line-height:1.6;margin-block-end:2rem}.fragrance-quiz__result-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.fragrance-quiz__result-btn{display:inline-block;min-width:200px}.fragrance-quiz__restart{font-size:.9375rem;opacity:.65;background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;text-decoration:underline;text-underline-offset:3px;padding:0}.fragrance-quiz__restart:hover{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/27/assets/fragrance-quiz.css.map */