.ribbon-scroll{position:relative}.ribbon-scroll:before,.ribbon-scroll:after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}.ribbon-scroll:before{left:0;background:linear-gradient(to right,rgb(var(--color-background-rgb, 255 255 255)) 15%,rgb(var(--color-background-rgb, 255 255 255) / 0))}.ribbon-scroll:after{right:0;background:linear-gradient(to left,rgb(var(--color-background-rgb, 255 255 255)) 15%,rgb(var(--color-background-rgb, 255 255 255) / 0))}.ribbon-scroll.ribbon--scrollable:not(.ribbon--at-start):before{opacity:1}.ribbon-scroll.ribbon--scrollable:not(.ribbon--at-end):after{opacity:1}.ribbon-arrow{position:absolute;top:var(--ribbon-arrow-top, 50%);transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;background:#fff;border:1px solid rgba(35,70,55,.12);box-shadow:0 4px 14px #2346372e;color:#234637;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,background .15s ease,color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.ribbon-arrow svg{width:20px;height:20px;display:block}.ribbon-arrow--prev{left:2px}.ribbon-arrow--next{right:2px}[data-ribbon-wrapper].ribbon--scrollable .ribbon-arrow{opacity:1;visibility:visible}.ribbon-arrow:hover{background:#234637;color:#fff;transform:translateY(-50%) scale(1.05)}.ribbon-arrow:active{transform:translateY(-50%) scale(.96)}.ribbon-arrow:focus-visible{outline:2px solid #234637;outline-offset:2px}.ribbon-arrow:disabled{opacity:0;visibility:hidden;pointer-events:none}@media screen and (max-width:749px){.ribbon-arrow{width:34px;height:34px}.ribbon-arrow svg{width:17px;height:17px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ribbon-scroll.css.map */