.cs-slider{--cs-per-view: 1;--cs-gap: 1.6rem;position:relative;display:block}.cs-viewport{overflow:hidden;overflow:clip}.cs-track{display:flex;gap:var(--cs-gap);margin:0;padding:var(--cs-track-pad, .5rem 0);list-style:none;transform:translateZ(0);transition:transform .45s cubic-bezier(.25,.1,.25,1);will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-select:none}.cs-track.is-instant{transition:none}.cs-slide{flex:0 0 calc((100% - (var(--cs-per-view) - 1) * var(--cs-gap)) / var(--cs-per-view));min-width:0}.cs-slide img,.cs-slide video{-webkit-user-drag:none}.cs-arrow{position:absolute;top:var(--cs-arrow-top, 50%);z-index:var(--cs-arrow-z, 2);display:flex;align-items:center;justify-content:center;width:var(--cs-arrow-size, 3.4rem);height:var(--cs-arrow-size, 3.4rem);margin:0;padding:0;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 6px rgba(var(--color-shadow),.18);cursor:pointer;transform:translateY(-50%);transition:opacity var(--duration-default, .2s) ease}.cs-arrow--prev{left:var(--cs-arrow-inset, .8rem)}.cs-arrow--next{right:var(--cs-arrow-inset, .8rem)}.cs-arrow .svg-wrapper svg{width:var(--cs-arrow-icon, 1.5rem);height:var(--cs-arrow-icon, 1.5rem)}.cs-arrow--prev .svg-wrapper svg{transform:rotate(90deg)}.cs-arrow--next .svg-wrapper svg{transform:rotate(-90deg)}.cs-arrow:disabled{opacity:.4;cursor:default}.cs-arrow--plain{border-radius:0;background:none;box-shadow:none}.cs-arrow--plain:disabled{opacity:1;visibility:hidden}.cs-arrow--static{position:static;transform:none}.cs-dots{display:flex;align-items:center;gap:.8rem}.cs-dot{width:1rem;height:1rem;margin:0;padding:0;border:.15rem solid rgb(var(--color-foreground));border-radius:50%;background:transparent;cursor:pointer}.cs-dot[aria-current=true]{background:rgb(var(--color-foreground))}.cs-dots--pill .cs-dot{width:.8rem;height:.8rem;border:0;background:rgba(var(--color-foreground),.25)}.cs-dots--pill .cs-dot[aria-current=true]{width:2.4rem;border-radius:.8rem;background:rgb(var(--color-button))}.cs-arrow:focus-visible,.cs-dot:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.cs-track,.cs-slide,.cs-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sk-slider.css.map */