/* Resistor colour code widget - drawing and swatch pickers. */
.rc-wrap { margin: 0 0 var(--e-gap); padding: 12px 8px 8px; border: 1px solid var(--e-line); border-radius: 10px; background: var(--e-surface); }
.rc-draw { display: flex; align-items: center; justify-content: center; min-height: 46px; }
.rc-lead { flex: 0 1 44px; height: 3px; background: var(--e-line-strong); border-radius: 2px; }
.rc-body {
    display: flex; align-items: stretch; gap: 9px; padding: 0 18px; height: 42px; min-width: 0;
    flex: 0 1 220px; border-radius: 16px; background: #d9c39a; border: 1px solid #a8916a;
}
.rc-band { flex: 0 0 11px; height: 100%; border-left: 1px solid rgba(0, 0, 0, .25); border-right: 1px solid rgba(0, 0, 0, .25); }
.rc-band.rc-last { margin-left: auto; }
.rc-legend { margin: 8px 0 0; text-align: center; font-size: .82em; color: var(--e-ink-2); overflow-wrap: anywhere; }
.rc-pick { display: flex; align-items: center; gap: 8px; min-width: 0; }
.rc-swatch { flex: none; width: 22px; height: 22px; border-radius: 5px; border: 1px solid var(--e-line-strong); }
.rc-form .e-field > label { font-size: .82em; }