.shop-by-color__track{display:grid;grid-auto-flow:column;grid-auto-columns:42vw;gap:14px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;padding-left:16px;padding-right:16px}.shop-by-color__track::-webkit-scrollbar{display:none}@media screen and (min-width:640px){.shop-by-color__track{grid-auto-columns:34vw;margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media screen and (min-width:990px){.shop-by-color__track{grid-auto-columns:calc((100% - 14px * 3) / 3.5)}}@media screen and (min-width:1200px){.shop-by-color__track{grid-auto-columns:calc((100% - 14px * 3) / 4.2)}}.sbc-card{display:block;scroll-snap-align:start;position:relative;overflow:hidden;border-radius:4px;text-decoration:none;color:inherit;aspect-ratio:3 / 4;background:#e8e6e0;min-height:0}.sbc-card:hover .sbc-card__img{transform:scale(1.04)}.sbc-card:hover .sbc-card__cta{text-decoration:underline}.sbc-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.sbc-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,opacity .35s ease;opacity:0}.sbc-card__media.img-loaded .sbc-card__img{opacity:1}@keyframes sbc-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.sbc-card__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(100deg,#fff0 20%,#ffffff73,#fff0 80%),#e8e6e0;background-size:220% 100%;animation:sbc-shimmer 1.3s ease-in-out infinite;pointer-events:none;transition:opacity .3s ease}.sbc-card__media.img-loaded:before{opacity:0}.sbc-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 35%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.7) 100%);pointer-events:none}.sbc-card__body{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:18px 16px 20px;color:#fff;display:flex;flex-direction:column;gap:4px}.sbc-card__dot{display:inline-block;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);margin-bottom:4px}.sbc-card__name{font-size:12px;font-weight:700;letter-spacing:.1em;margin:0;line-height:1.2}.sbc-card__desc{font-size:11px;line-height:1.5;opacity:.85;margin:0}.sbc-card__cta{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.shop-by-color .text-sm.opacity-50{padding:12px 0}
/*# sourceMappingURL=/cdn/shop/t/40/assets/shop-by-color.css.map */