.shop-by-category{position:relative;overflow:visible}.shop-by-category--has-bg-image{background-size:cover;background-repeat:no-repeat}.shop-by-category__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.shop-by-category-header.sbc-align-left{justify-content:flex-start;text-align:left}.shop-by-category-header.sbc-align-center{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.2rem}.shop-by-category-header.sbc-align-center .heading-group__actions{justify-content:center}.shop-by-category-header.sbc-align-right{flex-direction:row-reverse;text-align:right}.shop-by-category-header.sbc-align-right .heading-group__left{text-align:right}.sbc-carousel-wrapper{position:relative}.sbc-carousel-nav{display:none;position:absolute;top:40%;transform:translateY(-50%);z-index:3;width:3.6rem;height:3.6rem;border-radius:50%;border:none;background:#ffffffe6;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 .2rem .6rem #00000026}.sbc-carousel-nav--prev{left:.5rem}.sbc-carousel-nav--next{right:.5rem}@media screen and (max-width:749px){.sbc-carousel-wrapper[data-mobile-layout=carousel] .sbc-carousel-nav{display:flex}}@media screen and (min-width:750px){.sbc-carousel-wrapper[data-desktop-layout=carousel] .sbc-carousel-nav{display:flex}}.sbc-grid{position:relative;z-index:2;margin:0;padding-block:3rem;list-style:none}@media screen and (max-width:749px){.sbc-grid[data-mobile-layout=grid]{display:grid;grid-template-columns:repeat(var(--sbc-columns-mobile, 2),1fr);gap:var(--sbc-gap-mobile, 1.2rem)}.sbc-grid[data-mobile-layout=carousel]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--sbc-gap-mobile, 1.2rem);-webkit-overflow-scrolling:touch;scrollbar-width:none}.sbc-grid[data-mobile-layout=carousel]::-webkit-scrollbar{display:none}.sbc-grid[data-mobile-layout=carousel] .sbc-item{flex:0 0 calc((100% - (var(--sbc-columns-mobile, 2) - 1) * var(--sbc-gap-mobile, 1.2rem)) / var(--sbc-columns-mobile, 2));scroll-snap-align:start}}@media screen and (min-width:750px){.sbc-grid[data-desktop-layout=grid]{display:grid;grid-template-columns:repeat(var(--sbc-columns-desktop, 4),1fr);gap:var(--sbc-gap-desktop, 2.4rem)}.sbc-grid[data-desktop-layout=carousel]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--sbc-gap-desktop, 2.4rem);scrollbar-width:none}.sbc-grid[data-desktop-layout=carousel]::-webkit-scrollbar{display:none}.sbc-grid[data-desktop-layout=carousel] .sbc-item{flex:0 0 calc((100% - (var(--sbc-columns-desktop, 4) - 1) * var(--sbc-gap-desktop, 2.4rem)) / var(--sbc-columns-desktop, 4));scroll-snap-align:start}}.sbc-item{display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;color:currentColor;text-align:center}.sbc-item__image-wrapper{position:relative;display:block;width:100%;overflow:hidden;background:rgba(var(--color-foreground),.04)}.sbc-item__image-wrapper--square{aspect-ratio:1 / 1}.sbc-item__image-wrapper--portrait{aspect-ratio:3 / 4}.sbc-item__image-wrapper--landscape{aspect-ratio:4 / 3}.sbc-item--rectangle .sbc-item__image-wrapper{border-radius:var(--sbc-radius, 1.2rem)}.sbc-item--pill .sbc-item__image-wrapper{border-radius:999px}.sbc-item--circle .sbc-item__image-wrapper{border-radius:50%;aspect-ratio:1 / 1!important}.sbc-item--circle:not(.sbc-item--no-ring) .sbc-item__image-wrapper{padding:var(--sbc-ring-gap, .4rem);box-shadow:0 0 0 var(--sbc-ring-thickness, .3rem) var(--sbc-ring-color, #111111)}.sbc-item--circle .sbc-item__image{border-radius:50%}.sbc-item--hexagon .sbc-item__image-wrapper{aspect-ratio:1 / 1!important;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.sbc-item__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity .4s ease,transform .5s ease}.sbc-item__image--primary{opacity:1;position:relative}.sbc-item--has-hover .sbc-item__image--primary{position:absolute}.sbc-item__image--hover,.sbc-item--has-hover:hover .sbc-item__image--primary{opacity:0}.sbc-item--has-hover:hover .sbc-item__image--hover{opacity:1}.sbc-item:hover .sbc-item__image-wrapper{transform:scale(1.015)}.sbc-item__title{font-size:1.4rem;font-weight:500;letter-spacing:.01em}.sbc-item__badge{position:absolute;top:.6rem;right:.6rem;z-index:3;background:#000000c7;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.3rem .8rem;border-radius:999px;pointer-events:none}.sbc-decor{position:absolute;z-index:5;pointer-events:none;width:var(--sbc-decor-width-mobile, 9rem);transform:translate(var(--sbc-decor-offset-x, 0px),calc(var(--sbc-decor-offset-y, 0px) + var(--sbc-decor-parallax, 0px))) rotate(var(--sbc-decor-rotate, 0deg));transition:transform .05s linear}@media screen and (min-width:750px){.sbc-decor{width:var(--sbc-decor-width, 16rem)}}.sbc-decor--left{left:2rem}.sbc-decor--right{right:2rem}.sbc-decor--center{left:50%;margin-left:calc(-1 * var(--sbc-decor-width-mobile, 9rem) / 2)}@media screen and (min-width:750px){.sbc-decor--center{margin-left:calc(-1 * var(--sbc-decor-width, 16rem) / 2)}}.sbc-decor--top{top:0}.sbc-decor--middle{top:50%}.sbc-decor--bottom{bottom:0}.sbc-decor__image{width:100%;height:auto;display:block}@media screen and (max-width:749px){.sbc-item__title{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.sbc-decor{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shop-by-category.css.map */