.tangent-hair-legend-bar{font-size:12px;width:100%;margin-top:20px;text-align:center;justify-content:center;gap:5px;align-items:center}.tangent-hair-legend-dot{width:10px;height:10px;border-radius:5px;display:inline-block;margin:0 4px}.tangent-hair-legend-dot.tangent-hair-shine{background-color:#799fcb}.tangent-hair-legend-dot.tangent-hair-dryness{background-color:#f4b3ce}.tangent-hair-legend-dot.tangent-hair-flyaways{background-color:#9884c7}.tangent-hair-legend-dot.tangent-hair-frizz{background-color:#faefd7}.tangent-hair-legend-dot.tangent-hair-split-ends{background-color:#68d1c5}#hair_section_hero{display:flex;padding:2% 4%;background:#f4f4f4;align-items:flex-start}#image_container{flex:30%;align-content:center}#tangent-img-container{height:auto!important;display:flex;align-items:center;justify-content:center;position:relative}.tangent-hair-selfie-wrapper{min-width:300px;height:auto;position:relative;align-items:center;overflow:hidden}#selfie_img{width:100%;object-fit:contain;display:flex;border-radius:20px;margin:0 auto}.tangent-hair-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;width:300px;height:400px;z-index:2}.tangent-hair-attribute-overlay{position:absolute;width:100px;height:50px;top:100px;left:100px;border:2px solid #F4B3CE;background-color:#f4b3ce22}.tangent-hair-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}#tangent-hair-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;opacity:0;transition:opacity .3s ease}#tangent-hair-loader div{min-height:unset}#tangent-hair-loader.show-loader{display:flex;opacity:1}#selfie_img_cover{border-radius:5px}.tangent-hair-thinning-info{width:80%;font-size:14px;text-align:center;margin:12px auto}#recommendation_text_div{display:none;flex-direction:column;gap:20px;align-content:center;justify-content:center;padding:0 4%;flex:70%}.tangent-hair-score-section{align-items:anchor-center;gap:12px;justify-content:left;margin-top:0}#static_text_heading,.tangent-hair-no-selfie-header{padding:20px 0;font-size:35px;line-height:40px;text-align:center;margin:0;color:#023d64;font-weight:600}.tangent-hair-percentage{position:relative;font-size:var(--font-size);color:#000c;margin:0;font-size:4rem;color:#023d64;font-weight:600}#hair_damage_img{width:70%}#section_selfie_container_parent{flex:65%;display:flex;align-items:center}.tangent-hair-recommendation-credit{font-size:12px;width:100%;text-align:right;margin-top:2%;justify-content:end}#section_hair_container_parent{padding:20px 0}@media only screen and (max-width:600px){#hair_section_hero{flex-direction:column;padding:2% 6%}#tangent-img-container{flex-direction:column}.tangent-hair-selfie-wrapper{width:unset}#selfie_img{width:100%}#recommendation_text_div{margin-bottom:8%;gap:7px;padding:2% 0}.tangent-hair-score-section{margin-top:12px;font-weight:600;justify-content:center}#static_text_heading,.tangent-hair-no-selfie-header{font-size:18px}.tangent-hair-percentage{font-size:2rem}#hair_damage_img{width:100%}#section_hair_container_parent>p{text-align:center}#section_hair_container_parent{display:flex;flex-direction:column;align-items:center;padding:20px 0}.tangent-hair-recommendation-credit{text-align:center}}@media only screen and (min-width:992px){#tangent-img-container{flex-direction:row}.tangent-hair-selfie-wrapper{max-width:300px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/tangent-hair-selfie.css.map */