scroll-cue{position:relative;display:block}scroll-cue:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;width:6.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231c17' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") calc(100% - 1.7rem) 50% / 2.2rem no-repeat,radial-gradient(circle 2rem at calc(100% - 2.8rem) 50%,rgb(var(--color-background)) 99%,transparent 100%),linear-gradient(to right,transparent,var(--scroll-cue-background, rgb(var(--color-background))) 60%);opacity:0;pointer-events:none;transition:opacity .2s ease}scroll-cue[data-more]:after{opacity:1}.scroll-cue__button{display:none;position:absolute;z-index:3;top:50%;right:.6rem;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;transform:translateY(-50%);cursor:pointer}scroll-cue[data-more] .scroll-cue__button:not(.scroll-cue__button--back){display:block}scroll-cue[data-scroll-cue-button]:before{content:"";position:absolute;z-index:2;top:0;left:0;bottom:0;width:6.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231c17' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") 1.7rem 50% / 2.2rem no-repeat,radial-gradient(circle 2rem at 2.8rem 50%,rgb(var(--color-background)) 99%,transparent 100%),linear-gradient(to left,transparent,var(--scroll-cue-background, rgb(var(--color-background))) 60%);opacity:0;pointer-events:none;transition:opacity .2s ease}scroll-cue[data-back]:before{opacity:1}.scroll-cue__button--back{right:auto;left:.6rem}scroll-cue[data-back] .scroll-cue__button--back{display:block}.scroll-cue__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/249/assets/component-scroll-cue.css.map */
