.overlay-content{position:relative;max-height:700px}.overlay-content img{width:100%;height:700px;object-fit:cover}@media screen and (max-width: 539px){.overlay-content img{width:100%;height:auto;object-fit:cover}}.section-overlay-content-wrap{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.section-title-wrap h1{font-style:normal;font-weight:700;width:100%;margin:0 auto 20px;line-height:1.2;font-size:86px;color:#000;text-transform:none;letter-spacing:initial}.sewction-overlay-button-wrap button{padding:16px;border-radius:0;min-width:160px;width:auto;font-size:13px;font-weight:600;color:#fff;background-color:#f991a9;border:1px solid rgb(249,145,169);line-height:1.3;height:auto;min-height:auto}.sewction-overlay-button-wrap button:hover{color:#f991a9;background-color:#fff}.slide{text-align:center;width:100%}.skin-quiz-slide-wrap{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.skin-quiz-slide-wrap h1{font-weight:700;width:100%;margin:0 auto 20px;line-height:1.2;font-size:30px;color:#000}.skin-quiz-slide-input-field-wrap input{width:370px;height:55px;max-width:calc(100% - 20px);font-weight:600;margin:0 10px;border:1px solid rgb(0,0,0);border-radius:30px;font-size:16px;color:#000;background:#fff;padding:10px 20px;outline:none;transition:all .3s ease 0s;display:initial!important}.skin-quiz-slide-input-field-wrap input:focus-visible{outline:none;outline-offset:none;box-shadow:none}.skin-quiz-slide-input-field-wrap button{margin:40px 0 0;font-weight:800;border:none;background:none;color:#1a1a1a;display:flex;width:100%;justify-content:center;align-items:center;justify-items:center}.skin-quiz-slide-input-field-button button>*{margin:5px}.skin-quiz-button-wrap{text-align:center}.skin-quiz-button-wrap button{padding:16px;border-radius:0;min-width:160px;width:auto;font-size:13px;font-weight:600;margin:10px 0 0;color:#fff;background-color:#f991a9;border:1px solid rgb(249,145,169);line-height:1.3;height:auto;min-height:auto}.skin-quiz-button-wrap button:hover{color:#f991a9;background-color:#fff}.question-container-flex-wrap{max-width:100%;text-align:center;margin:0 auto}.question-container-flex-wrap label{width:420px;height:auto;min-height:60px;padding:20px;font-size:18px;font-weight:600;display:flex;align-items:center;min-width:250px;color:#f991a9;cursor:pointer;border:1px solid rgb(0,0,0);border-radius:0;background:#fff;text-align:left;margin:0px 10px 1rem}.question-container-flex-wrap label:hover,.question-container-flex-wrap label.checked{background:#f991a9;color:#fff;border-color:#000;box-shadow:#00000026 0 0 10px}.question-container-flex-wrap input{margin-right:15px}.quiz__container-wrap button{cursor:pointer}button#nextButton[disabled]{opacity:.5}.skin-quiz-slide-input-field-wrap button:hover{opacity:.7}.retake__quiz-btn-wrap{margin-top:20px}button.retake__quiz-button{border:0;border-bottom:1px solid #000;padding:0 12px 5px;font-size:10px;cursor:pointer}button.retake__quiz-button:hover{opacity:.7}#productList{display:flex;flex-wrap:wrap;padding:0;justify-content:center;align-items:stretch;margin-bottom:0!important;max-width:850px;margin:0 auto}#productDisplay h2{text-align:center;padding-top:28px!important}#productDisplay{max-height:100%!important;height:100%;background:#fff;padding:50px 0}#productList .product-card{max-width:250px;margin:0 10px 30px;display:flex;flex-wrap:wrap;justify-content:center;position:relative;border:1px solid #f6ced6}#productList .product-card img{width:250px;object-fit:cover;height:250px;padding:10px 10px 0}#productList .product-details h3{font-size:14px;text-transform:capitalize;margin-bottom:0!important;height:40px!important}#productList .product-details p{margin-bottom:0!important;margin-top:10px!important;line-height:20px}.product-details{max-width:250px;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:0 10px 10px}#productList .product-details .view__product--button{padding:10px 20px;color:#000;background:#f4cdd4;text-decoration:none;border-radius:5px;font-weight:600;font-size:16px;min-width:100%;width:100%;display:inline-block;text-align:center;margin-top:16px;z-index:1}#productList .product-details .view__product--button:hover{background:#f1a5b3}.product__overlay-link{display:block!important;position:absolute;width:100%;height:100%}.quiz__container-wrap{min-height:700px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;max-width:500px;margin:0 auto;padding-bottom:50px;overflow:hidden}.prev-next--button__wrap{display:flex;width:100%;justify-content:space-between;max-width:300px}.quiz__container-wrap:has(.show[data-slide-step="2"]) .prev-next--button__wrap,.quiz__container-wrap:has(.show[data-slide-step="3"]) .prev-next--button__wrap{justify-content:center!important}.question-container input[type=radio]{display:none}.question-container label{position:relative;display:inline-block;padding-left:40px;cursor:pointer;line-height:1.5em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.question-container label:before,.question-container label:after{content:"";position:absolute;top:50%;left:26px;width:1em;height:1em;text-align:center;color:#fff;font-family:Times;border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid rgb(249,145,169);transform:translate(-14px,-50%)}.question-container label:hover:before,.question-container label.checked:hover:before{-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:inset 0 0 0 .3em #fff,inset 0 0 0 1em #f991a9}.question-container label input[type=radio]:checked:before,.question-container label.checked:before{-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:inset 0 0 0 .2em #fff,inset 0 0 0 1em #f991a9}#productDisplay h2{font-weight:600;width:100%;margin:0 auto 20px;line-height:1.2;font-size:15px;color:#000;text-transform:none;letter-spacing:initial}#productDisplay h1{font-weight:600;width:100%;margin:0 auto 20px;line-height:1.2;font-size:36px;color:#000;text-transform:none;letter-spacing:initial}.product-section{width:100%}.product-list{display:flex;flex-wrap:wrap;justify-content:center}.product-section h2.section_heading{font-size:20px!important}@media screen and (max-width: 767px){.question-container-flex-wrap{padding:100px 20px;width:100%}#productList .product-details h3{height:max-content!important}.question-container label{margin-right:0;margin-left:0;width:100%}#productDisplay h2{font-size:15px!important;font-weight:600!important;letter-spacing:0px!important}#productDisplay h1{font-size:30px!important;font-weight:600!important;letter-spacing:0px!important}#productDisplay{max-height:100%!important;height:100%!important}#productList .product-card{margin:0 10px 30px!important}.skin-quiz-slide-wrap h1,.question-container-flex-wrap h2{font-size:20px!important;font-weight:700!important;letter-spacing:0px!important}.skin-quiz-slide-wrap p,.question-container-flex-wrap p{font-size:16px!important;font-weight:400!important;letter-spacing:0px!important}}.slide[data-slide-step="4"] .question-container-flex-wrap label{background:transparent;display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin:0;padding:10px;border:0}.slide[data-slide-step="4"] .question-container-flex-wrap label:hover{background:transparent;box-shadow:none;color:#f991a9}.slide[data-slide-step="4"] .question-container-flex-wrap label:before,.slide[data-slide-step="4"] .question-container-flex-wrap label:after{display:none}.slide[data-slide-step="4"] .question-container-flex-wrap label>*{width:100%;max-width:100%}.skin-quiz-icons-flex{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.skin-quiz-icon-container{display:flex;justify-content:center;align-items:flex-start;max-width:50%;width:100%}.skin-quiz-icons-flex svg{width:150px;height:150px;padding:10px;background:#f991a9d9;border-radius:6px}.skin-quiz-icons-flex svg:hover{background:#f991a9}.slide[data-slide-step="4"] .question-container-flex-wrap label{font-size:10px}@media screen and (max-width: 767px){.slide[data-slide-step="4"] .question-container-flex-wrap label{font-size:16px}.skin-quiz-icons-flex{row-gap:15px}.skin-quiz-icon-container{max-width:100%}.skin-quiz-icons-flex svg{width:160px;height:160px}#productDisplay .product-section h2.section_heading{font-size:16px!important}}.question-container .question-container-flex-wrap h2,.question-container .question-container-flex-wrap p{margin:0 0 1rem}#productList .product-category-title{background:#f6ced6;width:100%;height:fit-content}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-quiz.css.map */