.color-swatch-wrapper{place-items:center;gap:1rem;display:grid}.color-swatch-wrapper .color-swatch{border-radius:var(--radius-full);background-color:var(--color);width:8rem;height:8rem;margin-inline:-.5rem}.color-swatch-wrapper code{font-size:.5875rem}.color-swatch-wrapper .color-swatch--white{box-shadow:inset 0 0 0 2px var(--color-bg)}.color-swatches-grid{flex-wrap:wrap;gap:.5rem;margin-block:1rem 3rem;padding-inline:1rem;display:flex}