.swipe-nav{position:absolute;top:var(--swipe-nav-top, 40%);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--swipe-nav-size, 3.6rem);height:var(--swipe-nav-size, 3.6rem);padding:0;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.16);opacity:var(--swipe-nav-opacity, .85);transform:translateY(-50%);cursor:pointer;transition:opacity .2s ease-in-out}.swipe-nav .icon{--icon-size: calc(var(--swipe-nav-size, 3.6rem) * .5);pointer-events:none}.swipe-nav--prev{inset-inline-start:.4rem}.swipe-nav--next{inset-inline-end:.4rem}.swipe-nav[disabled]{opacity:0;pointer-events:none}.swipe-nav--grouped{position:static;top:auto;transform:none;flex-shrink:0}.swipe-nav--grouped[disabled]{opacity:.35}@media(min-width:768px){.swipe-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-swipe-nav.css.map */