@media(min-width:1023.98px){.quiz .quiz__page{--page-padding: 3rem;max-width:99rem}}.quiz__app{min-height:30rem;margin-inline:auto}.quiz__app[data-screen=intro],.quiz__app[data-screen=question]{max-width:66rem}@media(min-width:1024px){.quiz__app[data-screen=results] .quiz__routine{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz__top{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;padding-block-end:1.6rem;margin-block-end:2.4rem;border-block-end:1px solid rgb(var(--color-border))}.quiz__progress{display:flex;align-items:center;gap:1.2rem;flex:1 1 14rem;min-width:12rem;min-height:3.2rem}.quiz__count{font-size:1.3rem;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.quiz__track{flex:1;height:3px;background:rgb(var(--color-border));border-radius:2px;overflow:hidden}.quiz__fill{display:block;height:100%;background:rgb(var(--color-foreground));transition:width .3s ease}.quiz__links{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-inline-start:auto;min-height:3.2rem}.quiz__link{display:inline-flex;align-items:center;background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;font-size:1.3rem;line-height:1.2;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.quiz__link:hover{text-decoration-thickness:2px}.quiz__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.2;margin:0 0 1rem;padding:0;float:none;width:100%;text-wrap:balance}.quiz__fieldset{border:0;margin:0;padding:0;min-width:0}.quiz__sub{margin:0 0 2rem;max-width:60ch;color:rgba(var(--color-foreground),.8)}.quiz__hint{margin:0 0 1.2rem;font-size:1.3rem}.quiz__h3{font-family:var(--font-heading-family);font-size:1.9rem;margin:0 0 1rem}.quiz__options{display:grid;gap:1rem;margin-block:1.6rem 2.4rem}.quiz__opt{display:flex;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.6rem;border:1px solid rgb(var(--color-border));border-radius:var(--blocks-radius, 3px);background:rgba(var(--color-foreground),.03);cursor:pointer;min-height:4.8rem}.quiz__opt:hover{border-color:rgb(var(--color-foreground))}.quiz__opt input{margin-top:.4rem;flex:none;width:1.8rem;height:1.8rem;accent-color:rgb(var(--color-foreground))}.quiz__opt:has(input:checked){border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.quiz__opt:has(input:focus-visible),.quiz__shade:has(input:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.quiz__opt-text{display:grid;gap:.2rem}.quiz__opt-main{font-weight:600}.quiz__opt-detail{font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.quiz__options--shades{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.quiz__swatch{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.35)}.quiz__actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-block:1.6rem}.quiz__back{background:none;border:1px solid rgb(var(--color-border));padding:1.1rem 1.8rem;border-radius:var(--buttons-radius, 3px);cursor:pointer;font:inherit;color:rgb(var(--color-foreground))}.quiz__back:hover{border-color:rgb(var(--color-foreground))}.quiz .btn:disabled{opacity:.45;cursor:not-allowed}.quiz__routine{display:grid;gap:1.4rem;margin-block:2rem}.quiz__card{display:grid;grid-template-columns:9rem 1fr;gap:1.6rem;padding:1.4rem;border:1px solid rgb(var(--color-border));border-radius:var(--blocks-radius, 3px)}.quiz__card--optional{border-style:dashed}.quiz__img{width:9rem;aspect-ratio:1;background:rgba(var(--color-foreground),.05);border-radius:var(--blocks-radius, 3px);overflow:hidden}.quiz__img img{width:100%;height:100%;object-fit:cover;display:block}.quiz__card-body{display:grid;gap:.6rem;align-content:start;min-width:0}.quiz__slot{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.75)}.quiz__row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:baseline}.quiz__name{font-weight:600;color:rgb(var(--color-foreground))}.quiz__price{font-variant-numeric:tabular-nums}.quiz__why{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.85)}.quiz__include{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;cursor:pointer}.quiz__include input{width:1.8rem;height:1.8rem;accent-color:rgb(var(--color-foreground))}.quiz__soldout{font-weight:600}.quiz__shade-set{border:0;padding:0;margin:0;display:flex;gap:.8rem;flex-wrap:wrap}.quiz__shade-legend{font-size:1.3rem;padding:0;margin-block-end:.4rem}.quiz__shade{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .6rem;border:1px solid rgb(var(--color-border));border-radius:99px;cursor:pointer;font-size:1.3rem}.quiz__shade input{position:absolute;opacity:0;width:1px;height:1px}.quiz__shade:has(input:checked){border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground));font-weight:600}.quiz__note{margin:0 0 1rem;padding:1.2rem 1.6rem;border-inline-start:3px solid rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.quiz__total{font-weight:600;margin:2rem 0 0}.quiz__status{margin:.6rem 0 0;min-height:1.6em;font-size:1.4rem}.quiz__block{margin-block-start:3.6rem;padding-block-start:2.4rem;border-block-start:1px solid rgb(var(--color-border))}.quiz__answers{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.quiz__answers li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1.2rem;padding-block:.8rem;border-block-end:1px solid rgba(var(--color-border),.6)}.quiz__answer-q{grid-column:1 / -1;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.quiz__answer-a{font-weight:600}.quiz__linkbox,.quiz__field{width:100%;padding:1.1rem 1.4rem;border:1px solid rgb(var(--color-border));border-radius:var(--inputs-radius, 3px);background:transparent;color:inherit;font:inherit}.quiz__form{display:grid;gap:.8rem;max-width:36rem}.quiz__label{font-size:1.4rem;font-weight:600}.quiz__consent{display:flex;gap:1rem;align-items:flex-start;font-size:1.4rem;margin-block:.8rem 1.2rem}.quiz__consent input{margin-top:.3rem;width:1.8rem;height:1.8rem;flex:none;accent-color:rgb(var(--color-foreground))}.quiz a:focus-visible,.quiz button:focus-visible,.quiz input:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.quiz [data-focus]:focus{outline:none}@media(min-width:750px){.quiz__card{grid-template-columns:12rem 1fr}.quiz__img{width:12rem}}@media(prefers-reduced-motion:reduce){.quiz__fill{transition:none}}.quiz__skeleton{display:none;gap:1.4rem;max-width:66rem;margin-inline:auto}.quiz__app[data-ssr=skeleton] .quiz__skeleton{display:grid}.quiz__app[data-ssr=skeleton]>.quiz__top,.quiz__app[data-ssr=skeleton] .quiz__ssr{display:none}.quiz__ssr [data-quiz-begin][aria-busy=true]{opacity:.7;cursor:progress}.quiz__block--email{background:rgba(var(--color-foreground),.03);border:1px solid rgb(var(--color-border));border-radius:var(--blocks-radius, 3px);padding:2rem}.quiz__panel--ready .quiz__form{margin-block-start:1.6rem}.quiz__skip{width:100%;max-width:36rem;margin-block-start:.4rem}.quiz__form .btn{width:100%}.quiz__sk-top{display:flex;justify-content:space-between;gap:1.6rem;padding-block-end:1.6rem;margin-block-end:1rem;border-block-end:1px solid rgb(var(--color-border))}.quiz__sk,.quiz__img.is-loading,.quiz__price:empty{display:block;border-radius:var(--blocks-radius, 3px);background:linear-gradient(90deg,rgba(var(--color-foreground),.05) 25%,rgba(var(--color-foreground),.11),rgba(var(--color-foreground),.05) 75%) 0 0 / 200% 100%;animation:quiz-shimmer 1.3s linear infinite}.quiz__sk--line{height:1.4rem}.quiz__sk--title{height:3.4rem;width:70%;margin-block-end:.6rem}.quiz__sk--btn{height:4.8rem;width:16rem;margin-block-start:1rem}.quiz__price:empty{min-width:5rem;height:1.6rem}@keyframes quiz-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.quiz__sk,.quiz__img.is-loading,.quiz__price:empty{animation:none}}.quiz__summary{margin:0 0 2.4rem;padding:1.4rem 1.8rem;background:rgba(var(--color-foreground),.05);border-radius:var(--blocks-radius, 3px);max-width:66rem}.quiz__ask{margin:-1rem 0 1.4rem;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.quiz__usage{margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.8)}.quiz__reasons{display:grid;gap:.4rem}.quiz__reasons-label{font-size:1.2rem;font-weight:600}.quiz__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.quiz__chip{padding:.3rem 1rem;border:1px solid rgb(var(--color-border));border-radius:99px;font-size:1.25rem;line-height:1.4}.quiz__totals{margin-block-start:2rem;padding:1.4rem 1.8rem;border:1px solid rgb(var(--color-foreground));border-radius:var(--blocks-radius, 3px);display:grid;gap:.4rem}.quiz__totals .quiz__total{margin:0;font-size:1.8rem}.quiz__nudge{margin:0;font-size:1.4rem;min-height:1.6em}.quiz__fine{margin:0;font-size:1.25rem;color:rgba(var(--color-foreground),.8)}.quiz__fine a{text-decoration:underline;text-underline-offset:.3rem}.quiz__retake{margin-block:2.4rem 0}.quiz__count{white-space:normal}@media(max-width:749.98px){.quiz__app[data-screen=question] .quiz__top{position:sticky;top:0;z-index:4;background:rgb(var(--color-background));margin-inline:calc(-1 * var(--page-padding, 1.5rem));padding-inline:var(--page-padding, 1.5rem);padding-block-start:1rem;margin-block-end:1.6rem}body.header-pinned .quiz__app[data-screen=question] .quiz__top{top:var(--header-height, 0px)}.quiz__app[data-screen=question] .quiz__title{scroll-margin-top:calc(var(--header-height, 0px) + 7rem)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-quiz.css.map */