.Quiz__wrapper{background-color:#da3a551a;min-height:550px;position:relative}@media (max-width: 992px){.Quiz__wrapper{padding:0 20px 50px}}@media (max-width: 568px){.Quiz__wrapper{padding:0 0 57px}.Quiz__wrapper:after{content:"";display:block;width:20px;height:100%;position:absolute;top:0;left:-20px;background-color:#da3a551a}.Quiz__wrapper:before{content:"";display:block;width:20px;height:100%;position:absolute;right:-20px;background-color:#da3a551a}}.Quiz__start:before{display:none!important}.Quiz__start:after{display:none}.Quiz__start .quiz-container{max-width:1440px;width:100%}.Quiz__question{font-size:25px;line-height:30px;color:#231f20;text-align:center;letter-spacing:-.01em;max-width:592px;margin:0 auto;padding:66px 0 30px}.Quiz__question span{color:#da3a55;font-weight:700;display:inline}@media (max-width: 568px){.Quiz__question{font-size:18px}}.Quiz__listing{margin-top:60px;max-width:753px!important;gap:20px}.Quiz__listing.normal-listing li{flex:0 0 calc(50% - 10px)!important}@media (max-width: 720px){.Quiz__listing.normal-listing li{flex:0 0 100%!important}}.Quiz__listing.normal-listing li:hover label{background-color:#da3a55;color:#fff!important;border-color:#da3a55}.Quiz__listing.normal-listing li label{position:absolute!important;left:0;top:0;height:100%!important;width:100%!important;text-align:center;display:flex;justify-content:center;align-items:center}.Quiz__listing.normal-listing li input:checked+label{background-color:#da3a55!important;border-color:#da3a55}.Quiz__listing.normal-listing li .custom-radio-outer{max-width:100%!important;min-height:52px!important;padding:0!important}.Quiz__listing li{background-color:#fff;margin:0!important}.Quiz__listing li input{height:100%}.Quiz__listing li label{border:1px solid #bdbdbd;text-transform:none!important;background-color:#fff;font-size:16px!important;line-height:22px;padding:0 26px;letter-spacing:-.01em!important;text-align:center;font-weight:400!important;font-family:Roboto!important}.Quiz__listing li label:after{display:none}.Quiz__listing--color{gap:20px;max-width:861px!important}.Quiz__listing--color li{background-color:#fff;max-width:calc(20% - 16px)!important;flex:0 0 calc(20% - 16px)!important;position:relative;padding:0!important}.Quiz__listing--color li.active{background-color:#da3a55}.Quiz__listing--color li .custom-radio-outer{padding:18px 26px 13px!important}@media (max-width: 720px){.Quiz__listing--color li{flex:0 0 calc(50% - 10px)!important;max-width:calc(50% - 10px)!important;margin:0!important}}@media screen and (max-width: 1200px) and (min-width: 720px){.Quiz__listing--color li{max-width:25%!important}}.Quiz__listing--color li:hover{background-color:#da3a55}.Quiz__listing--color li em{width:106px!important;margin-bottom:8px!important}.Quiz__listing--color li label{font-weight:400!important;font-size:16px!important;line-height:23px;text-transform:none!important;padding:0!important;max-width:100%!important}.Quiz__listing--color li label:after{display:none}.Quiz__badge{max-width:742px;margin:-10px 0 56px!important}.Quiz__badge img{max-width:184px;padding-right:15px!important}.Quiz__badge img.mobile{display:none}@media (max-width: 568px){.Quiz__badge img.mobile{display:block;max-width:92px}.Quiz__badge img.desktop{display:none}}.Quiz__badge p{max-width:665px!important;width:100%;margin:20px 0 0 80px!important;background-color:#af359033;font-weight:400;font-size:16px;font-family:Roboto Condensed!important;line-height:23px;letter-spacing:-.01em;color:#231f20;padding:18px 18px 18px 0;text-align:left;font-style:italic}.Quiz__badge p strong{font-style:normal}@media (max-width: 568px){.Quiz__badge p{padding-left:43px!important;margin:0 0 0 50px!important;width:calc(100% - 50px)!important}}.hair-color-quiz .quiz-inner-content.wizard-01 .quiz-step-content-block-inner{display:block}.hair-color-quiz .quiz-step-bottom-block{margin-top:25px}.hair-color-quiz .quiz-section{padding:0!important}@media (min-width: 1200px){.hair-color-quiz .quiz-section{min-height:690px}}@media (min-width: 1441px){.hair-color-quiz .quiz-section{min-height:806px}}@media (max-width: 568px){.hair-color-quiz .quiz-section{min-height:auto!important}.hair-color-quiz .quiz-section:not(.Quiz__start){padding-top:43%!important}}.hair-color-quiz .quiz-section .quiz-inner-content .custom-input.input-group{max-width:486px!important}.hair-color-quiz .wizard-01{padding-top:190px}@media (max-width: 1200px){.hair-color-quiz .wizard-01{padding-top:70px}}@media (max-width: 1600px){.hair-color-quiz .wizard-01{padding-top:120px}}@media (max-width: 720px){.hair-color-quiz .wizard-01{padding-bottom:50px}}.hair-color-quiz .wizard-02{padding-top:72px}@media (max-width: 568px){.hair-color-quiz .wizard-02{padding-top:30px}}@media (max-width: 568px){.hair-color-quiz .wizard-02 .quiz-steps-wizard{padding-bottom:0!important}}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps{bottom:auto;top:65px;z-index:999}@media (max-width: 720px){.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps{left:50%}}@media (max-width: 568px){.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps{position:relative;left:0;top:10px;transform:translateY(35px);width:275px;overflow:hidden;margin:0 16px 0 auto}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps:before{content:"";display:block;width:100%;height:100%;background-color:red;position:absolute;left:-100%;z-index:9}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul:after{width:180%}}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul{align-items:center}@media (max-width: 568px){.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul{overflow-x:scroll}}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul:after{height:2px!important;background-color:#da3a5580}@media (max-width: 568px){.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li{margin:0 15px}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li:first-child{margin-left:0!important}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li:last-child{margin-right:0!important}}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li a{border:2px solid rgba(218,58,85,.5);color:#fff;display:flex;justify-content:center;align-items:center}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li a.continue{font-size:12px;text-align:center;color:#fff!important;font-family:Roboto;font-weight:700}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li.current a{width:45px;height:45px;position:relative;font-weight:700;font-family:Roboto Condensed,sans-serif;font-size:20px}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li.current a:after{content:"";display:block;border:4px solid white;width:40px;height:40px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li.done a{color:#da3a55}.hair-color-quiz .wizard-02 .quiz-steps-wizard .steps ul li:before{display:none}@media (max-width: 568px){.hair-color-quiz .wizard-02 .quiz-steps-wizard .content{overflow:visible!important;margin-top:-40px}}.hair-color-quiz .wizard-02 .inner-wizard-02 .section-main-title{font-size:20px;margin-bottom:105px!important}@media (max-width: 568px){.hair-color-quiz .wizard-02 .inner-wizard-02 .section-main-title{font-size:18px;margin-bottom:77px!important}}.hair-color-quiz .wizard-02 .inner-wizard-02 .quiz-step-upper-block{max-width:100%}.hair-color-quiz .wizard-02 .actions .first-step.back-step{top:78px;left:30%;height:fit-content}@media (max-width: 1440px){.hair-color-quiz .wizard-02 .actions .first-step.back-step{left:28%}}@media (max-width: 1380px){.hair-color-quiz .wizard-02 .actions .first-step.back-step{left:25%}}@media (max-width: 1200px){.hair-color-quiz .wizard-02 .actions .first-step.back-step{left:20%}}@media (max-width: 720px){.hair-color-quiz .wizard-02 .actions .first-step.back-step{left:10%;top:57px;text-align:left}}@media (max-width: 568px){.hair-color-quiz .wizard-02 .actions .first-step.back-step{z-index:999;left:5%;width:max-content}}@media (max-width: 375px){.hair-color-quiz .wizard-02 .actions .first-step.back-step{left:-6px}}.hair-color-quiz .wizard-02 .actions .first-step.back-step a{border:none}.hair-color-quiz .wizard-02 .actions .next-step{display:none!important}.hair-color-quiz .wizard-02 .actions .finish-btn{bottom:25%!important}@media (max-width: 720px){.hair-color-quiz .wizard-02 .actions .finish-btn{bottom:20%!important}}.hair-color-quiz .wizard-02 #quiz-step-03 .Quiz__listing li .custom-radio-outer{min-height:74px!important}.hair-color-quiz .wizard-02 #quiz-step-09 .Quiz__wrapper,.hair-color-quiz .wizard-03{padding-bottom:100px}@media (max-width: 1600px){.hair-color-quiz .quiz-section{padding-top:10%}.hair-color-quiz .quiz-section .quiz-inner-content .section-para{font-size:16px;line-height:20px;max-width:500px}.hair-color-quiz .quiz-section .quiz-inner-content .section-main-title .black-text{font-size:30px}.hair-color-quiz .quiz-section .quiz-inner-content .section-main-title .lightpink-text{font-size:44px}}@media (max-width: 1200px){.hair-color-quiz .quiz-section:before{display:none}.hair-color-quiz .quiz-section:after{display:none}.hair-color-quiz .quiz-section .quiz-inner-content .section-main-title .black-text{max-width:unset}.hair-color-quiz .quiz-section .quiz-inner-content .section-para{font-size:17px!important;line-height:30px;letter-spacing:-.01em}}.quiz-result-right-block .select2-container{min-width:300px!important}
/*# sourceMappingURL=/cdn/shop/t/146/assets/hair-quiz.css.map */