.shop-by-brand{--sbb-gap: 1rem;--sbb-edge: 2rem;--sbb-card-surface: rgb(var(--color-background-secondary));--sbb-card-float: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 100%);--sbb-card-outline: rgba(242, 242, 242, .8)}.shop-by-brand__heading{margin:0 0 1.6rem}.shop-by-brand__tile{display:flex;align-items:center;height:100%;text-decoration:none;color:rgb(var(--color-foreground))}.shop-by-brand__media{display:block;flex:0 0 auto;height:100%}.shop-by-brand__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}.shop-by-brand__label{flex:0 1 auto;min-width:0;font-size:1.3rem;font-weight:400;line-height:1.2;letter-spacing:-.015em;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.shop-by-brand__arrow{display:flex;flex:0 0 auto}.shop-by-brand__arrow .icon{width:1.3rem;height:1.3rem}.shop-by-brand--grid .shop-by-brand__list{display:grid;grid-template-columns:repeat(var(--sbb-per-row, 2),minmax(0,1fr));gap:var(--sbb-gap)}.shop-by-brand--scroll .shop-by-brand__list{display:flex;gap:var(--sbb-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--sbb-list-edge, 0);-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-by-brand--scroll .shop-by-brand__list::-webkit-scrollbar{display:none}.shop-by-brand--scroll .shop-by-brand__item{flex:0 0 auto;width:calc((100% - (var(--sbb-per-row, 2) - 1) * var(--sbb-gap)) / var(--sbb-per-row, 2));scroll-snap-align:start}.shop-by-brand--bleed .shop-by-brand__container{padding-left:0;padding-right:0}.shop-by-brand--bleed .shop-by-brand__heading,.shop-by-brand--bleed .shop-by-brand__list{padding-left:var(--sbb-edge);padding-right:var(--sbb-edge)}.shop-by-brand--bleed{--sbb-list-edge: var(--sbb-edge)}.shop-by-brand--a{padding-top:1.8rem;padding-bottom:3.2rem}.shop-by-brand--a .shop-by-brand__tile{height:7rem;padding:0 1.4rem;border-radius:var(--border-radius-main);background-color:var(--sbb-card-surface);overflow:hidden}.shop-by-brand--a .shop-by-brand__media{width:5.3rem}.shop-by-brand--a .shop-by-brand__arrow{margin-left:auto;padding-left:1.2rem}.shop-by-brand--b{--sbb-gap: 1.6rem}.shop-by-brand--b .shop-by-brand__tile{justify-content:space-between;gap:.8rem;height:4.8rem;padding:0 1.8rem;border-radius:var(--border-radius-main);box-shadow:inset 0 0 0 .2rem var(--sbb-card-outline);background:var(--sbb-card-float);overflow:hidden}.shop-by-brand--b .shop-by-brand__media{width:4.6rem}.shop-by-brand--c{--sbb-gap: 2.4rem}.shop-by-brand--c .shop-by-brand__item{flex:0 0 auto;width:6.4rem;min-width:0}.shop-by-brand--c .shop-by-brand__list{padding-top:.2rem;padding-bottom:.2rem;margin-top:-.2rem;margin-bottom:-.2rem}.shop-by-brand--c .shop-by-brand__tile{flex-direction:column;gap:.6rem}.shop-by-brand--c .shop-by-brand__media{width:6.4rem;height:6.4rem;border-radius:50%;background:var(--sbb-card-float);box-shadow:0 0 0 .2rem var(--sbb-card-outline);overflow:hidden}.shop-by-brand--c .shop-by-brand__image{width:5.4rem;margin:0 auto}.shop-by-brand--c .shop-by-brand__label{align-self:stretch;text-align:center;color:#fff;text-shadow:0 0 .55rem rgba(0,0,0,.35)}.section-shop-by-brand--float{position:relative;z-index:12;height:0}.shopify-section-header{z-index:13}body.overflow-hidden-drawer .section-shop-by-brand--float,body.overflow-hidden-modal .section-shop-by-brand--float,body.overflow-hidden-products .section-shop-by-brand--float{visibility:hidden}.section-shop-by-brand--float .shop-by-brand{position:absolute;top:calc(var(--sbb-header-gap, 0px) + var(--sbb-offset, 11px));left:0;right:0}@media screen and (max-width:389px){.shop-by-brand--a .shop-by-brand__tile{padding:0 1rem}.shop-by-brand--a .shop-by-brand__media{width:4.8rem}.shop-by-brand--a .shop-by-brand__arrow{padding-left:.6rem}.shop-by-brand--b .shop-by-brand__tile{gap:.6rem;padding:0 .8rem}.shop-by-brand--b .shop-by-brand__media{width:4.6rem}}@media screen and (max-width:359px){.shop-by-brand--a .shop-by-brand__tile{padding:0 .8rem}.shop-by-brand--a .shop-by-brand__media{width:4.4rem}.shop-by-brand--a .shop-by-brand__arrow{padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/281/assets/section-shop-by-brand.css.map */