.hscroll-arrows-wrapper{position:relative;--hscroll-tint-rgb: 255, 255, 255;--hscroll-icon: #ffffff}.hscroll-arrows-wrapper:before,.hscroll-arrows-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:200px;max-width:30%;pointer-events:none;z-index:5;opacity:0;transition:opacity .2s ease}.hscroll-arrows-wrapper:before{left:0;background:linear-gradient(to right,rgba(var(--hscroll-tint-rgb),.45),rgba(var(--hscroll-tint-rgb),.28),rgba(var(--hscroll-tint-rgb),.1) 70%,rgba(var(--hscroll-tint-rgb),0))}.hscroll-arrows-wrapper:after{right:0;background:linear-gradient(to left,rgba(var(--hscroll-tint-rgb),.45),rgba(var(--hscroll-tint-rgb),.28),rgba(var(--hscroll-tint-rgb),.1) 70%,rgba(var(--hscroll-tint-rgb),0))}.hscroll-arrows-wrapper:hover:not(:has(.hscroll-bar:hover)):before,.hscroll-arrows-wrapper:hover:not(:has(.hscroll-bar:hover)):after{opacity:1}.hscroll-arrows-wrapper:has(.hscroll-arrow--prev.is-at-limit):before{opacity:0!important}.hscroll-arrows-wrapper:has(.hscroll-arrow--next.is-at-limit):after{opacity:0!important}.hscroll-arrow{position:absolute;top:50%;width:46px;height:46px;border-radius:50%;background-color:#ffffff1a;border:1.5px solid rgba(255,255,255,1);color:var(--hscroll-icon);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,background-color .2s ease}.hscroll-arrows-wrapper:hover:not(:has(.hscroll-bar:hover)) .hscroll-arrow{opacity:1;visibility:visible}.hscroll-arrow:hover{background-color:#ffffff59}.hscroll-arrow svg{width:18px;height:18px}.hscroll-arrow--prev{left:40px;transform:translateY(-50%) rotate(-90deg)}.hscroll-arrow--next{right:40px;transform:translateY(-50%) rotate(90deg)}.hscroll-arrow.is-at-limit{opacity:0!important;visibility:hidden!important;pointer-events:none}@media(max-width:699px){.hscroll-arrow,.hscroll-arrows-wrapper:before,.hscroll-arrows-wrapper:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-scroll-arrows.css.map */