.hair-cta-container{width:100%!important;max-width:auto!important}.template-article .header-content{margin-top:0!important}.cta-wrapper-hair-quiz{overflow:hidden}.hair-cta-btn{position:relative;overflow:hidden!important}.hair-cta-btn:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-25deg);animation:shimmer 1.8s infinite}@keyframes shimmer{to{left:150%}}.blog-progress-bar-wrapper{position:fixed;top:60px;left:0;width:100%;height:10px;background-color:#e4e4e2;z-index:999}.blog-progress-bar{height:100%;background-color:#b7d340!important;width:0%;transition:width .1s ease;display:block}.blog-progress-text{position:fixed;top:8px;right:20px;font-size:12px;font-weight:600;color:#333;background:#fff;padding:4px 8px;border-radius:4px;z-index:1000;box-shadow:0 2px 8px #0000001a}.author-wrapper{display:flex!important;justify-content:left;align-items:center;gap:24px;margin:44px 0 0}.author-wrapper img.mb-3{width:144px;height:144px;flex-shrink:0;aspect-ratio:1 / 1}.medical-review{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:700;line-height:16px;text-transform:uppercase}.author-name{font-family:Nunito Sans;font-size:17px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.17px}.article__date__wrappper{display:flex;justify-content:space-between;gap:24px;color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:10px;font-weight:700;line-height:12px;letter-spacing:.6px;text-transform:uppercase;margin:16px auto}.blog-hair-care-social-icon-wrapper{border-radius:2px;background:var(--n-surface-disabled, #F0F0F0);width:fit-content;padding:2px 4px}.article-content h3{color:var(--n-text-icon-title, #303030);font-size:16px!important;font-weight:700;line-height:36px;letter-spacing:.29px}.article-content h2{font-size:29px;font-weight:900;line-height:normal;margin-bottom:20px}.article-content h1{font-size:35px;font-weight:900;line-height:normal}.hair-test-section .step-content p.step-description{font-weight:500!important}.article-title-new{margin-top:16px}.article-content p,.article-content p span{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:17px;font-weight:400;line-height:20px;letter-spacing:.17px;margin-bottom:16px}.article-content strong{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:20px;font-weight:700;line-height:24px;letter-spacing:.2px;margin-bottom:16px}.article-content li{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:17px;font-weight:400;line-height:20px;letter-spacing:.17px;margin-bottom:8px}table:not([class]){width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}table:not([class]) td,table:not([class]) th{padding:10px}table:not([class]) th{background:#e6f0bd;font-weight:600;text-align:left}.article-content td{color:var(--n-surface-primary-cta, #404040);font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.14px;text-align:left!important}table:not([class]) tr:nth-child(2) td{background:#e6f0bd}table:not([class]){border:1px dashed #E6F0BD}#ruffruff-table-of-contents{display:none!important}.section-header{padding-top:0}.blog-layout-wrapper{display:flex;gap:8%;width:100%;padding:64px 20px;max-width:1200px;margin:0 auto;align-items:flex-start}.blog-toc-sidebar{width:25%;max-width:296px;flex-shrink:0;height:fit-content}.blog-main-content{width:70%;flex:1}.blog-main-content .container{max-width:100%;padding:0}.toc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.toc-title{font-size:16px;font-weight:700;color:#333;margin:0;display:flex;align-items:center;gap:8px}.toc-toggle{background:none;border:none;cursor:pointer;padding:5px;color:#666;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.toc-toggle:hover{color:#333}.toc-toggle.collapsed{transform:rotate(-180deg)}.toc-list{list-style:none;padding:0;margin:0;display:block;max-height:calc(100vh - 200px);overflow-y:auto}.toc-list li{margin-bottom:0}.level-1{font-size:14px}.toc-list a{color:#404040;text-decoration:none;font-size:13px;display:block;padding-bottom:16px;border-radius:4px;transition:all .3s ease;font-size:17px;font-weight:400;line-height:20px;letter-spacing:.17px}.toc-list li.level-1,.toc-list li.level-1.active{display:none}.toc-list li.level-2{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:17px;font-weight:400;line-height:20px;letter-spacing:.17px}.toc-list.collapsed{display:none}.toc-list{max-height:70vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.toc-list::-webkit-scrollbar{display:none}.toc-list li.active>a{font-weight:700;color:#404040}.toc-sticky{position:fixed;width:296px;z-index:1;padding:10px 16px;background:var(--neutralgrey-50, #F7F7F7)}@media screen and (max-width:768px){.toc-list li.level-1{margin-left:0}.article-date-hair-care{flex-wrap:wrap;font-size:14px}.blog-layout-wrapper{flex-direction:column;top:65px;padding:0 16px;gap:0}.blog-toc-sidebar{width:100%!important;margin-bottom:20px;background:var(--neutralgrey-50, #F7F7F7);padding:16px;max-width:100%}.blog-main-content{width:100%!important}.toc-list li.level-1.active{display:block}.blog-progress-bar-wrapper{top:52px}.author-wrapper{margin:24px auto;gap:16px}.medical-review{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:12px;font-weight:700;line-height:16px;text-transform:uppercase}.author-name{font-family:Nunito Sans;font-size:17px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.17px}.article__date__wrappper{flex-direction:column;gap:0;margin:12px auto}.article__date,.article-date-hair-care{font-family:Nunito Sans;font-size:10px;font-style:normal;font-weight:700;line-height:12px;letter-spacing:.6px;text-transform:uppercase}.blog-hair-care-social-icon-wrapper{padding-left:0}.blog-hair-care-social-icon-wrapper span{font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.12px}.article-date-hair-care .update_date{display:inline}.blog-layout-wrapper{margin:28px;max-width:100%;padding:0;display:block;width:auto}.article-content h3{font-size:16px!important;font-weight:700;line-height:24px;letter-spacing:.2px}.article-content p,.article-content p span{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.14px}.toc-title{color:var(--text-icon-label-primary, #2C2C2A);font-family:Nunito Sans;font-size:17px;font-weight:700;line-height:20px;letter-spacing:.17px}.toc-list a{color:var(--neutralgrey-700, #404040);font-family:Nunito Sans;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.14px;margin:16px 0;padding:0}.toc-list li.level-2{list-style:none}.toc-list li{margin-left:0}.article-content li{font-size:14px;font-weight:400}}.toc-sticky{position:fixed;width:296px;z-index:1;padding:16px;background:var(--neutralgrey-50, #F7F7F7)}.toc-list li.level-1.active{display:block}@media(max-width:768px){.toc-sticky{display:block}.blog-toc-sidebar{max-width:100%;width:100%;margin:40px auto 0;border-radius:10px}.toc-toggle svg{transition:transform .3s ease}.toc-toggle.collapsed svg{transform:rotate(-180deg)}.article-content h1{font-size:24px;font-weight:900;line-height:normal}.article-content h2 strong,.article-content h2{font-size:18px}}.toc-list .level-1{font-weight:600}.toc-list .level-2{font-weight:500}.toc-list .level-3{font-weight:400}.toc-list .level-4{font-weight:400;font-size:.95em}.toc-list .level-5{font-weight:400;font-size:.9em}.toc-list .level-6{font-weight:400;font-size:.85em}.toc-list li.active>a{color:#404040;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/1531/assets/blog-revamp.css.map */