.browser{--border:color-mix(in srgb, var(--fg) 14%, var(--bg));--chrome:color-mix(in srgb, var(--fg) 5%, var(--bg));--t-green:#1a7f37;--t-red:#cf222e;--t-cyan:#1b7c83;--t-orange:#f97316;border:1px solid var(--border);background:var(--bg);border-radius:10px;font-size:12px;line-height:1.5;overflow:hidden}@media (prefers-color-scheme:dark){.browser{--t-green:#8ae234;--t-red:#ef2929;--t-cyan:#34e2e2}}.chrome{background:var(--chrome);align-items:flex-end;gap:.75rem;padding:.25rem .75rem 0;display:flex}.lights{align-self:center;gap:6px;padding-bottom:.375rem;display:flex}.lights i{background:var(--border);border-radius:50%;width:10px;height:10px}.btab{background:var(--bg);border-radius:8px 8px 0 0;align-items:center;gap:.5rem;width:12rem;max-width:60%;padding:.375rem .625rem;display:flex}.btab .mark{margin-left:auto}.btab.bg{width:auto;min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;flex:0 12rem;position:relative;overflow:hidden}.btab.bg svg{flex-shrink:0}.btab.bg .label{text-overflow:ellipsis;min-width:0;overflow:hidden}.btab.bg+.btab.bg:before{content:"";background:var(--border);width:1px;position:absolute;top:25%;bottom:25%;left:-.375rem}.btab{flex-shrink:0}@media (width<=720px){.btab.bg:nth-of-type(n+4){display:none}}@media (width<=520px){.btab.bg{display:none}}.favicon{display:flex;position:relative}.favicon img{border-radius:3px}.favicon i{background:var(--t-orange);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--bg);border-radius:50%;position:absolute;top:-3px;right:-3px}.urlbar{border-bottom:1px solid var(--border);padding:.375rem .75rem}.url{background:var(--chrome);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:.125rem .75rem;display:block;overflow:hidden}.app-bar{align-items:center;gap:.25rem;padding:.375rem .5rem 0;display:flex}.app-tabs{gap:.25rem;min-width:0;display:flex;overflow:hidden}.browser .app-tab{width:10rem;min-width:4rem;height:1.625rem;color:var(--muted);cursor:pointer;user-select:none;white-space:nowrap;border-radius:5px;flex:0 auto;align-items:center;gap:.375rem;padding:0 .25rem 0 .5rem;display:flex}.browser .app-tab:hover{background:color-mix(in srgb, transparent 50%, var(--code-bg));color:var(--fg)}.browser .app-tab[aria-selected=true]{background:var(--code-bg);color:var(--fg)}.browser .app-tab:focus-visible,.browser .icon:focus-visible{outline:1px solid var(--link);outline-offset:-1px}.browser .app-tab span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.browser .app-tab.bell:before{content:"";background:var(--t-orange);border-radius:50%;flex-shrink:0;width:7px;height:7px}.browser .app-tab .x,.browser .icon{width:1.25rem;height:1.25rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;padding:0;display:grid}.browser .app-tab .x{opacity:0}.browser .app-tab:hover .x,.browser .app-tab[aria-selected=true] .x{opacity:1}.browser .app-tab .x:hover,.browser .icon:hover{background:var(--code-bg);color:var(--fg)}.browser .gear{cursor:default;margin-left:auto}.browser .gear:hover{color:var(--muted);background:0 0}.screen{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;outline:none;height:17rem;padding:.5rem .75rem;overflow:hidden}.browser .cursor{vertical-align:-.25em;background:var(--fg);width:.6em;height:1.15em;animation:1.1s step-end infinite demo-blink;display:inline-block}@keyframes demo-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.browser .cursor{animation:none}}.screen:not(:focus) .cursor{box-shadow:inset 0 0 0 1px var(--muted);background:0 0;animation:none}.browser .t-dim{color:var(--muted)}.browser .t-green{color:var(--t-green)}.browser .t-red{color:var(--t-red)}.browser .t-cyan{color:var(--t-cyan)}.browser .t-orange{color:var(--t-orange)}@media (width<=520px){.screen{height:15rem;font-size:10.5px}.lights{display:none}}.table[data-astro-cid-lcdefpme],.diagram[data-astro-cid-lcdefpme]{white-space:pre}.diagram[data-astro-cid-lcdefpme]{width:fit-content;margin-inline:auto;line-height:1.2;overflow:visible}@media (width<=420px){.diagram[data-astro-cid-lcdefpme]{font-size:min(.875em,3.84615vw - .0769231rem)}}.shot[data-astro-cid-lcdefpme]{margin:1.5rem 0}.shot[data-astro-cid-lcdefpme] figcaption[data-astro-cid-lcdefpme]{color:var(--muted);margin-top:.5rem;font-size:.85em}.cmd[data-astro-cid-lcdefpme]{background:var(--code-bg);border-radius:4px;padding:.75rem 1rem}.copy[data-astro-cid-lcdefpme]{color:var(--link);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.copy[data-astro-cid-lcdefpme]:hover{color:var(--fg)}.steps[data-astro-cid-lcdefpme]{padding-left:2.25rem}.steps[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]::marker{color:var(--muted)}