.rack-cabinet.svelte-qtxz7a{min-height:calc(28 * var(--u-slot-height, 30px) + 2 * .75rem + 2 * 4px);--u-slot-height: v-bind(U_HEIGHT_PX + "px");box-shadow:inset 0 2px 4px #0000004d,inset 0 -2px 4px #ffffff0d,0 20px 60px #00000080;position:relative}.rack-cabinet.svelte-qtxz7a:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(255,255,255,.05);border-radius:4px;pointer-events:none}.rack-rail.svelte-qtxz7a{background:linear-gradient(to right,#6464644d,#96969666,#6464644d);box-shadow:inset 2px 0 4px #0000004d,inset -2px 0 4px #0000004d;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(0,0,0,.3)}.rack-u-marking.svelte-qtxz7a{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:#3f3f4680;padding-left:.25rem;padding-right:.25rem;line-height:1;position:relative}.mounting-holes.svelte-qtxz7a{display:flex;flex-direction:column;gap:.125rem}.mounting-hole.svelte-qtxz7a{width:3px;height:3px;background:radial-gradient(circle,#000c,#32323299);border-radius:50%;box-shadow:inset 0 1px 2px #000c,0 1px 1px #ffffff1a}.rack-device.svelte-qtxz7a{cursor:pointer;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border:1px solid rgba(0,0,0,.4);border-top:1px solid rgba(255,255,255,.1);position:relative;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.rack-device.svelte-qtxz7a:hover{transform:translate(2px);box-shadow:0 4px 12px #0006,inset 0 1px #fff3,0 0 0 2px hsl(var(--primary) / .3)}.device-bezel.svelte-qtxz7a{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(0,0,0,.3);border-radius:2px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0d,inset 2px 2px 4px #0003}.device-faceplate.svelte-qtxz7a{text-shadow:0 1px 2px rgba(0,0,0,.5)}.device-name.svelte-qtxz7a{text-transform:uppercase;letter-spacing:.15em;filter:drop-shadow(0 2px 3px rgba(0,0,0,.9));text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.5)}.type-switch.svelte-qtxz7a{background:linear-gradient(180deg,#1e40af,#1e3a8a,#1e3a8a)}.type-switch.svelte-qtxz7a .device-name:where(.svelte-qtxz7a){--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.type-server-1u.svelte-qtxz7a,.type-server-2u.svelte-qtxz7a,.type-server-3u.svelte-qtxz7a,.type-server-4u.svelte-qtxz7a{background:linear-gradient(180deg,#a1a1aa,#71717a,#52525b)}.type-server-1u.svelte-qtxz7a .device-name:where(.svelte-qtxz7a),.type-server-2u.svelte-qtxz7a .device-name:where(.svelte-qtxz7a),.type-server-3u.svelte-qtxz7a .device-name:where(.svelte-qtxz7a),.type-server-4u.svelte-qtxz7a .device-name:where(.svelte-qtxz7a){--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.type-storage-2u.svelte-qtxz7a,.type-storage-4u.svelte-qtxz7a{background:linear-gradient(180deg,#94a3b8,#64748b,#475569)}.type-storage-2u.svelte-qtxz7a .device-name:where(.svelte-qtxz7a),.type-storage-4u.svelte-qtxz7a .device-name:where(.svelte-qtxz7a){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.type-arm-cluster.svelte-qtxz7a{background:linear-gradient(180deg,#c084fc,#a855f7,#9333ea)}.type-arm-cluster.svelte-qtxz7a .device-name:where(.svelte-qtxz7a){--tw-text-opacity: 1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}.type-spacer.svelte-qtxz7a{border-style:dashed;border-color:#3f3f464d;background-color:transparent;box-shadow:none}.type-spacer.svelte-qtxz7a:hover{transform:none;box-shadow:none}.leds-strip.svelte-qtxz7a{display:flex;gap:.25rem}.led.svelte-qtxz7a{height:.375rem;width:.375rem;border-radius:9999px;position:relative}.led-green.svelte-qtxz7a{background:radial-gradient(circle,#4ade80,#22c55e);box-shadow:0 0 4px #4ade80,0 0 8px #4ade8080,inset 0 -1px 2px #0000004d}.led-amber.svelte-qtxz7a{background:radial-gradient(circle,#fbbf24,#f59e0b);box-shadow:0 0 4px #fbbf24,0 0 8px #fbbf2480,inset 0 -1px 2px #0000004d}.led-red.svelte-qtxz7a{background:radial-gradient(circle,#f87171,#ef4444);box-shadow:0 0 4px #f87171,0 0 8px #f8717180,inset 0 -1px 2px #0000004d}.led-blue.svelte-qtxz7a{background:radial-gradient(circle,#60a5fa,#3b82f6);box-shadow:0 0 4px #60a5fa,0 0 8px #60a5fa80,inset 0 -1px 2px #0000004d}.led.blinking.svelte-qtxz7a{animation:svelte-qtxz7a-led-blink 1.5s infinite ease-in-out}@keyframes svelte-qtxz7a-led-blink{0%,to{opacity:1}50%{opacity:.3}}.port.svelte-qtxz7a{height:.5rem;width:.5rem;border-radius:calc(var(--radius) - 4px);background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 2px #000c,0 1px 1px #ffffff1a}.port-rj45.svelte-qtxz7a{border-color:#fbbf244d}.vents-pattern.svelte-qtxz7a{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:80%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 3px);border-radius:2px;opacity:.6}.display-text.svelte-qtxz7a{border-radius:.25rem;background-color:#000000e6;padding:.25rem .5rem;font-family:Share Tech Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1));box-shadow:inset 0 0 10px #4ade804d;border:1px solid rgba(74,222,128,.2)}
