.quiz{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:650px;background-position:center;background-size:cover;background-repeat:no-repeat}.quiz.quiz--bg-image:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d}.quiz .quiz__container{width:100%}.quiz .quiz__start-page,.quiz .quiz__steps{position:absolute;top:50%;transform:translateY(-50%);padding:30px;display:flex;flex-direction:column;gap:20px}.quiz .quiz__start-page.quiz__aligment--left,.quiz .quiz__steps.quiz__aligment--left{left:80px}.quiz .quiz__start-page.quiz__aligment--center,.quiz .quiz__steps.quiz__aligment--center{left:50%;transform:translate(-50%,-50%);text-align:center}.quiz .quiz__start-page.quiz__aligment--center .quiz__button,.quiz .quiz__steps.quiz__aligment--center .quiz__button{margin:0 auto}@media screen and (max-width: 767px){.quiz .quiz__start-page,.quiz .quiz__steps{left:0}}@media screen and (max-width: 767px){.quiz .quiz__start-page{width:100%}}.quiz .quiz__title,.quiz .quiz__current-step{margin:0;font-size:44px;font-weight:700;line-height:1.08;letter-spacing:-1px;text-transform:uppercase}@media screen and (max-width: 767px){.quiz .quiz__title{font-size:32px}}.quiz .quiz__description{font-size:16px;font-weight:600;line-height:1.73}.quiz .quiz__button.button{width:fit-content;text-transform:uppercase}.quiz .quiz__step{display:flex;flex-direction:column;gap:20px}.quiz .quiz__question{font-size:20px;font-weight:700;line-height:1.54}.quiz .quiz__answers{display:flex;flex-direction:row;align-items:flex-start;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory}.quiz .quiz__answer{position:relative;display:block;font-size:18px;font-weight:600;line-height:28px;min-width:calc(33.3% - 20px)}@media (max-width: 767px){.quiz .quiz__answer{flex:0 0 calc((100% - 90px)*1)}}.quiz .quiz__answer:hover .bubble:before,.quiz .quiz__answer.active .bubble:before{display:block}.quiz .quiz__answer .bubble{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1px solid #FDFBF9;border-radius:50%;padding:4px}.quiz .quiz__answer .bubble:before{content:"";display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;background-color:#fdfbf9}.quiz .quiz__answer .quiz__answer-image{margin-bottom:20px}.quiz .quiz__answer .quiz__answer-image img{vertical-align:top}.quiz .quiz__preloader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz .quiz__result-wrapper{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.quiz .quiz__result-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:25px;max-width:1400px;width:100%;margin:0 auto}@media screen and (max-width: 767px){.quiz .quiz__result-container{flex-direction:column}}.quiz .quiz-card__container{width:100%}@media screen and (min-width: 768px){.quiz .quiz-card__container{max-width:30%}}.quiz .quiz-card__container.featured{position:relative}@media screen and (max-width: 767px){.quiz .quiz-card__container.featured{order:-1}}@media screen and (min-width: 768px){.quiz .quiz-card__container.featured{max-width:40%}}.quiz .quiz-card__container.featured .featured-banner{position:absolute;width:100%;top:22px;left:0;background-color:#4c4f58;color:#fff;font-size:14px;font-weight:600;line-height:150%;text-transform:capitalize;text-align:center;padding:2px 10px;z-index:2}.quiz .quiz-card__container.featured .product-item{padding-top:45px;padding-bottom:20px}.quiz .quiz-card__container.featured .product-item .product-item__aspect-ratio:before{padding-top:110%}.quiz .product-item{border-radius:30px;background:#fff;padding:10px}.quiz .product-item .product-item__aspect-ratio{display:block;position:relative;width:100%}.quiz .product-item .product-item__aspect-ratio:before{content:"";display:block;padding-top:100%}.quiz .product-item .product-item__aspect-ratio img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.quiz .quiz__result-title{font-size:41px;line-height:1.2;font-weight:700;text-align:center;margin:0 auto 24px}@media screen and (max-width: 1023px){.quiz .quiz__result-title{font-size:35px}}.quiz .quiz__form-label{text-align:center;margin-bottom:24px;font-size:16px;line-height:24px}.quiz .quiz__form-wrapper .klaviyo-form{background-color:transparent!important;border:0!important;padding:0!important;border-radius:0!important;max-width:none!important}.quiz .quiz__form-wrapper .klaviyo-form input{height:52px!important;width:320px!important;color:#4c4f58!important}@media screen and (max-width: 1023px){.quiz .quiz__form-wrapper .klaviyo-form input{width:100%!important}}.quiz .quiz__form-wrapper .klaviyo-form input[type=email]+.needsclick>.needsclick,.quiz .quiz__form-wrapper .klaviyo-form input[type=email]+.needsclick>.needsclick .go3298969293.go3298969293.go3298969293:before,.quiz .quiz__form-wrapper .klaviyo-form input[type=email]+.needsclick>.needsclick .go3298969293.go3298969293.go3298969293:after{left:50%!important;transform:translate(-50%)!important;width:fit-content}.quiz .quiz__form-wrapper .klaviyo-form button{height:52px!important;border-radius:30px!important;padding:0 10px!important;text-transform:uppercase!important;width:320px!important}@media screen and (max-width: 1023px){.quiz .quiz__form-wrapper .klaviyo-form button{width:100%!important}}.quiz .quiz__form-wrapper .klaviyo-form div{padding:0!important;background-color:transparent!important;max-width:none!important;align-items:center!important;flex-direction:column!important;flex:1 0 auto!important}.quiz .quiz__form-wrapper .klaviyo-form div span{text-wrap:nowrap!important}.quiz .quiz__form-wrapper .klaviyo-form div #rich-text-105494929 span{font-size:21px!important}.quiz .quiz__form-wrapper .klaviyo-form>div{gap:30px!important}.quiz__progress{display:flex;align-items:center;justify-content:center;gap:30px}.quiz__progress-item{width:36px;height:36px;border-radius:50%;transition:all .3s ease;position:relative}.quiz__progress-item:before{content:"";display:block;width:30px;height:2px;position:absolute;top:calc(50% - 1px);right:-32px}.quiz__progress-item:last-child:before{display:none}.quiz__progress-item svg{width:20px;height:20px;vertical-align:middle;display:none}.quiz__progress-item--completed{background-color:#fff;border-color:#fff}.quiz__progress-item--completed svg{display:inline-block}
/*# sourceMappingURL=/cdn/shop/t/161/assets/quiz.scss.css.map */