.opsCollectionsBanner{--item-width: 180px}.opsCollectionsBanner,.opsCollectionsBanner *{transition-duration:var(--transition-duration-fast);transition-property:all}.opsCollectionsBanner-scroller{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.opsCollectionsBanner-scroller::-webkit-scrollbar{display:none}.opsCollectionsBanner-items{display:flex;flex-direction:row;gap:.25rem}.opsCollectionsBannerItem{aspect-ratio:1/4;background:var(--color-placeholder);position:relative;text-decoration:none;min-width:var(--item-width);width:var(--item-width)}.opsCollectionsBannerItem-title{color:var(--color-ink-default-louder);height:var(--item-width);line-height:var(--item-width);position:relative;padding-left:calc(var(--item-width) / 3);rotate:90deg;text-shadow:var(--text-shadow-guard);top:calc(var(--item-width) * -1);transform-origin:bottom left;white-space:nowrap}.opsCollectionsBannerItem:hover .opsCollectionsBannerItem-title{padding-left:1rem}.opsCollectionsBannerItem-media{filter:grayscale(1);position:absolute;top:0;left:0;right:0;bottom:0}.opsCollectionsBannerItem:hover .opsCollectionsBannerItem-media{filter:initial}.opsCollectionsBannerItem-media img{display:block;object-fit:cover;position:absolute;width:100%;height:100%}@media (max-width: 1024px){.opsCollectionsBanner{--item-width: 140px}}@media (max-width: 768px){.opsCollectionsBanner{--item-width: 108px}}@media (max-width: 480px){.opsCollectionsBanner{--item-width: 4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ops-collections-banner.css.map */