.shop-by-category{--gap: var(--fluid-16-30-gap);--card-radius: 15px;--shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 6px 18px -4px rgba(0, 0, 0, .06);background:#f4f4f4}.shop-by-category--wide>.container{display:flex;flex-direction:column;margin-inline:auto;max-width:var(--container-max-width);padding-block:var(--fluid-40-64);padding-inline:20px;gap:var(--fluid-24-32-gap);--distance-to-bleed: 20px}.shop-by-category__heading{text-align:var(--sbcat-heading-align-mobile, left);font-family:Inter;font-size:var(--fluid-16-20-heading);font-weight:600;line-height:130%;letter-spacing:1.6px;text-transform:uppercase;margin:0}.shop-by-category__viewport{position:relative}.shop-by-category__track{display:flex;gap:var(--gap);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box}.shop-by-category__card{flex:0 0 auto;width:200px;scroll-snap-align:start;list-style:none}@media(min-width:1150px){.shop-by-category__heading{text-align:var(--sbcat-heading-align-desktop, center);letter-spacing:2px}.shop-by-category__track{justify-content:center;overflow:visible;scroll-snap-type:none;flex-wrap:nowrap}.shop-by-category--wide>.container{align-items:center;overflow:hidden;padding-inline:160px}}.shop-by-category__link{display:block;text-decoration:none;color:inherit}.shop-by-category__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--card-radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.shop-by-category__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;background:#fff}.shop-by-category__img.is-secondary{opacity:0}.shop-by-category__link:focus-visible .shop-by-category__img.is-secondary{opacity:1}.shop-by-category__link:focus-visible .shop-by-category__img.is-primary{opacity:0}@media(hover:hover)and (pointer:fine){.shop-by-category__card:hover .shop-by-category__img.is-secondary{opacity:1}.shop-by-category__card:hover .shop-by-category__img.is-primary{opacity:0}}.shop-by-category__title{text-align:var(--sbcat-title-align-mobile, center);font-family:Inter;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:500;line-height:130%;letter-spacing:0;padding-top:16px}@media(min-width:1150px){.shop-by-category__title{text-align:var(--sbcat-title-align-desktop, center);line-height:100%}}.shop-by-category__ph{width:100%;height:100%;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);animation:ph 1.2s linear infinite}@keyframes ph{0%{background-position:0 0}to{background-position:200% 0}}.shop-by-category__empty{text-align:center;color:#666;font-size:14px}.shop-by-category__link:focus-visible{outline:3px solid #111;outline-offset:4px}.shop-by-category__nav{position:absolute;top:40%;transform:translateY(-50%);background:#fff;border:1px solid #ddd;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .25s}.shop-by-category__nav:hover{background:#f0f0f0}.shop-by-category__nav.prev{left:-12px}.shop-by-category__nav.next{right:-12px}@media(max-width:699px){.shop-by-category__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/635/assets/shop-by-13lune.css.map */