.section-ka-collection-scroller{overflow:hidden}.ka-collection-scroller--inner{--collection-gap: 14px;display:grid;grid-auto-flow:column;grid-auto-columns:72px;gap:var(--collection-gap);overflow-x:auto;scroll-snap-type:x mandatory}.ka-collection-scroller--item{display:flex;flex-direction:column;align-items:center;min-width:0;color:var(--color-body);text-align:center;text-decoration:none;scroll-snap-align:start}.ka-collection-scroller--icon{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,var(--collection-icon-size));aspect-ratio:1;margin-bottom:8px;overflow:visible;background:#e9e9e9;border-radius:50%}.ka-collection-scroller--badge{position:absolute;top:-3px;left:-3px;z-index:1;max-width:calc(100% + 6px);padding:3px 7px;overflow:hidden;color:var(--collection-badge-text);background:var(--collection-badge-background);border-radius:999px;font-size:.625rem;font-weight:700;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.ka-collection-scroller--icon img{display:block;width:100%;height:100%;box-sizing:border-box;padding:12%;object-fit:contain;border-radius:50%;transition:transform .2s ease}.ka-collection-scroller--title{width:100%;font-size:.8125rem;font-weight:500;line-height:1.2;overflow-wrap:anywhere}.ka-collection-scroller--empty{padding:24px;border:1px dashed rgba(var(--color-body-rgb),.25);border-radius:10px;text-align:center}@media only screen and (max-width:767px){.section-ka-collection-scroller theme-scroll .os-scrollbar,.section-ka-collection-scroller .os-scrollbar-horizontal{display:none!important;visibility:hidden!important}.section-ka-collection-scroller .ka-collection-scroller--inner{box-sizing:border-box;padding-right:15px;padding-left:15px;scroll-padding-left:15px;scrollbar-width:none!important}.section-ka-collection-scroller .ka-collection-scroller--inner::-webkit-scrollbar{display:none!important;width:0;height:0}.section-ka-collection-scroller .ka-collection-scroller--inner[data-overlayscrollbars-viewport*=overflowXScroll]{margin-bottom:0!important}}@media screen and (hover:hover){.ka-collection-scroller--item:hover .ka-collection-scroller--icon img{transform:translateY(-3px)}}@media only screen and (min-width:768px){.ka-collection-scroller--inner{--collection-gap: 20px;grid-auto-columns:calc((100% - (var(--collection-gap) * (var(--desktop-columns) - 1))) / var(--desktop-columns))}.ka-collection-scroller--title{font-size:.9375rem}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/ka-collection-scroller.css.map */