.vh-steps{--_dot: 44px;--_gap: clamp(28px, 4vw, 64px);--_track: var(--vh-line);--_ink-line: color-mix(in srgb, var(--vh-ink) 48%, transparent);--_glow: rgb(255 255 255 / .16);--_glow-accent: rgb(255 122 26 / .36);--_draw: .9s;--_dir: 90deg;--_off: scaleX(0);padding-block:clamp(64px,8vw,128px);background:var(--vh-paint, var(--vh-surface));color:var(--vh-ink)}.vh-steps.vh-tone-white{--_glow: rgb(164 120 217 / .3);--_glow-accent: rgb(255 122 26 / .3)}.vh-steps__inner{max-width:var(--vh-max);margin-inline:auto;padding-inline:var(--vh-edge)}.vh-steps__head{margin-bottom:clamp(40px,5vw,72px)}.vh-steps__eyebrow{margin:0 0 12px;font:600 12.5px/1 var(--vh-font);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.vh-steps__title{margin:0;color:inherit;max-width:20ch;font-family:var(--font-heading-family);font-size:var(--vh-h2);font-weight:var(--vh-heading-weight);line-height:1.05;letter-spacing:-.015em;text-wrap:balance}.vh-steps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--_gap);row-gap:0;margin:0;padding:0;list-style:none}.vh-js .vh-steps__list[data-vh-reveal]{opacity:1;transform:none}.vh-steps__item{position:relative;z-index:0}.vh-steps__dot{position:relative;display:grid;place-items:center;inline-size:var(--_dot);block-size:var(--_dot);margin-bottom:clamp(20px,2.2vw,28px);border-radius:50%;background:var(--vh-glass-bg);box-shadow:var(--vh-glass-hairline);color:var(--vh-white)}.vh-steps__dot:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--_glow),transparent);pointer-events:none;transition:opacity .8s var(--vh-ease-out) calc(.15s + var(--i, 0) * var(--_draw))}.vh-steps__num{font:500 15px/1 var(--vh-font);font-variant-numeric:tabular-nums;transition:opacity .8s var(--vh-ease-out) calc(.15s + var(--i, 0) * var(--_draw))}.vh-steps__item:first-child .vh-steps__dot{background:color-mix(in srgb,var(--vh-orange) 88%,transparent);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff1f;color:var(--vh-on-accent)}.vh-steps__item:first-child .vh-steps__dot:before{background:radial-gradient(closest-side,var(--_glow-accent),transparent)}.vh-steps__item:not(:last-child):before,.vh-steps__item:not(:last-child):after{content:"";position:absolute;z-index:-1;inset-block-start:calc(var(--_dot) / 2);inset-inline-start:calc(var(--_dot) + 12px);inline-size:calc(100% + var(--_gap) - var(--_dot) - 24px);block-size:1px;pointer-events:none}.vh-steps__item:not(:last-child):before{background:var(--_track)}.vh-steps__item:not(:last-child):after{background:linear-gradient(var(--_dir),var(--_ink-line),var(--_ink-line));transform-origin:0 0;transition:transform var(--_draw) var(--vh-ease-out) calc(.3s + var(--i, 0) * var(--_draw))}.vh-steps__item:first-child:after{background:linear-gradient(var(--_dir),color-mix(in srgb,var(--vh-orange) 75%,transparent),var(--_ink-line) 70%)}[dir=rtl] .vh-steps__item:not(:last-child):after{transform-origin:100% 0}.vh-js .vh-steps__list[data-vh-reveal]:not(.is-in) .vh-steps__item:after{transform:var(--_off)}.vh-js .vh-steps__list[data-vh-reveal]:not(.is-in) .vh-steps__dot:before{opacity:0}.vh-js .vh-steps__list[data-vh-reveal]:not(.is-in) .vh-steps__item:not(:first-child) .vh-steps__num{opacity:.45}.vh-reveal-all .vh-steps__item:after{transform:none!important}.vh-reveal-all .vh-steps__dot:before,.vh-reveal-all .vh-steps__num{opacity:1!important}@media(prefers-reduced-motion:reduce){.vh-steps__item:after,.vh-steps__dot:before,.vh-steps__num{transition:none!important}.vh-steps__item:after{transform:none!important}.vh-steps__dot:before,.vh-steps__num{opacity:1!important}}.vh-steps__name{margin:0 0 10px;color:inherit;font-family:var(--font-heading-family);font-size:clamp(20px,1.8vw,24px);font-weight:500;line-height:1.2;letter-spacing:-.01em}.vh-steps__text{margin:0;max-width:34ch;color:var(--vh-ink-soft);font-size:var(--vh-body);line-height:1.55}.vh-steps__note{margin:clamp(40px,5vw,64px) 0 0;color:var(--vh-ink-soft);font-size:13px;line-height:1.5}@media(max-width:749px){.vh-steps{--_dot: 40px;--_dir: 180deg;--_off: scaleY(0)}.vh-steps__list{grid-template-columns:minmax(0,1fr)}.vh-steps__item{min-block-size:var(--_dot);padding:0 0 36px calc(var(--_dot) + 18px)}.vh-steps__item:last-child{padding-bottom:0}.vh-steps__dot{position:absolute;inset-block-start:0;inset-inline-start:0;margin:0}.vh-steps__name{padding-top:8px;font-size:20px}.vh-steps__text{max-width:none}.vh-steps__item:not(:last-child):before,.vh-steps__item:not(:last-child):after{inset-block:calc(var(--_dot) + 8px) 8px;inset-inline-start:calc(var(--_dot) / 2 - .5px);inline-size:1px;block-size:auto}[dir=rtl] .vh-steps__item:not(:last-child):after{transform-origin:0 0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vh-steps.css.map */