.section-shop-by-colors{overflow:hidden;max-width:100%}.section-shop-by-colors shop-by-colors{display:block}.section-shop-by-colors__tabs{margin-top:6px;margin-bottom:24px;display:flex;align-items:center;justify-content:flex-start;gap:10px 16px;flex-wrap:wrap;list-style:none;padding:0}@media (max-width: 767px){.section-shop-by-colors__tabs{gap:10px}}.section-shop-by-colors__tab{border-radius:50px;padding:14px 14px 12px;min-width:121px;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));text-align:center;transition:all .3s ease;cursor:pointer}@media (max-width: 767px){.section-shop-by-colors__tab{min-width:90px;padding:10px 10px 8px}}.section-shop-by-colors__tab span{font-weight:500;font-size:15px;line-height:173%}.section-shop-by-colors__tab:hover,.section-shop-by-colors__tab.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.section-shop-by-colors__panel{display:none}.section-shop-by-colors__panel.active{display:block}.section-shop-by-colors .swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:24px}.section-shop-by-colors .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide{flex:0 0 25%}.section-shop-by-colors__item{overflow:hidden}.section-shop-by-colors__item-image{position:relative}.section-shop-by-colors__item-image:before{content:"";width:100%;padding-top:137%;display:block}.section-shop-by-colors__item-image img,.section-shop-by-colors__item-image svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0}.section-shop-by-colors__item-link{width:calc(100% - 16px);position:absolute;z-index:1;bottom:8px;left:8px;right:8px}@media (max-width: 990px){.section-shop-by-colors__item-link{bottom:4px;left:4px;right:4px}}.section-shop-by-colors__item-link a{align-items:center;justify-content:space-between;display:flex;padding:16px;text-transform:uppercase;font-size:16px;text-decoration:none}@media (max-width: 990px){.section-shop-by-colors__item-link a{padding:8px}}.section-shop-by-colors__item-link a span{line-height:150%;color:#fff;font-weight:600}@media (max-width: 990px){.section-shop-by-colors__item-link a span{padding:8px;font-size:14px;line-height:125%}}.section-shop-by-colors__item-link a svg{width:16px;height:16px;transition:all .3s ease;will-change:transform}.section-shop-by-colors__item-link a:hover svg{transform:translate(3px)}.section-shop-by-colors .swiper{overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-shop-by-colors.css.map */