.ohm-circuit{position:relative;min-height:320px;margin:24px 34px 0;border:1px solid #2b465a;border-radius:20px;background:#071522;color:#eef5f7;overflow:hidden}.ohm-circuit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,215,221,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(118,215,221,.035) 1px,transparent 1px);background-size:24px 24px}.ohm-caption{position:absolute;left:20px;top:17px;color:#8ca2af;font-size:9px;font-weight:700;letter-spacing:.14em}.ohm-wire{position:absolute;background:#587487}.ohm-wire.top-left{left:50px;top:85px;width:calc(50% - 110px);height:2px}.ohm-wire.top-right{left:calc(50% + 60px);right:50px;top:85px;height:2px}.ohm-wire.side-left{left:50px;top:85px;width:2px;height:150px}.ohm-wire.side-right{right:50px;top:85px;width:2px;height:150px}.ohm-wire.bottom-left{left:50px;bottom:85px;width:calc(50% - 80px);height:2px}.ohm-wire.bottom-right{left:calc(50% + 30px);right:50px;bottom:85px;height:2px}.ohm-resistor{position:absolute;left:50%;top:64px;width:120px;height:42px;transform:translateX(-50%);z-index:2}.ohm-resistor:before{content:"";position:absolute;left:0;right:0;top:8px;height:26px;border:2px solid var(--el-cyan);background:#0b2132}.ohm-resistor b{position:absolute;left:50%;top:-15px;transform:translateX(-50%);font:600 11px var(--display)}.ohm-resistor small{position:absolute;left:50%;top:36px;transform:translateX(-50%);color:#a5b5be;font-size:10px;white-space:nowrap}.ohm-source{position:absolute;left:50%;bottom:60px;width:64px;height:50px;transform:translateX(-50%);background:linear-gradient(#587487,#587487) left 25px/22px 2px no-repeat,linear-gradient(#587487,#587487) right 25px/22px 2px no-repeat}.ohm-source:before,.ohm-source:after{content:"";position:absolute;top:3px;width:2px;background:var(--el-amber)}.ohm-source:before{left:22px;height:44px}.ohm-source:after{right:22px;top:12px;height:26px}.ohm-source b,.ohm-source small{position:absolute;top:15px;color:var(--el-amber);font:700 13px monospace}.ohm-source b{left:2px}.ohm-source small{right:1px}.ohm-voltage{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:var(--el-amber);font:700 12px monospace}.ohm-current{position:absolute;right:8px;top:130px;display:grid;justify-items:center;gap:7px;color:#9eb0ba;font:700 10px monospace}.ohm-current i{position:relative;width:2px;height:42px;background:var(--el-amber)}.ohm-current i:after{content:"";position:absolute;left:-4px;bottom:-1px;border-top:7px solid var(--el-amber);border-left:5px solid transparent;border-right:5px solid transparent}.ohm-node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--el-cyan);box-shadow:0 0 0 4px rgba(118,215,221,.12)}.ohm-node.n1{left:46px;top:81px}.ohm-node.n2{right:46px;top:81px}.ohm-node.n3{right:46px;bottom:81px}.ohm-node.n4{left:46px;bottom:81px}.ohm-explanation{display:flex;justify-content:center;gap:18px;margin:12px 34px 0;color:#93a5b0;font-size:9px}.ohm-explanation span{display:flex;align-items:center;gap:6px}.ohm-explanation i{width:18px;height:2px;background:#587487}.ohm-explanation span:nth-child(2) i{background:var(--el-amber)}@media(max-width:600px){.ohm-circuit{min-height:300px;margin:20px 20px 0}.ohm-wire.top-left{left:28px;width:calc(50% - 88px)}.ohm-wire.top-right{right:28px}.ohm-wire.side-left{left:28px}.ohm-wire.side-right{right:28px}.ohm-wire.bottom-left{left:28px;width:calc(50% - 58px)}.ohm-wire.bottom-right{right:28px}.ohm-node.n1,.ohm-node.n4{left:24px}.ohm-node.n2,.ohm-node.n3{right:24px}.ohm-current{right:0}.ohm-explanation{margin-inline:20px;justify-content:flex-start;flex-wrap:wrap}}
