.quiz-page{--quiz-sheet:#fff;--quiz-card:var(--neutral-ice);--quiz-line:var(--neutral-frost);--quiz-line-soft:#eeeff3;--quiz-tint:#fff;--quiz-accent:var(--neutral-carbon);--font-display:var(--font-text);background:var(--color-canvas);color:var(--color-ink)}html:has(.quiz-page){background:#fff}:is(html:has(.quiz-lock),body:has(.quiz-lock)){overscroll-behavior:none;height:100%;max-height:100%;overflow:hidden}body:has(.quiz-lock){min-height:0}.quiz-lock{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}@media (max-width:767px){.brand-quiz.quiz-lock,:is(html:has(.brand-quiz.quiz-lock),body:has(.brand-quiz.quiz-lock)){height:100svh;max-height:100svh}}.quiz-sheet{background:var(--quiz-sheet)}.quiz-progress{--quiz-notch:5px;--quiz-progress-mask:linear-gradient(90deg, #000 0 calc(33.333% - var(--quiz-notch)), transparent calc(33.333% - var(--quiz-notch)) calc(33.333% + var(--quiz-notch)), #000 calc(33.333% + var(--quiz-notch)) calc(66.667% - var(--quiz-notch)), transparent calc(66.667% - var(--quiz-notch)) calc(66.667% + var(--quiz-notch)), #000 calc(66.667% + var(--quiz-notch)) 100%);-webkit-mask-image:var(--quiz-progress-mask);-webkit-mask-image:var(--quiz-progress-mask);mask-image:var(--quiz-progress-mask)}.quiz-step{flex-direction:column;flex:1 0 auto;width:100%;min-height:100%;display:flex}.quiz-lock .quiz-step{box-sizing:border-box;height:auto;min-height:100%;padding-top:1.75rem}@media (min-width:768px){.quiz-lock .quiz-step{padding-top:2rem}}.quiz-step>*{flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;display:flex}.quiz-lock .quiz-step>*{flex-grow:0;width:100%;margin-block:auto}.quiz-headline{font-family:var(--font-display,var(--font-text));font-size:var(--text-h4-size);line-height:var(--text-h4-lh);letter-spacing:var(--text-h4-ls);text-wrap:balance;font-weight:700}@media (min-width:768px){.quiz-headline{font-size:var(--text-h2-size);line-height:var(--text-h2-lh);letter-spacing:var(--text-h2-ls)}}.quiz-option:hover{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(103.56deg,#4f8ae6 5%,#a878e8 20%,#d85fc8 40%,#ff4988 59%,#ff5c2e 75%,#ff8030 86%) border-box;border-color:#0000}.quiz-option:disabled:hover{border-color:var(--quiz-line);background:#fff}.quiz-swatch{border-color:var(--quiz-line);background:#fff;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s;box-shadow:0 0 0 1.5px #0000}.quiz-swatch-copy{color:var(--color-ink);transition:color .12s}.quiz-swatch-hint{color:var(--color-ink-secondary)}.quiz-swatch-on{background:var(--swatch);border-color:var(--swatch);box-shadow:0 0 0 1.5px var(--swatch)}.quiz-swatch-on .quiz-swatch-copy{color:#fff}.quiz-swatch-on .quiz-swatch-hint{color:#ffffffd1}@media (min-width:768px){.quiz-swatch:hover:not(.quiz-swatch-on){border-color:var(--swatch);box-shadow:0 0 0 1.5px var(--swatch)}}.quiz-option:hover .quiz-mark{border-color:var(--quiz-accent)}.quiz-range{appearance:none;border-radius:999px;outline:none;height:10px}.quiz-range::-webkit-slider-thumb{appearance:none;background:#ff4988;border:5px solid #fff;border-radius:999px;width:30px;height:30px;box-shadow:0 0 0 1px #1f20281f,0 5px 18px #d85fc857}.quiz-range::-moz-range-thumb{background:#ff4988;border:5px solid #fff;border-radius:999px;width:22px;height:22px;box-shadow:0 0 0 1px #1f20281f,0 5px 18px #d85fc857}.quiz-cta{z-index:30;border-top:1px solid var(--quiz-line-soft);background:var(--quiz-sheet);margin-top:auto;padding:16px 0 20px;display:flex;position:sticky;bottom:0}.quiz-lock .quiz-cta{height:calc(72px + env(safe-area-inset-bottom,0px));padding:0 max(1.25rem, calc(50vw - 480px)) env(safe-area-inset-bottom,0px);align-items:center;margin-top:0;position:fixed;bottom:0;left:0;right:0}.quiz-lock .quiz-cta:before,.quiz-lock .quiz-cta:after{display:none}.quiz-lock .quiz-step>:has(>.quiz-cta){padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.quiz-lock .quiz-step>:has(>.quiz-cta)>:first-child{margin-top:0}@media (min-width:768px){.quiz-lock .quiz-cta{height:80px;padding:0 max(2.5rem,50vw - 480px)}.quiz-lock .quiz-step>:has(>.quiz-cta){padding-bottom:80px}}.quiz-cta:before,.quiz-cta:after{content:"";border-top:inherit;background:var(--quiz-sheet);width:100vw;position:absolute;top:-1px;bottom:0}.quiz-cta:before{right:100%}.quiz-cta:after{left:100%}.quiz-cta>*{z-index:1;position:relative}@media (min-width:768px){.quiz-cta{padding:20px 0 24px}}