.component-color-controls{margin:14px 0 18px;padding:12px 0;border-top:1px solid #dce7ee;border-bottom:1px solid #dce7ee}
.component-color-label{margin:0 0 10px;font-size:12px;font-weight:650;color:#284f65}
.component-color-swatches{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.component-color-swatches .component-color-swatch{padding:0;width:25px;height:25px;min-width:25px;border:2px solid transparent;border-radius:50%;background:var(--block-swatch);box-shadow:inset 0 0 0 1px #163e5520}
.component-color-swatches .component-color-swatch:hover{background:var(--block-swatch);filter:brightness(1.06)}
.component-color-swatches .component-color-swatch[aria-pressed=true]{outline:2px solid #0075b6;outline-offset:2px}
.component-custom-color{display:flex!important;align-items:center;gap:10px;margin:12px 0 0!important;font-size:11px}
.component-custom-color input[type=color]{display:inline-block;width:42px;height:28px;padding:2px;border:1px solid #c7d6e2;border-radius:6px;background:#fff}
.connection-flow-controls{gap:7px;margin:12px 0}
.connection-flow-controls button{font-size:11px;padding:8px 9px}
.connection-flow-arrow{pointer-events:none}
@media(pointer:coarse){.component-color-swatches{gap:10px}.component-color-swatches .component-color-swatch{width:35px;height:35px;min-width:35px}}