horizontal-scroll{display:block}horizontal-scroll>*{-ms-overflow-style:none;scrollbar-width:none}horizontal-scroll{overflow:hidden;position:relative}[data-horizontal-scrollable]{overflow-x:auto}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)}}horizontal-scroll [data-overlayscrollbars-viewport]{position:static;scroll-snap-type:none;scroll-behavior:auto;width:100%!important;margin:0!important;padding:0 0 calc(10 * var(--space-unit))!important}@media (min-width: 1024px){horizontal-scroll [data-overlayscrollbars-viewport]{padding-bottom:calc(10 * var(--space-unit))!important}}
/*# sourceMappingURL=/cdn/shop/t/413/assets/horizontal-scroll.css.map */