linux-vm{border:1px solid var(--sl-color-gray-5);font-family:var(--__sl-font-mono);background:#121a1c;border-radius:.5rem;flex-direction:column;margin:1.5rem 0;display:flex;overflow:hidden}@media (width>=50rem){linux-vm:not(.vm-dialog linux-vm){margin-inline:-1rem}}.vm-screen{height:26rem;padding:.25rem;position:relative}.vm-preview{z-index:1;color:#e7eff280;white-space:pre;background:#121a1c;border:0;margin:0;padding:0;font-size:13px;line-height:1;position:absolute;inset:.25rem;overflow:hidden}:root[data-vm-resuming] linux-vm:not(dialog linux-vm) .vm-intro{visibility:hidden}.vm-screen.vm-ligatures .xterm-rows{font-feature-settings:"calt" 1, "liga" 1}.hero:has(>.hero-html linux-vm){grid-template-columns:100%}.hero>.hero-html:has(linux-vm){order:2;width:100%;margin:0}.hero>.hero-html linux-vm{width:100%;margin:0}.hero>.hero-html .vm-screen{height:24rem}.hero>.hero-html .vm-intro{isolation:isolate;background:url(/_astro/playground-poster.fyTNCJKQ.webp) 100% 0/cover;height:calc(100% + .5rem);margin:-.25rem;position:relative}.hero>.hero-html .vm-intro:before{content:"";z-index:-1;background:linear-gradient(#121a1c8c,#121a1ccc);position:absolute;inset:0}.hero>.hero-html .vm-demo{z-index:-2;object-fit:cover;object-position:right top;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.hero>.hero-html .vm-demo.playing{opacity:1}.hero>.hero-html .vm-intro:has(.vm-demo.playing):before{background:linear-gradient(#121a1c40,#121a1c73);transition:background .6s}@media (width<=71.99rem){.hero>.hero-html .vm-demo{display:none}}.hero>.hero-html .vm-intro p{color:#e7eff2;background:#121a1cd9;border-radius:.3rem;padding:.3rem .6rem}.hero>.hero-html .vm-boot{box-shadow:0 .25rem 1.5rem #0009}@media (width>=50rem){.hero:has(>.hero-html linux-vm){padding-top:clamp(2rem,.5rem + 6vmin,6rem);padding-bottom:2.5rem}}@media (width>=72rem){.hero:has(>.hero-html linux-vm){grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.hero:has(>.hero-html linux-vm) h1{font-size:var(--sl-text-5xl)}.hero:has(>.hero-html linux-vm) .actions{flex-direction:column;align-items:flex-start;gap:.25rem}.hero:has(>.hero-html linux-vm) .actions .minimal{padding-inline:1.25rem}}.vm-intro{text-align:center;color:#bac4c8;height:100%;font-size:var(--sl-text-sm);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.vm-intro p{margin:0}.vm-touch-tip{display:none}@media (pointer:coarse){.vm-touch-tip{display:block}}.vm-boot{color:#fff;font:inherit;font-size:var(--sl-text-base);cursor:pointer;background:#0071a7;border:0;border-radius:.4rem;padding:.6rem 1.4rem}.vm-boot:hover{background:#0089c9}.vm-bar{color:#7b8f96;font-size:var(--sl-text-xs);border-top:1px solid #2a3b41;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem .75rem;display:flex}.vm-status-line{align-items:baseline;gap:.6rem;display:flex}.vm-status.busy{color:#92d1fe}.vm-status.busy:before{content:"";background:currentColor;border-radius:50%;width:.5em;height:.5em;margin-right:.5em;animation:1s ease-in-out infinite alternate vm-pulse;display:inline-block}@keyframes vm-pulse{to{opacity:.2}}@media (prefers-reduced-motion:reduce){.vm-status.busy:before{animation:none}}.vm-undo{color:#92d1fe;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.vm-undo:hover{color:#fff}.vm-reset,.vm-close{color:#bac4c8;font:inherit;cursor:pointer;background:0 0;border:0}.vm-reset:hover,.vm-close:hover{color:#fff}.vm-dialog{z-index:100;border:1px solid var(--sl-color-gray-4);background:#121a1c;border-radius:.5rem;width:min(52rem,100vw - 2rem);margin:0;padding:0;position:fixed;inset:auto 1rem 1rem auto;box-shadow:0 1rem 3rem #00000080}.vm-dialog linux-vm{border:0;border-radius:0;margin:0}.vm-dialog .vm-screen{height:min(24rem,55vh)}.vm-dialog-head{color:#bac4c8;font-size:var(--sl-text-xs);border-bottom:1px solid #2a3b41;justify-content:space-between;align-items:center;padding:.3rem .75rem;display:flex}.vm-dialog-head a{color:#92d1fe}.vm-dialog-head kbd{font:inherit;color:#7b8f96}@media (pointer:coarse){.vm-shortcut{display:none}}.vm-close{font-size:1.2rem;line-height:1}@media (width<=50rem){.vm-dialog{width:auto;inset:auto .5rem .5rem}}