*{box-sizing:border-box}header,main{container-type:inline-size}header{container-name:header}main{container-name:main;position:relative}body{height:100vh;height:100dvh;display:grid;grid-template-rows:min-content 1fr min-content;margin:0;padding:0;line-height:normal;background-color:#fff;color:#000}:is(header,footer,main){max-width:100vw;width:100%;overflow:hidden}div#test{padding:1ch;background-color:gray;box-shadow:inset 0 0 0 1ch #000}div#test>div{width:73.5ch;background-color:#fff}:root{--color-chrome-chroma-per: 0%;--color-chrome-hue-deg: 281;--color-content-chroma-per: 0%;--color-content-hue-deg: 281;--color-selected-chroma-per: 50%;--color-selected-hue-deg: 281;--color-brightness-1-per: 15%;--color-brightness-2-per: 25%;--color-brightness-3-per: 50%;--color-brightness-4-per: 80%;--color-brightness-5-per: 90%;--color-err-chroma-per: 25%;--color-err-hue-deg: 30;--color-warn-chroma-per: 50%;--color-warn-hue-deg: 110;--color-log-chroma-per: 25%;--color-log-hue-deg: 160;--size-button-rat: .5;--size-control-rat: .75;--size-base-str: 2rem;--pad-button-pix: 4px;--border-button-stroke-pix: 1px;--border-button-radius-pix: 5px;--border-item-stroke-pix: 1px;--border-item-radius-pix: 5px;--border-panel-stroke-pix: 3px;--border-panel-radius-pix: 7px;--pad-panel-pix: 20px;--pad-item-pix: 3px;--pad-chrome-pix: 5px;--pad-content-pix: 10px;--pad-control-pix: 4px;--size-label-rat: .5;--size-preview-rat: .25;--size-player-pix: 360px;--size-aside-pix: 240px;--size-scrubber-width-pix: 16px;--size-scrubber-height-pix: 13px;--size-dialog-height-rat: .9;--size-dialog-width-rat: .9;--border-preview-stroke-pix: 1px;--view-icon-boo: 1;--view-label-boo: 1;--view-preview-boo: 1;--size-label-pix: calc(var(--size-label-rat) * var(--size-base-str));--size-button-pix: calc(var(--size-button-rat) * var(--size-base-str));--size-control-pix: calc(var(--size-control-rat) * var(--size-base-str));--dialog-height-px: calc(100vh - 6rem) ;--dialog-width-px: calc(100vw - 4rem) ;--width: 16;--height: 9;--color: #000000;--color-contrast: var(--color-contrast-light)}@media (prefers-color-scheme: dark){:root{--bright-1: var(--color-brightness-5-per);--bright-2: var(--color-brightness-4-per);--bright-3: var(--color-brightness-3-per);--bright-4: var(--color-brightness-2-per);--bright-5: var(--color-brightness-1-per);--color-contrast-light: var(--fore-content);--color-contrast-dark: var(--back-content)}}@media (prefers-color-scheme: light){:root{--bright-1: var(--color-brightness-1-per);--bright-2: var(--color-brightness-2-per);--bright-3: var(--color-brightness-3-per);--bright-4: var(--color-brightness-4-per);--bright-5: var(--color-brightness-5-per);--color-contrast-light: var(--back-content);--color-contrast-dark: var(--fore-content)}}:root{--back-chrome: oklch(var(--bright-4) var(--color-chrome-chroma-per) var(--color-chrome-hue-deg));--back-content: oklch(var(--bright-5) var(--color-content-chroma-per) var(--color-content-hue-deg));--back-err: oklch(var(--bright-5) var(--color-err-chroma-per) var(--color-err-hue-deg));--over-back-chrome: oklch(var(--bright-1) var(--color-selected-chroma-per) var(--color-selected-hue-deg));--over-back-content: oklch(var(--bright-2) var(--color-selected-chroma-per) var(--color-selected-hue-deg));--off-back-chrome: oklch(var(--bright-4) var(--color-chrome-chroma-per) var(--color-chrome-hue-deg));--fore-chrome: oklch(var(--bright-1) var(--color-chrome-chroma-per) var(--color-chrome-hue-deg));--fore-content: oklch(var(--bright-2) var(--color-content-chroma-per) var(--color-content-hue-deg));--fore-err: oklch(var(--bright-2) var(--color-err-chroma-per) var(--color-err-hue-deg));--on-fore-chrome: oklch(var(--bright-2) var(--color-selected-chroma-per) var(--color-selected-hue-deg));--on-fore-content: oklch(var(--bright-3) var(--color-selected-chroma-per) var(--color-selected-hue-deg));--over-fore-chrome: oklch(var(--bright-4) var(--color-selected-chroma-per) var(--color-selected-hue-deg));--over-fore-content: oklch(var(--bright-5) var(--color-selected-chroma-per) var(--color-selected-hue-deg));--off-fore-chrome: oklch(var(--bright-3) var(--color-chrome-chroma-per) var(--color-chrome-hue-deg));--outer-pad: 1.5rem;--pad: .25rem;--border: var(--border-button-stroke-pix) solid;--radius-border: var(--border-button-radius-pix)}:root{--back-log: oklch(var(--bright-5) var(--color-log-chroma-per) var(--color-log-hue-deg));--fore-log: oklch(var(--bright-2) var(--color-log-chroma-per) var(--color-log-hue-deg));--back-warn: oklch(var(--bright-5) var(--color-warn-chroma-per) var(--color-warn-hue-deg));--fore-warn: oklch(var(--bright-2) var(--color-warn-chroma-per) var(--color-warn-hue-deg));--back-error: oklch(var(--bright-5) var(--color-err-chroma-per) var(--color-err-hue-deg));--fore-error: oklch(var(--bright-2) var(--color-err-chroma-per) var(--color-err-hue-deg));--border: var(--border-button-stroke-pix) solid;--color-transition: 1.5s cubic-bezier(.18, .89, .32, 1.28)-out;--gap-chrome: 5px;--gap-content: 10px;--gap-control: 5px;--gap: 20px;--height-control: 24px;--height-dialog: 50vh;--height-footer: 38px;--height-header: 38px;--height-label: 24px;--pad-chrome: 5px;--pad-content: 10px;--pad-control: 4px;--pad-label: 5px;--pad: var(--gap);--radius-border: var(--border-button-radius-pix);--size-border: 1px;--spacing: 20px;--width-dialog: 66vw;--load-clip: xywh(0 0 100% 100% round var(--radius-border));--load-background: linear-gradient(100deg, var(--back-chrome) 30%, var(--back-content) 50%, var(--back-chrome) 70%);--load-background-size: 400vw;--size-btn: 1.5rem;--header-icon-size: 1.5rem;--outer-pad: .75rem;--pad: 1.25rem}@media (prefers-color-scheme: dark){body{background-color:#000;color:#fff}}main{display:flex}main>nav,main>div{padding:2ch;overflow-y:auto}main>div>article>div{width:min-content;display:flex;flex-direction:column;min-width:40ch;margin:auto}main>div:has(article.full){padding:0;flex-direction:column;flex-wrap:wrap;align-content:flex-start;display:flex}main>div{scroll-timeline-name:--scroller;scroll-padding-block-start:var(--pad-content-pix);flex-grow:1;color:var(--fore-content)}main>nav{flex-grow:0;display:block;color:var(--fore-chrome);background-color:var(--back-chrome)}nav>details{margin:0;margin-bottom:.5ch;user-select:none}nav div{margin-top:.5ch;white-space:nowrap}main>nav :has(details)>div{margin-left:2ch}nav>details>:is(div,hr){margin-left:1ch}nav div{padding-inline:1ch}nav div.selected{color:var(--over-fore-chrome);background-color:var(--over-back-chrome);border-radius:var(--border-button-radius-pix)}nav>a.selected{box-shadow:inset 0 1px var(--over-back-chrome),0 1px var(--over-back-chrome)}nav#left-nav{border-right:var(--border)}nav#right-nav{border-left:var(--border)}nav>details>summary::marker{font-size:2ch}nav a{text-decoration:none}nav a:hover{text-decoration:underline}article{font-family:sans-serif;width:min-content;width:100%;min-width:40ch;max-width:80ch;margin:auto}article svg{width:100%}article.full{flex-grow:1;width:100%;max-width:100%;display:flex;flex-direction:row;align-content:center}article .box{border:var(--border);border-radius:var(--border-panel-radius-pix);margin-top:var(--pad-content-pix);padding:var(--pad-content-pix)}article:is(.docs,.guides) :is(pre,div.top,div.bot,div.desc){--shiki-dark-bg: var(--back-content);--shiki-light-bg: var(--back-content);background-color:var(--back-content)}article:is(.docs,.guides) :is(pre,div.desc){display:block;border:var(--border);border-top:0;border-bottom:0;width:100%;padding-inline:var(--pad-content-pix)}article:is(.guides) :is(details){margin-top:1ch}article:is(.docs,.guides) :is(div.top,div.bot){border-radius:var(--border-panel-radius-pix);border:var(--border);height:calc(1 * var(--border-panel-radius-pix));width:100%}article:is(.docs,.guides) div.top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-top:var(--pad-content-pix)}article:is(.docs,.guides) div.bot{border-top:0;border-top-left-radius:0;border-top-right-radius:0}article:is(.docs,.guides) pre{margin:0}article:is(.docs,.guides) span.line.inherited{font-style:italic}article:is(.docs,.guides) span.line a{color:inherit}h4,h5,h6,article:is(.docs) :is(p,h1,h2,h3){margin:0}article:is(.docs,.guides,.about) :is(h1,h2,h3,h4,h5,h6){color:var(--over-back-chrome)}article:is(.docs,.guides) div.tabbed{margin-left:2em}article:is(.docs,.guides,.about)>blockquote{margin-inline:0}article:is(.docs,.guides,.about)>blockquote>p{margin-block:1ch}article:is(.docs,.guides,.about)>blockquote>p:before{content:"Note:";font:var(--font);padding-left:.5ch;color:var(--back-content);background-color:var(--fore-content);margin-right:1ch}article>h2{margin-bottom:0}article>h1{margin-top:0}article>:is(table,h3){margin-top:1ch}article.docs>hr{margin-top:0;border-style:dashed}article>table{border-collapse:collapse;width:100%;margin:0}article>table>thead{border-bottom:var(--border);border-color:var(--fore-chrome)}:is(p,li,td)>code{color:var(--over-back-chrome)}tr{vertical-align:top}:is(th,td){white-space:nowrap;padding-right:1ch}th{text-align:left}th:last-child{width:100%}article :is(code,strong){font:var(--font);font-size:.9em}a,a:visited{color:var(--fore-content)}:is(header,footer){background-color:var(--back-chrome);border-color:var(--over-back-chrome);color:var(--fore-chrome)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;border-top:1px solid;padding:1ch;gap:2ch}:is(header,footer) a{color:var(--fore-chrome)}:is(header,footer) a:is(:hover,:active,:focus){color:var(--on-fore-chrome)}header{border-bottom:1px solid}header>div{display:grid;grid-template-columns:1fr 3ch;gap:2ch;row-gap:1ch;padding:2ch}header>div>span{width:3ch;height:3ch}header>div>aside{display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,min-content);gap:1ch}li{line-height:1.3em}ul{list-style-type:square;padding-left:2ch}#flexed{display:grid;align-items:end;grid-template-columns:min-content 1fr min-content}#flexed,#flexed>a,#flexed>a>img{height:3ch}.astro-code,.astro-code span{background-color:var(--back-content)}@media (prefers-color-scheme: dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important}}@media (prefers-color-scheme: light){.astro-code,.astro-code span{color:var(--shiki-light)!important}}