.shop-by-color{overflow:clip}.shop-by-color .section__head:not(:has(>:only-child)){display:flex;justify-content:space-between;align-items:center}.shop-by-color .section__head .swiper-buttons{position:static;transform:none}.shop-by-color .swiper .swiper-buttons{margin-inline:calc(var(--spacing-unit-size-static) * 2)}.shop-by-color .swiper-slide{width:calc(calc(calc(var(--page-width) - calc(var(--columns) - 1) * var(--gap)) - 2 * var(--page-gutter)) / var(--columns))}.shop-by-color .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{display:none}.color-collection{position:relative}.color-collection__media{display:block;aspect-ratio:.75}.color-collection__media :is(img,svg){width:100%;height:100%;object-fit:cover}.color-collection__content{color:var(--text-color);background-color:var(--background-color);display:flex;flex-direction:column;gap:.6rem;padding:.8rem 1.2rem;margin-left:1.2rem;position:absolute;inset:auto 0 1.6rem}.color-collection__content *,.color-collection__content a.link:hover{color:inherit}.shop-by-color .swiper-pagination{--swiper-pagination-color: currentColor;position:static;margin-top:1.6rem}.color-collection__actions .link:before{transition:width .2s linear}@media(hover:hover)and (pointer:fine){.color-collection__actions .link:hover:before{width:0}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/shop-by-color.css.map */