.m-shop-by-category{overflow:hidden}.m-shop-by-category__layout{display:grid;gap:28px}.m-shop-by-category__tabs-wrap{min-width:0}.m-shop-by-category__tabs{display:flex;gap:var(--shop-by-tab-gap-mobile);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.m-shop-by-category__tabs::-webkit-scrollbar{display:none}.m-shop-by-category__tab{position:relative;flex:0 0 auto;padding:0 0 14px;border:0;border-bottom:1px solid transparent;background:none;color:rgb(var(--color-foreground));cursor:pointer;font-family:var(--shop-by-tab-font-family);font-size:var(--shop-by-tab-size-mobile);font-weight:var(--shop-by-tab-weight);letter-spacing:var(--shop-by-tab-letter-spacing);line-height:1.2;text-align:left;text-transform:var(--shop-by-tab-transform);white-space:nowrap}.m-shop-by-category__tab.is-active{border-bottom-color:currentColor}.m-shop-by-category__panels{min-width:0;overflow:hidden}.m-shop-by-category__panel[hidden]{display:none}.m-shop-by-category__slider{overflow:hidden}.m-shop-by-category__track{display:grid;grid-template-columns:repeat(var(--shop-by-items-mobile, 1),minmax(0,1fr));gap:var(--shop-by-card-gap-mobile)}.m-shop-by-category__slider.swiper-initialized .m-shop-by-category__track,.m-shop-by-category__slider.swiper-container-initialized .m-shop-by-category__track{display:flex;gap:0}.m-shop-by-category__card{display:block;position:relative;overflow:hidden;min-height:0;color:var(--shop-by-card-text-color, #ffffff);text-decoration:none}.m-shop-by-category__card:before{content:"";display:block;padding-top:calc(100% / var(--shop-by-card-ratio))}.m-shop-by-category__media,.m-shop-by-category__placeholder,.m-shop-by-category__content{position:absolute;top:0;right:0;bottom:0;left:0}.m-shop-by-category__media:after,.m-shop-by-category__placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,calc(var(--shop-by-overlay-opacity) * .35)),rgba(0,0,0,var(--shop-by-overlay-opacity)));pointer-events:none}.m-shop-by-category__media{overflow:hidden}.m-shop-by-category__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.m-shop-by-category__placeholder svg{display:block;width:100%;height:100%;object-fit:cover}.m-shop-by-category__content{z-index:1;display:flex;align-items:flex-end;padding:var(--shop-by-card-padding, 24px)}.m-shop-by-category__card--top .m-shop-by-category__content{align-items:flex-start}.m-shop-by-category__title{display:inline-flex;align-items:center;gap:.45em;max-width:100%;margin:0;color:inherit;font-family:var(--shop-by-card-font-family, inherit);font-size:var(--shop-by-card-size-mobile, 22px);font-weight:var(--shop-by-card-weight, 600);letter-spacing:var(--shop-by-card-letter-spacing, 0);line-height:1.08;text-align:var(--shop-by-card-align, left);text-transform:var(--shop-by-card-transform, uppercase);overflow-wrap:anywhere}.m-shop-by-category__arrow{flex:0 0 auto;line-height:1}.m-shop-by-category__card--center .m-shop-by-category__content{justify-content:center}.m-shop-by-category__card--right .m-shop-by-category__content{justify-content:flex-end}@media screen and (min-width:768px){.m-shop-by-category__track{grid-template-columns:repeat(var(--shop-by-items-tablet, 2),minmax(0,1fr));gap:var(--shop-by-card-gap)}.m-shop-by-category__title{font-size:var(--shop-by-card-size-tablet, 24px)}}@media screen and (min-width:1024px){.m-shop-by-category__layout{grid-template-columns:var(--shop-by-tabs-width) minmax(0,1fr);align-items:start;gap:40px}.m-shop-by-category__layout--no-tabs{grid-template-columns:minmax(0,1fr)}.m-shop-by-category__tabs{display:grid;gap:var(--shop-by-tab-gap-desktop);overflow:visible}.m-shop-by-category__tab{width:100%;padding:0 0 14px;border-bottom-color:transparent;font-size:var(--shop-by-tab-size-desktop);white-space:normal}.m-shop-by-category__tab+.m-shop-by-category__tab{margin-top:0}.m-shop-by-category__track{grid-template-columns:repeat(var(--shop-by-items-desktop, 4),minmax(0,1fr))}.m-shop-by-category__title{font-size:var(--shop-by-card-size-desktop, 24px)}}@media(hover:hover)and (pointer:fine)and (min-width:1024px)and (prefers-reduced-motion:no-preference){.m-shop-by-category__card:hover .m-shop-by-category__image{transform:scale(1.045)}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */