.resistor-wrap{display:flex;align-items:center;justify-content:center;margin:0 auto;width:400px;height:78px}.pin{width:42px;height:20px;margin-right:-2px;background:#c0c0c0;border-radius:10px 0 0 10px}.pin.right{margin-left:-2px;border-radius:0 10px 10px 0}.resistor-body{width:320px;height:66px;background:#d4a76a;border-radius:33px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.15)}.band-container{position:relative}.band-clip{position:relative;width:24px;height:54px;overflow:hidden;border-radius:4px}.band{position:absolute;width:100%;height:100%;transition:transform .2s ease}.tooltip-custom{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#212529;color:#fff;font-size:12px;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.band-container:hover .tooltip-custom{opacity:1}.band-selector{position:absolute;top:-130px;left:50%;transform:translateX(-50%);min-width:160px;width:max-content;max-height:150px;overflow-y:auto;z-index:1050;display:none}.color-box{display:inline-block;width:12px;height:12px;border:1px solid #ccc;border-radius:2px;margin-left:2rem}.color-0{background:#000}.color-1{background:#a52a2a}.color-2{background:red}.color-3{background:#ffa500}.color-4{background:#ff0}.color-5{background:green}.color-6{background:#00f}.color-7{background:purple}.color-8{background:gray}.color-9{background:#fff}.color-gold{background:#ffd700}