collection-quiz{display:none;grid-column:1 / -1;width:100%}collection-quiz .hidden{display:none!important}@media(max-width:767px){collection-quiz{display:block}collection-quiz .collection-quiz__trigger{width:100%;border-radius:24px;box-shadow:-2px -2px #05add4,4px 4px #05add4;border:1px solid #05ADD4;position:relative}collection-quiz .collection-quiz__decision-mark{width:37px;position:absolute;right:0;top:-6px}collection-quiz .collection-quiz__inner{display:flex;padding:10px;gap:20px;background:#fff;margin:5px;border-radius:15px}collection-quiz .collection-quiz__product-img img{width:200px}collection-quiz .collection-quiz__text{margin-top:15px}collection-quiz .collection-quiz__heading{color:#000;font-family:Gilroy-SemiBold;font-size:20px;line-height:24.5px}collection-quiz .collection-quiz__text p{color:#000;font-family:Gilroy-Regular;font-size:16px;line-height:19.2px}collection-quiz .collection-quiz__proceed-btn{display:inline-block;width:140px;border-radius:7px;text-align:center;margin-top:15px;background:#05add4;cursor:pointer}collection-quiz .collection-quiz__proceed-btn p{font-family:Gilroy-Bold;font-size:17px;line-height:21.05px;color:#fff;padding:10px}collection-quiz .collection-quiz__popup{display:none;position:fixed;bottom:-100%;left:50%;transform:translate(-50%);width:100%;z-index:950;padding:2px;margin-bottom:68px;border-radius:24px}collection-quiz .collection-quiz__popup.is-active{bottom:0;display:block}collection-quiz .collection-quiz__popup-content{box-shadow:3px 3px #05add4;border:1px solid #ABEFFF;border-radius:24px;height:760px;position:relative;background:#fff;display:flex;flex-direction:column;overflow:hidden}collection-quiz .collection-quiz__close-btn{position:absolute;right:15px;top:15px;cursor:pointer;background:none;border:none;padding:0}collection-quiz .collection-quiz__close-btn img{width:15px;display:block}collection-quiz .collection-quiz__popup-header-wrap{padding:25px;text-align:center;border-bottom:1px solid #C4EFF8;flex-shrink:0}collection-quiz .collection-quiz__popup-title{color:#000;margin-bottom:20px;font-family:var(--font-primary--family);font-size:16px;font-weight:400;line-height:20px;text-align:center}collection-quiz .collection-quiz__popup-title strong{font-size:18px;font-weight:700}collection-quiz .collection-quiz__progress-wrap{width:90%;height:8px;margin:15px auto 0;background:#c3f4ff;border-radius:10px;position:relative}collection-quiz .collection-quiz__progress-img{position:absolute;top:-16px;left:-5%;width:40px;z-index:2;transition:left .3s ease}collection-quiz[data-quiz-type=moisturizer] .collection-quiz__progress-img{width:26px;top:-10px}collection-quiz[data-quiz-type=serum] .collection-quiz__progress-img{width:19px;top:-12px}collection-quiz .collection-quiz__progress-img.step-2{left:45%}collection-quiz .collection-quiz__progress-img.step-3{left:95%}collection-quiz .collection-quiz__progress-bar{display:block;background:#05add4;position:absolute;top:0;left:0;height:100%;width:0%;z-index:1;border-radius:10px;transition:width .3s ease-in-out}collection-quiz .collection-quiz__progress-bar.step-2{width:50%}collection-quiz .collection-quiz__progress-bar.step-3{width:100%}collection-quiz .collection-quiz__steps{display:flex;justify-content:space-between;margin-top:10px}collection-quiz .collection-quiz__step{font-family:var(--font-primary--family);font-size:13px;line-height:24px;text-align:center;color:#929292}collection-quiz .collection-quiz__step.is-active{font-weight:700;color:#0175bf}collection-quiz .collection-quiz__body{padding:20px 44px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}collection-quiz .collection-quiz__question{margin:5px 0;color:#000;font-family:Gilroy-Regular;font-size:17px;line-height:24px;text-align:left}collection-quiz .collection-quiz__instruction{margin-bottom:20px;font-family:Gilroy-Medium;font-size:13px;line-height:24px;text-align:left;color:#929292}collection-quiz .collection-quiz__options{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto}collection-quiz .collection-quiz__option{padding:10px;border:1px solid #9AECFF;border-radius:10px;cursor:pointer;color:#0175bf;transition:background-color .3s ease;font-family:Poppins-Medium;font-size:20px;line-height:24px;text-align:left;display:flex;gap:30px;align-items:center;background:none;width:100%}collection-quiz .collection-quiz__option img{width:41px;height:35px;flex-shrink:0}collection-quiz .collection-quiz__option.is-selected{background:#c3f4ff}collection-quiz .collection-quiz__btn-row{display:flex;gap:5px;justify-content:center;align-items:flex-end;flex-shrink:0;margin-top:10px}collection-quiz .collection-quiz__next-btn{padding:0 30px;background-color:#05add4;color:#fff;border:none;border-radius:7px;cursor:pointer;width:50%;font-family:Gilroy-Bold;font-size:17px;line-height:21.05px;text-align:center;height:36px;transition:background-color .3s ease}collection-quiz .collection-quiz__next-btn:disabled{cursor:default;background:#959595}collection-quiz .collection-quiz__prev-btn{width:17%;border-radius:7px;border:1px solid #05ADD4;height:36px;background:none;cursor:pointer;display:none}collection-quiz .collection-quiz__prev-btn.is-visible{display:block}collection-quiz .collection-quiz__prev-btn img{width:10px;margin:0 auto;display:block}collection-quiz .collection-quiz__results{padding:90px 50px;display:none}collection-quiz .collection-quiz__results.is-visible{display:block}collection-quiz .collection-quiz__results-heading{width:auto;margin:0 auto 20px;text-align:center;font-family:Gilroy-SemiBold}collection-quiz .collection-quiz__results-heading span{color:#05add4;font-family:Poppins-Medium}collection-quiz .collection-quiz__result-product{border-radius:17px;border:.5px solid #C1C1C1}collection-quiz .collection-quiz__result-img{border-radius:17px 17px 0 0;width:100%}collection-quiz .collection-quiz__result-title{font-family:Gilroy-Bold;font-size:16px;line-height:22px;text-align:left;padding:12px}collection-quiz .collection-quiz__variants-wrap{padding:0}collection-quiz .collection-quiz__swatch-title{display:block;color:#f62f48;font-size:13px;padding:0 12px}collection-quiz .collection-quiz__variants{display:flex;gap:6px;padding:12px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}collection-quiz .collection-quiz__variants::-webkit-scrollbar{display:none}collection-quiz .collection-quiz__variant-item{padding:6px 25px;color:#000;background:transparent;border:.8px solid currentColor;border-radius:5px;cursor:pointer;flex-shrink:0}collection-quiz .collection-quiz__variant-item.is-active{background:#ff40b1;color:#fff;border-color:#ff40b1}collection-quiz .collection-quiz__variant-item span{font-family:Poppins-Medium;font-size:14px;line-height:25px}collection-quiz .color_buttons{height:25px;width:25px;margin:0;border:2px solid #fff;border-radius:50%;cursor:pointer;flex-shrink:0;background-color:var(--shade-1, #f2f2f2)}collection-quiz .color_buttons.color_buttons--duo{background-image:linear-gradient(135deg,var(--shade-1) 50%,var(--shade-2) 50%)}collection-quiz .color_buttons.v_active{box-shadow:2px 4px 8px #0000002b}collection-quiz .color_buttons.peony_-_00_very_light_with_cool_undertone{background:url(/cdn/shop/files/Rectangle_26722.png?v=1772711373) center/cover no-repeat}collection-quiz .color_buttons.porcelain_-_01_very_light_with_warm_undertone{background:url(/cdn/shop/files/Rectangle_26723.png?v=1772711655) center/cover no-repeat}collection-quiz .color_buttons.rose_-_01a_light_with_neutral_undertone{background:url(/cdn/shop/files/Rectangle_26724.png?v=1772711731) center/cover no-repeat}collection-quiz .color_buttons.warm_ivory_-_02_light_with_warm_undertone{background:url(/cdn/shop/files/Rectangle_26725.png?v=1772711808) center/cover no-repeat}collection-quiz .color_buttons.peach_-_02a_light_with_neutral_undertone{background:url(/cdn/shop/files/02A-_Peach.png?v=1785743685) center/cover no-repeat}collection-quiz .color_buttons.sand_-_03_light_medium_with_warm_undertone{background:url(/cdn/shop/files/Rectangle_26726.png?v=1772711863) center/cover no-repeat}collection-quiz .collection-quiz__price-container{padding:10px 12px}collection-quiz .collection-quiz__price{font-family:Gilroy-Bold;font-size:24px;font-weight:700;color:#000}collection-quiz .collection-quiz__compare-price{font-family:Gilroy-Bold;font-size:16px;font-weight:500;text-decoration:line-through;color:#595959;padding-left:5px}collection-quiz .collection-quiz__discount{font-family:Gilroy-Bold;font-size:14px;font-weight:500;color:#ff40b1}collection-quiz .collection-quiz__atc-btn{display:block;width:100%;margin-top:5px;border-radius:0 0 17px 17px;background-color:#ff4081;border:none;padding:12px;color:#fff;font-family:Gilroy-Bold;font-size:14px;cursor:pointer;text-align:center;transition:background-color .2s}collection-quiz .collection-quiz__atc-btn:disabled{opacity:.7;cursor:not-allowed}}.collection-quiz__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:949}body.quiz-open{overflow:hidden}@media(min-width:360px)and (max-width:412px){collection-quiz .collection-quiz__popup-content{height:600px}collection-quiz .collection-quiz__option{padding:6px;font-size:14px}collection-quiz .collection-quiz__body{padding:15px 35px}collection-quiz .collection-quiz__option img{width:31px;height:26px}collection-quiz .collection-quiz__question{font-size:15px;margin-bottom:-4px}collection-quiz .collection-quiz__next-btn{padding:6px 20px;font-size:16px}collection-quiz .collection-quiz__popup{margin-bottom:69px}collection-quiz .collection-quiz__variants{gap:5px;padding:0 12px}collection-quiz .collection-quiz__results{padding:20px 45px}collection-quiz .collection-quiz__instruction{margin-bottom:5px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/2264/assets/collection-quiz-stylesheet.css.map */