:root{--tangent-opacity-value: 0}.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:2% 0}.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{margin:1rem;display:none}#recommendation_text_div{display:none;flex-direction:column;gap:20px;align-content:center;justify-content:center;padding:2% 4%;flex:70%}.header_text{text-align:center;padding:2%}#static_text_heading,.no-selfie-header{padding:0;font-size:35px;line-height:40px;text-align:center;margin:0}#static_text_content{line-height:25px;padding-top:5px}#tangent-selfie-loader{opacity:0;transition:opacity .3s ease}#chart-loader{height:100%;display:flex;align-items:center}#tangent-selfie-loader.show-loader{display:flex;opacity:1}#selfie_img{width:100%;object-fit:contain}#section_hero{padding:2% 4%}#tangent-selfie-container{position:relative}#tangent-main-loader{position:absolute;left:0;right:0;display:flex;padding:2% 4%;height:100%;align-items:center;display:none}.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}.tangent-tooltip-close{position:absolute;top:-14px;right:-13px;cursor:pointer;width:20px;height:20px}.hair-thinning-info{width:40%;font-size:14px;text-align:center;margin:12px auto;line-height:23px}.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:60%;background-color:#fff;display:flex;align-items:baseline;flex-direction:column;padding:1% 4%}#graph_content{flex:40%;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;display:flex}: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}@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}.loader,.loader:after{flex-direction:row;border-radius:4%;padding:0 4%;height:300px}.loader{margin:10px auto;font-size:12px;position:relative;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}#selfie-img-container{min-height:450px}#tangent-selfie-loader div{min-height:unset}#tangent-img-container{height:auto!important;display:flex;align-items:center;justify-content:center;position:relative;min-height:350px}#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-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}.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{flex:65%;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}#tangent_recommendation_parent_wrapper{width:100%;margin:0 auto;padding-bottom:5%}.section_text_container{width:100%;margin:0 auto;text-align:center}.section_heading{display:none;text-align:center;margin:3% 3% 1%}.tangent-text-link{text-decoration:none;color:#000}.section_selfie_text_container{text-align:left;margin-top:2%}.default_selfie_image{max-width:300px;display:flex;align-items:center;justify-content:center;margin:0 auto 6%}.haircare-routine-container{padding:3% 16% 2%;background:linear-gradient(90deg,#f4e883,#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 #000;padding:24px;margin:28px 0}.anychart-credits{display:none}#main-content{padding-bottom:0}#quiz-container{display:flex;flex-direction:row;min-height:700px}.quiz-error-block{display:none;align-items:center;flex:1;justify-content:center}#image-container{width:50%}#image-container img{max-height:700px;object-fit:cover;height:100%}#quiz-block{width:50%;margin:0 auto;position:relative;display:flex;flex-direction:column}#tangent-main-container{flex:1;overflow:hidden}#tangent-main-container>p>a{color:#4e8df2}#tangent-main-container>p:last-of-type{padding-bottom:3%!important}#progress-wrapper{width:100%;display:none;flex-direction:column;align-items:center;gap:4px;margin:20px 0;padding:0 12px;font-family:sans-serif}#progress-background{width:100%;height:8px;background:#e5e5e5;border-radius:5px;position:relative;overflow:hidden}#tangent-progress-bar{height:100%;width:0%;background:#b34b7a;transition:width .3s ease}.progress-label-container{display:flex;width:100%;justify-content:space-between}.progress-label-container p{font-size:12px;color:#e5e5e5;margin:0}.tangent_checkbox_input_style_custom{accent-color:#5b6670}.loader-container{text-align:center;width:100%;justify-items:center}.brand{font-weight:500;margin-bottom:10px}.progress-wrapper{position:relative;width:100%;margin-top:1rem}.progress-bar{height:6px;width:100%;background:#e5e5e5;border-radius:20px;overflow:hidden}.progress-fill{height:100%;width:0%;background:#b34b7a;border-radius:20px;transition:width .1s ease-out}.percent{font-size:14px;margin-top:10px;color:#666}.loading-message{font-size:13px;color:#777;margin-top:8px}.quiz-proof-card{max-width:400px;padding:20px 24px;border:1px solid #e6e6e6;border-radius:14px;font-family:system-ui,-apple-system,sans-serif;margin-top:2rem;opacity:0}.rating-card-animation{transform:translateY(30px);animation:slideUpFade .6s ease forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-text{text-align:center;font-size:13px;line-height:1.5;color:#4a4a4a;margin:0}.quiz-text strong{font-weight:700;color:#222}.divider{margin:18px 0;height:1px;background:#e5e5e5}.quiz-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px}.reviews{color:#9aa3af}.rating{display:flex;align-items:center;gap:6px}.stars{color:#c7a15a;letter-spacing:2px}.score{color:#666;font-weight:500}.testimonial{display:flex;align-items:flex-start;gap:14px;max-width:400px;font-family:system-ui,-apple-system,sans-serif;margin-top:1.5rem;opacity:0}.avatar{width:42px;height:42px;border-radius:50%;background:#efe5ea;color:#8a5a6d;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.testimonial-content{display:flex;flex-direction:column}.testimonial-text{margin:0;font-size:13px;line-height:1.6;color:#6b7280;font-style:italic;text-align:left}.testimonial-author{margin-top:6px;font-size:10px;color:#6b7280;text-align:left}.verified{color:#9ca3af}#launcher-wrapper{display:none}#custom-gladly-chat-button{display:none!important}.tangent_69e1d9358ccc13a38647033f_option_text_custom svg,.tangent_69e1d9358ccc13a386470355_option_text_custom svg,.tangent_69e1f9638ccc13a3864707ef_option_text_custom svg,.tangent_69e1f9638ccc13a386470805_option_text_custom svg{stroke:#fff!important}.checkbox-block{display:flex;border:1px solid #6f7070;border-radius:4px}.tangent_option_highlight_custom .checkbox-block{background:#000;border-color:#000}.option-content-block{display:flex;align-items:center;justify-content:space-between;gap:12px}.radio-btn-block{width:16px;height:16px;border:2px solid #6f7070;border-radius:9999px;flex-shrink:0}.tangent_option_highlight_custom .radio-btn-block{background:#000}.tangent_selfie_screen_custom>div:nth-of-type(2){flex-direction:column}.hair-type-icon{width:32px}.tangent_69e1d9358ccc13a38647032c_option_text_custom p,.tangent_69e1d9358ccc13a386470331_option_text_custom p,.tangent_69e1d9358ccc13a386470335_option_text_custom p,.tangent_69e1d9358ccc13a38647033a_option_text_custom p,.tangent_69e1d9358ccc13a38647033f_option_text_custom p,.tangent_69e1d9358ccc13a386470346_option_text_custom p,.tangent_69e1d9358ccc13a38647034a_option_text_custom p,.tangent_69e1d9358ccc13a38647034f_option_text_custom p,.tangent_69e1d9358ccc13a386470360_option_text_custom p,.tangent_69e1f9638ccc13a3864707dc_option_text_custom p,.tangent_69e1f9638ccc13a3864707e1_option_text_custom p,.tangent_69e1f9638ccc13a3864707e5_option_text_custom p,.tangent_69e1f9638ccc13a3864707ea_option_text_custom p,.tangent_69e1f9638ccc13a3864707ef_option_text_custom p,.tangent_69e1f9638ccc13a3864707f6_option_text_custom p,.tangent_69e1f9638ccc13a3864707fa_option_text_custom p,.tangent_69e1f9638ccc13a3864707ff_option_text_custom p,.tangent_69e1f9638ccc13a386470810_option_text_custom p,.option-content-block p{text-align:left}div:has(>.tangent_loading_text_custom){display:none}.custom-submit-btn,.custom-skip-btn{position:fixed;z-index:9999;font-family:font_tangent_global;height:50px;width:280px;font-size:16px;border-radius:999px;cursor:pointer;display:none;align-items:center;justify-content:center}.custom-submit-btn{border:none;background-color:#313131;bottom:1rem;right:1.5rem;color:#fff}.custom-skip-btn{border:1px solid #000;background:transparent;top:55%;left:50%;transform:translate(-50%);color:#000}.submit-btn-text,.skip-btn-text{display:inline-block}.submit-btn-loader,.skip-btn-loader{width:16px;height:16px;border-radius:50%;display:none;animation:customSpin .8s linear infinite}.submit-btn-loader{border:2px solid transparent;border-top:2px solid #fff}.skip-btn-loader{border:2px solid #000;border-top:2px solid #fff}.tangent_69e1d9358ccc13a386470367_survey_skip_button_custom,.tangent_69e1f9638ccc13a386470817_survey_skip_button_custom{display:none}@keyframes customSpin{to{transform:rotate(360deg)}}.custom-submit-btn.loading .submit-btn-text,.custom-skip-btn.loading .skip-btn-text{display:none}.custom-submit-btn.loading .submit-btn-loader,.custom-skip-btn.loading .skip-btn-loader{display:block}.custom-submit-btn:disabled,.custom-skip-btn:disabled{cursor:not-allowed}.tangent_69c500828ccc13a386266f25_question_text_custom,.tangent_69c500828ccc13a386266f25_options_container_custom,.tangent_69c3ff018ccc13a386251d6f_question_text_custom,.tangent_69c3ff018ccc13a386251d6f_options_container_custom,.tangent_69c3fa818ccc13a386251819_question_text_custom,.tangent_69c3fa818ccc13a386251819_options_container_custom,.tangent_69c3fa818ccc13a38625181e_question_text_custom,.tangent_69c3fa818ccc13a38625181e_options_container_custom,.tangent_69c3fa818ccc13a386251823_question_text_custom,.tangent_69c3fa818ccc13a386251823_options_container_custom,.tangent_69c500b98ccc13a38626700a_question_text_custom,.tangent_69c500b98ccc13a38626700a_options_container_custom,.tangent_69c501098ccc13a38626702d_question_text_custom,.tangent_69c501098ccc13a38626702d_options_container_custom,.tangent_69c5013e8ccc13a3862670b0_question_text_custom,.tangent_69c5013e8ccc13a3862670b0_options_container_custom,.tangent_69c3fa818ccc13a38625182a_question_text_custom,.tangent_69c3fa818ccc13a38625182a_options_container_custom,.tangent_69c3fa818ccc13a386251835_question_text_custom,.tangent_69c3fa818ccc13a386251835_options_container_custom,.tangent_69c4fdc68ccc13a386266970_question_text_custom,.tangent_69c4fdc68ccc13a386266970_options_container_custom,.tangent_69c3fd8e8ccc13a386251bb3_question_text_custom,.tangent_69c3fd8e8ccc13a386251bb3_options_container_custom,.tangent_69c3fa948ccc13a3862518d5_question_text_custom,.tangent_69c3fa948ccc13a3862518d5_options_container_custom,.tangent_69c3fa948ccc13a3862518da_question_text_custom,.tangent_69c3fa948ccc13a3862518da_options_container_custom,.tangent_69c3fa948ccc13a3862518df_question_text_custom,.tangent_69c3fa948ccc13a3862518df_options_container_custom,.tangent_69c4fe478ccc13a386266a1b_question_text_custom,.tangent_69c4fe478ccc13a386266a1b_options_container_custom,.tangent_69c4fe7a8ccc13a386266a39_question_text_custom,.tangent_69c4fe7a8ccc13a386266a39_options_container_custom,.tangent_69c4febb8ccc13a386266a62_question_text_custom,.tangent_69c4febb8ccc13a386266a62_options_container_custom,.tangent_69c3fa948ccc13a3862518e6_question_text_custom,.tangent_69c3fa948ccc13a3862518e6_options_container_custom,.tangent_69c3fa948ccc13a3862518f1_question_text_custom,.tangent_69c3fa948ccc13a3862518f1_options_container_custom{opacity:var(--tangent-opacity-value)}.slideIn_animation{transform:translate(100%);animation:slideFromRight .3s ease forwards}@keyframes slideFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-from-left{animation:slideFromLeft .3s ease forwards}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.tangent_overlay_custom{background-size:cover;background-repeat:no-repeat}.progress-category-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:.5;transform:scale(.96)}.progress-category-block p{color:#999;transition:color .3s ease}.progress-category-block.fadeinAnimation{animation:popIn .5s cubic-bezier(.22,1,.36,1) forwards}.progress-category-block.fadeinAnimation p{color:#b34b7a}@keyframes popIn{0%{opacity:.5;transform:scale(.96)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.progress-category-icon{width:32px}.option-icon{width:36px}@media only screen and (max-width:600px){#tangent_section_selfie_parent_wrapper{flex-direction:column;width:100%}.section_text_container{width:100%;margin:0;line-height:25px}#tangent-static-text-content{width:90%}#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:2% 6%}#analysis_container{flex-direction:column}#static_text_heading,.no-selfie-header{font-size:21px;font-weight:600}.default_selfie_image{width:100%;margin:0 auto}.go1272136950.go1272136950.go1272136950:before{display:none}#recommendation_text_div{margin-bottom:8%;gap:10px;padding:2% 0}.anychart-ui-support{height:250px}.hair-score-hero-section{justify-content:center;margin-top:8px;margin-bottom:10px}.haircare-routine-container{padding:2%}.hair-care-protip{padding:16px 8px}.hair-care-step-title{margin:26px 0}#hair_damage_img{width:100%}.percentage{font-size:2rem}.hair-thinning-info{line-height:18px;font-size:12px;width:100%;margin:22px auto}#static_text_content{margin:0}#section_selfie_container_parent{padding-top:12px}#image-container{width:100%}#quiz-block{width:100%;min-height:calc(100vh - 80px)}#tangent-welcome-container{width:100%!important}#tangent-main-container{margin-bottom:2rem}.tangent_selfie_screen_custom>div:nth-of-type(2){margin-top:16px;flex-direction:unset}.custom-submit-btn{width:160px}.custom-skip-btn{width:160px;top:70%}.tangent_overlay_custom{background-size:contain;background-repeat:no-repeat}.tangent_overlay_custom{background-image:url(https://cdn.shopify.com/s/files/1/2164/2195/files/face_overlay_mob.png)!important}}@media only screen and (min-width:992px){#tangent-img-container{flex-direction:row}.tangent_selfie_div{max-width:300px}}
/*# sourceMappingURL=/cdn/shop/t/6959/assets/tangent-quiz.css.map */