.bind-way__steps{display:flex;gap:var(--bw-gap-mobile, 8px);margin:40px -22px 0;padding:0 8px 0 22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:22px;overscroll-behavior-x:contain;scrollbar-width:none}.bind-way__steps::-webkit-scrollbar{display:none}.bind-way__step{display:flex;flex-direction:column;gap:12px;flex:0 0 calc(100% / var(--bw-mobile-cards, 1.2));min-width:0;scroll-snap-align:start}@media(min-width:768px){.bind-way__steps{display:grid;grid-template-columns:repeat(var(--bw-columns, 3),minmax(0,var(--bw-step-max, 480px)));align-items:start;gap:var(--bw-gap, 20px);margin:40px 0 0;padding:0;overflow:visible}}.bind-way__step .process-title{order:1}.bind-way__step .commitment-section-body{order:2}.bind-way__step .process-title{margin:0}.bind-way__media{position:relative;aspect-ratio:var(--bw-ratio, 4 / 5);overflow:hidden;background:#e5e3db}.bind-way__media img,.bind-way__media video{width:100%;height:100%;object-fit:cover;display:block}.bind-way__progress{--bw-track: rgba(12, 12, 12, .35);--bw-fill: #FFFFFF;position:absolute;inset:auto 0 0;z-index:1;box-sizing:border-box;width:100%;height:20px;margin:0;padding:17px 0 0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none}.bind-way__progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--bw-fill) calc(var(--p, 0) * 100%),var(--bw-track) 0)}.bind-way__progress::-moz-range-track{height:3px;background:var(--bw-track)}.bind-way__progress::-moz-range-progress{height:3px;background:var(--bw-fill)}.bind-way__progress::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:3px;border:0}.bind-way__progress::-moz-range-thumb{width:0;height:0;border:0;background:none}.bt-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px;font-size:11px;color:#76736c;text-align:center}.bind-way__dots{display:flex;justify-content:center;margin-top:8px}.bind-way__dot{width:16px;height:24px;padding:0;border:0;background:none;cursor:pointer}.bind-way__dot:before{content:"";display:block;width:8px;height:8px;margin:auto;border-radius:50%;background-color:var(--bw-dot-color, #CCCCCC);transition:background-color .3s ease,transform .3s ease}.bind-way__dot[aria-current=true]:before{background-color:var(--bw-dot-active-color, #0C0C0C);transform:scale(1.3)}@media(min-width:768px){.bind-way__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/225/assets/bind-tutorial.css.map */