.quiz-interactive{position:relative}.quiz-interactive__hero{--qi-overlay: .62;position:relative;min-height:min(78svh,760px);display:flex;align-items:flex-end}.quiz-interactive__hero-bg{background:var(--abyss)}.quiz-interactive__hero-img{display:block;max-width:none;object-position:62% 50%;animation:qi-settle 2.4s var(--cine-ease) both}@keyframes qi-settle{0%{transform:scale(1.06);opacity:.4}to{transform:none;opacity:1}}.quiz-interactive__hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(3 25 26 / calc(var(--qi-overlay) * 1.3)),rgb(3 25 26 / calc(var(--qi-overlay) * .75)) 45%,rgb(3 25 26 / calc(var(--qi-overlay) * .15)) 80%),linear-gradient(0deg,rgb(3 25 26 / calc(var(--qi-overlay) * 1.5)),rgb(3 25 26 / calc(var(--qi-overlay) * .4)) 45%,rgb(3 25 26 / calc(var(--qi-overlay) * .9)))}.quiz-interactive__hero-fg{width:100%;padding-top:clamp(128px,16vh,176px);padding-bottom:clamp(88px,11vw,152px)}.quiz-interactive__hero-inner{display:grid;justify-items:start}.quiz-interactive__hero-eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:clamp(18px,2.4vh,28px)}.quiz-interactive__hero-eyebrow:before{content:"";width:32px;height:1px;background:currentColor;opacity:.7}.quiz-interactive__hero-title{font-size:clamp(2.7rem,8.4vw,8.75rem);line-height:.92;text-shadow:0 2px 40px rgb(3 25 26 / .35);max-width:100%}.quiz-interactive__hero-line{display:block}.quiz-interactive__hero-line--b{padding-left:.5em}.quiz-interactive__hero-line--b em{color:#f7dead}.quiz-interactive__hero-sub{max-width:42ch;margin:clamp(22px,3vh,34px) 0 0;font-size:16px}.quiz-interactive__hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:clamp(26px,3.6vh,38px)}.quiz-interactive__hero-actions .btn{min-height:48px}.quiz-interactive__hero-meta{color:var(--fg-muted)}.quiz-interactive__stage{background:radial-gradient(55% 45% at 92% 6%,rgba(196,154,60,.12),transparent 70%),radial-gradient(45% 40% at 4% 96%,rgba(11,125,125,.07),transparent 70%),var(--bg);padding-block:clamp(72px,9vw,136px) clamp(88px,11vw,160px);scroll-margin-top:72px}.quiz-interactive__stage:focus{outline:none}.quiz-interactive__container{display:grid;gap:clamp(36px,5vw,56px);max-width:1160px}.quiz-interactive__aside{display:grid;gap:clamp(28px,4vw,44px);align-content:start}.quiz-interactive__progress{display:grid;gap:12px;max-width:420px}.quiz-interactive__progress-label{color:var(--fg-muted);font-variant-numeric:tabular-nums}.quiz-interactive__progress-track{position:relative;height:2px;background:var(--line);border-radius:2px;overflow:hidden}.quiz-interactive__progress-fill{height:100%;min-width:18px;background:linear-gradient(90deg,var(--gold),var(--teal));border-radius:2px;transition:width .6s var(--cine-ease)}.quiz-interactive__header{display:grid;gap:16px}.quiz-interactive__heading{font-size:clamp(2.2rem,4.2vw,3.75rem);max-width:12ch}.quiz-interactive__subheading{margin:0;max-width:34ch;font-size:16px}.quiz-interactive__questions{min-width:0}.quiz-interactive__card{display:none}.quiz-interactive__card.is-active{display:grid;gap:14px;animation:qi-card-in .55s var(--cine-ease) both}@keyframes qi-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.quiz-interactive__card-num{color:#75581a;display:inline-flex;align-items:center;gap:12px}.quiz-interactive__card-num:after{content:"";width:40px;height:1px;background:var(--gold)}.quiz-interactive__question-text{margin:0 0 clamp(14px,2vw,22px);max-width:22ch}.quiz-interactive__question-text:focus{outline:none}.quiz-interactive__question-text:focus-visible{outline:2px solid var(--teal);outline-offset:6px;border-radius:4px}.quiz-interactive__options{display:grid;gap:10px}.quiz-interactive__option{-webkit-appearance:none;appearance:none;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:14px 22px 14px 26px;border:1px solid rgba(15,15,15,.22);border-radius:980px;background:#ffffff59;color:var(--ink);font-family:var(--cine-font-body);font-size:16px;font-weight:400;line-height:1.3;letter-spacing:.005em;text-align:left;cursor:pointer;transition:background-color .35s var(--cine-ease),border-color .35s var(--cine-ease),color .35s var(--cine-ease),transform .35s var(--cine-ease)}.quiz-interactive__option-text{min-width:0;overflow-wrap:anywhere}.quiz-interactive__option:after{content:"";flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid rgba(15,15,15,.28);background:no-repeat center / 10px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 5h7M5.5 2 8.5 5l-3 3' fill='none' stroke='%230F0F0F' stroke-width='1.2'/%3E%3C/svg%3E");opacity:.55;transition:opacity .35s var(--cine-ease),transform .35s var(--cine-ease),border-color .35s var(--cine-ease)}.quiz-interactive__option:hover{border-color:var(--ink);background:#ffffffb3}.quiz-interactive__option:hover:after{opacity:1;transform:translate(3px);border-color:var(--ink)}.quiz-interactive__option:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.quiz-interactive__option.is-selected{background:var(--ink);border-color:var(--ink);color:var(--cream)}.quiz-interactive__option.is-selected:after{opacity:1;border-color:var(--gold);background:no-repeat center / 10px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5.2 4 7.6 8.6 2.4' fill='none' stroke='%23C49A3C' stroke-width='1.4'/%3E%3C/svg%3E")}.quiz-interactive__card:has(.is-selected) .quiz-interactive__option:not(.is-selected){pointer-events:none;opacity:.55}.quiz-interactive__results{display:none;position:relative;text-align:center;border-radius:28px;padding:clamp(44px,7vw,88px) clamp(22px,6vw,80px);box-shadow:0 1px #ffffff80 inset,0 40px 80px -48px #03191a66}.quiz-interactive__results.is-visible{display:block;grid-column:1 / -1;width:100%;max-width:820px;justify-self:center;animation:qi-card-in .7s var(--cine-ease) both}.quiz-results__eyebrow{margin-bottom:18px}.quiz-results__match-label{color:var(--fg-muted);margin:0 0 14px}.quiz-results__product-name{font-family:var(--cine-font-display);font-size:clamp(2.2rem,5.2vw,4.25rem);font-weight:400;line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:0 auto;max-width:18ch;text-wrap:balance}.quiz-results__product-name:focus{outline:none}.quiz-results__product-name:focus-visible{outline:2px solid var(--teal);outline-offset:6px;border-radius:4px}.quiz-results__divider{width:64px;height:1px;margin:clamp(22px,3vw,30px) auto;background:var(--gold)}.quiz-results__description{max-width:48ch;margin:0 auto clamp(28px,4vw,40px);color:var(--fg-muted);font-size:16px}.quiz-interactive__result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.quiz-interactive__result-actions .btn{min-height:48px;padding-inline:32px}.quiz-interactive__restart.btn.btn--ghost{border-color:#0f0f0f47;color:var(--ink)}.quiz-interactive__restart.btn.btn--ghost:hover{border-color:var(--ink)}.quiz-interactive__cta.btn.btn--teal:focus-visible,.quiz-interactive__restart.btn.btn--ghost:focus-visible{outline-color:var(--teal)}.quiz-results__note{margin-top:clamp(28px,4vw,40px);color:var(--fg-muted);line-height:1.8}@media(min-width:990px){.quiz-interactive__container{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(56px,7vw,120px);align-items:start}.quiz-interactive__aside{position:sticky;top:120px}.quiz-interactive__questions{padding-top:4px}.quiz-interactive__options{gap:12px}.quiz-interactive__option{min-height:64px;font-size:17px;padding-inline:30px 24px}}@media(max-width:749px){.quiz-interactive__hero{min-height:0}.quiz-interactive__hero-fg{padding-top:136px;padding-bottom:76px}.quiz-interactive__hero-img{object-position:70% 50%}.quiz-interactive__hero-line--b{padding-left:0}.quiz-interactive__hero-sub{font-size:15px}.quiz-interactive__result-actions .btn{width:100%}.quiz-interactive__results{border-radius:22px}}@media(prefers-reduced-motion:reduce){.quiz-interactive__hero-img,.quiz-interactive__card.is-active,.quiz-interactive__results.is-visible{animation:none}.quiz-interactive__progress-fill,.quiz-interactive__option,.quiz-interactive__option:after{transition:none}.quiz-interactive__option:hover:after{transform:none}}.quiz-interactive__heading em{color:var(--teal)}.quiz-results__note{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0}.quiz-results__note-item{white-space:nowrap}.quiz-results__note-item+.quiz-results__note-item:before{content:"\b7";margin-inline:.7em;opacity:.6}.quiz-interactive__stage:has(.quiz-interactive__results.is-visible){padding-top:clamp(56px,6vw,96px)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-quiz-interactive.css.map */