.steps-container.hide-scroll::-webkit-scrollbar{display:none}.product-regimen{background-color:#000}.product-regimen__header{border-bottom:.1rem solid #2d2d2d}.product-regimen__header-text--left{color:var(--text-color)}.product-regimen__header-text--right{color:var(--text-color-lighter)}.three-circles-wrapper{color:var(--text-color)}.step-three-circles .icon-three-circles{width:2rem}.steps-container{width:100%;overflow-x:scroll;overflow-y:hidden;transition:all var(--animation-time) var(--animation-function);will-change:transform;-webkit-user-select:none;user-select:none;cursor:pointer}.step-content{transition:all var(--animation-time) var(--animation-function)}.step-number-container .step-number{flex-shrink:0;width:2.4rem;height:2.4rem;background-color:#000;color:var(--text-color-darker);border:.1rem solid var(--text-color-darker)}.step-content.active .step-number{background-color:var(--text-color);color:#000}.step-number-container .step-line{height:.1rem;width:2rem;background-color:var(--text-color-darker)}.step-content.active .step-line{background-color:var(--text-color)}.step-content .step-text{width:25.1rem}.step-text__line{width:100%;height:.1rem;background-color:var(--text-color-darker)}.step-text__line.last{opacity:0}.step-content.active .step-text__line{background:linear-gradient(to right,var(--text-color) 0%,var(--text-color-lighter) 100%)}.step-text__title{top:-3rem;position:relative;background-color:#000;color:var(--text-color-darker)}.step-content.active .step-text__title{color:var(--text-color)}.step-content .step-description{margin-top:-1.2rem;white-space:wrap;max-width:20.4rem;color:var(--text-color-darker)}.step-content.active .step-description{color:var(--text-color)}.btn.regimen-button{height:5rem;width:100%;border:.1rem solid var(--cta-btn-border-color);background-color:var(--cta-btn-background-color);text-decoration:none;color:var(--cta-btn-text-color);font-weight:500;letter-spacing:5%}.product-regimen .custom-scrollbar-lines .line{background-color:var(--background-color-darken)}.product-regimen .custom-scrollbar-lines .line.active{background-color:var(--text-color-darker)}.product-regimen .custom-scrollbar-marker{background-color:var(--text-color)}.product-regimen .custom-scrollbar-marker .marker-icon{color:#000}.product-regimen .direction-video-texts{color:#fff;left:1.6rem;bottom:2rem}
/*# sourceMappingURL=/cdn/shop/t/171/assets/component-product-regimen.css.map */