.c-swatch{box-sizing:border-box;flex:none;display:block}.c-swatch[data-radius=none]{border-radius:0}.c-swatch[data-radius=xs]{border-radius:var(--c-radius-xs)}.c-swatch[data-radius=sm]{border-radius:var(--c-radius-sm)}.c-swatch[data-radius=md]{border-radius:var(--c-radius-md)}.c-swatch[data-radius=lg]{border-radius:var(--c-radius-lg)}.c-swatch[data-radius=xl]{border-radius:var(--c-radius-xl)}.c-swatch[data-radius=full]{border-radius:var(--c-radius-full)}.c-swatch[data-shadow=sm]{box-shadow:var(--c-shadow-sm)}.c-swatch[data-shadow=md]{box-shadow:var(--c-shadow-md)}.c-swatch[data-shadow=lg]{box-shadow:var(--c-shadow-lg)}.c-swatch[data-bordered]{border:1px solid var(--c-color-border)}.c-swatch[data-checker]{background-image:repeating-conic-gradient(#bbb 0 25%,#fff 0 50%);background-size:8px 8px}