.hidden,.hide-element{display:none!important}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#tangent_section_selfie_parent_wrapper{display:flex;flex-direction:row;width:90%;margin:0 auto;padding:3%}#tangent_selfie_container{display:flex;flex-direction:column;align-items:center;position:relative;min-width:300px;margin:0 auto;flex:35%}#loading-section{margin:0 auto;height:200px;display:flex;align-items:center;justify-content:center}#selfie-loading-section{display:none;align-items:center;justify-content:center;margin:40px auto}.loader{width:3rem;height:3rem;border:.3rem solid #fff;border-bottom-color:#003eab;border-radius:50%;animation:rotation 1s linear infinite;margin:0 auto}#tangent_recommendation_selfie_parent_wrapper{padding:3rem;background:#fff}#tangent_recommendation_parent_wrapper{width:100%;margin:0 auto;background:#fff;padding-top:2rem}.tangent-product-image-container{padding:0;position:relative;margin-bottom:1rem}#tangent_selfie_image{padding-bottom:3%}.section_product_grid{display:flex;justify-content:center;flex-wrap:wrap;padding:0 2%;gap:2rem;flex:90%}.nav-btn{display:none;background:#003eab;color:#fff;height:35px;width:35px;border-radius:50px}.carousel-wrapper{display:flex;align-items:center}.section_product_grid>div{width:270px;display:flex;flex-direction:column}.section_product_grid>div>p{cursor:pointer}.section_product_grid>div>a>img{object-fit:cover;max-height:220px;width:100%}.tangent-product-title{color:#003eab;font-size:15px;margin:0}.section_products_title{text-align:center;padding:2%}.section_text_container{width:100%;margin:0 auto}.section_heading{display:none;text-align:center;margin:3% 3% 1%}.section_texts{width:60%;margin:0 auto;text-align:center}.section_add_all_to_cart{text-align:center;width:fit-content;margin:3% auto;color:#1b449c;padding:10px 20px;text-transform:uppercase;background-color:#fff;display:flex;align-items:center;font-weight:600;border:1px solid #003EAB;`}.tangent_add_to_cart_button{margin:10px;position:absolute;bottom:0;right:0;background:#fff;color:#003eab;box-shadow:0 2px 8px #003eab1f}.disable-button{background:#eee;cursor:auto;color:#111;pointer-events:none}.tangent_variant_title{margin:0;color:#003eab;font-size:12px}.tangent_product_price_text{padding:0;display:block;margin:0;font-weight:600;color:#003eab;font-size:18px}.button-loader{width:18px;height:18px;border:3px solid #003EAB;border-bottom-color:#fff;margin-bottom:0}.tangent-product-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-bottom:10px}#tangent_section_selfie_parent_wrapper_bg{background:#003eab;padding:3%;height:100%;color:#fff;display:flex}#tangent_section_selfie_parent_wrapper_bg>div{flex:1;display:flex}#image-sub-container{justify-content:center}#tangent_section_selfie_parent_wrapper{display:flex;flex-direction:column;width:100%;margin:0 auto;padding:0;gap:20px}#tangent_selfie_container{display:flex;justify-content:center;position:relative;flex-direction:column;height:auto;align-items:center;width:fit-content;margin:0 auto}#canvas_img{display:none;height:auto;z-index:1;object-fit:contain;position:relative;top:0;width:100%;max-height:400px}.loader{margin:0 auto 5%;width:48px;height:48px;border:5px solid #fff;border-bottom-color:#003eab;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite}#tangent_score_description{display:none;margin:4% auto 0;font-size:13px;font-style:italic;text-align:center}#section_selfie_container{display:flex;align-items:center}#skin-health-title{text-align:center;font-size:18px;margin-bottom:0;font-weight:600}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#tangent-popup-condition-message{position:absolute;background:#fff;display:none;padding:10px;max-width:200px;border-radius:4px;z-index:5;min-height:auto;border:1px solid;width:max-content}#showHighlight,#hideHighlight{display:none}.highlight_toggle_button{margin:7px auto;border:none;font-size:14px;cursor:pointer;background-color:transparent}#facemap_all_scores_container{z-index:15;margin:5% auto 0;display:none;flex-wrap:wrap;align-items:flex-start;gap:10px;justify-content:center;width:90%}#facemap_all_scores_container>div{flex:1}.facemap_single_score_container{align-items:center;flex-direction:column;display:none;max-width:95px}.facemap_score{width:50px;height:50px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0;color:#fff}.facemap_label{font-size:14px;margin-top:2px;text-align:center}#tangent-popup-msg,#tangent-popup-msg-condition{position:absolute;background:#fff;display:none;padding:10px;max-width:200px;border-radius:4px;z-index:9;min-height:auto;border:1px solid #000000}#tangent-popup-msg>p,#tangent-popup-msg-condition>p{margin:0;font-size:15px}#tangent-popup-msg>p>a,#tangent-popup-msg-condition>p>a{display:inline-block}#loading_text{font-size:22px;padding-left:10px;padding-right:10px}#tangent-img-container{min-height:200px;height:auto!important;display:flex;align-items:center;justify-content:center;position:relative;width:fit-content;margin:0 auto}#selfie_img{margin:0}#message-text{visibility:hidden;text-align:center;z-index:1}#message-text.show{visibility:visible}#tangent_recommendation_parent_wrapper{width:100%;margin:0 auto}#tangent_selfie_image_container{display:none}.hide-element{display:none!important}#tangent_selfie_image{width:auto;height:300px;margin:0 auto 2%;display:flex;z-index:1;display:none;object-fit:cover}.skintypenew{width:100%;display:flex;align-items:center;justify-content:center}.skintypenew h2{color:#000;font-size:14px;font-style:normal;font-weight:700;line-height:125%;letter-spacing:2%;margin:10px}#selfie-section-default-title{font-size:36px;font-family:var(--font-family-primary, "The Seasons")}.load-on-data{display:none}#tangent-banner-container{display:flex;align-items:center;justify-content:center;width:80%;margin:auto}#image-parent-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3rem}#highlight-parent-container{flex:3}#section_selfie_container_parent{flex:4;display:flex;align-items:center;padding-bottom:20px}#selfie_canvas{position:absolute;z-index:4;width:100%}.tab{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;padding-top:2rem}#tab-wrapper{display:none}.tab button{float:left;border:none;outline:none;cursor:pointer;padding:13px;transition:.3s;font-size:14px;background-color:#fff;color:#003eab;margin:4px;min-width:175px;border:2px solid #003EAB;font-weight:600}.condition_message{margin:0;line-height:22px}.tab button:hover{background-color:#003eab;color:#fff}.tab button.active{background-color:#003eab!important;color:#fff;text-decoration:none}.tabcontent{display:none;padding:6px 12px;border-top:none;flex-direction:column}.button-loader{width:18px;height:18px;border:3px solid #F8F0E7;border-bottom-color:#003eab;margin-bottom:0}#hero-section-title,#regimen-title{text-align:center;color:#003eab;font-weight:500;font-family:Poppins}#subtext-tab-heading{text-align:center;font-weight:600}.tangent-vendor-name{font-size:12px;color:#5d5b58;margin-bottom:0}.tangent_product_image{height:250px;object-fit:cover}.product-step-index{background:#003eab;color:#fff;font-size:16px;border-radius:50px;width:45px;margin:auto auto 10px;height:45px;display:flex;align-items:center;justify-content:center;padding-bottom:2px}.tangent-product-category-text{color:#003eab;text-align:center;font-size:15px;font-weight:600;margin-bottom:1.5rem!important}@media only screen and (max-width:600px){#tangent_section_selfie_parent_wrapper{flex-direction:column;width:100%}.section_product_grid>div{min-width:47%;margin-bottom:4%;padding:0}.tab button{padding:6px 12px;min-width:110px;font-size:13px}.section_text_container{width:100%;margin:0}.section_product_grid>div>a>.tangent-product-title{font-size:14px}.section_product_grid>div>a>img{max-height:140px}#tangent-static-text-content{width:90%}.section_product_grid{gap:.5rem;padding:0}#section_selfie_container{text-align:center;padding-top:20px}.tangent-product-content{padding-bottom:10px}#tangent-banner-container{flex-direction:column;width:100%}#image-parent-container{padding:0}#tangent_recommendation_selfie_parent_wrapper{padding:1rem}#facemap_all_scores_container{width:100%}#hero-section-title,#regimen-title{padding:15px;font-size:24px}.facemap_score{width:40px;height:40px;font-size:14px}#tangent_recommendation_parent_wrapper{padding-top:0}.tab{margin-bottom:1rem;padding-top:0rem}#subtext-tab-heading{padding:0 2rem}}@media only screen and (min-width:992px){.section_product_grid>div{width:270px;padding:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/tangent-recommendation.css.map */
