.quiz-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.quiz-popup.light .quiz-popup__steps{background-color:#fff}.quiz-popup.light .quiz-popup__steps>*{color:#4c4f58}.quiz-popup.light .quiz-popup__steps:before{display:none}.quiz-popup.light .quiz-popup__current-step,.quiz-popup.light .quiz__question{color:#4c4f58}.quiz-popup.light .product-item{box-shadow:0 4px 16px #0000000d;border-radius:10px;padding:0;background-color:#fff}.quiz-popup.light .product-item:before{display:none}.quiz-popup.light .product-item .product-item-meta__title{color:#4c4f58}.quiz-popup.light .product-item .product-item__image-wrapper,.quiz-popup.light .product-item .product-item__info{background-color:#fff}.quiz-popup.light .quiz-popup__result-title,.quiz-popup.light .product-item-meta__title,.quiz-popup.light .quiz-popup__form-label,.quiz-popup.light .quiz-popup__close svg{color:#4d4f57}.quiz-popup.light .quiz__answer{color:#4c4f58}.quiz-popup.light .quiz__answer .bubble{border:1px solid #4C4F58}.quiz-popup.light .quiz__answer .bubble:before{background-color:#4c4f58}.quiz-popup.light .quiz-popup__result{background-color:#f5f5f7;background-image:unset}.quiz-popup.light .quiz-popup__result-title,.quiz-popup.light input[type=email][aria-invalid=false]{border-color:#4c4f5833!important;border-image-source:unset!important}.quiz-popup.light span[role=alert]{background:#fff!important}.quiz-popup.light .quiz-popup__form-wrapper .klaviyo-form input{color:#4d4f57!important}.quiz-popup.light .quiz-popup__form-wrapper .klaviyo-form div span{color:#4c4f58!important}.quiz-popup.light .quiz-popup__form-wrapper .klaviyo-form button{background:#4c4f58!important;color:#fff!important}.quiz-popup.light .quiz-card__container.featured .featured-banner{background:#f27400}.quiz-popup .quiz-popup__overlay{position:fixed;top:0;left:0;z-index:10;background-color:#0d0e1099;width:100%;height:100%}.quiz-popup .quiz-popup__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:fit-content;height:auto}@media screen and (max-width: 1023px){.quiz-popup .quiz-popup__container{width:96%;height:100%;top:3px;transform:translateY(0);transform:translate(-50%)}}@media screen and (min-width: 1024px){.quiz-popup .quiz-popup__container{min-width:700px}}.quiz-popup .quiz-popup__close{display:flex;border:0;outline:0;background-color:transparent;margin:0;position:absolute;top:0;right:0;padding:10px;z-index:20}.quiz-popup .quiz-popup__close.results{position:static;margin-left:auto;width:fit-content;padding:0}.quiz-popup .quiz-popup__steps{position:relative;background-color:#181a1e;border-radius:10px;padding:40px 80px}.quiz-popup .quiz-popup__steps:before{content:"";position:absolute;border-radius:10px;display:block;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(98.24deg,#6ddcff,#7f60f9);z-index:-1}@media screen and (max-width: 1023px){.quiz-popup .quiz-popup__steps{padding:40px 20px;height:calc(100% - 8px)}}.quiz-popup .quiz-popup__current-step{font-weight:700;font-size:22px;text-transform:uppercase;line-height:2;letter-spacing:-1px;color:#fff9;margin-bottom:20px}.quiz-popup .quiz__step{display:flex;flex-direction:column;gap:24px}.quiz-popup .quiz__question{font-size:22px;font-weight:700;line-height:1.4;color:#fff}.quiz-popup .quiz__answers{display:flex;flex-direction:column;gap:16px}.quiz-popup .quiz__answer{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;font-size:16px;line-height:1;font-weight:600;padding-left:24px;color:#fff}.quiz-popup .quiz__answer:hover .bubble:before,.quiz-popup .quiz__answer.active .bubble:before{display:block}.quiz-popup .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-popup .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-popup .quiz-popup__result{min-height:700px;width:100%;height:100%;background-repeat:no-repeat;background-size:cover}.quiz-popup .quiz-popup__preloader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-popup .quiz-popup__preloader .spiner{margin:0}.quiz-popup .quiz-popup__result-title{font-size:41px;line-height:1.2;font-weight:700;text-align:center;color:#fff;margin:0 auto 15px;max-width:450px;border-image-slice:1;border-bottom:1px solid;padding-bottom:15px;border-image-source:linear-gradient(98.24deg,#6ddcff 0%,#7f60f9 100%)}@media screen and (max-width: 1023px){.quiz-popup .quiz-popup__result-title{font-size:35px}}.quiz-popup .quiz-popup__form-label{text-align:center;margin-bottom:24px;font-size:16px;line-height:24px;color:#e4e4e7}.quiz-popup .quiz-popup__form-wrapper .klaviyo-form{background-color:transparent!important;border:0!important;padding:0!important;border-radius:0!important;max-width:none!important}.quiz-popup .quiz-popup__form-wrapper .klaviyo-form input{background-color:transparent!important;height:52px!important;width:320px!important;color:#fff!important}@media screen and (max-width: 1023px){.quiz-popup .quiz-popup__form-wrapper .klaviyo-form input{width:100%!important}}.quiz-popup .quiz-popup__form-wrapper .klaviyo-form button{height:52px!important;border-radius:30px!important;padding:0 10px!important;background-color:#fff!important;color:#181c21!important;text-transform:uppercase!important;width:320px!important}@media screen and (max-width: 1023px){.quiz-popup .quiz-popup__form-wrapper .klaviyo-form button{width:100%!important}}.quiz-popup .quiz-popup__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-popup .quiz-popup__form-wrapper .klaviyo-form div span{color:#fff!important}.quiz-popup .quiz-popup__form-wrapper .klaviyo-form div #rich-text-105494929 span{font-size:21px!important}.quiz-popup .quiz-popup__form-wrapper .klaviyo-form>div{gap:20px!important}.quiz-popup .quiz-popup__result-wrapper{padding:40px;width:100vw;height:100vh;overflow-y:auto}@media screen and (max-width: 1023px){.quiz-popup .quiz-popup__result-wrapper{padding:20px;width:100%;max-height:98vh;overflow-y:scroll}}.quiz-popup .quiz-popup__result-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:45px 0 30px;gap:20px;max-width:1000px;margin:0 auto}@media screen and (max-width: 1023px){.quiz-popup .quiz-popup__result-container{flex-direction:column}}.quiz-popup .quiz-card__container{width:100%}@media screen and (min-width: 1024px){.quiz-popup .quiz-card__container{max-width:30%}}.quiz-popup .quiz-card__container.featured{position:relative}@media screen and (max-width: 1023px){.quiz-popup .quiz-card__container.featured{order:-1}}@media screen and (min-width: 1024px){.quiz-popup .quiz-card__container.featured{max-width:40%}}.quiz-popup .quiz-card__container.featured .product-item__label-list{top:20px}.quiz-popup .quiz-card__container.featured .featured-banner{position:absolute;width:200px;top:-18px;left:50%;transform:translate(-50%);background:linear-gradient(98.24deg,#6ddcff,#7f60f9);color:#fff;font-size:14px;font-weight:600;line-height:150%;text-transform:capitalize;text-align:center;padding:8px 24px;z-index:3;border-radius:10px}.quiz-popup .quiz-card__container.featured .product-item .product-item__aspect-ratio:before{padding-top:80%}.quiz-popup .product-item{position:relative;border-radius:30px;padding:2px}.quiz-popup .product-item:before{content:"";position:absolute;border-radius:30px;display:block;top:0;left:0;right:0;bottom:0;background:linear-gradient(98.24deg,#6ddcff,#7f60f9)}.quiz-popup .product-item .product-item__image-wrapper{background-color:#181a1e;border-top-left-radius:30px;border-top-right-radius:30px;margin:0;padding-bottom:24px;z-index:2}.quiz-popup .product-item .product-item__label-list{top:15px;left:15px}.quiz-popup .product-item .product-item__info{background-color:#181a1e;border-bottom-left-radius:30px;border-bottom-right-radius:30px;z-index:2;padding:0 8px 20px;margin-top:-1px}.quiz-popup .product-item .product-item-meta__title{font-size:18px;color:#fff;font-weight:700}.quiz-popup .product-item .product-item__aspect-ratio{display:block;position:relative;width:100%}.quiz-popup .product-item .product-item__aspect-ratio:before{content:"";display:block;padding-top:75%}.quiz-popup .product-item .product-item__aspect-ratio img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}html.no_scroll,body.no_scroll{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/130/assets/quiz-popup.scss.css.map */