.shop-by-category__thin-banner{position:relative;display:block;overflow:hidden;width:100%;height:60px}.shop-by-category__thin-banner-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.shop-by-category__thin-banner-image--desktop{display:none}@media screen and (min-width:750px){.shop-by-category__thin-banner-image--desktop{display:block}.shop-by-category__thin-banner-image--mobile{display:none}}.shop-by-category__heading{margin:0 0 3rem}.shop-by-category{display:block;width:300px;max-width:100%;margin-inline:auto}.category-bento{position:relative;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);justify-items:start;gap:8px;list-style:none;margin:0;padding:0 0 .5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-bento::-webkit-scrollbar{display:none}.category-bento__item{position:relative;width:120px;height:120px}.category-bento__item:nth-child(4n+1),.category-bento__item:nth-child(4n+2){scroll-snap-align:start}.category-bento--empty{display:block;padding:4rem 0;text-align:center;color:rgba(var(--color-foreground),.6)}.category-bento__box{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:rgb(var(--color-foreground));text-decoration:none}.category-bento__media{position:absolute;top:0;right:0;bottom:0;left:0}.category-bento__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.category-bento__image--hover{opacity:0}@media screen and (min-width:990px){.shop-by-category{width:100%;max-width:none;margin-inline:0}.category-bento{display:grid;grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(5,200px);justify-content:center;gap:24px;width:100%;max-width:none;aspect-ratio:auto;margin-inline:0;padding:0;overflow-x:visible;overflow-y:visible;scroll-snap-type:none}.category-bento__item{position:relative;width:200px;height:200px;aspect-ratio:auto}.category-bento__image{transition:opacity var(--duration-long) ease}.category-bento__box:hover .category-bento__image--hover{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-shop-by-category.css.map */