.swatches{display:flex;flex-wrap:wrap;gap:.4rem}.swatches label{cursor:pointer;margin:0!important}.swatches input{position:absolute;opacity:0;width:0;height:0}.sw{display:block;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--c);border:2px solid rgba(255,255,255,.22);transition:transform .15s var(--ease-premium),box-shadow .2s,border-color .2s}.swatches label:hover .sw{transform:scale(1.14);border-color:#fff}.swatches input:checked+.sw{border-color:#fff;box-shadow:0 0 0 3px var(--color-red),0 0 14px #e0252e99;transform:scale(1.1)}.swatches input:focus-visible+.sw{outline:2px solid #fff;outline-offset:3px}.cname{font-style:normal;font-weight:500;color:#7b8794;text-transform:capitalize}.resistor{width:100%;height:auto;max-height:9rem;margin-bottom:1.25rem;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.resistor rect{transition:fill .25s}.swrow[hidden]{display:none!important}