.stw-steps__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:64px}.stw-steps__title{font-size:clamp(30px,3.6vw,52px);margin:0!important;max-width:20ch}.stw-steps__track{position:relative}.stw-steps__rail{position:absolute;left:0;right:0;top:19px;height:2px;background:var(--sp-line);border-radius:2px;overflow:hidden}.stw-steps__rail--v{display:none}.stw-steps__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-fill);transform-origin:0 50%}.stw-steps__list{position:relative;display:grid;grid-template-columns:repeat(var(--sp-cols),minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}.stw-steps__item{display:flex;flex-direction:column;gap:12px;min-width:0}.stw-steps__dot{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:var(--stw-bg);border:2px solid var(--sp-fill);font-family:var(--stw-font-heading);font-weight:700;font-size:15px;color:var(--sp-fill)}.stw-steps__when{font-size:13px;color:var(--stw-muted)}.stw-steps__name{font-size:clamp(22px,2vw,28px);letter-spacing:-.04em;line-height:1.15}.stw-steps__text{font-size:15px;line-height:1.7;color:var(--stw-muted);max-width:36ch}.stw-steps__media{margin-top:10px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#ebe9e4}.stw-steps__media img{width:100%;height:100%;object-fit:cover}@media(max-width:799px){.stw-steps__head{flex-direction:column;align-items:flex-start;margin-bottom:36px}.stw-steps__rail{display:none}.stw-steps__rail--v{display:block;left:19px;right:auto;top:20px;bottom:20px;width:2px;height:auto}.stw-steps__rail--v .stw-steps__fill{transform-origin:50% 0}.stw-steps__list{grid-template-columns:1fr;gap:34px}.stw-steps__item{padding-left:62px;position:relative;gap:8px}.stw-steps__dot{position:absolute;left:0;top:-6px;margin:0}}.stw-m-ready .stw-steps__dot{transition:background-color .5s,color .5s,box-shadow .5s}.stw-m-ready .stw-steps__item.is-on .stw-steps__dot{background:var(--sp-fill);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--sp-fill) 14%,transparent);animation:stwDotPop .7s cubic-bezier(.22,.8,.24,1) both}@keyframes stwDotPop{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.stw-steps__dot{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/stw-steps.css.map */