.timeline{min-width:0;font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-direction:column;display:flex}.timeline-head{border-block-end:1px solid var(--sl-color-hairline-light);min-height:2.25rem;font:400 var(--sl-text-xs) / 1 var(--sl-font-mono);align-items:center;padding:0 1.125rem;display:flex}.timeline .revisions{margin:0;padding:.625rem .5rem .25rem;list-style:none}.timeline .revision{margin:0;position:relative}.timeline .revision:not(:last-child):after{content:"";inset-inline-start:calc(1.25rem - .5px);background:var(--sl-color-gray-5);width:1px;position:absolute;top:1.15rem;bottom:-1.15rem}.timeline .jump{width:100%;color:inherit;font:inherit;text-align:start;background:0 0;border:0;border-radius:6px;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.125rem .5rem;padding:.5rem .625rem;display:grid}.timeline button.jump{cursor:pointer}.timeline button.jump:hover{background:var(--sl-color-gray-6)}.timeline button.jump:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:-2px}.timeline button.jump[aria-disabled=true]{cursor:default}.timeline button.jump[aria-disabled=true]:hover{background:0 0}.timeline .node{box-sizing:border-box;border:1.5px solid var(--sl-color-gray-4);background:var(--od-term-bg);z-index:1;border-radius:50%;grid-row:1;justify-self:center;width:.625rem;height:.625rem;position:relative}.timeline .name{color:var(--sl-color-gray-1);font-size:var(--sl-text-sm);font-weight:500}.timeline .meta{text-overflow:ellipsis;white-space:nowrap;font:400 .75rem / 1.4 var(--sl-font-mono);color:var(--sl-color-gray-3);grid-column:2/-1;overflow:hidden}.timeline .tag{color:var(--sl-color-gray-3);opacity:0;font-size:.6875rem;transition:opacity .12s ease-out}.timeline button.jump:hover .tag,.timeline button.jump:focus-visible .tag{opacity:1}.timeline button.jump[aria-disabled=true] .tag{opacity:0}.timeline [data-poster-step]{opacity:.6}.timeline .revision[data-current] .node{border-color:var(--sl-color-accent);background:var(--sl-color-accent)}.timeline .revision[data-current] .tag{opacity:1;background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);border-radius:999px;padding:.0625rem .4375rem}.timeline .revision[data-was] .node{border-color:var(--sl-color-accent)}.timeline .revision[data-working] .node{border-color:#fbbf24;border-inline-end-color:#0000;animation:.8s linear infinite turn}.timeline .revision[data-working] .tag{opacity:1;color:#fbbf24}@keyframes turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.timeline .revision[data-working] .node{border-inline-end-color:#fbbf24;animation:none}}.timeline .revision.pending{grid-template-columns:1.25rem minmax(0,1fr);align-items:center;gap:.125rem .5rem;padding:.5rem .625rem;display:grid}.timeline .revision.pending .node{border-style:dashed;border-color:#fbbf24}.timeline .revision.pending .name{color:#fcd34d}.timeline .revision.pending .meta{white-space:normal;font-family:inherit;font-size:.75rem}.timeline .status{min-height:2.5em;color:var(--sl-color-gray-2);margin:.25rem 1.125rem .75rem;line-height:1.45}.timeline .status:empty{display:none}.timeline .status[data-error]{color:#ff8a8c}.timeline .file{border:1px solid var(--sl-color-gray-5);border-radius:6px;margin:auto 1.125rem .75rem;overflow:hidden}.timeline .file-name{border-block-end:1px solid var(--sl-color-gray-5);font:400 .75rem / 1 var(--sl-font-mono);padding:.375rem .625rem;display:block}.timeline .file-text{font:400 .8125rem / 1.5 var(--sl-font-mono);color:var(--od-term-fg);white-space:pre-wrap;background:0 0;border:0;min-height:3em;margin:0;padding:.5rem .625rem}.timeline .file-text[data-missing]{color:var(--sl-color-gray-3);font-style:italic}.timeline .save{gap:.375rem;margin:0 1.125rem 1rem;display:flex}.timeline .save-name{border:1px solid var(--sl-color-gray-5);min-width:0;color:var(--sl-color-white);font:inherit;background:0 0;border-radius:6px;flex:1;padding:.375rem .625rem}.timeline .save-name::placeholder{color:var(--sl-color-gray-3)}.timeline .save-name:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:-1px}.timeline .save-button{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;padding:.375rem .75rem}.timeline .save-button:hover{color:var(--sl-color-white);border-color:var(--sl-color-gray-4)}.timeline .save-button:disabled{cursor:default;color:var(--sl-color-gray-4)}.timeline .save-button:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.live-demo:not([data-state=running]) .timeline .save,.live-demo:not([data-state=running]) .timeline .file{display:none}.live-demo:where(.astro-uzlokqpq){--line:1.25rem;border:1px solid var(--sl-color-gray-5);border-radius:var(--od-radius);background:var(--od-term-bg);margin-block:1.75rem;overflow:hidden}.head:where(.astro-uzlokqpq){border-bottom:1px solid var(--sl-color-hairline-light);height:2.875rem;font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);align-items:center;gap:.625rem;padding:0 .875rem;display:flex}.dot:where(.astro-uzlokqpq){background:var(--sl-color-gray-4);border-radius:50%;flex:none;width:.4375rem;height:.4375rem}.title:where(.astro-uzlokqpq){text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sl-color-white);font-weight:500;overflow:hidden}.mode:where(.astro-uzlokqpq),.state:where(.astro-uzlokqpq){white-space:nowrap;flex:none}@media (width<=30rem){.mode:where(.astro-uzlokqpq),.live-demo:where(.astro-uzlokqpq)[data-state=running] .state:where(.astro-uzlokqpq){display:none}.live-demo:where(.astro-uzlokqpq)[data-state=running] .actions:where(.astro-uzlokqpq){margin-inline-start:auto}}.mode:where(.astro-uzlokqpq):before{content:"·";margin-inline-end:.625rem}.state:where(.astro-uzlokqpq){margin-inline-start:auto}.actions:where(.astro-uzlokqpq){flex:none;gap:.375rem;display:none}.ghost:where(.astro-uzlokqpq){font:inherit;color:var(--sl-color-gray-2);border:1px solid var(--sl-color-gray-5);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .625rem}.ghost:where(.astro-uzlokqpq):hover{color:var(--sl-color-white);border-color:var(--sl-color-gray-4)}.ghost:where(.astro-uzlokqpq)[aria-disabled=true]{cursor:default;color:var(--sl-color-gray-4);border-color:var(--sl-color-gray-5)}.ghost:where(.astro-uzlokqpq)[aria-busy=true]{cursor:progress;color:var(--sl-color-gray-2);align-items:center;gap:.375rem;display:inline-flex}.ghost:where(.astro-uzlokqpq)[aria-busy=true]:before{content:"";box-sizing:border-box;border:1.5px solid;border-inline-end-color:#0000;border-radius:50%;width:.625rem;height:.625rem;animation:.8s linear infinite turn}@media (prefers-reduced-motion:reduce){.ghost:where(.astro-uzlokqpq)[aria-busy=true]:before{display:none}}.body:where(.astro-uzlokqpq){min-height:calc(var(--rows) * var(--line) + 2rem);position:relative}.poster:where(.astro-uzlokqpq){font:400 .8125rem / var(--line) var(--sl-font-mono);color:#8a8a8a;white-space:pre-wrap;user-select:none;background:0 0;border:0;margin:0;padding:1rem 1.125rem}.line:where(.astro-uzlokqpq){display:block}.prompt:where(.astro-uzlokqpq){color:#4f7fbf}.screen:where(.astro-uzlokqpq){padding:1rem .5rem .5rem 1.125rem;position:absolute;inset:0}.screen:where(.astro-uzlokqpq) .live-output{font:400 .8125rem / var(--line) var(--sl-font-mono);color:var(--od-term-fg);white-space:pre-wrap;background:0 0;border:0;margin:0;padding:.25rem}.screen:where(.astro-uzlokqpq) .live-output span{display:block}.foot:where(.astro-uzlokqpq){border-top:1px solid var(--sl-color-hairline-light);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-height:3.5rem;padding:.625rem .875rem;display:flex}.start:where(.astro-uzlokqpq){font:600 var(--sl-text-sm) / 1 var(--sl-font);color:#fff;white-space:nowrap;cursor:pointer;background:#1d6ae0;border:0;border-radius:7px;align-items:center;gap:.5rem;padding:.625rem .875rem;display:inline-flex}.start:where(.astro-uzlokqpq):hover{background:#1a5fcc}.start:where(.astro-uzlokqpq):disabled{cursor:progress;opacity:.7}.note:where(.astro-uzlokqpq){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.progress:where(.astro-uzlokqpq){background:var(--sl-color-gray-5);border-radius:3px;flex:1;max-width:12rem;height:3px;overflow:hidden}.bar:where(.astro-uzlokqpq){height:100%;width:var(--progress,0%);background:var(--sl-color-accent);transition:width .2s ease-out;display:block}.progress:where(.astro-uzlokqpq)[data-indeterminate] .bar:where(.astro-uzlokqpq){width:30%;animation:1.1s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.progress:where(.astro-uzlokqpq)[data-indeterminate] .bar:where(.astro-uzlokqpq){opacity:.5;width:100%;animation:none}}.restore-body:where(.astro-uzlokqpq){grid-template-columns:minmax(0,1.4fr) minmax(16rem,1fr);display:grid}.shell-pane:where(.astro-uzlokqpq){min-height:calc(var(--rows) * var(--line) + 2rem);border-inline-end:1px solid var(--sl-color-hairline-light);position:relative}@media (width<=44rem){.restore-body:where(.astro-uzlokqpq){grid-template-columns:minmax(0,1fr)}.shell-pane:where(.astro-uzlokqpq){border-inline-end:0;border-block-end:1px solid var(--sl-color-hairline-light)}}.live-demo:where(.astro-uzlokqpq)[data-state=running] .shell-pane:where(.astro-uzlokqpq) .poster:where(.astro-uzlokqpq){visibility:hidden}.preview-body:where(.astro-uzlokqpq){grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=44rem){.preview-body:where(.astro-uzlokqpq){grid-template-columns:minmax(0,1fr)}.code-pane:where(.astro-uzlokqpq){border-inline-end:0;border-block-end:1px solid var(--sl-color-hairline-light)}.page-pane:where(.astro-uzlokqpq){min-height:16rem}}.pane:where(.astro-uzlokqpq){flex-direction:column;min-width:0;display:flex}.code-pane:where(.astro-uzlokqpq){border-inline-end:1px solid var(--sl-color-hairline-light)}.pane-head:where(.astro-uzlokqpq){border-block-end:1px solid var(--sl-color-hairline-light);min-height:2.25rem;font:400 var(--sl-text-xs) / 1 var(--sl-font-mono);color:var(--sl-color-gray-3);align-items:center;gap:.75rem;padding:0 1.125rem;display:flex;position:relative}.address:where(.astro-uzlokqpq){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.open:where(.astro-uzlokqpq){color:var(--sl-color-text-accent);flex:none;margin-inline-start:auto}.code:where(.astro-uzlokqpq){min-height:calc(var(--rows) * var(--line) + 1.5rem);resize:none;color:var(--od-term-fg);font:400 .8125rem / var(--line) var(--sl-font-mono);font-variant-ligatures:none;white-space:pre;tab-size:2;background:0 0;border:0;flex:1;margin:0;padding:.75rem 1.125rem;overflow:auto}.code:where(.astro-uzlokqpq):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:-2px}.page-pane:where(.astro-uzlokqpq){position:relative}.page-poster:where(.astro-uzlokqpq){color:#8a8a8a;font-size:var(--sl-text-sm);user-select:none;flex:1;padding:1.25rem 1.125rem}.page-poster:where(.astro-uzlokqpq) p:where(.astro-uzlokqpq){margin:0 0 .5rem}.page-poster:where(.astro-uzlokqpq) .page-heading:where(.astro-uzlokqpq){font-size:var(--sl-text-2xl);font-weight:700}.page-progress:where(.astro-uzlokqpq){inset-inline:0;background:0 0;border-radius:0;max-width:none;height:2px;display:none;position:absolute;bottom:-1px}.page:where(.astro-uzlokqpq){color-scheme:light dark;background:canvas;border:0;flex:1;width:100%;min-height:12rem;transition:opacity .2s ease-out}.page-error:where(.astro-uzlokqpq){color:#ff8a8c;font:400 .8125rem / var(--line) var(--sl-font-mono);white-space:pre-wrap;flex:1;margin:0;padding:1rem 1.125rem}.live-demo:where(.astro-uzlokqpq)[data-state=running] .page-poster:where(.astro-uzlokqpq){display:none}.live-demo:where(.astro-uzlokqpq)[data-state=starting] .page-poster:where(.astro-uzlokqpq){opacity:.5}.live-demo:where(.astro-uzlokqpq)[data-state=starting] .dot:where(.astro-uzlokqpq){background:#fbbf24}.live-demo:where(.astro-uzlokqpq)[data-state=running] .dot:where(.astro-uzlokqpq){background:#34d399}.live-demo:where(.astro-uzlokqpq)[data-state=error] .dot:where(.astro-uzlokqpq){background:#ff6467}.live-demo:where(.astro-uzlokqpq)[data-busy] .dot:where(.astro-uzlokqpq){background:#fbbf24}.live-demo:where(.astro-uzlokqpq)[data-busy=restarting] .page:where(.astro-uzlokqpq){opacity:.5}.live-demo:where(.astro-uzlokqpq)[data-busy=restarting] .page-progress:where(.astro-uzlokqpq){display:block}.live-demo:where(.astro-uzlokqpq)[data-state=starting] .poster:where(.astro-uzlokqpq){opacity:.5}.live-demo:where(.astro-uzlokqpq)[data-state=running] .poster:where(.astro-uzlokqpq){visibility:hidden}.live-demo:where(.astro-uzlokqpq)[data-state=running] .actions:where(.astro-uzlokqpq){display:inline-flex}.live-demo:where(.astro-uzlokqpq)[data-state=running] .foot:where(.astro-uzlokqpq){display:none}.live-demo:where(.astro-uzlokqpq)[data-state=running] .body:where(.astro-uzlokqpq){min-height:calc(var(--rows) * var(--line) + 2rem + 3.5rem)}.live-demo:where(.astro-uzlokqpq)[data-state=unsupported] .poster:where(.astro-uzlokqpq){color:var(--od-term-fg)}.live-demo:where(.astro-uzlokqpq)[data-state=unsupported] .prompt:where(.astro-uzlokqpq){color:#51a2ff}.live-demo:where(.astro-uzlokqpq)[data-state=unsupported] .start:where(.astro-uzlokqpq){display:none}.live-demo:where(.astro-uzlokqpq)[data-state=error] .note:where(.astro-uzlokqpq){color:#ff8a8c}