.swipe-indicator{position:relative;display:block;width:100%}.swipe-indicator__fade{position:absolute;top:0;right:0;z-index:1;width:4.8rem;height:calc(100% - 2.4rem);max-height:100%;pointer-events:none;opacity:0;background:linear-gradient(to right,rgba(var(--color-background),0),rgba(var(--color-background),.55));transition:opacity .2s ease}.swipe-indicator--overflow:not(.swipe-indicator--at-end) .swipe-indicator__fade{opacity:1}.swipe-indicator__btn{position:absolute;top:calc(50% - 1.2rem);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease;-webkit-tap-highlight-color:transparent}.swipe-indicator__btn.is-active{opacity:var(--swipe-indicator-opacity, .7);visibility:visible;pointer-events:auto}.swipe-indicator[data-swipe-clickable=false] .swipe-indicator__btn.is-active,.swipe-indicator__btn[data-visual-only].is-active{pointer-events:none;cursor:default}.swipe-indicator__btn--prev{left:.4rem}.swipe-indicator__btn--next{right:.4rem}.swipe-indicator__btn-inner{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:rgba(var(--color-background),.72);box-shadow:0 1px 4px rgba(var(--color-shadow),.12);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.swipe-indicator__btn-inner svg{display:block;width:1.1rem;height:.9rem}@media(prefers-reduced-motion:reduce){.swipe-indicator__btn,.swipe-indicator__fade{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-swipe-indicator.css.map */