._colorSwatches_1j6tu_1{background-color:var(--color-surface-base-container);border-radius:var(--size-space-radius-3x);box-shadow:var(--elevation-sm);padding-block:var(--size-space-padding-vertical-2x);padding-inline:var(--size-space-padding-horizontal-2x);grid-template-columns:repeat(8,1fr);display:grid}._colorSwatches__button_1j6tu_11{padding-block:var(--size-space-padding-vertical-1x);padding-inline:var(--size-space-padding-horizontal-1x);cursor:pointer}._colorSwatches__button_1j6tu_11:focus-visible ._colorSwatches__circle_1j6tu_17:after{content:"";border:var(--size-border-width-bold) solid var(--color-border-brand-active);border-radius:50%;position:absolute;inset-block:-3px;inset-inline:-3px}._colorSwatches__circle_1j6tu_17{border-radius:50%;block-size:20px;inline-size:20px;position:relative}@media (hover:hover){._colorSwatches__button_1j6tu_11:hover ._colorSwatches__circle_1j6tu_17:after{content:"";border:var(--size-border-width-normal) solid var(--color-border-neutral-container-darkest);border-radius:50%;position:absolute;inset-block:-3px;inset-inline:-3px}}