@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap";.aroma-quiz-root{--quiz-bg: #F5F2EE;--quiz-text: #1a1a1a;--quiz-btn: #1a1a1a;--quiz-accent: #8B6F4E;--quiz-border: rgba(139,111,78,.2);--radius-card: 14px;--radius-btn: 8px;--trans-fast: .2s ease;--trans-med: .35s ease;--shadow-card: 0 2px 12px rgba(0,0,0,.07);--shadow-hover: 0 8px 28px rgba(0,0,0,.12);background:var(--quiz-bg);color:var(--quiz-text);font-family:Jost,sans-serif;box-sizing:border-box}.aroma-quiz-root *,.aroma-quiz-root *:before,.aroma-quiz-root *:after{box-sizing:border-box}.aroma-quiz-root #aroma-quiz{max-width:1080px;margin:0 auto;padding:0 20px;font-family:Jost,sans-serif;color:var(--quiz-text)}.aroma-quiz-root .quiz-header{text-align:center;margin-bottom:40px;animation:aq-fade-up .6s ease both}.aroma-quiz-root .quiz-eyebrow{font-family:Jost,sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:3px!important;text-transform:uppercase!important;color:var(--quiz-accent)!important;margin:0 0 14px!important;padding:0!important;line-height:1.4!important}.aroma-quiz-root .quiz-header h2{font-family:Cormorant Garamond,serif!important;font-size:clamp(28px,5vw,48px)!important;font-weight:400!important;letter-spacing:-.02em!important;line-height:1.15!important;margin:0 0 12px!important;padding:0!important;color:var(--quiz-text)!important}.aroma-quiz-root .quiz-sub{font-size:15px;color:color-mix(in srgb,var(--quiz-text) 55%,transparent);max-width:480px;margin:0 auto;line-height:1.65}.aroma-quiz-root .quiz-progress-wrap{margin:0 auto 44px;max-width:560px}.aroma-quiz-root .quiz-steps{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:10px}.aroma-quiz-root .step{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--quiz-text) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--quiz-text) 15%,transparent);display:flex;align-items:center;justify-content:center;z-index:2;transition:background var(--trans-med),border-color var(--trans-med),transform var(--trans-fast);cursor:default}.aroma-quiz-root .step-num{font-family:Jost,sans-serif!important;font-size:12px!important;font-weight:500!important;color:color-mix(in srgb,var(--quiz-text) 45%,transparent)!important;transition:color var(--trans-med);line-height:1!important;margin:0!important;padding:0!important}.aroma-quiz-root .step.active{background:var(--quiz-btn);border-color:var(--quiz-btn);transform:scale(1.1)}.aroma-quiz-root .step.active .step-num{color:var(--quiz-bg)!important}.aroma-quiz-root .progress-line{position:absolute;top:50%;left:17px;right:17px;height:1.5px;background:color-mix(in srgb,var(--quiz-text) 12%,transparent);z-index:1;transform:translateY(-50%)}.aroma-quiz-root .progress-fill{height:100%;width:0%;background:var(--quiz-btn);transition:width .45s cubic-bezier(.4,0,.2,1)}.aroma-quiz-root .quiz-step-label{text-align:center;font-size:12px;color:color-mix(in srgb,var(--quiz-text) 40%,transparent);letter-spacing:.5px;margin:0}.aroma-quiz-root .quiz-question-inner{animation:aq-fade-up .4s ease both}@keyframes aq-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes aq-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.aroma-quiz-root #quiz-question h3{font-family:Cormorant Garamond,serif!important;font-size:clamp(22px,4vw,34px)!important;font-weight:400!important;text-align:center!important;margin:0 0 8px!important;padding:0!important;line-height:1.25!important;color:var(--quiz-text)!important}.aroma-quiz-root .quiz-instruction{text-align:center;font-size:13px;color:color-mix(in srgb,var(--quiz-text) 48%,transparent);margin:0 0 32px;letter-spacing:.2px}.aroma-quiz-root .options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-bottom:32px!important;padding:0!important;list-style:none!important}.aroma-quiz-root .options:has(.option:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,240px))!important;justify-content:center!important}.aroma-quiz-root .option{position:relative!important;display:flex!important;flex-direction:column!important;border:1.5px solid color-mix(in srgb,var(--quiz-text) 10%,transparent)!important;border-radius:var(--radius-card)!important;overflow:hidden!important;cursor:pointer!important;background:#fff!important;transition:transform var(--trans-med),box-shadow var(--trans-med),border-color var(--trans-med)!important;box-shadow:var(--shadow-card)!important;will-change:transform;text-decoration:none!important;margin:0!important;padding:0!important}.aroma-quiz-root .option:hover{transform:translateY(-5px)!important;box-shadow:var(--shadow-hover)!important;border-color:color-mix(in srgb,var(--quiz-accent) 40%,transparent)!important}.aroma-quiz-root .option.selected{border-color:var(--quiz-accent)!important;border-width:2px!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--quiz-accent) 12%,transparent),var(--shadow-card)!important}.aroma-quiz-root .option-img-wrap{width:100%!important;aspect-ratio:1 / 1!important;overflow:hidden!important;flex-shrink:0!important;background:#f0ece6!important;display:block!important;margin:0!important;padding:0!important}.aroma-quiz-root .option-img-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .5s ease!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important}.aroma-quiz-root .option:hover .option-img-wrap img{transform:scale(1.04)!important}.aroma-quiz-root .option-body{padding:12px 14px 16px!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important}.aroma-quiz-root .option h4,.aroma-quiz-root .option-body h4{font-family:Jost,sans-serif!important;font-size:14px!important;font-weight:500!important;margin:0!important;padding:0!important;color:var(--quiz-text)!important;letter-spacing:.2px!important;line-height:1.3!important;text-transform:none!important;border:none!important;background:none!important}.aroma-quiz-root .option-desc{font-size:12px!important;color:color-mix(in srgb,var(--quiz-text) 50%,transparent)!important;line-height:1.5!important;margin:0!important;padding:0!important;font-family:Jost,sans-serif!important}.aroma-quiz-root .option-check{position:absolute!important;top:10px!important;right:10px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;border-radius:50%!important;background:var(--quiz-accent)!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transform:scale(.5)!important;transition:opacity .2s ease,transform .25s cubic-bezier(.175,.885,.32,1.275)!important;font-family:none!important;font-size:0!important;line-height:0!important;color:transparent!important;text-indent:-9999px!important;overflow:hidden!important;pointer-events:none!important;padding:0!important;margin:0!important;border:none!important;z-index:3!important;box-shadow:none!important;text-decoration:none!important}.aroma-quiz-root .option-check svg{width:13px!important;height:13px!important;display:block!important;flex-shrink:0!important;font-size:0!important;text-indent:0!important;overflow:visible!important;fill:none!important;stroke:none!important}.aroma-quiz-root .option-check svg polyline{stroke:#fff!important;stroke-width:2.5!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}.aroma-quiz-root .option.selected .option-check{opacity:1!important;transform:scale(1)!important}.aroma-quiz-root .quiz-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.aroma-quiz-root .quiz-btn{padding:13px 32px!important;font-family:Jost,sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:1px!important;text-transform:uppercase!important;border-radius:var(--radius-btn)!important;cursor:pointer!important;transition:background var(--trans-fast),color var(--trans-fast),transform var(--trans-fast),box-shadow var(--trans-fast)!important;line-height:1!important;display:inline-block!important;text-decoration:none!important}.aroma-quiz-root .quiz-btn-primary{background:var(--quiz-btn)!important;color:var(--quiz-bg)!important;border:1.5px solid var(--quiz-btn)!important}.aroma-quiz-root .quiz-btn-primary:hover{background:color-mix(in srgb,var(--quiz-btn) 80%,white)!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #0000002e!important}.aroma-quiz-root .quiz-btn-secondary{background:transparent!important;color:var(--quiz-text)!important;border:1.5px solid color-mix(in srgb,var(--quiz-text) 22%,transparent)!important}.aroma-quiz-root .quiz-btn-secondary:hover{border-color:var(--quiz-text)!important;background:color-mix(in srgb,var(--quiz-text) 5%,transparent)!important}.aroma-quiz-root .fancy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 80px;text-align:center;animation:aq-fade-up .45s ease both}.aroma-quiz-root .loading-ring-wrap{position:relative;width:180px;height:180px;margin-bottom:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.aroma-quiz-root .loading-slogan-ring{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:190px!important;height:190px!important;display:block!important;animation:aq-spin-slow 18s linear infinite!important;transform-origin:center center!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:1!important}.aroma-quiz-root .loading-img-wrap{position:relative!important;width:78px!important;height:78px!important;border-radius:50%!important;overflow:visible!important;z-index:5!important;background:#f5f2ee!important;padding:4px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}.aroma-quiz-root #loading-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;opacity:0;transform:scale(1);transition:opacity .35s ease,transform .35s ease;border-radius:0!important;margin:0!important;padding:0!important;position:relative!important;z-index:10!important;max-width:100%!important;max-height:100%!important}.aroma-quiz-root #loading-img.aq-img-visible{opacity:1;transform:scale(1)}@keyframes aq-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aroma-quiz-root .loading-headline{font-family:Cormorant Garamond,serif!important;font-size:clamp(20px,3.5vw,26px)!important;font-weight:400!important;color:var(--quiz-text)!important;margin:0 0 8px!important;padding:0!important;letter-spacing:-.01em!important}.aroma-quiz-root .loading-sub{font-size:13px;color:color-mix(in srgb,var(--quiz-text) 45%,transparent);margin:0;letter-spacing:.2px}.aroma-quiz-root .fragrance-story{max-width:620px;margin:0 auto 48px;text-align:center;animation:aq-fade-up .5s ease both}.aroma-quiz-root .fragrance-story h1{font-family:Cormorant Garamond,serif!important;font-size:clamp(30px,5vw,46px)!important;font-weight:400!important;letter-spacing:-.02em!important;margin:0 0 12px!important;padding:0!important;color:var(--quiz-text)!important;line-height:1.15!important}.aroma-quiz-root .fragrance-story>p{color:color-mix(in srgb,var(--quiz-text) 55%,transparent);font-size:14px;line-height:1.7;margin:0 0 28px;padding:0}.aroma-quiz-root .story-group{display:flex!important;align-items:center!important;gap:10px!important;margin:0 auto 12px!important;flex-wrap:wrap!important;justify-content:center!important;max-width:560px!important;padding:0!important}.aroma-quiz-root .story-group .story-label{font-family:Jost,sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:color-mix(in srgb,var(--quiz-text) 45%,transparent)!important;white-space:nowrap!important;display:inline-block!important;margin:0!important;padding:0!important;line-height:1.4!important}.aroma-quiz-root .tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important}.aroma-quiz-root .tag{font-family:Jost,sans-serif!important;font-size:12px!important;padding:5px 12px!important;background:color-mix(in srgb,var(--quiz-accent) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--quiz-accent) 30%,transparent)!important;border-radius:20px!important;color:var(--quiz-accent)!important;font-weight:500!important;letter-spacing:.3px!important;display:inline-block!important;margin:0!important;line-height:1.4!important;white-space:nowrap!important;text-decoration:none!important}.aroma-quiz-root .result-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-bottom:36px!important;padding:0!important;animation:aq-fade-up .5s .1s ease both}.aroma-quiz-root .result-card{display:flex!important;flex-direction:column!important;border:1px solid color-mix(in srgb,var(--quiz-text) 9%,transparent)!important;border-radius:var(--radius-card)!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--shadow-card)!important;transition:transform var(--trans-med),box-shadow var(--trans-med)!important;text-decoration:none!important;margin:0!important;padding:0!important}.aroma-quiz-root .result-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-hover)!important}.aroma-quiz-root .card-match-tags{padding:10px 14px 8px!important;background:color-mix(in srgb,var(--quiz-accent) 6%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--quiz-accent) 15%,transparent)!important;display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;flex-shrink:0!important}.aroma-quiz-root .card-tag-row{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important}.aroma-quiz-root .card-tag-label{font-family:Jost,sans-serif!important;font-size:9px!important;font-weight:500!important;letter-spacing:1.2px!important;text-transform:uppercase!important;color:color-mix(in srgb,var(--quiz-text) 40%,transparent)!important;white-space:nowrap!important;flex-shrink:0!important;line-height:1.4!important;margin:0!important;padding:0!important}.aroma-quiz-root .card-tags{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important;margin:0!important;padding:0!important}.aroma-quiz-root .card-tag{font-family:Jost,sans-serif!important;font-size:10px!important;padding:2px 8px!important;background:color-mix(in srgb,var(--quiz-accent) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--quiz-accent) 28%,transparent)!important;border-radius:20px!important;color:var(--quiz-accent)!important;font-weight:500!important;letter-spacing:.2px!important;display:inline-block!important;margin:0!important;line-height:1.5!important;white-space:nowrap!important}.aroma-quiz-root .result-card-img{width:100%!important;aspect-ratio:3 / 4!important;object-fit:cover!important;display:block!important;flex-shrink:0!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important}.aroma-quiz-root .result-card-body{padding:14px 14px 18px!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important}.aroma-quiz-root .result-card h4,.aroma-quiz-root .result-card-body h4{font-family:Jost,sans-serif!important;font-size:14px!important;font-weight:600!important;margin:0 0 8px!important;padding:0!important;color:var(--quiz-text)!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;border:none!important;background:none!important}.aroma-quiz-root .result-card-desc{font-family:Jost,sans-serif!important;font-size:12px!important;color:color-mix(in srgb,var(--quiz-text) 52%,transparent)!important;line-height:1.55!important;margin:0 0 12px!important;padding:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;flex-grow:1!important}.aroma-quiz-root .result-card a{display:block!important;padding:9px 18px!important;background:var(--quiz-btn)!important;color:var(--quiz-bg)!important;text-decoration:none!important;border-radius:6px!important;font-family:Jost,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:.8px!important;text-transform:uppercase!important;text-align:center!important;margin-top:auto!important;flex-shrink:0!important;transition:background var(--trans-fast),transform var(--trans-fast)!important;border:none!important;cursor:pointer!important;line-height:1.4!important}.aroma-quiz-root .result-card a:hover{background:color-mix(in srgb,var(--quiz-btn) 80%,white)!important;transform:translateY(-1px)!important;color:var(--quiz-bg)!important}.aroma-quiz-root .reset-btn{display:inline-block!important;padding:13px 32px!important;background:transparent!important;color:var(--quiz-text)!important;border:1.5px solid color-mix(in srgb,var(--quiz-text) 25%,transparent)!important;border-radius:var(--radius-btn)!important;cursor:pointer!important;font-family:Jost,sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:1px!important;text-transform:uppercase!important;transition:background var(--trans-fast),color var(--trans-fast),border-color var(--trans-fast)!important;text-decoration:none!important;line-height:1!important}.aroma-quiz-root .reset-btn:hover{background:var(--quiz-text)!important;color:var(--quiz-bg)!important;border-color:var(--quiz-text)!important}@media(max-width:768px){.aroma-quiz-root .options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.aroma-quiz-root .options:has(.option:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:unset!important}.aroma-quiz-root .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.aroma-quiz-root .quiz-nav{flex-direction:row-reverse;justify-content:center}.aroma-quiz-root .quiz-btn{padding:12px 24px!important}.aroma-quiz-root .story-group{justify-content:center}.aroma-quiz-root .fragrance-story h1{font-size:28px!important}}@media(max-width:480px){.aroma-quiz-root .options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.aroma-quiz-root .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/aroma-quiz.css.map */