.quiz-card,.quiz-popup-container{display:none}@media(max-width:768px){.quiz-card img.decision-mark{width:37px;position:absolute;right:0;top:-6px}.quiz-popup-container{position:fixed;bottom:-100%;left:50%;transform:translate(-50%);width:100%;z-index:950;padding:2px;margin-bottom:68px;border-radius:24px}.quiz-popup-content{box-shadow:3px 3px #05add4;border:1px solid #ABEFFF;border-radius:24px;height:760px;position:relative;background:#fff}.quiz-card{width:100%;border-radius:24px;box-shadow:-2px -2px #05add4,4px 4px #05add4;border:1px solid #05ADD4;position:relative;margin:10px;display:block}.quiz-popup-content-div{padding:20px 44px}.quiz-popup-container.active{bottom:0;display:block}img.popup-close-btn{position:absolute;right:15px;top:15px;font-size:22px;cursor:pointer;color:#333;background:none;border:none;width:15px}.quiz-popup-header h2{color:#000;margin-bottom:20px;font-family:Gilroy Regular!important;font-size:16px;font-weight:400;line-height:20px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.quiz-popup-header h2 strong{font-size:18px;font-weight:700}.quiz-step-indicator{display:flex;justify-content:space-between;margin-top:10px;font-size:16px;color:#aaa}.quiz-popup-header-result{padding:25px;text-align:center;border-bottom:1px solid #C4EFF8}.quiz-step-indicator .step-number{font-family:Gilroy SemiBold!important;font-size:13px;font-weight:400;line-height:24px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#929292}.quiz-step-indicator .step-number.active{font-weight:700;color:#0175bf}.quiz-question{margin:5px 0;color:#000;font-family:Gilroy Regular!important;font-size:17px;font-weight:400;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.quiz-instruction{margin-bottom:20px;font-family:Gilroy Medium!important;font-size:13px;font-weight:400;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#929292}.quiz-option-container{display:flex;flex-direction:column;gap:10px}.quiz-option{padding:10px;border:1px solid #9AECFF;border-radius:10px;cursor:pointer;color:#000;transition:all .3s ease;font-family:Gilroy Medium!important;font-size:20px;font-weight:400;line-height:24px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#0175bf;display:flex;gap:30px}.quiz-option img{width:41px;height:35px}.quiz-option.selected{background:#ffee8c}.quiz-next-btn{margin-top:30px;padding:10px 30px;font-size:16px;background-color:#05add4;color:#fff;border:none;border-radius:7px;cursor:pointer;width:50%;transition:background-color .3s ease;font-family:Gilroy Bold!important;font-size:17px;font-weight:400;line-height:21.05px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;height:36px}.quiz-prev-btn{width:17%;border-radius:7px;margin-top:20px;border:1px solid #05ADD4;height:36px}.quiz__btn_div{display:flex;gap:5px;justify-content:center;position:absolute;width:80%;bottom:15px;padding-right:5px;align-items:end}button.quiz-prev-btn img{width:10px;margin:0 auto}.quiz-prev-btn{display:none}button.quiz-prev-btn.active{display:block!important}.quiz-card-inner .proceed__img img{width:200px}.proceed__text p.proceed__heading{text-align:left;letter-spacing:0;color:#000;font-family:Gilroy SemiBold!important;font-size:20px;font-weight:400;line-height:24.5px;text-underline-position:from-font;text-decoration-skip-ink:none}.proceed__text p{text-align:left;letter-spacing:0;color:#000;margin-top:5px;font-family:Gilroy Regular!important;font-size:16px;font-weight:400;line-height:19.2px;text-underline-position:from-font;text-decoration-skip-ink:none}.quiz-card-inner{display:flex;padding:10px;gap:20px;background:#fff;margin:5px;border-radius:15px}.proceed__text{margin-top:15px}.procced__btn{width:140px;border-radius:7px;color:#fff;text-align:center;margin-top:15px;background:#05add4}.procced__btn p{font-family:Gilroy Bold!important;font-size:17px;font-weight:400;line-height:21.05px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;padding:10px}.quiz-progress-bar-container{width:90%;height:8px;margin:0 auto;background:#c3f4ff;border-radius:10px;position:relative}.quiz-progress-bar-container img{width:40px;position:absolute;top:-16px;left:-5px;z-index:1}.quiz-progress-bar{display:block!important;background:#05add4!important;position:absolute;top:0;left:0;height:100%;border-radius:10px;transition:width .3s ease-in-out}.result-container .max-parent-variant,.result-container .price-display{padding:0}.result-container .max-parent-variant{padding-left:0!important;overflow:scroll}.result-container .max-parent-variant div{display:flex;gap:6px}.result-container .price-container{padding:10px 12px}.result-container .price-display span{padding:12px}.quiz-popup-content-div h3 span{color:#05add4}.quiz-popup-content-div .result-container{padding:90px 50px;display:none}.result-container h3{width:auto;margin:0 auto 20px;text-align:center}.product-item-cstm-results{border-radius:17px;border:.5px solid #C1C1C1}.product-item-cstm-results img{border-radius:17px 17px 0 0}.product-item-cstm-results h4{font-family:Gilroy Bold!important;font-size:16px;font-weight:400;line-height:22px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;padding:12px}.variants-container{display:flex;gap:12px;padding:12px}.variant-item-result.active{background:#ff40b1;border-radius:5px;padding:6px 25px;color:#fff;width:80px;height:39px;border:.5px solid #FF40B1}.variant-item-result{padding:6px 25px;color:#000;border:.8px solid;border-radius:5px}.price-container span{font-family:Gilroy Bold!important;font-size:24px;font-weight:700;line-height:29.02px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;padding:15px;color:#000}.variant-item-result span{font-family:Gilroy Bold!important;font-size:14px;font-weight:400;line-height:25px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}span.compare-price{font-family:Gilroy;font-size:16px;font-weight:500;line-height:18.83px;text-align:center;text-decoration-line:line-through;text-underline-position:from-font;text-decoration-skip-ink:none;color:#595959;padding-left:5px}.quiz-popup-content-div .add-tocart-button{position:relative;margin-top:5px;border-radius:0 0 17px 17px;background-color:#ff4081!important;width:100%;padding:10px}span.discount-percentage{font-family:Gilroy;font-size:14px;font-weight:500;line-height:16.48px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#ff40b1}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:949}}@media(min-width:360px)and (max-width:412px){.quiz-popup-content{height:600px}.quiz-option{padding:6px;font-size:14px}.quiz-popup-content-div{padding:15px 35px}.quiz-option img{width:31px;height:26px}.quiz-question{font-size:15px;margin-bottom:-4px}.quiz-next-btn{padding:6px 20px;font-size:16px}.quiz-popup-container{margin-bottom:69px}.variants-container{display:flex;gap:5px;padding:0 12px}.quiz-popup-content-div .result-container{padding:20px 45px}.quiz-instruction{margin-bottom:5px;font-size:10px}.result-container p{text-decoration-skip-ink:none;color:#000;margin-bottom:20px;font-family:Gilroy Bold!important;font-size:16px;font-weight:400;line-height:20px;text-align:center;text-underline-position:from-font}}.result-container .color_buttons{height:25px;width:25px;margin:0;border:2px solid #ffffff}.result-container .color_buttons.v_active{box-shadow:2px 4px 8px #0000002b;border:2px solid #ffffff}
/*# sourceMappingURL=/cdn/shop/t/2264/assets/sunscreens-quiz-shop.css.map */