.quiz{--quiz-gap: 1.5rem;--quiz-radius: 12px;--quiz-border: rgb(var(--text-color, 0 0 0) / .16);--quiz-border-active: rgb(var(--text-color, 0 0 0) / .85);display:block;width:100%;max-width:640px;margin-inline:auto}.quiz[hidden],.quiz [hidden]{display:none!important}.quiz__stage{display:flex;flex-direction:column;gap:var(--quiz-gap)}.quiz__intro{text-align:center;gap:1.25rem}.quiz__progress{display:flex;flex-direction:column;gap:.4rem}.quiz__progress-label{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.quiz__progress-track{position:relative;height:4px;border-radius:999px;background:rgb(var(--text-color, 0 0 0) / .12);overflow:hidden}.quiz__progress-fill{position:absolute;inset:0 auto 0 0;width:var(--quiz-progress, 0%);border-radius:999px;background:rgb(var(--text-color, 0 0 0) / .85);transition:width .3s ease}.quiz__questions{display:flex;flex-direction:column;gap:var(--quiz-gap);margin:0;padding:0;border:0}.quiz__step{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;border:0;min-inline-size:0}.quiz__question{display:block;float:none;width:100%;padding:0;margin:0 0 1.5rem;font-size:clamp(1.05rem,3vw,1.25rem);line-height:1.3;font-weight:500}.quiz__options{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem)}.quiz__option{display:flex;align-items:flex-start;gap:.75rem;padding:clamp(.7rem,2.4vw,1rem) clamp(.85rem,3vw,1.125rem);border:1px solid var(--quiz-border);border-radius:var(--quiz-radius);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.quiz__option:hover{border-color:var(--quiz-border-active)}.quiz__option:focus-within{outline:2px solid var(--quiz-border-active);outline-offset:2px}.quiz__option.is-selected,.quiz__option:has(.quiz__radio:checked){border-color:var(--quiz-border-active);background:rgb(var(--text-color, 0 0 0) / .04)}.quiz__radio{margin-top:.2rem;flex-shrink:0;accent-color:rgb(var(--text-color, 0 0 0))}.quiz__option-text{flex:1;font-size:clamp(.88rem,2.6vw,1rem);line-height:1.35}.quiz__bottombar{display:flex;flex-direction:column;gap:.6rem}.quiz__nav{display:flex;align-items:center;gap:.75rem}.quiz__nav .button{flex:1}.quiz__nav .button[disabled],.quiz__nav .button[aria-disabled=true]{opacity:.4;cursor:not-allowed}@media screen and (max-width:999px){.quiz__stage[data-quiz-questions]{height:calc(100dvh - var(--header-height, 0px) - var(--announcement-bar-height, 0px));display:flex;flex-direction:column;gap:.6rem;overflow:hidden}.quiz__questions,.quiz__step{flex:1;display:flex;flex-direction:column;min-height:0}.quiz__question{font-size:clamp(.95rem,2.8vw,1.15rem);line-height:1.25;margin-bottom:.6rem}.quiz__options{flex:1;gap:.6rem;overflow-y:auto}.quiz__option{flex:1;align-items:center;padding:.6rem clamp(.85rem,3vw,1.125rem)}.quiz__bottombar{position:fixed;inset-block-end:0;inset-inline:0;z-index:30;background:rgb(var(--background, 255 255 255));border-top:1px solid rgb(var(--text-color, 0 0 0) / .1);box-shadow:0 -4px 20px rgb(var(--text-color, 0 0 0) / .08);padding:.625rem .9rem calc(.625rem + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .25s,visibility .25s,transform .25s ease-out}.quiz__bottombar.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.shopify-section--quiz .section-spacing{padding-top:1rem}}.quiz__error{font-size:.9rem;color:#c0392b}.quiz__result{display:flex;flex-direction:column;gap:var(--quiz-gap)}.quiz__profile{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:var(--quiz-radius)}.quiz__profile-header{display:flex;flex-direction:column;gap:.4rem;text-align:center}.quiz__profile-eyebrow{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.quiz__profile-name{font-size:1.75rem;line-height:1.15;margin:0}.quiz__profile-subtitle{font-size:1.05rem;opacity:.85}.quiz__profile-image{width:100%;max-width:320px;margin-inline:auto;border-radius:var(--quiz-radius);overflow:hidden}.quiz__profile-image img{display:block;width:100%;height:auto}.quiz__profile-description{text-align:center}.quiz__placeholder-notice{font-size:.8rem;text-align:center;opacity:.6;font-style:italic}.quiz__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media screen and (min-width:600px){.quiz__products{gap:1.25rem}}.quiz-product{display:flex;flex-direction:column;gap:.6rem;height:100%}.quiz-product__media{display:block;aspect-ratio:1 / 1;border-radius:var(--quiz-radius);overflow:hidden}.quiz-product__img{width:100%;height:100%;object-fit:cover}.quiz-product__info{display:flex;flex-direction:column;gap:.2rem;flex:1}.quiz-product__title{font-size:.98rem;line-height:1.3}.quiz-product__price{font-size:.9rem;opacity:.85}.quiz-product form{margin:auto 0 0}.quiz__email{display:flex;flex-direction:column;gap:.5rem;text-align:center}.quiz__email-hint{font-size:.85rem;opacity:.7}.quiz__result-actions{display:flex;justify-content:center;margin-top:.5rem}.quiz-popup .quiz{max-width:none}.quiz-popup .quiz__bottombar{position:sticky;inset-block-end:0;background:rgb(var(--background, 255 255 255));padding:.75rem 0 0;z-index:2}.quiz-popup .quiz__stage[data-quiz-questions]{height:auto;overflow:visible;padding-bottom:0}.quiz-popup .quiz__profile{padding:0}.quiz-popup--fullscreen::part(base){z-index:100}.quiz-popup--fullscreen::part(content){position:fixed;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;height:auto;max-height:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.quiz-popup--fullscreen::part(body){flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.quiz-popup--fullscreen .quiz{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;max-width:40rem;margin-inline:auto}.quiz-popup--fullscreen .quiz__stage[data-quiz-intro],.quiz-popup--fullscreen .quiz__stage[data-quiz-result]{margin-block:auto}.quiz-popup--fullscreen .quiz__stage[data-quiz-questions]{flex:1 1 auto;min-height:0;height:auto;display:flex;flex-direction:column;overflow:visible}.quiz-popup--fullscreen .quiz__stage[data-quiz-questions] .quiz__questions,.quiz-popup--fullscreen .quiz__stage[data-quiz-questions] .quiz__step{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.quiz-popup--fullscreen .quiz__stage[data-quiz-questions] .quiz__options{flex:1 1 auto;min-height:0;overflow-y:auto}.quiz-popup--fullscreen .quiz__bottombar{position:static;margin-top:auto}
/*# sourceMappingURL=/cdn/shop/t/13/assets/quiz.css.map */