.shto-three-steps{background:var(--cream);color:#212121}.shto-three-steps__inner{display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px 16px 48px}.shto-three-steps__header{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.shto-three-steps__badge{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:50px;background:var(--yellow);box-shadow:inset 0 0 0 1px #222}.shto-three-steps__badge-icon{flex:none;width:16px;height:16px}.shto-three-steps__badge-text{font-family:var(--font-body);font-size:14px;font-weight:500;line-height:17px;letter-spacing:-.28px;text-align:center;color:#222}.shto-three-steps__heading{width:100%;max-width:331px;font-family:var(--font-head);font-size:34px;font-weight:700;line-height:36px;letter-spacing:0;text-transform:capitalize;text-align:center;color:#000}.shto-three-steps__slider{display:flex;flex-direction:column;gap:24px;width:calc(100% + 32px);margin:0 -16px}.shto-three-steps__track{display:flex;align-items:flex-start;gap:12px;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain}.shto-three-steps__card{flex:none;display:flex;flex-direction:column;gap:16px;width:200px;scroll-snap-align:start}.shto-three-steps__image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0000000f}.shto-three-steps__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #222222;border-radius:inherit;pointer-events:none}.shto-three-steps__image img{width:100%;height:100%;object-fit:cover}.shto-three-steps__text{display:flex;flex-direction:column;gap:6px}.shto-three-steps__number{font-family:var(--font-body);font-size:24px;font-weight:700;line-height:34px;letter-spacing:0;text-transform:uppercase;color:var(--green)}.shto-three-steps__title{font-family:var(--font-head);font-size:16px;font-weight:500;line-height:21px;letter-spacing:0;text-transform:capitalize;color:#212121}.shto-three-steps__body{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:18px;letter-spacing:0;color:#212121}.shto-three-steps__progress{height:4px;margin:0 20px;border-radius:4px;background:#c8c8c8;overflow:hidden}.shto-three-steps__progress-bar{display:block;width:41.49%;height:100%;border-radius:4px;background:var(--orange);transform:translate(calc(var(--shto-progress, 0) * 141.01%));transition:transform .12s linear}.shto-three-steps__slider[data-shto-steps-static] .shto-three-steps__progress{display:none}@media(min-width:990px){.shto-three-steps__inner{gap:40px;padding:80px max(40px,calc((100% - 1160px)/2))}.shto-three-steps__badge-icon{width:18px;height:18px}.shto-three-steps__badge-text{font-size:16px;line-height:19px;letter-spacing:-.32px}.shto-three-steps__heading{width:auto;max-width:100%;font-size:40px;line-height:42px;color:#222}.shto-three-steps__slider{width:100%;margin:0}.shto-three-steps__track{justify-content:center;gap:16px;padding:0;overflow:visible}.shto-three-steps__card{flex:0 1 300px;width:auto;min-width:0}.shto-three-steps__image{border-radius:12px}.shto-three-steps__number{font-size:26px;line-height:36px}.shto-three-steps__title{font-size:20px;font-weight:600;line-height:26px}.shto-three-steps__body{font-size:15px;line-height:21px}.shto-three-steps__progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/shto-three-steps.css.map */