.quiz{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:550px;background-position:center;background-size:cover;background-repeat:no-repeat}.quiz: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;left:80px;top:50%;transform:translateY(-50%);max-width:650px;padding:30px;display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 767px){.quiz .quiz__start-page,.quiz .quiz__steps{left:0}}.quiz .quiz__title,.quiz .quiz__current-step{margin:0;color:#fdfbf9;font-size:44px;font-weight:700;line-height:1.08;letter-spacing:-1px;text-transform:uppercase}.quiz .quiz__description{color:#fdfbf9;font-size:16px;font-weight:600;line-height:1.73}.quiz .quiz__button.button{width:fit-content;text-transform:uppercase;color:#4c4f58;background:linear-gradient(174deg,#fdfbf9 0% 10%,#00000012 10% 100%),#fdfbf9}.quiz .quiz__step{display:flex;flex-direction:column;gap:20px}.quiz .quiz__question{color:#fdfbf9;font-size:18px;font-weight:700;line-height:1.54}.quiz .quiz__answers{display:flex;flex-direction:column;gap:24px}.quiz .quiz__answer{position:relative;display:block;color:#fdfbf9;font-size:16px;font-weight:600;line-height:1;padding-left:24px}.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__preloader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz .quiz__preloader .spinner{background:conic-gradient(from 180deg at 50% 50%,#4c4f5800,#fff 360deg)}.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;color:#fff;margin:0 auto 24px;max-width:450px}@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;color:#e4e4e7}.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{color:#fff!important;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:50px!important}
/*# sourceMappingURL=/cdn/shop/t/130/assets/quiz.scss.css.map */