.section-quiz{overflow:hidden}.quiz-wrapper{overflow:hidden;position:relative;height:100vh}.quiz-step-wrapper{position:relative;overflow:hidden;height:100%}.quiz-step{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;overflow:hidden}.quiz-step.active{opacity:1;visibility:visible}.quiz-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform:translateY(100%);transition:transform 2.4s cubic-bezier(.22,1,.36,1) .3s;z-index:1}.quiz-image img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2s ease;will-change:opacity}.quiz-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;z-index:2;opacity:0;transform:translateY(40px);transition:transform 1s ease,opacity .9s ease;will-change:transform,opacity}.quiz-step.active .quiz-content{opacity:1;transform:translateY(0);transition-delay:.08s}.quiz-image,.quiz-content{backface-visibility:hidden;transform-style:preserve-3d}.quiz-step.exit-up{opacity:1;visibility:visible;transition:opacity .8s ease}.quiz-step.exit-up .quiz-image{transform:translateY(0);transition-delay:.4s}.quiz-step.exit-up .quiz-image img{opacity:.85}.quiz-step.exit-complete{opacity:0}.quiz-step.exit-up .quiz-content{transform:translateY(-32%);opacity:0;transition:transform .9s ease,opacity .8s ease}.quiz-result{position:relative;width:100%;min-height:100%;overflow:hidden;padding:var(--common-gap) 0;opacity:0;visibility:hidden;transform:translateY(60px);transition:transform 1s ease-out,opacity .9s ease-in-out,visibility 0s linear 1s;will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}.quiz-result.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:.08s}.reveal-text{opacity:0;transform:translateY(20px);transition:all .4s ease;will-change:transform}.reveal-product{opacity:0;transform:translateY(40px);transition:all .6s ease;will-change:transform}.quiz-result.active .reveal-text{opacity:1;transform:translateY(0);transition-delay:.3s}.quiz-result.active .reveal-product{opacity:1;transform:translateY(0);transition-delay:.5s}.quiz-wrapper.result-active{height:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.quiz-content h2{font-size:inherit;margin-bottom:10px;font-weight:inherit;font-family:var(--primary-font);will-change:transform}.quiz-heading-content{max-width:80rem;width:fit-content;margin:0 auto}.quiz-options{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0;color:var(--heading-text);will-change:transform}.quiz-options .quiz-option{padding:5px 20px;border:0;border-radius:0;font-weight:300;font-family:var(--primary-font);font-size:inherit;color:currentColor;background:none;position:relative;cursor:pointer}.quiz-options .quiz-option:not(:last-child):after{content:"";width:1px;height:14px;position:absolute;top:50%;right:0;background:var(--heading-text);transform:translateY(-50%)}.quiz-skip{display:table;margin:0 0 20px auto;text-decoration:underline!important;color:var(--heading-text);cursor:pointer!important}.quiz-result-innerfull{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.quiz-result-inbox{max-width:750px;width:calc(100% - 30px);margin:0 auto;text-align:center}.quiz-result .title{margin:0 0 20px;--common-heading:clamp(20px,2.62vw,26px);font-size:var(--common-heading)}.quiz-result .quiz-product{max-width:500px;width:100%;margin:0 auto}.quiz-result .img-inner{padding-top:100%;width:100%;position:relative;overflow:hidden;background-color:#f3f3f2}.quiz-result .image-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform}.quiz-result .product-name{font-size:clamp(18px,1.05vw,20px);color:var(--primary-color);font-weight:700;font-family:var(--secondary-font);margin:12px 0}.quiz-product .product-additional-name{margin-bottom:5px}.quiz-result .prod-desc{margin-top:12px;display:none!important}.quiz-product .btn-wrap .btn{margin-top:10px;font-size:clamp(1.3rem,1vw,var(--body-font-size));color:var(--heading-text);text-underline-offset:inherit}.repeat-btn.button{background:none;padding:0;border:0;min-height:auto;min-width:auto;color:var(--heading-text);font-size:clamp(1.3rem,1vw,var(--body-font-size));opacity:1;letter-spacing:normal;text-decoration:underline;position:absolute;right:30px;bottom:0}@media only screen and (max-width:1199px){.repeat-btn.button{position:relative;bottom:auto;right:auto;display:table;margin:50px auto 0}}@media only screen and (max-width:991px){.quiz-wrapper,.quiz-content,.quiz-image{height:calc(100vh - var(--header-height, 65px));height:100svh}.quiz-image img{min-height:259px;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/quiz.css.map */