.tool[data-tool=resistor-color-code] .band-row{align-items:center;gap:var(--space-2);display:flex}.tool[data-tool=resistor-color-code] .band-row select{flex:1;min-inline-size:0}.tool[data-tool=resistor-color-code] .swatch{border:1px solid var(--c-border-strong);border-radius:50%;flex:none;block-size:28px;inline-size:28px}.tool[data-tool=resistor-color-code] .swatch.none{background-image:repeating-linear-gradient(45deg, var(--c-border) 0 3px, transparent 3px 6px)}.tool[data-tool=resistor-color-code] .resistor{margin:0}.tool[data-tool=resistor-color-code] .resistor svg{block-size:auto;inline-size:100%;max-inline-size:420px;margin-inline:auto;display:block}.tool[data-tool=resistor-color-code] .resistor .lead{stroke:var(--c-text-2);stroke-width:3px}.tool[data-tool=resistor-color-code] .resistor .body{fill:#d9c9a3;stroke:var(--c-border-strong)}