.nilla-quiz{padding-block:clamp(3rem,7vw,7rem)}.nilla-quiz[hidden],.nilla-quiz [hidden]{display:none!important}.nilla-quiz__shell{width:min(100%,920px);margin-inline:auto}.nilla-quiz__intro,.nilla-quiz__game,.nilla-quiz__result{text-align:center}.nilla-quiz__eyebrow{margin:0 0 .7rem;color:var(--nilla-accent);font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.82rem}.nilla-quiz__title{margin:0;font-size:clamp(2.6rem,8vw,5.7rem);line-height:.96;letter-spacing:-.045em}.nilla-quiz__description{max-width:690px;margin:1.2rem auto 0;font-size:clamp(1.05rem,2vw,1.3rem)}.nilla-quiz__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:1.6rem auto 2rem}.nilla-quiz__facts span{border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;padding:.55rem .85rem;font-size:.86rem}.nilla-quiz .button{min-height:48px;cursor:pointer}.nilla-quiz__start{min-width:220px}.nilla-quiz__progress-row{display:flex;justify-content:space-between;gap:1rem;font-weight:700;margin-bottom:.55rem}.nilla-quiz__percent{color:var(--nilla-accent)}.nilla-quiz__progress{height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent);margin-bottom:1.4rem}.nilla-quiz__progress span{display:block;height:100%;width:0;background:var(--nilla-accent);border-radius:inherit;transition:width .25s ease}.nilla-quiz__form{margin:0}.nilla-quiz__question-card{border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:var(--nilla-card-radius);padding:clamp(1.15rem,4vw,2.25rem);margin:0;text-align:left;background:color-mix(in srgb,var(--color-background) 96%,currentColor 4%);box-shadow:0 18px 55px color-mix(in srgb,currentColor 8%,transparent)}.nilla-quiz__legend{width:100%;padding:0;margin:0 0 1.25rem;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15;font-weight:800}.nilla-quiz__answers{display:grid;gap:.72rem}.nilla-quiz__answer{position:relative;display:grid;grid-template-columns:2.1rem 1fr;align-items:center;gap:.8rem;padding:.9rem 1rem;border:2px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:calc(var(--nilla-card-radius) * .65);cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.nilla-quiz__answer:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--nilla-accent) 65%,currentColor)}.nilla-quiz__answer:has(input:checked){border-color:var(--nilla-accent);background:color-mix(in srgb,var(--nilla-accent) 10%,transparent)}.nilla-quiz__answer input{position:absolute;opacity:0;pointer-events:none}.nilla-quiz__answer-letter{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,currentColor 9%,transparent);font-weight:900}.nilla-quiz__answer:has(input:checked) .nilla-quiz__answer-letter{color:#fff;background:var(--nilla-accent)}.nilla-quiz__answer-text{line-height:1.35}.nilla-quiz__error{margin:.8rem 0 0;color:#b91c1c;font-weight:700}.nilla-quiz__navigation{display:flex;justify-content:space-between;gap:.8rem;margin-top:1rem}.nilla-quiz__dual-results{display:grid;gap:clamp(1.5rem,4vw,3rem);margin-top:1.25rem}.nilla-quiz__result-card{padding:clamp(1.1rem,3.5vw,2.4rem);border:2px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:var(--nilla-card-radius);background:color-mix(in srgb,var(--color-background) 97%,currentColor 3%)}.nilla-quiz__result-card--reaction{border-color:color-mix(in srgb,var(--nilla-accent) 55%,currentColor)}.nilla-quiz__result-label{margin:0 0 .3rem;color:var(--nilla-accent);font-size:.82rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.nilla-quiz__result-lead{margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:750}.nilla-quiz__result-name{margin:.45rem auto;color:var(--nilla-accent);font-size:clamp(2.25rem,6vw,4.2rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.nilla-quiz__result-definition{max-width:720px;margin:.8rem auto 1.5rem;font-size:clamp(1.02rem,2vw,1.23rem)}.nilla-quiz__product{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:center;gap:clamp(1.2rem,4vw,2.5rem);padding:clamp(1.1rem,4vw,2.2rem);border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:var(--nilla-card-radius);text-align:left;background:color-mix(in srgb,var(--color-background) 96%,currentColor 4%)}.nilla-quiz__product-image-wrap{border-radius:calc(var(--nilla-card-radius) * .7);overflow:hidden;background:color-mix(in srgb,currentColor 5%,transparent)}.nilla-quiz__product-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.nilla-quiz__color-note{margin:0;padding:.55rem .7rem;text-align:center;font-size:.88rem;font-weight:800;background:color-mix(in srgb,currentColor 7%,transparent)}.nilla-quiz__verdict{font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:800;line-height:1.25}.nilla-quiz__price{font-weight:800;font-size:1.1rem}.nilla-quiz__product-actions{display:grid;gap:.7rem}.nilla-quiz__product-actions .button{width:100%}.nilla-quiz__result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem}.nilla-quiz__share-status{min-height:1.4em;font-weight:700}@media(max-width:650px){.nilla-quiz__product{grid-template-columns:1fr;text-align:center}.nilla-quiz__product-image-wrap{max-width:360px;margin-inline:auto}.nilla-quiz__navigation .button{flex:1;padding-inline:.65rem}}@media(prefers-reduced-motion:reduce){.nilla-quiz__progress span,.nilla-quiz__answer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/which-nilla-quiz.css.map */