.style_colorSwatches__tPS5R{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);display:grid;grid-template-columns:repeat(8,1fr)}.style_colorSwatches__button__I5AbH{padding-block:var(--size-space-padding-vertical-1x);padding-inline:var(--size-space-padding-horizontal-1x);cursor:pointer}.style_colorSwatches__circle__8iGtx{block-size:20px;inline-size:20px;position:relative;border-radius:50%}@media (hover:hover){.style_colorSwatches__button__I5AbH:hover .style_colorSwatches__circle__8iGtx:after{content:"";position:absolute;inset-block:-3px;inset-inline:-3px;border-radius:50%;border:var(--size-border-width-normal) solid var(--color-border-neutral-container-darkest)}}