.scrollNav{position:relative}.scrollNav>.scrollArrows{display:flex;gap:.5em;margin-top:.5em}.scrollNav>.scrollArrows[hidden]{display:none}.scrollNav .scrollArrow{display:flex;align-items:center;justify-content:center;width:3em;height:3em;padding:0;border:none;border-radius:50%;background:transparent;color:rgb(var(--theme-brand));cursor:pointer;transition:all .4s ease-in-out}.scrollNav .scrollArrow:not(:disabled):hover{background:rgb(var(--theme-brand));color:rgb(var(--theme-body))}.scrollNav .scrollArrow:disabled{opacity:.3;cursor:default}.scrollNav [data-scroll-fade][data-scrollable]{cursor:grab}.scrollNav [data-scroll-fade].isGrabbing{cursor:grabbing;-webkit-user-select:none;user-select:none}.scrollNav [data-scroll-fade] :is(img,a,picture,svg){-webkit-user-drag:none}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-scroll-arrows.css.map */