.collection-swatches{margin:2rem 0 2.4rem}.collection-swatches__heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-size:1.25rem;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.collection-swatches__list{display:grid;gap:1.2rem;grid-template-columns:repeat(8,var(--collection-swatch-size));max-width:100%;overflow-x:auto;padding-bottom:.4rem;width:max-content}.collection-swatches__link{align-items:center;background:rgb(var(--color-background));border:.1rem solid transparent;border-radius:50%;box-sizing:border-box;color:rgb(var(--color-foreground));display:inline-flex;aspect-ratio:1 / 1;flex:0 0 var(--collection-swatch-size);height:var(--collection-swatch-size);justify-content:center;min-width:var(--collection-swatch-size);padding:.3rem;position:relative;text-decoration:none;transition:border-color var(--duration-short) ease,transform var(--duration-short) ease;width:var(--collection-swatch-size)}.collection-swatches__link:hover{border-color:rgba(var(--color-foreground),.45);transform:translateY(-.1rem)}.collection-swatches__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.75);outline-offset:.3rem}.collection-swatches__link--current{border-color:rgb(var(--color-foreground))}.collection-swatches__image,.collection-swatches__fallback{border-radius:50%;display:block;height:100%;object-fit:cover;overflow:hidden;width:100%}.collection-swatches__fallback{align-items:center;background:rgba(var(--color-foreground),.08);display:flex;font-family:var(--font-heading-family);justify-content:center}@media screen and (max-width:749px){.collection-swatches__list{gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-collection-swatches.css.map */