.quiz{--quiz-radius: 1.6rem;position:relative;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family, var(--brand-font-family, inherit));min-height:100vh;overflow:hidden}.quiz__progress{position:sticky;top:0;left:0;right:0;height:.5rem;background:rgba(var(--color-foreground),.1);z-index:3}.quiz__progress-bar{height:100%;width:0%;background:var(--brand-color-primary, #461be2);transition:width .3s ease}.quiz__layout{display:flex;flex-direction:column;min-height:calc(100vh - .5rem)}.quiz__photo{position:relative;width:100%;height:32vh;min-height:22rem;overflow:hidden;background:var(--brand-color-accent, #d6ffbd)}.quiz__photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.quiz__photo-img.is-active{opacity:1}.quiz__panel{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem 4rem}@media screen and (min-width:750px){.quiz__layout{flex-direction:row}.quiz__photo{width:50%;height:auto;min-height:100%}.quiz__panel{width:50%;padding:4rem 6rem}}.quiz__step{display:none;max-width:52rem;animation:quiz-step-in .35s ease}.quiz__step.is-active{display:block}@keyframes quiz-step-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.quiz__question{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);margin:0 0 2.4rem;font-size:2.6rem;line-height:1.15}.quiz__subheading{margin:-1.6rem 0 2rem;color:rgba(var(--color-foreground),.75)}.quiz__options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.6rem}.quiz__option{display:block;width:100%;text-align:left;padding:1.4rem 1.8rem;border-radius:var(--quiz-radius);border:.15rem solid var(--brand-color-primary, #461be2);background:transparent;color:var(--brand-color-primary, #461be2);font-family:inherit;font-size:1.6rem;font-weight:var(--font-body-weight-medium, 500);cursor:pointer;transition:background-color .15s ease,color .15s ease}@media(hover:hover){.quiz__option:hover{background:var(--brand-color-primary, #461be2);color:#fff}}.quiz__option.is-selected{background:var(--brand-color-primary, #461be2);color:#fff}.quiz__options--radio .quiz__option{border-radius:100rem}.quiz__options--photo{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.quiz__option--photo{padding:0;overflow:hidden;text-align:center}.quiz__option-image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.quiz__option--photo span{display:block;padding:1rem}.quiz__select-wrapper{margin-bottom:1.6rem}.quiz__select{--inputs-radius: .6rem;width:100%}.quiz__back{color:rgba(var(--color-foreground),.6);font-size:1.3rem}.quiz__field{margin-bottom:1.6rem}.quiz__consent{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:2rem;cursor:pointer}.quiz__consent input[type=checkbox]{flex-shrink:0;margin-top:.2rem;width:1.8rem;height:1.8rem}.quiz__consent-text{font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.quiz__consent-text p{margin:0}.quiz__errors{margin:0 0 1.6rem;color:rgb(var(--color-error, 199, 27, 27));font-size:1.3rem}.quiz__submit{width:100%;margin-bottom:1.2rem}.quiz__submit[aria-busy=true]{opacity:.7;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-quiz-recommender.css.map */