.cockpit-panel.svelte-1sotitf{position:relative;background:#0a0a0cb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.12);border-radius:4px;padding:24px;box-shadow:0 8px 32px #0006,inset 0 0 1px 1px #ffffff05;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.panel-grid.svelte-1sotitf{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:.3}.panel-content.svelte-1sotitf{position:relative;z-index:1}.cockpit-panel.elevated.svelte-1sotitf{background:#0f0f12cc;border-color:#d4a85326}.cockpit-panel.active.svelte-1sotitf{border-color:#d4a85366;background:#0f0f12d9}.corner-accents.svelte-1sotitf{position:absolute;inset:4px;pointer-events:none;z-index:2}.corner.svelte-1sotitf{position:absolute;width:8px;height:8px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.tl.svelte-1sotitf{top:0;left:0;border-right:none;border-bottom:none}.tr.svelte-1sotitf{top:0;right:0;border-left:none;border-bottom:none}.bl.svelte-1sotitf{bottom:0;left:0;border-right:none;border-top:none}.br.svelte-1sotitf{bottom:0;right:0;border-left:none;border-top:none}.cockpit-panel.active.svelte-1sotitf .corner:where(.svelte-1sotitf){border-color:var(--accent);border-width:1.5px;width:12px;height:12px}