.shop-by-category{background:var(--sbc-bg, #fbf6f0);padding-top:var(--sbc-padding-top, 4rem);padding-bottom:var(--sbc-padding-bottom, 4rem);--sbc-mobile-gutter: 1.5rem}.shop-by-category__header{text-align:center;margin-bottom:var(--sbc-header-gap, 3.2rem);padding-left:var(--sbc-mobile-gutter);padding-right:var(--sbc-mobile-gutter)}.shop-by-category__heading{margin:0;color:var(--sbc-heading-color, #3b3c3e);font-weight:400;font-style:normal;font-size:var(--sbc-heading-size-mobile, 2.4rem);line-height:1;letter-spacing:0;text-transform:uppercase}.shop-by-category__subheading{margin:var(--sbc-subheading-gap, 1.2rem) 0 0;color:var(--sbc-subheading-color, #656466);font-weight:400;font-style:normal;font-size:var(--sbc-subheading-size-mobile, 1.2rem);line-height:1;letter-spacing:.08em;text-transform:capitalize}.shop-by-category__slider{display:block;padding-left:var(--sbc-mobile-gutter)}.shop-by-category__list{display:flex;gap:var(--sbc-card-gap, .8rem);list-style:none;margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-by-category__list::-webkit-scrollbar{display:none}.shop-by-category__item{flex:0 0 var(--sbc-card-width-mobile, calc(100% - 4.8rem) );scroll-snap-align:start;scroll-snap-stop:always}.shop-by-category__item:first-child{margin-left:0}.shop-by-category__item:last-child{margin-right:var(--sbc-mobile-gutter)}.shop-by-category__card{display:block;position:relative;color:inherit;text-decoration:none;overflow:hidden}.shop-by-category__media{position:relative;aspect-ratio:var(--sbc-aspect-ratio, 1 / 1);overflow:hidden}.shop-by-category__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.shop-by-category__card:focus-visible .shop-by-category__media img{transform:scale(1.08)}@media(hover:hover)and (pointer:fine){.shop-by-category__card:hover .shop-by-category__media img{transform:scale(1.08)}}.shop-by-category__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--sbc-overlay-opacity, .35)),#0000 50%);pointer-events:none}.shop-by-category__label{position:absolute;bottom:var(--sbc-label-bottom, 2rem);left:50%;transform:translate(-50%);color:var(--sbc-label-color-block, var(--sbc-label-color, #ffffff));text-align:center;pointer-events:none;max-width:calc(100% - 3.2rem)}.shop-by-category__label-text{display:flex;flex-direction:column;align-items:center;transition:transform .4s ease}.shop-by-category__label-title{display:block;font-family:Marcellus,serif;font-weight:400;font-style:normal;font-size:var(--sbc-label-size, 2rem);line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.shop-by-category__label-subtitle{display:block;margin-top:0;max-height:0;overflow:hidden;opacity:0;font-family:Urbanist,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:26px;letter-spacing:0;text-transform:capitalize;color:#fff;white-space:nowrap;transition:max-height .4s ease,margin-top .4s ease,opacity .3s ease}.shop-by-category__label--left{left:1.6rem;right:auto;transform:none;text-align:left}.shop-by-category__label--left .shop-by-category__label-text{align-items:flex-start}.shop-by-category__label--center{left:50%;right:auto;transform:translate(-50%);text-align:center}.shop-by-category__label--center .shop-by-category__label-text{align-items:center}.shop-by-category__label--right{left:auto;right:1.6rem;transform:none;text-align:right}.shop-by-category__label--right .shop-by-category__label-text{align-items:flex-end}@media(hover:hover)and (pointer:fine){.shop-by-category__card:hover .shop-by-category__label--has-subtitle .shop-by-category__label-text,.shop-by-category__card:focus-visible .shop-by-category__label--has-subtitle .shop-by-category__label-text{transform:translateY(-.8rem)}.shop-by-category__card:hover .shop-by-category__label-subtitle,.shop-by-category__card:focus-visible .shop-by-category__label-subtitle{margin-top:8px;max-height:26px;opacity:1}}@media(prefers-reduced-motion:reduce){.shop-by-category__label-text,.shop-by-category__label-subtitle{transition:none}}.shop-by-category__progress{margin:var(--sbc-progress-gap, 2.4rem) var(--sbc-mobile-gutter) 0;height:.2rem;background:var(--sbc-progress-track, rgba(59, 60, 62, .15));border-radius:.1rem;overflow:hidden}.shop-by-category__progress-fill{display:block;height:100%;width:0;background:var(--sbc-progress-fill, #3b3c3e);border-radius:.1rem;transition:width .15s ease-out}@media screen and (min-width:750px){.shop-by-category{max-width:100%;overflow-x:hidden}.shop-by-category__slider{min-width:0;max-width:100%;padding-left:0;overflow-x:hidden}.shop-by-category__header{padding-left:2.4rem;padding-right:2.4rem}.shop-by-category__heading{font-size:var(--sbc-heading-size-desktop, 3.2rem)}.shop-by-category__subheading{font-size:var(--sbc-subheading-size-desktop, 1.4rem)}.shop-by-category__list{display:grid;grid-template-columns:repeat(var(--sbc-columns, 4),minmax(0,1fr));overflow-x:hidden;scroll-snap-type:none;width:100%;max-width:min(100%,var(--page-width));padding:0 2.4rem;margin:0 auto;box-sizing:border-box}.shop-by-category__item{flex:unset;min-width:0}.shop-by-category__item:first-child,.shop-by-category__item:last-child{margin-left:0;margin-right:0}.shop-by-category__progress{display:none}}@media screen and (max-width:768px){.shop-by-category__progress{margin:24px 0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shop-by-category.css.map */