.swatch{--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch-container{display:grid;position:relative;padding:0;margin:0;border:none;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem;max-width:32.5rem;width:100%;box-sizing:border-box;justify-items:center}@media (max-width: 768px){.swatch-container{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem}}@media (max-width: 480px){.swatch-container{grid-template-columns:repeat(5rem,1fr);gap:.5rem}}.swatch-container legend{margin-bottom:1rem;width:fit-content}.swatch-container input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-swatch.css.map */