@charset "UTF-8";:root{--text-opacity: 1;--overlay-opacity: .1;--text-hue: 255, 0, 200;--overlay-hue: var(--background-color);--black-hue: 0, 0, 0;--blue-hue: 48, 115, 221;--brick-hue: 234, 88, 12;--cyan-hue: 8, 145, 178;--green-hue: 35, 197, 94;--orange-hue: 245, 158, 11;--pink-hue: 219, 39, 119;--purple-hue: 147, 51, 234;--red-hue: 234, 51, 51;--yellow-hue: 255, 218, 0;--white-hue: 255, 255, 255;--black: rgb(var(--black-hue));--blue: rgb(var(--blue-hue));--brick: rgb(var(--brick-hue));--cyan: rgb(var(--cyan-hue));--green: rgb(var(--green-hue));--orange: rgb(var(--orange-hue));--pink: rgb(var(--pink-hue));--purple: rgb(var(--purple-hue));--red: rgb(var(--red-hue));--white: rgb(var(--white-hue));--yellow: rgb(var(--yellow-hue));--text-color: rgba(var(--text-hue), var(--text-opacity));--overlay-color: rgba(var(--overlay-hue), var(--overlay-opacity))}.text-gradient{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(to right,var(--grad-stops));text-shadow:none;--grad-stops: var(--grad-from), var(--grad-to);--grad-to: transparent}.from-blue{--grad-from: var(--blue)}.from-cyan{--grad-from: var(--cyan)}.from-green{--grad-from: var(--green)}.from-orange{--grad-from: var(--orange)}.from-pink{--grad-from: var(--pink)}.from-purple{--grad-from: var(--purple)}.from-red{--grad-from: var(--red)}.from-yellow{--grad-from: var(--yellow)}.from-accent{--grad-from: var(--accent-color)}.from-foreground{--grad-from: var(--foreground-color)}.from-background{--grad-from: var(--background-color)}.to-blue{--grad-to: var(--blue)}.to-cyan{--grad-to: var(--cyan)}.to-green{--grad-to: var(--green)}.to-orange{--grad-to: var(--orange)}.to-pink{--grad-to: var(--pink)}.to-purple{--grad-to: var(--purple)}.to-red{--grad-to: var(--red)}.to-yellow{--grad-to: var(--yellow)}.to-accent{--grad-to: var(--accent-color)}.to-foreground{--grad-to: var(--foreground-color)}.to-background{--grad-to: var(--background-color)}.black{--text-hue: var(--black-hue)}.blue{--text-hue: var(--blue-hue)}.brick{--text-hue: var(--brick-hue)}.cyan{--text-hue: var(--cyan-hue)}.green{--text-hue: var(--green-hue)}.orange{--text-hue: var(--orange-hue)}.pink{--text-hue: var(--pink-hue)}.purple{--text-hue: var(--purple-hue)}.red{--text-hue: var(--red-hue)}.white{--text-hue: var(--white-hue)}.yellow{--text-hue: var(--yellow-hue)}.accent{color:var(--accent-color)}.colored{--text-color: rgba(var(--text-hue), var(--text-opacity));color:var(--text-color)}.split{display:flex;gap:var(--default-gap);flex-flow:row wrap;flex:1}.split.vertical{flex-flow:column}.split>*{flex:1}.byline{font-size:1.3em;letter-spacing:-.02em;margin-bottom:2rem;font-weight:300}.byline+*{margin-top:0}.right{text-align:right}p.new,small.new{background-color:var(--accent-fade);color:var(--background-95);font-weight:400;font-size:.85em;padding:.6rem .8rem;border-radius:var(--border-radius);margin-right:0}small.new{padding:.4em .7rem;font-size:.7rem;border-radius:1rem;letter-spacing:0;vertical-align:middle}code{counter-reset:step;counter-increment:step 0;background:var(--foreground-10);padding:.1rem .4rem .2rem;border-radius:.2rem;line-height:1.4;vertical-align:text-top}a code{color:var(--foreground-color)}h3 code{position:relative;top:-2px}.shiki{border-radius:var(--spacing-1);padding:var(--spacing-6) var(--spacing-4);margin-bottom:2rem;overflow-x:scroll;max-width:var(--max-width-full);font-size:1rem;line-height:1.3em;width:100%}.shiki>code{background-color:transparent;padding:0}@media (max-width: 700px){.shiki{font-size:clamp(.7rem,2vw,1rem);padding:1.5em}.shiki code .line:before{display:none}}.highlight-line{display:inline-block;background-color:var(--colour-code-background-highlighted);width:calc(var(--max-width-full) + var(--spacing-4));border-left:var(--spacing-1) solid var(--colour-code-line-highlight);margin-left:calc(-1 * var(--spacing-1))}:root{--colour-brand: hsl(193 67% 34%);--colour-light: hsl(7 53% 97%);--colour-line-numbers: hsl(219 14% 71% / .4);--colour-code-line-highlight: hsl(34 96% 55%);--colour-code-background-hue: 220;--colour-code-background-saturation: 13%;--colour-code-background-lightness: 18%;--colour-code-background-highlighted: hsl( var(--colour-code-background-hue) var(--colour-code-background-saturation) calc(var(--colour-code-background-lightness) + 5%) );--spacing-px: 1px;--spacing-px-2: 2px;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-12: 3rem;--spacing-18: 4.5rem;--max-width-wrapper: 48rem;--max-width-full: 100%;--font-size-root: 16px;--font-size-3: 1.563rem;--font-size-4: 1.953rem;--font-size-5: 2.441rem;--font-size-6: 3.052rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-normal: 1.5;--shadow-color: 194deg 84% 18%;--shadow-elevation-medium: -1px 1px 1.6px hsl(var(--shadow-color) / .36), -3.3px 3.3px 5.3px -.8px hsl(var(--shadow-color) / .36), -8.2px 8.2px 13px -1.7px hsl(var(--shadow-color) / .36), -20px 20px 31.8px -2.5px hsl(var(--shadow-color) / .36)}code .line:before{display:inline-block;content:counter(step);counter-increment:step;width:var(--spacing-6);margin-right:var(--spacing-6);text-align:right;font-variant-numeric:tabular-nums;color:var(--colour-line-numbers)}h3:has(code){margin-top:0;font-size:1rem;margin-bottom:.3rem;line-height:1.4em}h3+h3:has(code){margin-top:-.3em}h3:has(code)+h3:has(code){margin-top:.1rem}h3:has(code)+.shiki{margin-top:1rem}.side-navigation a.active{color:var(--accent-color)!important}.side-navigation .header.active a{color:var(--accent-color)}.side-navigation a{color:var(--foreground-75);font-weight:400}.side-navigation li.active .description{margin-bottom:1rem}.side-navigation :global(.side-navigation a.active){color:var(--accent-color)}.side-navigation a.active:after{content:"";display:block;background-color:var(--accent-color);height:1rem;width:1rem;transform:rotate(45deg);position:absolute;right:-.8rem;margin-top:-1.5em;border:2px solid var(--foreground-50);z-index:1}.side-navigation .gap{margin-top:1rem}.side-navigation .subheading>a{font-size:1.2rem}.side-navigation .description{line-height:1.2;display:block;font-size:.6em;font-weight:300;color:var(--foreground-75);white-space:pre-wrap}:root{--input-focus-color: var(--blue);--input-border-thickness: var(--border-thickness);--input-background-color: var(--foreground-5);--label-width: 6em;--checkbox-size: 1.1rem;--button-background-primary: var(--blue);--button-foreground-primary: var(--white);--button-background-secondary: var(--background-color);--button-foreground-secondary: var(--foreground-color);--button-border-radius: var(--border-radius)}input,textarea,button{font-size:1.1rem;padding:.4rem .65rem;border-radius:calc(.6 * var(--border-radius));border-radius:var(--border-radius);background:var(--input-background-color);border:var(--input-border-thickness) solid var(--foreground-25);width:100%;color:var(--foreground-color)}input:focus,textarea:focus,button:focus{outline:2px solid var(--input-focus-color);outline-offset:calc(-1 * var(--input-border-thickness))}input[type=text]{min-width:10rem}input[type=range]:focus,input[type=checkbox]:focus{outline:none}input[type=checkbox]{justify-self:flex-start;width:var(--checkbox-size);height:var(--checkbox-size);cursor:pointer}label{display:flex;gap:.3rem;flex-flow:column;font-weight:600;font-size:1rem;-webkit-user-select:none;user-select:none}label.inline{flex-flow:row;white-space:wrap;justify-content:flex-end;align-items:center;text-align:right;display:grid;grid-template-columns:var(--label-width) 1fr;gap:.8rem}label:not(:last-child){margin-bottom:1.5em}input::placeholder,textarea::placeholder{color:var(--foreground-25)}button{background-color:var(--button-background-primary);color:var(--button-foreground-primary);border-color:var(--foreground-10);border-radius:calc(.6 * var(--button-border-radius));padding:.8rem;line-height:0}button.secondary{background-color:var(--button-background-secondary);color:var(--button-foreground-secondary);border-color:var(--foreground-75)}button:hover{opacity:.9;cursor:pointer}button:disabled{opacity:.25;pointer-events:none;cursor:default}:root{--max-page-width: 1200px;--transition-duration: .1s;--border-radius: .3rem;--border-thickness: 2px;--accent-hue: 255, 0, 200;--accent-color: rgb(var(--accent-hue));--accent-fade: rgba(var(--accent-hue), .8);--app-padding-desktop: 2rem;--app-padding-mobile: 1rem;--link-color: var(--blue);--brand-color: var(--accent-color);--brand-size: 2.2rem;--version-offset: -.3rem;--header-color: var(--background-95);--footer-color: var(--background-color);--page-gutter: 3rem;--navlink-border: 2px;--default-gap: 1.5rem;--lightmode-foreground-hue: 0, 0%, 20%;--lightmode-background-hue: 0, 0%, 93%;--darkmode-foreground-hue: 0, 0%, 93%;--darkmode-background-hue: 0, 0%, 12%;--ol-counter-size: 2rem;--image-border-radius: 0;--image-outline-thickness: 0;--image-outline-color: var(--foreground-25);--foreground-hue: var(--lightmode-foreground-hue);--background-hue: var(--lightmode-background-hue);--foreground-color: hsl(var(--foreground-hue));--background-color: hsl(var(--background-hue));--foreground-5: hsla(var(--foreground-hue), .05);--foreground-10: hsla(var(--foreground-hue), .1);--foreground-25: hsla(var(--foreground-hue), .25);--foreground-50: hsla(var(--foreground-hue), .5);--foreground-75: hsla(var(--foreground-hue), .75);--foreground-95: hsla(var(--foreground-hue), .95);--background-5: hsla(var(--background-hue), .05);--background-10: hsla(var(--background-hue), .1);--background-25: hsla(var(--background-hue), .25);--background-50: hsla(var(--background-hue), .5);--background-75: hsla(var(--background-hue), .75);--background-95: hsla(var(--background-hue), .95)}@media (prefers-color-scheme: dark){:root{--foreground-hue: var(--darkmode-foreground-hue);--background-hue: var(--darkmode-background-hue)}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;font-family:Arial,Helvetica,sans-serif;font-family:Overpass,sans-serif;background-color:var(--background-color);overflow-x:hidden}body{color:var(--foreground-color);background-color:var(--background-color)}ul,ol{margin-left:2em;margin-bottom:1.5em}li{margin-bottom:.5em}a{color:inherit;text-decoration:none;color:var(--accent-color);cursor:pointer}a:hover{text-decoration:underline}input.text,textarea{background:none;padding:.6em;font-size:1.2rem;border-radius:var(--border-radius);border:none;font-size:2rem;padding:.8rem 1rem;border:2px dashed #ddd}input.text::placeholder,textarea::placeholder{color:#ccc}input.text:focus,textarea:focus{outline:2px dashed rgba(0,100,200,.6);outline-offset:-2px;border:2px solid transparent}blockquote{font-family:Georgia,Times New Roman,Times,serif;background:var(--foreground-5);border-left:.5rem solid var(--foreground-25);margin:1.5em 0;padding:1em 1em .6em;quotes:"“" "”" "‘" "’";font-size:1.4rem;line-height:1.4em;font-style:italic;letter-spacing:-.01em}blockquote>p:first-child:before{color:#ccc;color:var(--foreground-25);content:open-quote;font-size:4em;line-height:0;margin-right:.15em;vertical-align:-.4em}blockquote cite{font-size:.65em;text-transform:uppercase;opacity:.7;display:block;text-align:right;margin-top:.5em}blockquote cite:before{content:" ~ "}hr{border:0;height:2px;border-bottom:2px dashed var(--foreground-25);margin:3rem 0}h1,h2,h3{font-size:clamp(2.5rem,18vmin,5rem);font-weight:lighter;line-height:1em;letter-spacing:-.02em;padding-bottom:.26em;margin-bottom:.4em}h1{line-height:.8em;letter-spacing:-.07em;font-weight:400}h2,h3{letter-spacing:-.04em;font-family:sans-serif,Arial}h2{font-size:2.2rem;font-size:clamp(1.3rem,8vmin,2rem);font-weight:100}h3{font-size:1.4rem;margin-bottom:.3rem;font-weight:400;letter-spacing:0}h4{color:var(--foreground-75);margin-bottom:.3rem}h1+h2,h1+p{margin-top:2rem}p,li,caption{font-weight:100;font-size:1em;line-height:1.6em}p:not(:last-child){margin-bottom:1.5em}caption{font-size:.95em}ul,ol{margin-right:1.5rem}ul:not(:last-child),ol:not(:last-child){margin-bottom:2.5em}ol{list-style:none;counter-reset:ol-counter;gap:1em;margin:1rem 0}ul{margin-left:2.7em}ol li{flex:1;counter-increment:ol-counter;position:relative;align-items:baseline;padding-left:2rem}ol li:before{font-size:1.3rem;letter-spacing:-.03em;content:counter(ol-counter);flex:0 1rem;min-width:2rem;text-align:right;font-weight:400;position:absolute;left:-.5em;line-height:1em;color:var(--accent-color);margin:0 .7rem 0 0}figure{display:flex;flex-flow:column;gap:1rem}figure caption{padding:0 1.5em}figure:not(:last-child){margin-bottom:2.5rem}figure:not(:first-child){margin-top:2rem}@media (min-width: 500px){figure.horizontal{flex-flow:row;gap:2rem}figure.horizontal>*{flex:1;overflow:hidden}figure.horizontal caption{flex:.25;text-align:left;padding:0 1em 0 0}}figure img{width:100%;height:auto;object-fit:cover}figure img:not(.fullwidth){outline:var(--image-outline-thickness) solid var(--image-outline-color);outline-offset:calc(-1 * var(--image-outline-thickness));border-radius:var(--image-border-radius)}caption{font-size:.85em;line-height:1.3em;color:var(--foreground-75)}caption a{font-weight:400;color:var(--foreground-color)}@media (max-width: 500px){:root{--page-gutter: 1.5em}}strong{font-weight:500;letter-spacing:-.015em}table{border-collapse:collapse;width:100%}table:not(:last-child){margin-bottom:2rem}td,th{padding:.6rem .6rem .5rem;border:1px solid var(--foreground-25)}th{background-color:var(--foreground-5)}svg{height:100%}@media (max-width: 25rem){.desktop{display:none}}.header.svelte-1n5x95h{display:flex;justify-content:space-between;align-items:baseline}a.svelte-1n5x95h{transition:all .05s ease}a.svelte-1n5x95h:hover{text-decoration:none;transform:scale(1.2)}a.close.svelte-1n5x95h{transition:all .1s ease}a.close.svelte-1n5x95h:hover{text-decoration:none;transform:scale(1.2)}main.svelte-1n5x95h{top:0;left:0;right:0;bottom:0;position:fixed;z-index:999;background-color:var(--background-color);display:flex;flex-flow:column;padding:var(--app-padding-desktop)}@media (max-width: 25em){main.svelte-1n5x95h{padding:var(--app-padding-mobile)}}h2.svelte-1n5x95h{display:flex;justify-content:space-between}.room-selector.svelte-198145d.svelte-198145d{display:flex;flex-flow:row wrap;justify-content:stretch;column-gap:.5rem;row-gap:.2rem;font-size:2rem}.room-selector.svelte-198145d>.svelte-198145d{height:2.5rem}input.svelte-198145d.svelte-198145d{height:100%;padding:0 1rem;border-radius:var(--border-radius);border:none;outline:1px solid var(--foreground-50);font-size:.6em;flex:1}input.svelte-198145d.svelte-198145d::placeholder{color:var(--foreground-25)}input.svelte-198145d.svelte-198145d:focus{outline:2px solid var(--accent-color)}button.svelte-198145d.svelte-198145d{height:100%;border:none;border-radius:var(--border-radius);background-color:var(--accent-color);color:#fff;font-size:.6em;flex:0 1 auto;flex:0;white-space:nowrap}@media (max-width: 35rem){button.svelte-198145d.svelte-198145d{flex:1 100%;order:1}}@media (max-width: 35rem){.connected.svelte-198145d button.svelte-198145d:not(.disconnect){flex:1;order:-1}}@media (max-width: 35rem){button.connect.svelte-198145d.svelte-198145d{flex:1 100%}}button.disconnect.svelte-198145d.svelte-198145d{background-color:var(--foreground-25);flex:8}@media (max-width: 35rem){button.disconnect.svelte-198145d.svelte-198145d{flex:1 75%}}main.svelte-1gbwjyo{position:fixed;z-index:999;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-color);opacity:.98}h2.svelte-mkgt8f{opacity:.6}#layout.svelte-xn2x36.svelte-xn2x36{padding:var(--app-padding-desktop);display:flex;flex-flow:column;min-height:100vh;gap:1rem;max-height:100vh;overflow:hidden}@media (max-width: 25em){#layout.svelte-xn2x36.svelte-xn2x36{padding:var(--app-padding-mobile)}}#layout.svelte-xn2x36 #room.svelte-xn2x36{flex:1;display:flex;flex-flow:column;overflow:hidden}@supports (height: env(safe-area-inset-bottom)){#layout.svelte-xn2x36.svelte-xn2x36{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}