.swipe-hint{position:relative;--swipe-hint-bleed: var(--page-padding, 1.6rem)}.swipe-hint--carousel{--swipe-hint-bleed: 0px}@media(max-width:767px){.swipe-hint:before,.swipe-hint:after{content:"";position:absolute;opacity:0;transition:opacity .2s ease;pointer-events:none}.swipe-hint:after{z-index:2;top:0;bottom:0;inset-inline-end:calc(var(--swipe-hint-bleed) * -1);width:7.2rem;background:linear-gradient(to left,rgb(var(--color-background)) calc(var(--swipe-hint-bleed) + .8rem),rgba(var(--color-background),0))}.swipe-hint:before{z-index:3;top:50%;inset-inline-end:calc(var(--swipe-hint-bleed) * -1 + 2rem);width:.7rem;height:.7rem;border-top:.15rem solid rgba(var(--color-foreground),.5);border-right:.15rem solid rgba(var(--color-foreground),.5);transform:translateY(-50%) rotate(45deg)}.swipe-hint.swipe--active:not(.swipe--end):before,.swipe-hint.swipe--active:not(.swipe--end):after,.swipe-hint--carousel:has(.swiper-button-next:not(.swiper-button-disabled)):before,.swipe-hint--carousel:has(.swiper-button-next:not(.swiper-button-disabled)):after{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/xenon-swipe-hint.css.map */