horizontal-scroll{display:block}horizontal-scroll>*{-ms-overflow-style:none;scrollbar-width:none}horizontal-scroll{overflow:hidden;position:relative}horizontal-scroll [data-horizontal-scrollable].dragging{scroll-behavior:auto}horizontal-scroll .scroll-left,.scroll-right{position:absolute;display:flex;justify-content:center;padding:6px;z-index:8;top:50%;transform:translateY(-50%);background-color:#fff;box-shadow:0 2px 10px #36363626;border-radius:50%;cursor:pointer}horizontal-scroll .scroll-left svg,.scroll-right svg{width:12px;height:12px}horizontal-scroll .scroll-left{opacity:0;visibility:hidden}horizontal-scroll .scroll-right{right:0}horizontal-scroll>*::-webkit-scrollbar{display:none}horizontal-scroll .scroll-before,.scroll-after{top:0;position:absolute;width:40px;height:100%;z-index:99}horizontal-scroll .scroll-before{background:linear-gradient(90deg,var(--custom-background-color),transparent 70%);opacity:0;visibility:hidden}horizontal-scroll .scroll-after{background:linear-gradient(90deg,transparent,var(--custom-background-color) 70%);right:0}horizontal-scroll [data-horizontal-scrollable][use-flex-basis]>div,horizontal-scroll [data-horizontal-scrollable][use-flex-basis]>product-card{flex:0 0 var(--flex-basis);margin-right:var(--item-margin-right)}@media (min-width: 576px) and (max-width: 991.98px){horizontal-scroll [data-horizontal-scrollable][use-flex-basis]>div,horizontal-scroll [data-horizontal-scrollable][use-flex-basis]>product-card{flex:0 0 var(--flex-basis-tablet)}}@media only screen and (max-width: 576px){horizontal-scroll [data-horizontal-scrollable][use-flex-basis]>div,horizontal-scroll [data-horizontal-scrollable][use-flex-basis]>product-card{flex:0 0 var(--flex-basis-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/360/assets/horizontal-scroll.css.map */