@layer components{.kvm{border:1px solid var(--rule-2);background:var(--panel);width:min(960px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:16px;margin:auto;padding:0;box-shadow:0 30px 80px -20px #000000b3}.kvm::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040618b8}.kvm-h{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 18px;display:flex}.kvm-h h2{font:700 semi-expanded 16px/1.3 var(--font-display);margin:0}.kvm-x{border:1px solid var(--rule-2);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;flex:none;place-items:center;display:grid}.kvm-x:hover,.kvm-x:focus-visible{border-color:var(--orange);outline:none}.kvm-x .icon{width:18px;height:18px}.kvm-f{aspect-ratio:16/9;background:#000}.kvm-f iframe{border:0;width:100%;height:100%;display:block}.kvm-n{color:var(--mute);margin:0;padding:10px 18px 14px;font-size:12px}}