.hide-element{display:none!important}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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_recommendation_parent_wrapper{scroll-behavior:smooth}#tangent-general-loader{padding-top:5%}#graph_content_overlay{background:#fff;height:30px;width:100%;position:absolute;bottom: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%;padding:2%;overflow:hidden}#section_selfie_container_parent{flex:65%;display:flex;align-items:center;font-family:Open Sans,sans-serif}#selfie_img{display:none;border-radius:8px}#loading-section{margin:40px auto;height:200px;padding-top:5%}.loader{width:3rem;height:3rem;border:.3rem solid #fff;border-bottom-color:#191817;border-radius:50%;animation:rotation 1s linear infinite;margin:0 auto 5%}.tab-wrapper{display:none}.tab{overflow:hidden;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;border:1px solid rgb(219,41,85);width:fit-content;margin:auto;padding:2px;border-radius:10px}.tab button{color:#db2955;margin:.25rem;width:180px;line-height:28px;font-family:Open Sans,sans-serif;background:none;border:none;padding:12px 15px;position:relative;cursor:pointer;outline:none;border-radius:8px;font-size:15px;font-weight:600}.tab .active{background:#db2955;color:#fff}.tab button.active:after{width:180px;color:#fff}.tab button:hover:after{width:100%}.tabcontent{display:none;padding:.5rem .75rem;flex-direction:column}#tangent_recommendation_parent_wrapper{width:100%;margin:0 auto;padding-bottom:5%}.section_product_grid{display:flex;justify-content:center;flex-wrap:wrap;padding:2%}.section_product_grid>div{width:25%;margin:1%;padding:2%;display:flex;flex-direction:column;justify-content:space-between}.section_product_grid>div>p{cursor:pointer;color:#031226;font-family:Open Sans,sans-serif}.section_product_grid>div>a>img{object-fit:contain;height:220px;width:100%}.tangent-product-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;text-align:left;font-size:15px;font-weight:600;font-family:Open Sans,sans-serif;color:#000}.tangent-btn-add{width:100%;cursor:pointer;background-color:#db2955;color:#fff;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;padding-top:12px;border-radius:8px;padding-bottom:12px;display:flex;align-items:center;justify-content:center}.tangent-btn-add:after{box-shadow:none;border:none}.tangent-btn-add:hover{border:none!important;position:unset}.section_products_title{text-align:center;padding:2%;font-family:Open Sans,sans-serif}.section_text_container{width:100%;margin:0 auto;font-family:Open Sans,sans-serif}.section_heading{display:none;text-align:center;margin:3% 3% 1%;font-family:Open Sans,sans-serif}.section_texts{width:60%;margin:0 auto;text-align:center;font-family:Open Sans,sans-serif}.section_add_all_to_cart{text-align:center;width:300px;margin:0 auto;font-weight:600;padding:12px 20px;font-size:11.25px;background-color:transparent;color:#db2955;border-radius:8px;border:1px solid #db2955;font-family:Open Sans,sans-serif;font-size:15px;display:flex;justify-content:center}.disable-button{background:#eee;cursor:auto;color:#121212;pointer-events:none}#tangent-general-text{text-align:center;font-family:Open Sans,sans-serif}.tangent-product-add-btn-wrapper,.tangent-product-add-btn-wrapper:hover{text-decoration:none}.tangent_variant_title{margin:0;text-align:left;font-family:Open Sans,sans-serif;text-transform:uppercase;line-height:calc(1 + .4 / var(--font-body-scale));color:rgb(var(--color-foreground));font-size:12px;padding:10px 0}.tangent-text-link{text-decoration:none;font-family:Open Sans,sans-serif}.tangent_product_price_text{text-align:left;color:#000;margin-top:0;font-family:Open Sans,sans-serif;margin-bottom:5px;font-size:22px;font-weight:500}.section_add_all_cart_link{color:#db2955;text-decoration:none}.tangent_product_image{width:100%;height:200px;object-fit:contain}#tangent_selfie_image{width:-webkit-fill-available;border-radius:8px}#section-skin-metrics-chart-container{flex:40%;position:relative}#section_chart_container{margin:5%;display:none;font-family:Open Sans,sans-serif}#section_chart_container>div{flex:1}#cover_graph_div{position:absolute;background:#fff;left:0;right:0;bottom:0;height:25px}#graph_content{flex:40%;position:relative}#graph_container{width:100%;height:300px;margin:0;padding:0}#chart-loading-section{margin:40px auto;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;left:0;top:0;right:0;bottom:0;height:100px}#chart-text-section>h2{margin-bottom:4%}.legend-bar{text-transform:lowercase;font-size:12px;width:100%;margin-top:20px;text-align:center;justify-content:center;gap:5px;align-items:center;display:none}.legend-dot{width:10px;height:10px;border-radius:5px;display:inline-block;margin:0 4px}.legend-dot.shine{background-color:#799fcb}.legend-dot.dryness{background-color:#f4b3ce}.legend-dot.flyaways{background-color:#9884c7}.legend-dot.frizz{background-color:#faefd7}.legend-dot.split-ends{background-color:#68d1c5}.tangent_selfie_div{min-width:300px;height:auto;position:relative;align-items:center;overflow:hidden}#selfie_img{display:flex;border-radius:20px;margin:0 auto;width:100%;object-fit:contain}#selfie_img_cover{border-radius:5px}.tangent_selfie_canvas{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;width:100%}#attributes-overlay-container{position:absolute;top:0;left:0;z-index:2}.attributes-overlay{position:absolute;width:100px;height:50px;top:100px;left:100px;border:2px solid #F4B3CE;background-color:#f4b3ce22}.attribute-text{font-family:Arial,Helvetica,sans-serif;font-size:8px;display:inline-block;top:50%;left:50%;position:absolute;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:4px;background:#f4b3ce}#tangent-selfie-loader{opacity:0;transition:opacity .3s ease}#tangent-selfie-loader.show-loader{display:flex;opacity:1}#tangent-selfie-loader{display:none;position:absolute;z-index:999;min-height:unset;align-items:center;justify-content:center;flex-direction:row;border-radius:4%;padding:0 4%;top:0;left:0;right:0;bottom:0}#tangent-selfie-loader div{min-height:unset}.loader,.loader:after{border-radius:50%;width:5em;height:5em}.loader{margin:2px auto;font-size:12px;position:relative;text-indent:-9999em;border-top:.7em solid rgba(0,0,0,0);border-right:.7em solid rgba(0,0,0,0);border-bottom:.7em solid rgba(0,0,0,0);border-left:.7em solid #DA2954;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tangent-attribute-tooltip-container{position:absolute;display:none;width:300px;font-size:12px;line-height:14px;background:#fff;padding:4px;z-index:1000;height:50px;border-radius:4px;box-shadow:#64646f33 0 7px 29px}.tangent-tooltip-block{position:relative;width:100%;height:100%;padding:0 8px;align-content:center}.tangent-tooltip-pointer{background:#fff;width:12px;height:12px;transform:rotate(45deg);position:absolute;bottom:-9px}.tooltip-product-link{text-decoration:none;text-transform:lowercase}.tangent-tooltip-block p{margin:0}.tangent-tooltip-close{position:absolute;top:-14px;right:-13px;cursor:pointer;width:20px;height:20px}.button-loader{width:18px;height:18px;border:3px solid #fff;border-bottom-color:#000}@media only screen and (max-width:600px){#tangent_section_selfie_parent_wrapper{flex-direction:column;width:97%}.section_product_grid>div{width:46%;margin-bottom:10%;padding:2%}.tab button{padding:5px;min-width:115px;font-size:13px}.section_text_container{width:100%;margin:0%}.section_product_grid>div>a>img{max-height:140px}#tangent_selfie_image{width:-webkit-fill-available;border-radius:8px;height:300px;object-fit:contain}#selfie_img{width:100%;max-height:300px;object-fit:contain}.tab button{width:unset}#tangent_selfie_container{margin-bottom:5%}#section_chart_container{flex-direction:column;width:90%}#chart-text-section{margin:5%}#section_6_container{margin-top:10%}#selfie_img{width:100%}}@media only screen and (min-width:992px){.section_product_grid>div{width:25%}#section_selfie_text_container{padding:0 5%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/tangent-recommendation.css.map */