#swell-overlay{position:unset!important}.z-index-1{z-index:1;position:relative}.legend-bar{font-size:12px;width:100%;margin-top:20px;text-align:center;justify-content:center;gap:5px;align-items:center}.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}.recommendation-credit{font-size:12px;width:100%;text-align:right;margin-top:2%;justify-content:end}.note-text{font-size:11px;line-height:18px}.graph-bottom-cover{position:absolute;width:100%;height:20px;z-index:100;background-color:#fff;bottom:0}#analysis_container{display:none;background:#fff;padding:2rem;margin-top:1rem}.routine-container{padding:4% 0 0;flex-direction:column}#recommendation_text_div{display:flex;flex-direction:column;gap:20px;align-content:center;justify-content:center;padding:2% 0;flex:70%}.header_text{text-align:center;padding:2%}#static_text_heading,.no-selfie-header{font-size:35px;line-height:40px;text-align:center;margin:0}#static_text_content{padding-top:5px;font-size:14px;line-height:1.6}#tangent-selfie-loader{opacity:0;transition:opacity .3s ease}#tangent-selfie-loader.show-loader{display:flex;opacity:1}#selfie_img{width:100%;object-fit:contain}#section_hero,#tangent-main-loader{display:flex;padding:2% 4%;background:#ddf0ea}.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:uppercase}.tangent-tooltip-block p{margin:0;font-size:13px;color:#287868;line-height:18px}.tangent-tooltip-close{position:absolute;top:-14px;right:-13px;cursor:pointer;width:20px;height:20px}.hair-thinning-info{width:80%;font-size:14px;text-align:center;margin:12px auto}.highlight-thinning-text{font-weight:600}#image_container{flex:30%;align-content:center}#hair_damage_img{width:70%}.container{width:100%;align-items:center;display:flex;justify-content:center}#static_content{flex:50%;display:flex;align-items:baseline;flex-direction:column;padding:1% 4%}#graph_content{flex:50%;position:relative;padding:0}#graph_container{width:100%;height:100%;margin:0;padding:0}#header_static_content{display:flex;justify-content:center;align-items:center;padding:2% 0 0}.hair-score-hero-section{align-items:anchor-center;gap:12px;justify-content:left;margin-top:0}:root{--progress-bar-width: 50px;--progress-bar-height: 50px;--font-size: 16px}.circular-progress{width:var(--progress-bar-width);height:var(--progress-bar-height);border-radius:50%;display:flex;justify-content:center;align-items:center}.inner-circle{position:absolute;width:calc(var(--progress-bar-width) - 8px);height:calc(var(--progress-bar-height) - 8px);border-radius:50%;background-color:#fff}.percentage{position:relative;font-size:var(--font-size);color:#000c;margin:0;font-size:4rem;color:#287868}@media screen and (max-width:800px){:root{--progress-bar-width: 150px;--progress-bar-height: 150px;--font-size: 1.3rem}}@media screen and (max-width:500px){:root{--progress-bar-width: 50px;--progress-bar-height: 50px;--font-size: 12px}}#loader{height:80px;width:80px;border-radius:50%;border:5px solid #ddd;border-top-color:#000;animation:rotate 1s infinite}@keyframes rotate{to{rotate:360deg}}#selfie_img{display:flex;border-radius:20px;margin:0 auto}#selfie_img_cover{border-radius:5px}.tangent_selfie_canvas{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;width:100%}.tangent_selfie_div{min-width:300px;height:auto;position:relative;align-items:center;overflow:hidden}.product_price{font-size:18px;padding:0 30px 30px 32px;text-align:left;width:100%}.loader,.loader:after{border-radius:50%;width:5em;height:5em}.loader{margin:10px 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 #b99b83;-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-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%;height:300px}#tangent-selfie-loader div{min-height:unset}#tangent-img-container{height:auto!important;display:flex;align-items:center;justify-content:center;position:relative}#attributes-overlay-container{position:absolute;top:0;left:0;width:300px;height:400px;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-size:8px;display:inline-block;top:50%;left:50%;position:absolute;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:4px;background:#f4b3ce}.hidden,.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_section_selfie_parent_wrapper{display:flex;flex-direction:row;width:90%;margin:0 auto;padding:3% 3% 0}#tangent_selfie_container{display:flex;flex-direction:column;align-items:center;position:relative;min-width:300px;margin:0 auto;flex:35%}#section_selfie_container_parent{display:flex;align-items:center}#loading-section{margin:40px auto;height:200px}.loader{width:3rem;height:3rem;border:.3rem solid #fff;border-bottom-color:#000;border-radius:50%;animation:rotation 1s linear infinite;margin:0 auto 5%}.tab{overflow:hidden;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;border:1px solid;width:fit-content;margin:auto;border-radius:50px}.tab button{border:2px solid #6c2f5a;background-color:#fff;color:#000;cursor:pointer;padding:.75rem;font-size:14px;margin:.25rem;min-width:12rem;transition:background-color .3s,color .3s;line-height:normal;border-radius:50px}.tab button:hover{background-color:#6c2f5a;color:#ff}.tab button.active{background-color:#6c2f5a!important;color:#fff}.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%;gap:20px;row-gap:50px}.section_product_grid>div{width:25%;text-align:center;display:flex;flex-direction:column;align-items:flex-start}.section_product_grid>div>p{cursor:pointer;color:#000}.section_product_grid>div>a>img{object-fit:contain;width:100%}.tangent-product-title{font-family:kumlien;font-size:18px;line-height:25px;font-style:normal;font-weight:700;letter-spacing:0px;margin:0 0 6px;height:50px;text-align:left;color:#287868}.section_products_title{text-align:center;padding:2%}.section_text_container{width:100%;margin:0 auto;text-align:center}.section_heading{display:none;text-align:center;margin:3% 3% 1%}.scroll-to-btn:focus{outline:none!important}.section_texts{width:60%;margin:0 auto;text-align:center}.section_add_all_to_cart{width:200px;text-align:center;margin:0 auto;color:#fff;font-weight:600;padding:14px 20px;border:none;background-color:#6c2f5a;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:1.5rem auto 1rem;text-transform:uppercase}.section_add_all_to_cart:hover{color:#6c2f5a;background-color:#fff}.disable-button{background:#eee;cursor:auto;color:#111}.tangent_variant_title{margin:0}.tangent_product_price_text{color:#246a5a;font-size:16px;font-weight:600;text-align:left;padding:0;margin:0}.load-on-data{display:none}.button-loader{width:18px;height:18px;border:3px solid #fff;border-bottom-color:#6c2f5a;margin-bottom:0}.tangent-text-link{text-decoration:none;color:#000}.tangent_add_to_cart_button{background-color:transparent;color:#6d2f5a;font-weight:600;margin-top:10px;text-transform:uppercase;font-size:14px;width:100%;border:1px solid #6d2f5a;padding:0 17px;height:50px}.tangent_add_to_cart_button:hover{background-color:#81caac;color:#287868;border:1px solid #81caac}.section_selfie_text_container{text-align:left;margin-top:2%}.default_selfie_image{width:75%;display:flex;align-items:center;justify-content:center;margin:0 auto}.haircare-routine-container{padding:3% 16% 2%;background:linear-gradient(90deg,#6c2f5a,#a3d5e3 70%)}.hair-care-header{font-size:35px;line-height:40px;margin:0}.hair-care-step-block{margin:4% 0;text-align:left}.hair-care-step-title{font-size:26px;text-align:center;margin:36px 0}.hair-care-description{font-size:16px;line-height:20px;margin:16px 0}.hair-care-protip{width:100%;font-size:18px;line-height:24px;border:1px solid #6c2f5a;padding:24px;margin:28px 0}.anychart-credits{display:none}.tangent-product-mini-description{margin-bottom:.5rem}.rating-container{display:flex;align-items:center;gap:6px;margin:5px 0}.rating-container>svg{flex:1}.rating-container>span{flex:1.7;text-align:left}.star{font-size:16px;line-height:1;letter-spacing:1px}.star.full{color:#000}.star.empty{color:#d3d3d3}.star.half{background:linear-gradient(90deg,#000 50%,#d3d3d3 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rating-count{font-size:15px;text-transform:lowercase;font-weight:400}.product-description{text-align:left}.section_add_all_wrapper{display:flex;flex-direction:column;gap:8px}.section_add_all_text{font-size:14px;opacity:.7;margin:0;text-align:center;margin-bottom:2rem}.analysis_container_title{text-align:left!important}@media only screen and (max-width:600px){#tangent_section_selfie_parent_wrapper{flex-direction:column;width:100%}.section_product_grid>div{min-width:45%;margin-bottom:8%;padding:0}.tab button{padding:5px;min-width:115px;font-size:13px}.section_text_container{width:100%;margin:0}.tangent-product-title{font-size:14px}#tangent-static-text-content{width:90%}.section_product_grid{margin-bottom:5%;padding:15px 0 0;gap:10px}#section_selfie_container{text-align:center}#tangent-img-container{flex-direction:column}#selfie_img{width:100%}.tangent_selfie_div{width:unset}#section_hero{flex-direction:column;padding:6% 6% 2%}#analysis_container{flex-direction:column}#static_text_heading,.no-selfie-header{font-size:26px}.default_selfie_image{width:100%;margin:0 auto}.tangent_add_to_cart_button{width:100%}.go1272136950.go1272136950.go1272136950:before{display:none}#recommendation_text_div{margin-bottom:0;gap:0}.anychart-ui-support{height:250px}.hair-score-hero-section{justify-content:center;margin:12px 0}.haircare-routine-container{padding:2%}.hair-care-protip{padding:16px 8px}.hair-care-step-title{margin:26px 0}#hair_damage_img{width:100%;margin-top:12px}.percentage{font-size:30px}.tabcontent{padding:0}.hair-score-hero-section>#static_text_heading{font-size:17px}.rating-count{font-size:13px}.product-description{height:60px}#attributes-overlay-container{width:100%}#tangent-main-loader{padding-top:2rem}}@media only screen and (min-width:768px){.section_product_grid>div{width:48%}}@media only screen and (min-width:992px){.section_product_grid>div{width:30%}#tangent-img-container{flex-direction:row}.tangent_selfie_div{max-width:300px}}@media only screen and (min-width:1200px){.section_product_grid>div{width:22%}}@media only screen and (min-width:1600px){.section_product_grid>div{width:18%}}@media only screen and (min-width:2000px){.section_product_grid>div{width:15%}}@media only screen and (min-width:2560px){.section_product_grid>div{width:12.5%}}@media only screen and (min-width:3200px){.section_product_grid>div{width:11%}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/tangent-recommendation.css.map */