.shop-by-color{--sbc-bg: #ffffff;--sbc-title-pad: 120px;--sbc-title-gap: 50.704px;--sbc-column-gap: 2px;background-color:var(--sbc-bg)}.shop-by-color__inner{padding-top:var(--PT, 60px);padding-bottom:var(--PB, 0px)}.shop-by-color__head{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding-left:var(--sbc-title-pad);padding-right:var(--sbc-title-pad);margin-bottom:var(--sbc-title-gap);text-align:center;color:#202020}.shop-by-color__heading{width:100%;max-width:100%}.shop-by-color__heading p{margin:0}.shop-by-color__subheading{width:100%;max-width:100%;color:inherit;text-align:center}.shop-by-color__subheading.rte p{text-align:center}.shop-by-color__subheading p:last-child{margin-bottom:0}.shop-by-color__grid{display:flex;flex-direction:row;align-items:stretch;gap:var(--sbc-column-gap);width:100%}.shop-by-color__tile{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--sbc-column-gap)}.shop-by-color__media{position:relative;width:100%;overflow:hidden;background:#fff}.shop-by-color__footer{font-family:var(--FONT-STACK-BODY);font-style:var(--FONT-STYLE-BODY);font-weight:var(--FONT-WEIGHT-BODY);font-size:20px;line-height:normal;padding:8px 16px;display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.shop-by-color__footer--edge{box-shadow:inset 0 0 0 1px #20202014}.shop-by-color__label{margin:0;white-space:nowrap}.shop-by-color__cta{margin:0;line-height:24px;text-transform:uppercase;text-decoration:none;display:inline-block;max-width:100%}.shop-by-color__link{display:flex;flex-direction:column;flex:1 1 0;min-width:0;color:inherit;text-decoration:none}.shop-by-color__link:hover .shop-by-color__cta{text-decoration:underline}@media screen and (max-width:1100px){.shop-by-color{--sbc-title-pad: 80px}}@media screen and (max-width:767px){.shop-by-color{--sbc-title-pad: 24px;--sbc-title-gap: 32px}.shop-by-color__grid{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.shop-by-color__tile{flex:0 0 calc((100vw - var(--sbc-title-pad) * 2) / 2.15);min-width:148px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/section-shop-by-color.css.map */