.shop-by-color{padding:var(--section-padding);padding-left:0;padding-right:0;display:flex;flex-direction:column;gap:1.5rem}.shop-by-color__header{padding:0 1rem}@media(min-width: 1025px){.shop-by-color__container{display:grid;grid-template-columns:repeat(3, 1fr)}}.shop-by-color__group-link{text-decoration:none;display:flex;align-items:center;gap:1rem}.shop-by-color__inner-container{position:relative;padding:.875rem 1rem;border-bottom:1px solid var(--color-light-grey);transition:background-color .8s cubic-bezier(0.6, 0, 0, 1);overflow:hidden;z-index:1}.shop-by-color__inner-container:before{content:"";position:absolute;width:200%;height:200%;background-color:var(--color-light-grey);border-radius:50%;top:120%;left:50%;transform:translate(-50%, 0) scale(0.05);transition:transform .8s cubic-bezier(0.6, 0, 0, 1);z-index:-1}.shop-by-color__inner-container:hover:before{transform:translate(-50%, -50%) scale(1.5)}.shop-by-color__inner-container:first-of-type{border-top:1px solid var(--color-light-grey)}@media(min-width: 1025px){.shop-by-color__inner-container{padding:1.5rem 1rem;border-right:1px solid var(--color-light-grey)}.shop-by-color__inner-container:nth-of-type(-n + 3){border-top:1px solid var(--color-light-grey)}}.shop-by-color__color-group-name{color:var(--color-black);flex:0 0 45%}@media(min-width: 1025px){.shop-by-color__color-group-name{flex:0 1 55%}}.shop-by-color__color-counter{color:var(--color-dark-grey);white-space:nowrap;margin:0}.shop-by-color__color-group-swatches-container{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.shop-by-color__color-group-swatches-container img,.shop-by-color__color-group-swatches-container .image{border-radius:2rem;height:2rem;width:2rem}