.scoped{--sk-back-h: 206;--sk-selection-color: hsla(204, 100%, 63%, .3);--sk-nav-height: 6rem;--sk-page-padding-top: 6rem;--sk-page-padding-bottom: 6rem;--sk-page-padding-side: 2.4rem;--sk-thick-border-width: .3rem;--sk-border-radius: .4rem;--sk-page-main-width: 80rem;--sk-banner-bottom-height: 0px;--sk-font-mono: "Fira Mono", monospace;--sk-text-xxl: 3.6rem;--sk-text-xl: 3rem;--sk-text-l: 2.4rem;--sk-text-m: 2rem;--sk-text-s: 1.6rem;--sk-text-xs: 1.3rem;--sk-line-max-width: 84rem;--sk-focus-outline: 0 0 0 2px hsla(var(--sk-theme-1-hsl), .6);--sk-theme-1: hsl(var(--sk-theme-1-hsl));--sk-theme-2: hsl(var(--sk-theme-2-hsl));--sk-theme-3: hsl(var(--sk-theme-3-hsl));--sk-back-3: hsla(var(--sk-back-3-hsl), 1);--sk-back-2: hsla(var(--sk-back-2-hsl), 1);--sk-code-bg: var(--sk-back-3);--sk-text-warning: hsl(var(--sk-text-warning-hsl));--sk-back-3-hsl: 0, 0%, 14%;--sk-back-2-hsl: 0, 0%, 18%;--sk-back-1: hsl(0, 0%, 10%);--sk-back-4: hsl(0, 0%, 22%);--sk-back-5: hsl(0, 0%, 40%);--sk-back-translucent: hsla(0, 0%, 100%, .1);--sk-theme-1-hsl: 351, 87%, 38%;--sk-theme-2-hsl: 240, 8%, 44%;--sk-theme-3-hsl: 204, 100%, 63%;--sk-text-1: hsl(0, 0%, 90%);--sk-text-2: hsl(0, 0%, 80%);--sk-text-3: hsl(0, 0%, 65%);--sk-text-4: hsl(0, 0%, 45%);--sk-text-translucent: hsla(0, 0%, 100%, .9);--sk-scrollbar: rgba(255, 255, 255, .3);--sk-theme-1-variant: hsl(15, 100%, 40%);--sk-theme-2-variant: hsl(240, 8%, 35%);--sk-theme-3-variant: hsl(204, 100%, 50%);--sk-text-warning-hsl: 32, 67%, 56%;--sk-code-ts-bg: hsl(var(--sk-back-2-hsl));--sk-code-base: hsl(45, 7%, 75%);--sk-code-comment: hsl(0, 0%, 55%);--sk-code-keyword: hsl(204, 88%, 65%);--sk-code-function: hsl(19, 67%, 75%);--sk-code-string: hsl(41, 37%, 68%);--sk-code-number: hsl(120, 100%, 25%);--sk-code-template-string: hsl(2, 80%, 47%);--sk-code-tags: var(--sk-code-function);--sk-code-important: var(--sk-code-string);--sk-code-diff-base: hsla(0, 0%, 100%, .5);--sk-code-diff-inserted: hsl(120, 46%, 48%);--sk-code-diff-removed: hsl(2, 64%, 70%)}@media screen and (min-width: 480px){:root{--sk-page-padding-side: 3.2rem}}@media screen and (min-width: 768px){:root{--sk-text-xxl: 5.4rem;--sk-text-xl: 3.6rem;--sk-page-padding-top: 8rem;--sk-page-padding-side: 4.8rem}}.scoped{--quint-out: cubic-bezier(.23, 1, .32, 1);font-size:1.6rem;font-family:var(--sk-font);line-height:1.618;color:var(--sk-text-2);background-color:#1a2330;width:100%;-o-tab-size:2;tab-size:2;-moz-tab-size:2;box-sizing:inherit;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--sk-scrollbar) transparent;-webkit-tap-highlight-color:hsla(var(--sk-theme-1-hsl),.1);transition:.5s var(--quint-out);transition-property:background,background-color,background-image,border}.scoped *:focus-visible{outline:2px solid hsla(var(--sk-theme-1-hsl),.6);transition:.1s ease}.scoped p,.scoped ul,.scoped ol{margin:1em 0}.scoped a{position:relative;text-decoration:none;cursor:pointer;color:inherit}.scoped a:hover{text-decoration:underline}.scoped h6{font-size:var(--sk-text-xs)}.scoped h5,.scoped h4{font-size:var(--sk-text-s)}.scoped h3{font-size:var(--sk-text-m)}.scoped h2{font-size:var(--sk-text-l)}.scoped h1{font-size:var(--sk-text-xxl)}.scoped :where(h1,h2,h3,h4,h5,h6){position:relative;font-weight:400;line-height:1.35;color:var(--sk-text-1)}.scoped strong{font-weight:600}.scoped code,.scoped kbd{font-size:var(--sk-text-xs);font-family:var(--sk-font-mono);line-height:1.7}.scoped code{position:relative;border-radius:.3em;white-space:nowrap;color:var(--sk-text-2);-webkit-font-smoothing:initial;padding:.4rem;margin:0 .2rem;top:-.1rem;background:var(--sk-back-4)}.scoped pre{overflow-x:auto}.scoped pre code{white-space:inherit;background-color:transparent;padding:0;margin:0;top:0;background:transparent}.scoped ::-moz-selection{background:var(--sk-selection-color)}.scoped ::selection{background:var(--sk-selection-color)}.scoped blockquote{position:relative;margin:1.6rem 0 2.4rem;padding:2rem 2.4rem 1.8rem;max-width:var(--sk-line-max-width)}.scoped blockquote :where(p,ul){font-size:var(--sk-text-s)}.scoped blockquote :last-child{margin:0}.scoped button{font-family:inherit;font-size:inherit;background-color:transparent;border:none;color:currentColor;cursor:pointer}.scoped button[disabled]{opacity:.55;pointer-events:none}.scoped button>svg{position:relative;top:-.1rem;width:2rem!important;height:2rem!important;stroke:currentColor!important}.scoped a{position:relative;padding:0 0 1px;color:var(--sk-theme-1)}.scoped table{width:100%;font-size:var(--sk-text-s)}.scoped td,.scoped th{text-align:left;border-bottom:1px solid #eee;padding:.4rem .8rem .4rem 0}.scoped table :where(code,span){white-space:pre}figcaption,.post aside{max-width:none;margin:0 auto;padding:1.6rem 0 0 .8rem;font:1.2rem/1.6 var(--sk-font-mono)}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.scoped .text :where(h2){margin-top:7rem;border-bottom:1px solid var(--sk-back-4)}.scoped .text :where(h3){margin-top:5rem}.scoped .text :where(p,ol,ul){margin:1em 0}.scoped .text :where(section){max-width:var(--sk-line-max-width);padding:0 0 0 1rem}.scoped .text :where(section) :where(h2,h3,h4){margin-left:-1rem}.scoped .text :where(code){white-space:pre-wrap;padding:.2rem .4rem;margin:0 .2rem;top:-.1rem;background:var(--sk-back-4)}.scoped .text :where(.code-block){position:relative}.scoped .text :where(pre){position:relative;margin:1em 0;width:100%;padding:1rem;box-shadow:inset 1px 1px 6px #1d56800f;box-sizing:border-box;background-color:var(--sk-code-bg);color:var(--sk-code-base);border-radius:var(--sk-border-radius);font-size:var(--sk-text-s);overflow-x:auto}.scoped .text :where(pre code){display:block;padding:0;margin:0;top:0;width:100%;background:transparent}.scoped .text :where(p code){max-width:100%;display:inline-flex;overflow-x:auto;padding-top:0;padding-bottom:0}.scoped .text :where(.code-block .filename){content:attr(data-file);display:block;width:100%;font-family:var(--sk-font-mono);font-size:1.2rem;font-weight:400;padding:1rem 1rem .8rem;color:var(--sk-text-2);background:var(--sk-back-4);border-radius:var(--sk-border-radius) var(--sk-border-radius) 0 0;box-sizing:border-box}.scoped .text :where(.code-block pre){margin-top:0;border-radius:0 0 var(--sk-border-radius) var(--sk-border-radius)}.scoped .text :where(a:not(.permalink)){--color: var(--primary-hsl, var(--sk-theme-1-hsl));color:hsl(var(--color));box-shadow:inset 0 -1px hsl(var(--color));transition:box-shadow .1s ease-in-out}.scoped .text :where(a:not(.permalink)):hover{text-decoration:none;box-shadow:inset 0 -2px hsl(var(--color))}.scoped .text :where(a:not(.permalink) code){all:unset!important;color:inherit;background-color:transparent!important}.scoped .text :where(pre a):hover{border-bottom:1px solid var(--sk-theme-1);text-decoration:none}.scoped .text :where(pre.border){border-left:5px solid var(--sk-theme-2)}.scoped .text :where(pre.language-diff code){color:var(--sk-code-diff-base)}.scoped .language-diff :where(.inserted,.deleted){position:relative}.scoped .language-diff :where(.inserted){color:var(--sk-code-diff-inserted)}.scoped .language-diff :where(.deleted){color:var(--sk-code-diff-removed);-webkit-user-select:none;-moz-user-select:none;user-select:none}.scoped .language-diff :where(.inserted,.deleted):before{position:absolute;left:-1ch}.scoped .language-diff :where(.inserted):before{content:"+"}.scoped .language-diff :where(.deleted):before{content:"-"}:where(.token.comment.wrapped){display:block;white-space:pre-wrap;padding-left:calc(var(--indent) + 2ch);text-indent:calc(-1 * var(--indent) - 2ch);min-height:1.35em}.api-section{background:var(--sk-back-4);padding:1rem;margin-bottom:1rem;max-width:var(--sk-line-max-width);border-radius:var(--sk-border-radius)}.ts-block{margin:1em 0;max-width:var(--sk-line-max-width);background:var(--sk-code-ts-bg);border-radius:var(--sk-border-radius);filter:drop-shadow(2px 2px 8px rgba(0,0,0,.08));overflow:hidden}.ts-block>pre{--shiki-color-background: var(--sk-code-ts-bg);margin:0;border-radius:0;box-shadow:none;background:var(--sk-code-ts-bg)}.ts-block .ts-block-property p,.ts-block-property pre{margin:1rem 0}.ts-block-property>pre{margin:0;padding-left:1rem;border-radius:0;box-shadow:none;border-top:1px solid var(--sk-back-4)}.ts-block-property-details{padding:0 1rem 0 2rem}.ts-block-property-details blockquote{margin:1rem 0}.ts-block-property-children{margin:0rem -1rem 0rem 1rem}.ts-block-property-bullets .tag{font-size:1.4rem;text-transform:uppercase;color:#666}.ts-block-property ul:last-child{margin-bottom:0}.text :where([id]){scroll-margin-top:calc(var(--sk-nav-height) + 4rem)}.text :where(a.permalink){position:absolute!important;display:block;background:url(../../../icons/link.svg) 0 50% no-repeat;background-size:1em 1em;width:1.4em;height:1em;left:-1.3em;opacity:0;transition:opacity .2s;bottom:.25em}@media (min-width: 768px){.text :where(a.permalink:focus),.text :where(h2,h3,h4,h5,h6):hover a.permalink{opacity:1}}@media (max-width: 768px){.text :where(a.permalink){transform:scale(.6);opacity:1;left:-1em}.text :where(blockquote *){word-break:break-word}}.scoped .text :where(ol,ul){--list-padding: 3rem;margin-left:var(--list-padding)}.scoped .text :where(ul){list-style:none}.scoped .text :where(ol){list-style:decimal}.scoped .text :where(li){position:relative;max-width:calc(var(--sk-line-max-width) - var(--list-padding));line-height:1.5;margin:0 0 .5em}.scoped .text :where(ul li):before{content:"";position:absolute;margin-top:.8rem;margin-left:-1.8rem;background-color:var(--sk-back-5);width:.6rem;height:.6rem;border-radius:2px;opacity:.7}.scoped .text :where(table){margin:1em 0}.scoped .text :where(small){font-size:var(--sk-text-s);float:right;pointer-events:all;color:var(--sk-theme-1);cursor:pointer}.scoped .text :where(blockquote){--primary-hsl: var(--sk-theme-1-hsl);background-color:hsla(var(--primary-hsl),.02);color:var(--sk-text-1);border:1px solid hsl(var(--primary-hsl));border-radius:var(--sk-border-radius);padding:1rem;box-shadow:0 2px 6px hsla(var(--primary-hsl),.2)}.scoped .text :where(blockquote):before{content:"note";display:block;font-size:1.2rem;font-weight:600;text-transform:uppercase;color:hsl(var(--primary-hsl));margin-bottom:.5rem}.scoped .text :where(blockquote):first-child{margin-top:0}.scoped .text :where(blockquote):last-child{margin-bottom:0}.scoped .text :where(blockquote.deprecated){--primary-hsl: var(--sk-text-warning-hsl);--color: var(--primary-hsl)}.scoped .text :where(blockquote.deprecated):before{content:"Deprecated"}.scoped .text :where(blockquote.deprecated a){--color: var(--primary-hsl)}.scoped .text :where(section a code){color:inherit}.scoped .text :where(ul ul){margin-bottom:0}.post.svelte-o6dmgb{padding:8rem 3.2rem 6rem;max-width:80rem;margin:0 auto}h1.svelte-o6dmgb{font-size:4rem;font-weight:400}.standfirst.svelte-o6dmgb{font-size:1.6rem;color:#a6a6a6;margin:0 0 1em}.byline.svelte-o6dmgb{margin:0 0 1rem;padding:1.6rem 0 0;border-top:.3rem solid #6767785b;font-size:1.5rem}.post.svelte-o6dmgb figure{margin:1.6rem 0 3.2rem}.post.svelte-o6dmgb figure img{max-width:100%}.post.svelte-o6dmgb figcaption{color:#676779;text-align:left}.post.svelte-o6dmgb video{width:100%}.post.svelte-o6dmgb aside{float:right;margin:0 0 1em 1em;width:16rem;color:#676779;z-index:2}.post.svelte-o6dmgb .max{width:100%}.post.svelte-o6dmgb iframe{width:100%;height:420px;margin:2em 0;border-radius:.4rem;border:.8rem solid hsl(240,8%,44%)}@media (min-width: 910px){.post.svelte-o6dmgb .max{width:calc(100vw - 9.6rem);margin:0 calc(40rem - 50vw);text-align:center}.post.svelte-o6dmgb .max>*{width:100%;max-width:1200px}.post.svelte-o6dmgb iframe{width:100%;max-width:1100px;margin:2em auto}}