.color-swatch{width:var(--swatch-size,24px);height:var(--swatch-size,24px);border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #1e283314}.color-swatch_bordered{box-shadow:inset 0 0 0 1px #1e283340}
.color-selector{border:0;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:0;display:flex}.color-selector__legend{color:#1e2833;font-family:var(--font-roboto),sans-serif;font-size:16px;font-weight:500;line-height:19.2px}.color-selector__options{flex-wrap:wrap;align-items:center;column-gap:10px;display:flex}.color-selector__option{cursor:pointer;display:inline-flex;position:relative}.color-selector__input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.color-selector__swatch{outline-offset:2px;outline:2px solid #0000;transition:outline-color .15s}.color-selector__input:checked+.color-selector__swatch{outline-color:#1e2833}.color-selector__input:focus-visible+.color-selector__swatch{outline-style:dashed;outline-color:#1e2833}.color-selector__label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}