.quiz{position:relative;display:flex;width:100%;height:600px;border-radius:var(--border-radius);overflow:hidden;transition:all .5s ease-in-out}@media screen and (min-width: 500px){.quiz{height:450px}}.quiz--results{height:900px}@media screen and (min-width: 420px){.quiz--results{height:800px}}@media screen and (min-width: 500px){.quiz--results{height:750px}}@media screen and (min-width: 1000px){.quiz--results{height:550px}}.quiz__intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;position:relative}.quiz__intro picture{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:1}.quiz__intro picture img{width:100%;height:100%;object-fit:cover}.quiz__description{max-width:700px}.quiz__intro-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;background-color:rgba(var(--color-primary-rgb),.75);padding:var(--grid-desktop-horizontal-spacing)}.quiz__question,.quiz__result{position:absolute;left:100%;top:0;visibility:hidden;width:100%;transition:all .5s ease-in-out;display:flex;flex-direction:column;min-height:100%;align-items:center;justify-content:center;text-align:center;padding:var(--grid-mobile-horizontal-spacing);z-index:2}@media screen and (min-width: 750px){.quiz__question,.quiz__result{padding:var(--grid-desktop-horizontal-spacing)}}.quiz__question[data-question-id="0"]:not(.shown):not(.active){top:100%;left:0}.quiz__question:nth-child(2n){background-color:#3c3763!important}.quiz__question.active{top:0;left:0;visibility:visible}.quiz__question>p{margin-top:0;font-size:2rem;font-weight:500}.quiz__question .grid{width:100%;max-width:800px}.quiz__question .grid .grid__item{height:unset}.quiz__question .grid .grid__item .card{overflow:hidden}@media screen and (max-width: 499px){.quiz__question .grid .grid__item{width:100%;max-width:100%}.quiz__question .grid .grid__item .card{flex-direction:row}}.quiz__answer{cursor:pointer;pointer-events:all}.quiz__answer .card__content{display:flex;align-items:center;justify-content:center;text-align:center!important;color:var(--color-primary);width:100%}.dark-mode .quiz__answer .card__content{color:var(--color-body)}.quiz__answer .card__content p{margin:0}.quiz__result{left:0;top:-100%;background-color:#e1d0ef}.dark-mode .quiz__result{background-color:var(--color-secondary)}.quiz__result.active{top:0;left:0;visibility:visible}.quiz__result>p{color:var(--color-primary)}.quiz__result>p:first-of-type{font-size:2rem;font-weight:500;margin:0}.dark-mode .quiz__result>p{color:var(--color-body)}.quiz__result-note{font-size:1.1rem!important;margin-top:2rem;margin-bottom:0}.quiz__result .product-card-wrapper .card{overflow:hidden;color:var(--color-primary)}.dark-mode .quiz__result .product-card-wrapper .card{background-color:var(--color-body)}@media screen and (min-width: 750px){.quiz__result .product-card-wrapper .card{flex-direction:row}}.quiz__result .card--card .card__inner .card__media{border-top-right-radius:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/quiz.css.map */