.header-left{max-width:520px}.routine_header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:40px}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.eyebrow{color:rgba(var(--color-button))}.step-card{position:relative;overflow:hidden;cursor:pointer;transition:flex .5s cubic-bezier(.4,0,.2,1)}.step-img-wrap{position:relative;width:100%;height:100%;overflow:hidden}.step-img-wrap svg,.step-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s ease}.step-card:hover .step-img-wrap img,.step-card.active .step-img-wrap img{transform:scale(1.05);filter:saturate(1)}.ghost-num{position:absolute;top:-7px;right:0;font-size:100px;font-weight:300;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(var(--color-foreground),.4);pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.step-img-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--overlay-color) 50%,transparent) 0%,color-mix(in srgb,var(--overlay-color) 20%,transparent) 45%,transparent 70%);z-index:1}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:rgba(var(--color-link-hover));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.step-card.active:before,.step-card:hover:before{transform:scaleX(1)}.step-content{position:absolute;bottom:0;left:0;right:0;padding:28px 25px 10px;z-index:2;background:transparent}.step-num-label{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.step-name{font-size:28px;font-weight:400;line-height:1.15;margin-top:10px;margin-bottom:10px}.step-desc{font-size:12.5px;line-height:1.6;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease;opacity:0;margin:0}.step-tag{opacity:0}.step-card.active .step-tag,.step-card:hover .step-tag{opacity:1;margin-bottom:10px;display:flex}.step-card.active .step-desc,.step-card:hover .step-desc{max-height:60px;opacity:1;margin-bottom:10px}.step-card.active .step-img-wrap:before,.step-card:hover .step-img-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--color-background),.25),rgba(var(--color-background),.15) 35%,rgba(var(--color-background),.1) 60%,rgba(var(--color-background),0));z-index:1;transition:all .4s ease}@media screen and (min-width:992px){.header-right{gap:0}}@media screen and (max-width:767px){.ghost-num{font-size:70px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/routine-with-image.css.map */