.steps-carousel{--card-width: 230px;--card-height: 360px;--card-offset: 46px;padding-block:clamp(2.5rem,6vw,5rem)}.steps-carousel__container{display:flex;flex-direction:column;gap:clamp(1.75rem,4vw,2.5rem)}.steps-carousel__heading{text-align:center;max-width:22ch;margin:0 auto}.steps-carousel__viewport{position:relative;width:100%;max-width:calc(var(--card-width) + (var(--card-offset) * 2) + 40px);margin:0 auto}.steps-carousel__track{position:relative;z-index:0;isolation:isolate;width:100%;height:var(--card-height)}.steps-carousel__card{--card-bg: #f2f2f2;--card-text: #1a1a1a;position:absolute;top:0;left:50%;width:var(--card-width);height:var(--card-height);background:var(--card-bg);color:var(--card-text);border-radius:1.25rem;overflow:hidden;transform:translate(-50%) scale(.85);opacity:0;pointer-events:none;z-index:1;transition:transform .45s cubic-bezier(.22,.9,.3,1),opacity .35s ease,z-index 0s}.steps-carousel__card.is-current{transform:translate(-50%) rotate(0) scale(1);opacity:1;z-index:3;pointer-events:auto}.steps-carousel__card.is-prev{transform:translate(-50%) translate(calc(-1 * var(--card-offset))) rotate(-8deg) scale(.85);opacity:1;z-index:2}.steps-carousel__card.is-next{transform:translate(-50%) translate(var(--card-offset)) rotate(8deg) scale(.85);opacity:1;z-index:2}.steps-carousel__card-media{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1}.steps-carousel__card-media img{width:100%;height:100%;object-fit:cover;display:block}.steps-carousel__card-body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.5rem 1.5rem 1.25rem}.steps-carousel__step-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.steps-carousel__card-title{margin:0}.steps-carousel__card-text{font-size:.92rem;line-height:1.4}.steps-carousel__card-text p{margin:0}.steps-carousel__controls{display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--card-width) + (var(--card-offset) * 2) + 40px);margin:0 auto}.steps-carousel__pagination{display:flex;align-items:center;gap:.5rem}.steps-carousel__arrow{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;color:inherit;cursor:pointer;padding:0}.steps-carousel__counter{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.steps-carousel__dots{display:flex;align-items:center;gap:.4rem}.steps-carousel__dot{width:.45rem;height:.45rem;border-radius:50%;border:none;padding:0;background:#d9d9d9;cursor:pointer;transition:width .25s ease,background .25s ease,border-radius .25s ease}.steps-carousel__dot.is-active{width:1.4rem;border-radius:.3rem;background:#eb7b89}@media screen and (min-width:990px){.steps-carousel{--card-width: 300px;--card-height: 420px;--card-offset: 270px}.steps-carousel__card-text{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-how-it-works-carousel.css.map */