electrical-calculator:where(.astro-rutmcsna){--instrument:#173e47;--instrument-deep:#102f36;--screen:#d9eea8;--signal:#e06d3f;border:1px solid var(--sl-color-hairline);box-shadow:.6rem .6rem 0 color-mix(in srgb, var(--sl-color-text) 8%, transparent);margin-block:2rem 2.75rem;display:block;container-type:inline-size}.formula-rail:where(.astro-rutmcsna){background:var(--instrument-deep);color:#eef6f2;border-bottom:1px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;min-height:3.1rem;padding:.7rem 1rem;display:flex}.formula-rail:where(.astro-rutmcsna) p:where(.astro-rutmcsna){align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:680;display:flex}.live-dot:where(.astro-rutmcsna){background:var(--screen);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 .2rem #d9eea821}.formula-rail:where(.astro-rutmcsna) div:where(.astro-rutmcsna){flex-wrap:wrap;gap:.5rem 1rem;display:flex}.formula-rail:where(.astro-rutmcsna) code:where(.astro-rutmcsna){color:#eef6f2;background:0 0;padding:0;font-size:.73rem}.workbench:where(.astro-rutmcsna){grid-template-areas:"controls""diagram""readout";display:grid}form:where(.astro-rutmcsna){grid-area:controls}.result-panel:where(.astro-rutmcsna){grid-area:readout}.diagram-panel:where(.astro-rutmcsna){border-top:1px solid var(--sl-color-hairline);background-color:var(--sl-color-bg);background-image:linear-gradient(var(--ff-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ff-grid) 1px, transparent 1px);background-size:1.25rem 1.25rem;grid-area:diagram;min-width:0;padding:clamp(1.25rem,4vw,2rem)}.diagram-panel:where(.astro-rutmcsna) svg:where(.astro-rutmcsna){width:100%;max-width:30rem;height:auto;margin-inline:auto;display:block;overflow:visible}.axis:where(.astro-rutmcsna){stroke:var(--sl-color-gray-5);stroke-width:1px}.axis-label:where(.astro-rutmcsna){fill:var(--sl-color-gray-3);font-size:11px;font-weight:600}.fill:where(.astro-rutmcsna){fill:color-mix(in srgb, var(--sl-color-accent) 12%, transparent)}.leg:where(.astro-rutmcsna){stroke:var(--sl-color-gray-1);stroke-width:2.5px;stroke-linecap:round}.leg-reactive:where(.astro-rutmcsna){stroke-dasharray:6 5}.hypotenuse:where(.astro-rutmcsna){stroke:var(--sl-color-accent);stroke-width:3.5px;stroke-linecap:round}.arc:where(.astro-rutmcsna){fill:none;stroke:var(--ff-copper);stroke-width:2px}.label:where(.astro-rutmcsna){fill:var(--sl-color-gray-1);font-family:var(--sl-font-heading);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:650}.label-result:where(.astro-rutmcsna){fill:var(--sl-color-text-accent);font-weight:750}.label-angle:where(.astro-rutmcsna){fill:var(--ff-copper)}.diagram-caption:where(.astro-rutmcsna){color:var(--sl-color-gray-3);text-align:center;margin:.75rem 0 0;font-size:.78rem}form:where(.astro-rutmcsna){background:color-mix(in srgb, var(--sl-color-bg) 92%, var(--ff-visual));min-width:0;padding:clamp(1.25rem,4vw,2rem)}.panel-heading:where(.astro-rutmcsna){border-bottom:1px solid;align-items:center;gap:.75rem;margin-bottom:1.35rem;padding-bottom:.8rem;display:flex}.panel-heading:where(.astro-rutmcsna) h2:where(.astro-rutmcsna){color:inherit;letter-spacing:-.02em;margin:0;font-size:1.05rem}fieldset:where(.astro-rutmcsna){border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;display:grid}legend:where(.astro-rutmcsna){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}label:where(.astro-rutmcsna){min-width:0;color:var(--sl-color-gray-2);align-content:start;gap:.35rem;font-size:.8rem;font-weight:680;display:grid}label:where(.astro-rutmcsna).wide{grid-column:1/-1}label:where(.astro-rutmcsna) small:where(.astro-rutmcsna){color:var(--sl-color-gray-3);font-size:.68rem;font-weight:520}label:where(.astro-rutmcsna)>span:where(.astro-rutmcsna){grid-template-columns:minmax(0,1fr) 2.25rem;align-items:stretch;display:grid}label:where(.astro-rutmcsna)>span:where(.astro-rutmcsna) b:where(.astro-rutmcsna){border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);color:var(--sl-color-gray-3);border-left:0;place-items:center;font-size:.72rem;display:grid}input:where(.astro-rutmcsna),select:where(.astro-rutmcsna){border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);width:100%;min-width:0;min-height:3rem;color:var(--sl-color-text);font:inherit;border-radius:0;padding:.6rem .75rem;font-size:1rem}input:where(.astro-rutmcsna):focus,select:where(.astro-rutmcsna):focus{z-index:1;border-color:var(--sl-color-accent);outline:2px solid color-mix(in srgb, var(--sl-color-accent) 45%, transparent);outline-offset:2px;position:relative}form:where(.astro-rutmcsna)[data-invalid] input:where(.astro-rutmcsna):invalid{border-color:var(--sl-color-red)}.result-panel:where(.astro-rutmcsna){background-color:var(--instrument);color:#eef6f2;background-image:radial-gradient(circle at 1px 1px,#ffffff0f 1px,#0000 0);background-size:1rem 1rem;min-width:0;padding:clamp(1.25rem,4vw,2rem)}.result-panel:where(.astro-rutmcsna) .panel-heading:where(.astro-rutmcsna){border-bottom-color:#ffffff40}dl:where(.astro-rutmcsna){border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}dl:where(.astro-rutmcsna)>div:where(.astro-rutmcsna){background:#102f36b8;border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;min-width:0;padding:.9rem}dl:where(.astro-rutmcsna)>div:where(.astro-rutmcsna).primary{background:var(--screen);color:#17352f;grid-column:1/-1;padding-block:1.15rem}dt:where(.astro-rutmcsna){color:inherit;opacity:.78;font-size:.7rem;font-weight:650}dd:where(.astro-rutmcsna){overflow-wrap:anywhere;color:#d9eea8;font-family:var(--sl-font-heading);letter-spacing:-.02em;margin:.35rem 0 0;font-size:clamp(1rem,3vw,1.25rem);font-weight:700}.primary:where(.astro-rutmcsna) dd:where(.astro-rutmcsna){color:#17352f;font-size:clamp(1.3rem,5vw,2rem)}.tool-error:where(.astro-rutmcsna){color:#ffd9ca;border:1px solid #f2a487;margin:0;padding:.8rem;font-weight:650}.educational-note:where(.astro-rutmcsna){border-top:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);color:var(--sl-color-gray-2);gap:.75rem;margin:0;padding:.9rem 1rem;font-size:.78rem;display:flex}.educational-note:where(.astro-rutmcsna) span:where(.astro-rutmcsna){background:var(--signal);color:#fff;border-radius:50%;flex:0 0 1.2rem;place-items:center;height:1.2rem;font-weight:800;display:grid}:where(.astro-rutmcsna)[hidden]{display:none!important}@container (width>=44rem){.workbench:where(.astro-rutmcsna){grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);grid-template-areas:"controls readout""diagram diagram"}form:where(.astro-rutmcsna){border-right:1px solid var(--sl-color-hairline)}}@container (width>=68rem){.workbench:where(.astro-rutmcsna){grid-template-columns:minmax(16rem,.8fr) minmax(0,1.1fr) minmax(19rem,1fr);grid-template-areas:"controls diagram readout"}.diagram-panel:where(.astro-rutmcsna){border-top:0;border-right:1px solid var(--sl-color-hairline)}.diagram-panel:where(.astro-rutmcsna) svg:where(.astro-rutmcsna){margin-top:1.5rem}}@container (width<=30rem){fieldset:where(.astro-rutmcsna),dl:where(.astro-rutmcsna){grid-template-columns:1fr}dl:where(.astro-rutmcsna)>div:where(.astro-rutmcsna).primary{grid-column:auto}.formula-rail:where(.astro-rutmcsna) div:where(.astro-rutmcsna){display:none}}
