.pi-steps{--pi-steps-bg: #ffffff;--pi-steps-heading: #000000;--pi-steps-accent: #006bb3;--pi-steps-card-bg: #ffffff;--pi-steps-text: #000000;--pi-steps-label-bg: #006bb3;--pi-steps-label-text: #ffffff;--pi-steps-dot: #b0b0b0;--pi-steps-max-width: 1920px;--pi-steps-pt: 80px;--pi-steps-pb: 80px;--pi-steps-gutter: clamp(24px, 8.33vw, 160px);--pi-steps-gap: clamp(16px, 1.67vw, 32px);--pi-steps-card-w: clamp(280px, 23.44vw, 450px);--pi-steps-media-w: 450;--pi-steps-media-h: 402;background:var(--pi-steps-bg);padding:var(--pi-steps-pt) 0 var(--pi-steps-pb)}.pi-steps,.pi-steps *,.pi-steps *:before,.pi-steps *:after{box-sizing:border-box}.pi-steps__frame{position:relative;max-width:var(--pi-steps-max-width);margin:0 auto;container-type:inline-size}.pi-steps__heading{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.3em;margin:0 0 calc(clamp(24px,2.5vw,48px) - 4px);padding:0 var(--pi-steps-gutter);font-family:Work Sans,sans-serif;font-size:clamp(32px,4.17vw,80px);font-weight:700;line-height:1;letter-spacing:normal;text-align:center;text-transform:uppercase;color:var(--pi-steps-heading)}.pi-steps__heading-part{display:contents}.pi-steps__heading-accent{color:var(--pi-steps-accent)}.pi-steps__heading-part--mobile,.pi-steps__heading--no-desktop{display:none}.pi-steps__viewport{position:relative}.pi-steps__track{display:flex;gap:var(--pi-steps-gap);padding:4px 0 16px var(--pi-steps-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--pi-steps-gutter);scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pi-steps__track::-webkit-scrollbar{display:none}.pi-steps__track:after{content:"";flex:0 0 max(1px,calc(var(--pi-steps-gutter) - var(--pi-steps-gap)))}.pi-steps__track:focus-visible{outline:2px solid var(--pi-steps-accent);outline-offset:-2px}.pi-steps__track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.pi-steps__card{display:flex;flex:0 0 var(--pi-steps-card-w);flex-direction:column;border-radius:24px;background:var(--pi-steps-card-bg);box-shadow:0 4px 5px #0000001a;scroll-snap-align:start}.pi-steps .pi-steps__media{display:block;aspect-ratio:var(--pi-steps-media-w) / var(--pi-steps-media-h);overflow:hidden;border-radius:16px 16px 0 0;background:#f2f2f2}.pi-steps__img,.pi-steps__placeholder{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.pi-steps__details{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:24px;padding:16px 24px 32px}.pi-steps__label{margin:0;padding:5px 17px;border-radius:99px;background:var(--pi-steps-label-bg);font:700 14px/1.5 Work Sans,sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--pi-steps-label-text)}.pi-steps__text{margin:0;font:700 clamp(18px,1.25vw,24px) / 1.2 "Inter",sans-serif;letter-spacing:.02em;color:var(--pi-steps-text)}.pi-steps__dots{--pi-steps-dot-size: 12px;--pi-steps-dot-active: 55px;display:flex;justify-content:center;gap:12px;margin-top:calc(clamp(24px,2.5vw,48px) - 16px)}.pi-steps[data-dots=never] .pi-steps__dots,.pi-steps[data-dots=mobile] .pi-steps__dots,.pi-steps.is-static .pi-steps__dots{display:none}.pi-steps__dot{position:relative;width:var(--pi-steps-dot-size);height:var(--pi-steps-dot-size);margin:0;padding:0;border:0;border-radius:25px;background:var(--pi-steps-dot);cursor:pointer;transition:width .25s,background-color .25s}.pi-steps__dot:before{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.pi-steps__dot[aria-current=true]{width:var(--pi-steps-dot-active);background:var(--pi-steps-accent)}.pi-steps__dot:focus-visible{outline:2px solid var(--pi-steps-accent);outline-offset:2px;box-shadow:none}@media(prefers-reduced-motion:reduce){.pi-steps__track{scroll-behavior:auto}.pi-steps__dot{transition:none}}@media(max-width:768px){.pi-steps{--pi-steps-gutter: 24px;--pi-steps-gap: 16px;--pi-steps-card-w: calc(100vw - 2 * var(--pi-steps-gutter));--pi-steps-media-w: 327;--pi-steps-media-h: 279;padding:calc(var(--pi-steps-pt) / 2) 0 calc(var(--pi-steps-pb) / 2)}.pi-steps__heading{flex-direction:column;align-items:center;margin-bottom:20px;font-size:clamp(28px,8.534vw,40px)}.pi-steps__heading-part--desktop{display:none}.pi-steps__heading-part--mobile{display:contents}.pi-steps__heading--no-desktop{display:flex}.pi-steps__heading--no-mobile{display:none}.pi-steps__heading-part>span:first-child{line-height:.853}.pi-steps__label{padding:4px 16px;font-size:12px}.pi-steps__text{font-size:18px}.pi-steps__dots{--pi-steps-dot-size: 8px;--pi-steps-dot-active: 27px;gap:6px;margin-top:8px}.pi-steps[data-dots=mobile] .pi-steps__dots{display:flex}.pi-steps[data-dots=desktop] .pi-steps__dots,.pi-steps.is-static .pi-steps__dots{display:none}}@media(max-width:768px){@supports (width: 1cqi){.pi-steps{--pi-steps-card-w: calc(100cqi - 2 * var(--pi-steps-gutter))}}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/pi-steps-slider.css.map */