.quiz-kit{--quiz-fg: var(--color-foreground);--quiz-bg: var(--color-background);--quiz-line: var(--color-border);--quiz-soft: var(--color-foreground)/ .025;--quiz-hover: var(--color-foreground)/ .06;--quiz-radius: var(--rounded-block);--quiz-radius-sm: var(--sp-4);--quiz-progress: 0%}.quiz-kit [hidden]{display:none!important}.quiz-kit__notice{margin-block:var(--sp-4)}.quiz-kit__notice .icon{width:var(--sp-4);height:var(--sp-4);margin-block-start:1px}.quiz-kit__intro{grid-template-columns:minmax(0,1fr)}.quiz-kit__photo{border-radius:var(--quiz-radius);background-color:rgb(var(--color-placeholder))}.quiz-kit__eyebrow{color:rgb(var(--color-highlight))}.quiz-kit__facts{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.quiz-kit__fact{align-content:start}.quiz-kit__facts--tiles .quiz-kit__fact{padding:var(--sp-5);border-radius:var(--quiz-radius-sm);background-color:rgb(var(--quiz-soft))}.quiz-kit__facts--strip{grid-template-columns:minmax(0,1fr);gap:0}.quiz-kit__facts--strip .quiz-kit__fact{grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-4);padding-block:var(--sp-3);border-block-start:1px solid rgb(var(--quiz-line))}.quiz-kit__facts--strip .quiz-kit__fact-n{align-self:start}.quiz-kit__fact-n{color:rgb(var(--color-highlight))}.quiz-kit__fact-icon .icon{width:var(--sp-5);height:var(--sp-5)}@media screen and (min-width:1024px){.quiz-kit__photo>:is(img,svg){top:0;right:0;bottom:0;left:0;position:absolute;max-width:100%;width:100%;height:100%}}.quiz-kit__run{grid-template-columns:minmax(0,1fr);scroll-margin-block-start:calc(var(--sticky-header-height, 0px) + var(--sp-4))}.quiz-kit__panel{display:none}.quiz-kit__mbar{margin-inline:calc(var(--page-padding) * -1);margin-block-end:var(--sp-7);padding-inline:var(--page-padding);padding-block:var(--sp-4);background-color:rgb(var(--quiz-soft))}.quiz-kit__mbar .quiz-kit__step{min-height:auto;padding-block:0;border-block-end:0}.quiz-kit__panel-email{border-block-start:1px solid rgb(var(--quiz-line));padding-block-start:var(--sp-5)}.quiz-kit__stage .quiz-kit__email{border-block-start:1px solid rgb(var(--quiz-line));padding-block-start:var(--sp-6)}@media screen and (min-width:1024px){.quiz-kit__stage{padding:clamp(40px,3.5vw,60px);border-radius:var(--quiz-radius)}.quiz-kit__stage--outline{border:1px solid rgb(var(--quiz-line))}.quiz-kit__stage--light{background-color:rgb(var(--quiz-soft))}.quiz-kit__stage--light :is(.quiz-kit__facts,.quiz-kit__answers){--quiz-soft: var(--color-foreground)/ .045;--quiz-hover: var(--color-foreground)/ .08}.quiz-kit__stage--dark{--color-foreground: var(--quiz-bg);--color-background: var(--quiz-fg);--color-button-background: var(--quiz-bg);--color-button-border: var(--quiz-bg);--color-button-gradient: rgb(var(--quiz-bg));--color-button-text: var(--quiz-fg);--quiz-line: var(--quiz-bg)/ .2;--quiz-soft: var(--quiz-bg)/ .08;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}}.quiz-kit__stage--dark :is(.product-card--card,.product-card.no-media){--color-foreground: var(--quiz-fg);--color-background: var(--quiz-bg);color:rgb(var(--color-foreground))}.quiz-kit__stage--plain{padding:0}.quiz-kit__question{border:0;padding:0;margin:0;min-width:0}.quiz-kit__legend{padding:0;padding-block-end:var(--sp-6);max-width:100%}.quiz-kit__answer .quiz-kit__card{display:flex;min-height:var(--sp-32);padding:var(--sp-5);border-radius:var(--quiz-radius-sm);background-color:rgb(var(--quiz-soft));cursor:pointer;transition:var(--animation-primary);transition-property:background-color,border-color,box-shadow}.quiz-kit__answer input:checked+.quiz-kit__card{box-shadow:0 0 0 1.5px rgb(var(--color-highlight))}.quiz-kit__answer input:focus-visible+.quiz-kit__card{outline:2px solid rgb(var(--color-highlight));outline-offset:2px}.quiz-kit__check{inset-block-start:var(--sp-3);inset-inline-end:var(--sp-3);opacity:0;transition:opacity var(--animation-primary)}.quiz-kit__answer input:checked+.quiz-kit__card .quiz-kit__check{opacity:1;color:rgb(var(--color-highlight))}.quiz-kit__visual{width:var(--sp-8);height:var(--sp-8);margin-block-end:var(--sp-2);color:rgb(var(--color-highlight));transition:transform var(--animation-primary)}.quiz-kit__visual--image{width:var(--sp-14);height:var(--sp-14);overflow:hidden}.quiz-kit__thumb{width:100%;height:100%;object-fit:cover}.quiz-kit__visual .icon{width:100%;height:100%}.quiz-kit__visual .icon .fill{fill:none}.quiz-kit__key{font-size:.875rem}.quiz-kit__bar>i{flex:1 1 0;height:3px;border-radius:var(--rounded-full);background-color:rgb(var(--quiz-line));transition:background-color var(--animation-primary)}.quiz-kit__bar>i.is-on{background-color:rgb(var(--color-highlight))}.quiz-kit__step{min-height:var(--sp-16);padding-block:var(--sp-3);border-block-end:1px solid rgb(var(--quiz-line))}.quiz-kit__step:last-child{border-block-end:0}.quiz-kit__dot{position:relative;width:var(--sp-8);height:var(--sp-8);border-radius:var(--rounded-full);border:1.5px solid rgb(var(--color-foreground) / .35);color:rgb(var(--color-foreground) / .6);transition:var(--animation-primary);transition-property:border-color,color}.quiz-kit__dot-check{display:none;width:100%;height:100%}.quiz-kit__step.is-current .quiz-kit__dot{border-color:rgb(var(--color-highlight));color:rgb(var(--color-foreground))}.quiz-kit__step.is-done .quiz-kit__dot{border:0;color:rgb(var(--color-highlight))}.quiz-kit__step.is-done .quiz-kit__dot-n{display:none}.quiz-kit__step.is-done .quiz-kit__dot-check{display:block}.quiz-kit__step.is-next .quiz-kit__step-label{color:rgb(var(--color-foreground) / .6)}.quiz-kit__footnote{margin-block-start:auto}.quiz-kit__chip,.quiz-kit__preview{font-size:.75rem;line-height:1.25;height:var(--sp-8);padding-inline:var(--sp-3);border-radius:var(--buttons-radius);background-color:rgb(var(--quiz-soft));color:rgb(var(--color-foreground))}.quiz-kit__chip{max-width:60%;cursor:pointer;background-color:rgb(var(--color-foreground)/ .045);transition:background-color var(--animation-primary)}.quiz-kit__chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-kit__chip .icon{flex-shrink:0}.quiz-kit__steps--compact .quiz-kit__list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.quiz-kit__steps--compact .quiz-kit__step:not(.is-done),.quiz-kit__steps--compact .quiz-kit__dot,.quiz-kit__steps--compact .quiz-kit__step-label{display:none}.quiz-kit__steps--compact .quiz-kit__chip{margin:0;max-width:100%}.quiz-kit__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.quiz-kit__back .icon,.quiz-kit__restart .icon{transition:transform var(--animation-primary)}.quiz-kit__item .product-form__submit{display:none}@media screen and (max-width:479px){.quiz-kit__answers{grid-template-columns:minmax(0,1fr)}.quiz-kit__answer .quiz-kit__card{min-height:0}.quiz-kit__actions .button{width:100%}}@media screen and (max-width:767px){.quiz-kit__facts--tiles{grid-template-columns:minmax(0,1fr)}.quiz-kit__actions{flex-direction:column}.quiz-kit__actions .button{width:100%}.quiz-kit__email .newsletter-form{max-width:100%}}@media screen and (max-width:1023px){.quiz-kit .quiz-kit__cards{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:var(--sp-3)}.quiz-kit .quiz-kit__cards::-webkit-scrollbar{display:none}.quiz-kit .quiz-kit__cards>*{flex:0 0 calc(100% - 64px);scroll-snap-align:start}}@media screen and (min-width:640px)and (max-width:1023px){.quiz-kit .quiz-kit__cards>*{flex-basis:calc(50% - var(--sp-3))}}@media screen and (min-width:1024px){.quiz-kit__intro:has(>.quiz-kit__stage--plain),.quiz-kit__run:has(>.quiz-kit__stage--plain){gap:var(--grid-gap)}.quiz-kit__intro--photo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quiz-kit .quiz-kit__run{grid-template-columns:minmax(0,1fr) clamp(340px,30vw,480px)}.quiz-kit .quiz-kit__panel{display:flex;position:sticky;inset-block-start:calc(var(--sticky-header-height, 0px) + var(--sp-5));padding:var(--sp-10);border:1px solid rgb(var(--quiz-line));border-radius:var(--quiz-radius)}.quiz-kit__list{padding-block-start:var(--sp-4)}}@media screen and (pointer:fine){.quiz-kit__card:hover{background-color:rgb(var(--quiz-hover))}.quiz-kit__chip:hover{background-color:rgb(var(--color-foreground)/ .08)}.quiz-kit__card:hover .quiz-kit__visual{transform:scale(1.08)}.quiz-kit__back:hover .icon{transform:translate(calc(-3px * var(--transform-logical)))}.quiz-kit__restart:hover .icon{transform:rotate(-120deg)}}@media(prefers-reduced-motion:no-preference){@keyframes quiz-kit-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.quiz-kit__question:not([hidden]),.quiz-kit__result:not([hidden]){animation:quiz-kit-in .25s ease both}}@media(prefers-reduced-motion:reduce){.quiz-kit__answer .quiz-kit__card,.quiz-kit__check,.quiz-kit__dot,.quiz-kit__bar>i{transition:none}.quiz-kit__answer .quiz-kit__card:hover{transform:none}}@media(forced-colors:active){.quiz-kit__answer input:checked+.quiz-kit__card{border:2px solid Highlight}.quiz-kit__bar>i.is-on,.quiz-kit__step.is-done .quiz-kit__dot{background-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/quiz-kit.css.map */