.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem 1.2rem;list-style:none;padding:0;margin:0}@media screen and (min-width:750px){.colour-grid{grid-template-columns:repeat(var(--colour-columns, 4),minmax(0,1fr));gap:3.2rem 2.4rem}}.colour-tile{display:block;text-decoration:none;color:inherit;text-align:center}.colour-tile__chip{display:block;width:100%;max-width:9rem;margin:0 auto;aspect-ratio:1 / 1;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.12);background-size:cover;background-position:center;transition:transform .15s ease}@media screen and (min-width:750px){.colour-tile__chip{max-width:12rem}}.colour-tile:hover .colour-tile__chip{transform:scale(1.04)}.colour-tile__name{display:block;margin-top:.8rem;letter-spacing:.06rem;text-transform:uppercase;font-size:1.1rem;line-height:1.3}@media screen and (min-width:750px){.colour-tile__name{margin-top:1.2rem;font-size:1.3rem;letter-spacing:.08rem}}.colour-tile__count{display:block;margin-top:.2rem;font-size:1.1rem;color:rgba(var(--color-foreground),.6)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/shop-by-colour.css.map */