.uikit-eurorack-panel{--uikit-surface:#dedfdb;--uikit-text:#252723;--uikit-text-muted:#4d534d;--uikit-cap:#272a28;--uikit-track:#a2a5a0;--uikit-border:#8d918b;--uikit-accent:#517b66;box-sizing:border-box;isolation:isolate;border:1px solid var(--uikit-border);color:var(--uikit-text);background:repeating-linear-gradient(0deg, #ffffff12 0, #ffffff12 1px, transparent 1px, transparent 3px), linear-gradient(90deg, #0000000b, #ffffff20 14%, transparent 45%, #ffffff30 82%, #00000010), var(--uikit-surface);font-family:var(--uikit-font,ui-sans-serif, system-ui, sans-serif);border-radius:0;flex:none;position:relative;overflow:hidden;box-shadow:inset 1px 0 #ffffff80,inset -1px 0 #00000018}.uikit-eurorack-panel[data-panel-theme=mutable]{--uikit-surface:#efefeb;--uikit-text:#292929;--uikit-text-muted:#555a55;--uikit-cap:#c9ccc8;--uikit-track:#a9ada7;--uikit-border:#8c8b83;--uikit-accent:#555a55;--knob-arc:#555a55;--uikit-knob-cap:linear-gradient(145deg, #e5e7e2 0%, #c9ccc8 48%, #b7bbb6 100%);--uikit-knob-cap-border:#929790;--uikit-knob-pointer:#292929;--uikit-knob-shadow:inset 0 1px 1px #ffffffa0, 0 1px 2px #00000030;--patch-jack-size:calc(8 * var(--eurorack-mm));background-color:#efefeb;background-image:none;border-color:#9a9991}.uikit-eurorack-panel[data-panel-theme=mutable]:before{content:"";pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777777' filter='url(%23grain)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0;box-shadow:inset 1px 0 #fff,inset -1px 0 #00000030}.uikit-mutable-knob{background:radial-gradient(circle at 38% 28%,#343633,#111210 70%);border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:0 1px 2px #00000070,1px 3px 4px #00000048,3px 6px 9px #00000032,0 0 1px 1px #00000060}.uikit-mutable-knob__skirt{background:repeating-conic-gradient(#131412 0deg 5deg,#383b36 7deg,#171916 11deg 15deg);border-radius:50%;position:absolute;inset:2%;box-shadow:inset 0 1px 1px #ffffff36,inset 0 -2px 2px #000000c0}.uikit-mutable-knob__cap{background:var(--mutable-knob-cap,radial-gradient(circle at 35% 23%, #fffefa, #e9e9e1 72%, #babcb3));border:1px solid #080a08;border-radius:50%;position:absolute;inset:19%;box-shadow:0 0 0 2px #090b08,inset 0 1px 1px #ffffff70,0 1px 2px #000000a0}.uikit-mutable-knob__index{transform:rotate(var(--mutable-knob-angle));position:absolute;inset:0}.uikit-mutable-knob__index:after{content:"";background:var(--mutable-knob-index,linear-gradient(90deg, #bfc1b7, #fffef6 40% 75%, #d6d8ce));border-radius:1px;width:8%;height:31%;position:absolute;top:2%;left:46%;box-shadow:0 0 1px #00000080}.uikit-mutable-knob[data-small] .uikit-mutable-knob__cap{background:radial-gradient(at 34% 22%,#494b45,#242621 48%,#121410 85%);inset:10%;box-shadow:inset 0 1px 1px #ffffff25,0 0 0 1px #0b0c09}.uikit-mutable-knob[data-small] .uikit-mutable-knob__index:after{width:10%;height:39%;top:7%;left:45%}.uikit-mutable-knob__caption{color:var(--uikit-text,#292929);font-family:var(--mutable-caption-font,"Arial Narrow", "Roboto Condensed", Arial, sans-serif);font-size:calc(2.65 * var(--eurorack-mm,4px));letter-spacing:.01em;text-transform:uppercase;pointer-events:none;font-weight:700;line-height:1.05;position:absolute;left:50%;transform:translate(-50%,-50%)}.uikit-mutable-knob__caption[data-tone=pink],.uikit-mutable-knob__caption[data-tone=teal]{color:#fff}.uikit-mutable-knob__caption[data-bipolar]{color:#686762}.uikit-eurorack-panel[data-panel-theme=mutable] [data-eurorack-panel-button]{width:calc(5.2 * var(--eurorack-mm));height:calc(5.2 * var(--eurorack-mm));min-width:calc(5.2 * var(--eurorack-mm));min-height:calc(5.2 * var(--eurorack-mm));max-width:calc(5.2 * var(--eurorack-mm));max-height:calc(5.2 * var(--eurorack-mm));aspect-ratio:1;color:#242623;background:radial-gradient(circle at 36% 25%,#4c4d48,#242621 70%);border-color:#6d706b;border-radius:50%;padding:0;box-shadow:inset 0 1px 1px #ffffff40,0 1px 2px #00000050}.uikit-eurorack-panel[data-panel-theme=mutable] [data-eurorack-panel-button="7.8"]{width:calc(7.8 * var(--eurorack-mm));height:calc(7.8 * var(--eurorack-mm));min-width:calc(7.8 * var(--eurorack-mm));min-height:calc(7.8 * var(--eurorack-mm));max-width:calc(7.8 * var(--eurorack-mm));max-height:calc(7.8 * var(--eurorack-mm))}.uikit-eurorack-panel[data-panel-theme=mutable] .uikit-patch-jack:disabled{opacity:1}.uikit-eurorack-item{box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.uikit-eurorack-screw{width:calc(2.8 * var(--eurorack-mm));height:calc(2.8 * var(--eurorack-mm));box-shadow:inset 0 0 0 1px #ffffff8a, 0 0 0 calc(.35 * var(--eurorack-mm)) #74797145, 0 1px 2px #00000050;pointer-events:none;background:radial-gradient(at 33% 22%,#fafbf8 0 9%,#d9dcd6 32%,#b5bab3 65%,#777e76 100%);border:1px solid #747874;border-radius:50%;position:absolute}.uikit-eurorack-screw:after{content:"";transform:rotate(var(--eurorack-screw-angle,-32deg));background:linear-gradient(#363c35,#646c61);border-radius:1px;position:absolute;inset:40% 12%;box-shadow:0 1px #ffffffb0,inset 0 1px 1px #00000060}.uikit-eurorack-screw--tl{left:calc(2 * var(--eurorack-mm));top:calc(2 * var(--eurorack-mm))}.uikit-eurorack-screw--tr{right:calc(2 * var(--eurorack-mm));top:calc(2 * var(--eurorack-mm))}.uikit-eurorack-screw--bl{left:calc(2 * var(--eurorack-mm));bottom:calc(2 * var(--eurorack-mm))}.uikit-eurorack-screw--br{right:calc(2 * var(--eurorack-mm));bottom:calc(2 * var(--eurorack-mm))}.uikit-patch-jack{appearance:none;width:max(36px, calc(var(--patch-jack-size,24px) + 12px));height:max(36px, calc(var(--patch-jack-size,24px) + 12px));box-sizing:border-box;min-width:36px;min-height:36px;color:var(--uikit-text,#252723);font:inherit;touch-action:none;cursor:crosshair;background:0 0;border:0;border-radius:0;place-items:center;margin:0;padding:6px;display:inline-grid;position:relative}.uikit-patch-jack:disabled{cursor:default;opacity:.45}.uikit-patch-jack:focus-visible{outline:2px solid var(--uikit-accent,#517b66);outline-offset:2px}.uikit-patch-jack__hardware{width:var(--patch-jack-size,24px);height:var(--patch-jack-size,24px);background:radial-gradient(circle at 34% 24%,#fffef4 0,#d6d1c4 29%,#a9a394 63%,#6e706a 88%,#d8d5ca 100%);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -1px 2px #3c3b344d,0 0 0 1px #77766d,0 1px 2px #0005}.uikit-patch-jack__metalwork{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.uikit-patch-jack__rim{stroke:#69675e;stroke-width:.7px}.uikit-patch-jack__step{stroke:#f8f3e5;stroke-width:.8px;filter:drop-shadow(0 .6px .55px #3c393366)}.uikit-patch-jack__step-face{fill:#c8c2b3;stroke:#77756b;stroke-width:.65px}.uikit-patch-jack__bore-lip{stroke:#69675f;stroke-width:.6px;filter:drop-shadow(0 -.45px .35px #ffffffa6)}.uikit-patch-jack__knurl-facet{stroke:#6a675e;stroke-width:.4px;stroke-linejoin:bevel}.uikit-patch-jack__tool-notch{fill:#55544d;stroke:#f1ecde;stroke-width:.6px;stroke-linejoin:round}.uikit-patch-jack__specular{fill:none;stroke:#ffffffd9;stroke-width:.75px;stroke-linecap:round;filter:drop-shadow(0 .45px .45px #5d594d99)}.uikit-patch-jack__wear{fill:none;stroke:#f7f1e3a6;stroke-width:.55px;stroke-linecap:round}.uikit-patch-jack__socket{width:calc(var(--patch-jack-size,24px) * .56);height:calc(var(--patch-jack-size,24px) * .56);box-sizing:border-box;background:radial-gradient(at 34% 22%,#ffffff5e 0 3%,#0000 17%),radial-gradient(circle,#030404 0 68%,#151716 77%,#393a35 87%,#928d80 96%,#f2eee1 100%);border:1px solid #6e6b60;border-radius:50%;position:relative;box-shadow:inset 0 1.5px 2px #000000e6,inset 0 -1px 1px #ffffff20,0 0 0 1px #787468}.uikit-patch-jack[data-patch-connected=true] .uikit-patch-jack__socket{background:var(--patch-jack-color,var(--uikit-accent,#517b66));box-shadow:inset 0 0 0 3px #00000045,0 0 0 1px #d7dbd1}.uikit-patch-jack[data-patch-selected=true] .uikit-patch-jack__hardware{background:var(--uikit-accent,#517b66)}.uikit-patch-jack__label{text-align:center;width:max-content;max-width:70px;font-size:9px;font-weight:650;line-height:1.1;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%)}.uikit-patch-jack[data-patch-port-direction=output] .uikit-patch-jack__label{background:var(--uikit-text,#252723);color:var(--uikit-surface,#dedfdb);padding:1px 3px}.uikit-face-patch-zone{flex-wrap:wrap;gap:12px;padding-bottom:14px;display:flex}.uikit-face-patch-zone--positioned{pointer-events:none;padding:0;position:absolute;inset:0}.uikit-face-patch-zone--positioned .uikit-patch-jack{pointer-events:auto}.uikit-patch-cables{pointer-events:none;fill:none;position:absolute;inset:0;overflow:visible}.uikit-patch-cables path{stroke-linecap:round}.uikit-patch-cable__shadow{stroke:#00000038;stroke-width:7px;pointer-events:none;transform:translateY(2px)}.uikit-patch-cable__body{stroke:var(--patch-cable-color);stroke-width:5px;pointer-events:none}.uikit-patch-cable__shine{stroke:#ffffff40;stroke-width:1px;pointer-events:none;transform:translateY(-1px)}.uikit-patch-cables .uikit-patch-cable__hit{stroke:#0000;stroke-width:18px;stroke-linecap:butt;pointer-events:stroke;cursor:pointer}.uikit-patch-cable__hit:focus-visible{stroke:#ffffff80;stroke-width:9px;outline:none}.uikit-patch-cables g[data-selected=true] .uikit-patch-cable__body,.uikit-patch-cables g[data-highlighted=true] .uikit-patch-cable__body{stroke-width:7px}.uikit-patch-cable-foreground,.uikit-patch-cable-foreground use,.uikit-patch-cable-labels{pointer-events:none}.uikit-patch-cable-labels rect{fill:#efefeb;stroke:var(--patch-cable-color);stroke-width:1px}.uikit-patch-cable-labels text{fill:#292929;text-anchor:middle;font:600 11px ui-sans-serif,system-ui,sans-serif}.uikit-patch-cable-label__guide{fill:none;stroke:var(--patch-cable-color);stroke-width:1.5px}.uikit-patch-cable__end-ring{fill:var(--patch-cable-color);stroke:#f7f7f0;stroke-width:2px;pointer-events:none}.uikit-patch-cable__end-hit{fill:#0000;stroke:none;pointer-events:all;cursor:grab;touch-action:none}.uikit-patch-cable__end-hit:active{cursor:grabbing}.uikit-patch-cable__end-hit:focus-visible{stroke:#f7f7f0;stroke-width:2px;fill:#ffffff20;outline:none}@media (prefers-reduced-motion:reduce){.uikit-patch-jack,.uikit-patch-cables{transition:none;animation:none}}.uikit-patch-cable__snap-ring{fill:none;stroke:var(--patch-cable-color);stroke-width:4px;filter:drop-shadow(0 0 2px #fff);pointer-events:none}