:root {
	/* colors */
	--sk-back-h: 206;
	--sk-back-3-hsl: 206, 64%, 98%;

	--sk-back-1: hsl(0, 0%, 100%);
	--sk-back-2: hsl(0, 0%, 100%); /* same as sk-back-1 in light mode, different in dark mode */
	--sk-back-3: hsl(var(--sk-back-3-hsl));
	--sk-back-4: hsl(206, 44%, 93%);
	--sk-back-5: hsl(206, 20%, 80%);
	--sk-theme-1: hsl(15, 100%, 50%);
	--sk-theme-2: hsl(240, 8%, 44%);
	--sk-theme-3: hsl(204, 100%, 63%);
	--sk-text-1: hsl(0, 0%, 13%);
	--sk-text-2: hsl(0, 0%, 27%);
	--sk-text-3: var(--sk-theme-2);
	--sk-scrollbar: rgba(0, 0, 0, 0.3);

	/* same in light mode, different in dark mode */
	--sk-theme-1-variant: hsl(15, 100%, 50%);
	--sk-theme-2-variant: hsl(240, 8%, 44%);
	--sk-theme-3-variant: hsl(204, 100%, 63%);

	--sk-code-bg: var(--sk-back-3);
	--sk-code-ts-bg: var(--sk-back-1);
	--sk-code-base: hsl(45, 7%, 35%);
	--sk-code-comment: hsl(0, 0%, 41%);
	--sk-code-keyword: hsl(204, 88%, 35%);
	--sk-code-function: hsl(19, 67%, 44%);
	--sk-code-string: hsl(41, 37%, 38%);
	--sk-code-number: hsl(120, 100%, 25%);
	--sk-code-template-string: hsl(2, 80%, 47%);
	--sk-code-tags: var(--code-function);
	--sk-code-important: var(--code-string);
	--sk-code-diff-base: hsla(0, 0%, 0%, 0.4);
	--sk-code-diff-inserted: hsl(120, 100%, 25%);
	--sk-code-diff-removed: hsl(2, 80%, 47%);

	/* used for coloured backgrounds e.g. blockquotes */
	--sk-back-translucent: hsla(0, 0%, 0%, 0.1);
	--sk-text-translucent: hsla(0, 0%, 0%, 0.7);

	/* dimensions */
	--sk-nav-height: 6rem;
	--sk-page-padding-top: 6rem;
	--sk-page-padding-bottom: 6rem;
	--sk-page-padding-side: 2.4rem;
	--sk-thick-border-width: 0.3rem;
	--sk-border-radius: 0.4rem;

	/* typography */
	--sk-font: 'Overpass', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
		Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	--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;
}

@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;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		/* TODO create tokens for all the ad-hoc styles used on the site, so we can offer dark mode */
		--sk-back-1: hsl(0, 0%, 10%);
		--sk-back-2: hsl(0, 0%, 18%);
		/* --sk-back-3: hsl(0, 0%, 20%); */
		--sk-back-4: hsl(0, 0%, 22%);
		--sk-back-5: hsl(0, 0%, 40%);
		--sk-back-translucent: hsla(0, 0%, 100%, 0.1);
		--sk-theme-1: hsl(15, 100%, 55%);
		--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-translucent: hsla(0, 0%, 100%, 0.9);
		--sk-scrollbar: rgba(255, 255, 255, 0.3);

		--sk-back-3-hsl: 0, 0%, 14%;
		--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-code-ts-bg: var(--sk-back-2);
		--sk-code-bg: var(--sk-back-3);
		--sk-code-base: hsl(45, 7%, 75%);
		--sk-code-comment: hsl(0, 0%, 51%);
		--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(--code-function);
		--sk-code-important: var(--code-string);
		--sk-code-diff-base: hsla(0, 0%, 100%, 0.4);
		--sk-code-diff-inserted: hsl(120, 100%, 35%);
		--sk-code-diff-removed: hsl(2, 80%, 47%);
	}
}

/* legacy — existing site-kit uses these, and upgrading svelte.dev will be easier if we keep them around for now */

:root {
	/* colors */
	--back: var(--sk-back-1);
	--back-light: var(--sk-back-3);
	--back-api: var(--sk-back-4);
	--prime: var(--sk-theme-1);
	--second: var(--sk-theme-2);
	--flash: var(--sk-theme-3);
	--heading: var(--sk-text-1);
	--text: var(--sk-text-2);
	--sidebar-text: rgba(255, 255, 255, 0.9);

	--code-bg: var(--sk-code-bg);
	--code-base: var(--sk-code-base);
	--code-comment: var(--sk-code-comment);
	--code-keyword: var(--sk-code-keyword);
	--code-function: var(--sk-code-function);
	--code-string: var(--sk-code-string);
	--code-number: var(--sk-code-number);
	--code-template-string: var(--sk-code-template-string);
	--code-tags: var(--sk-code-tags);
	--code-important: var(--sk-code-important);

	/* dimensions */
	--nav-h: var(--sk-nav-height);
	--top-offset: var(--sk-page-padding-top);
	--side-nav: var(--sk-page-padding-side);
	--sidebar-w: var(--sidebar-width);
	--border-w: var(--sk-thick-border-width);
	--border-r: var(--sk-border-radius);

	/* typography */
	--font: var(--sk-font);
	--font-mono: var(--sk-font-mono);
	--h1: var(--sk-text-xxl);
	--h2: var(--sk-text-l);
	--h3: var(--sk-text-m);
	--h4: var(--sk-text-s);
	--h5: var(--sk-text-s);
	--h6: var(--sk-text-xs);
	--code-fs: var(--sk-text-xs);
	--linemax: var(--sk-line-max-width);

	/* unused in this project */
	--main-width: 80rem;
	--sidebar-mid-w: 36rem;
	--sidebar-large-w: 48rem;
}

@font-face {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 300;
	src: local('Overpass Light '), local('Overpass-Light'),
		url('./overpass-latin-300-3782c01a.woff2') format('woff2');
}

@font-face {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	src: local('Overpass Bold '), local('Overpass-Bold'),
		url('./overpass-latin-600-0ca25556.woff2') format('woff2');
}

@font-face {
	font-family: 'Fira Mono';
	font-style: normal;
	font-weight: 400;
	src: local('Fira Mono Regular '), local('Fira Mono-Regular'),
		url('./fira-mono-latin-400-8d4e0c52.woff2') format('woff2');
}

/*	base reset ----------------------------- */

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	box-sizing: border-box;
	border-collapse: collapse;
}

body {
	font-size: 1.6rem;
	font-family: var(--sk-font);
	line-height: 1.5;
	color: var(--sk-text-2);
	background-color: var(--back);
	width: 100%;
	tab-size: 2;
	-moz-tab-size: 2;
}

* {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	scrollbar-width: thin;
	scrollbar-color: var(--sk-scrollbar) transparent;
	-webkit-overflow-scrolling: touch;
}

p,
ul,
ol {
	margin: 1em 0;
}

a {
	position: relative;
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

h6 {
	font-size: var(--sk-text-xs);
}

h5 {
	font-size: var(--sk-text-s);
}

h4 {
	font-size: var(--sk-text-s);
}

h3 {
	font-size: var(--sk-text-m);
}

h2 {
	font-size: var(--sk-text-l);
}

h1 {
	font-size: var(--sk-text-xxl);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: 400;
	line-height: 1.35;
	color: var(--sk-text-1);
}

strong {
	font-weight: 600;
}

code,
kbd {
	font-size: var(--sk-text-xs);
	font-family: var(--sk-font-mono);
	line-height: 1.7;
}

code {
	position: relative;
	border-radius: 0.3em;
	white-space: nowrap;
	color: var(--sk-text-2);
	-webkit-font-smoothing: initial;
	padding: 0.4rem;
	margin: 0 0.2rem;
	top: -0.1rem;
	background: var(--sk-back-4);
}

pre {
	overflow-x: auto;
}

pre code {
	top: 0;
	white-space: inherit;
	background-color: transparent;
	padding: 0;
	margin: 0;
	top: 0;
	background: transparent;
}

::selection {
	background: var(--sk-theme-3);
	color: white;
}

/*	opinionated styles --------------------- */

blockquote {
	position: relative;
	margin: 1.6rem 0 2.4rem;
	padding: 2rem 2.4rem 1.8rem 2.4rem;
	max-width: var(--sk-line-max-width);
}

blockquote p,
blockquote ul {
	font-size: var(--sk-text-s);
}

blockquote :last-child {
	margin: 0;
}

/*  buttons -------------------------------- */

button {
	font-family: inherit;
	font-size: inherit;
	background-color: transparent;
	border: none;
	color: currentColor;
	cursor: pointer;
}

button[disabled] {
	opacity: 0.55;
	pointer-events: none;
}

button > svg {
	position: relative;
	top: -0.1rem;
	width: 2rem !important;
	height: 2rem !important;
	stroke: currentColor !important;
}

/*  links ------------------------------------- */

a {
	position: relative;
	padding: 0 0 1px 0;
	color: var(--sk-theme-1);
}

/*  tables --------------------------------- */

table {
	width: 100%;
	font-size: var(--sk-text-s);
}

td,
th {
	text-align: left;
	border-bottom: 1px solid #eee;
	padding: 0.4rem 0.8rem 0.4rem 0;
}

table code,
table span {
	white-space: pre;
}

/*	helper styles -------------------------- */

figcaption,
.post aside {
	max-width: none;
	margin: 0 auto;
	padding: 1.6rem 0 0 0.8rem;
	font: 1.2rem/1.6 var(--sk-font-mono);
}

/* visually hidden, but accessible to assistive tech */

.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;
}

.text h2 {
	margin-top: 7rem;
	border-bottom: 1px solid var(--sk-back-4);
}

.text h3 {
	margin-top: 5rem;
}

.text p,
.text ol,
.text ul {
	margin: 1em 0;
}

.text section {
	max-width: var(--sk-line-max-width);
	padding: 0 0 0 1rem;
}

.text section h2,
.text section h3,
.text section h4 {
	margin-left: -1rem;
}

/* code */

.text code {
	padding: 0.2rem 0.4rem;
	margin: 0 0.2rem;
	top: -0.1rem;
	background: var(--sk-back-4);
}

.text .code-block {
	position: relative;
}

.text pre {
	margin: 1em 0;
	width: 100%;
	padding: 1rem;
	box-shadow: inset 1px 1px 6px hsla(205.7, 63.6%, 30.8%, 0.06);
	box-sizing: border-box;
	background-color: var(--code-bg);
	color: var(--code-base);
	border-radius: var(--sk-border-radius);
	font-size: var(--sk-text-s);
	overflow-x: auto;
}

.text pre code {
	padding: 0;
	margin: 0;
	top: 0;
	background: transparent;
}

.text p code {
	max-width: 100%;
	display: inline-flex;
	overflow-x: auto;
	padding-top: 0;
	padding-bottom: 0;
}

.text .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 0.8rem 1rem;
	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;
}

.text .code-block pre {
	margin-top: 0;
	border-radius: 0 0 var(--sk-border-radius) var(--sk-border-radius);
}

.text pre a {
	border-bottom: 1px dotted var(--sk-theme-1);
}

.text pre a:hover {
	border-bottom: 1px solid var(--sk-theme-1);
	text-decoration: none !important;
}

.text pre.border {
	border-left: 5px solid var(--sk-theme-2);
}

.text pre.language-diff code {
	color: var(--sk-code-diff-base);
}

.language-diff .inserted,
.language-diff .deleted {
	position: relative;
}

.language-diff .inserted {
	color: var(--sk-code-diff-inserted);
}

.language-diff .deleted {
	color: var(--sk-code-diff-removed);
	user-select: none;
}

.language-diff .inserted::before,
.language-diff .deleted::before {
	position: absolute;
	left: -0.6rem;
	top: -0.2rem;
	font-size: 1.2rem;
}

.language-diff .inserted::before {
	content: '+';
}

.language-diff .deleted::before {
	content: '-';
}

/** make long comments wrap on mobile */

.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, 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 {
	margin: 1rem 0;
}

.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;
}

/* permalinks */

.text [id] {
	scroll-margin-top: calc(var(--sk-nav-height) + 4rem);
}

.text a.permalink {
	position: absolute !important;
	display: block;
	background: url(./link-1a918426.svg) 0 50% no-repeat;
	background-size: 1em 1em;
	width: 1.4em;
	height: 1em;
	left: -1.3em;
	opacity: 0;
	transition: opacity 0.2s;
	bottom: 0.25em;
}

@media (min-width: 768px) {
	.text a.permalink:focus,
	.text h2:hover a.permalink,
	.text h3:hover a.permalink,
	.text h4:hover a.permalink,
	.text h5:hover a.permalink,
	.text h6:hover a.permalink {
		opacity: 1;
	}
}

@media (max-width: 768px) {
	.text a.permalink {
		transform: scale(0.6);
		opacity: 1;
		left: -1em;
	}
}

/* lists */

.text ol,
.text ul {
	--list-padding: 3rem;
	margin-left: var(--list-padding);
}

.text ul {
	list-style: none;
}

.text ol {
	list-style: decimal;
}

.text li {
	position: relative;
	max-width: calc(var(--sk-line-max-width) - var(--list-padding));
	line-height: 1.5;
	margin: 0 0 0.5em 0;
}

.text ul li::before {
	content: '';
	position: absolute;
	margin-top: 0.8rem;
	margin-left: -1.8rem;
	background-color: var(--sk-back-5);
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 2px;
	opacity: 0.7;
}

.text table {
	margin: 1em 0;
}

.text small {
	font-size: var(--sk-text-s);
	float: right;
	pointer-events: all;
	color: var(--sk-theme-1);
	cursor: pointer;
}

.text blockquote {
	background: var(--sk-back-1);
	color: var(--sk-text-1);
	border: 1px solid var(--sk-theme-1);
	border-radius: var(--sk-border-radius);
	padding: 1rem;
	filter: drop-shadow(2px 2px 6px hsla(15, 100%, 50%, 0.2));
}

.text blockquote :first-child {
	margin-top: 0;
}

.text blockquote :last-child {
	margin-bottom: 0;
}

.text section a:hover {
	text-decoration: underline;
}

.text section a code {
	color: inherit;
	background: rgba(255, 62, 0, 0.1) !important;
}

.text ul ul {
	margin-bottom: 0;
}

:root {
	--shiki-color-text: var(--sk-code-base);
	--shiki-color-background: var(--sk-back-3);
	--shiki-token-constant: var(--sk-code-base);
	--shiki-token-string: var(--sk-code-string);
	--shiki-token-comment: var(--sk-code-comment);
	--shiki-token-keyword: var(--sk-code-keyword);
	--shiki-token-parameter: var(--sk-code-base);
	--shiki-token-function: var(--sk-code-function);
	--shiki-token-string-expression: var(--sk-code-string);
	--shiki-token-punctuation: var(--sk-code-base);
	--shiki-token-link: var(--sk-code-keyword);
}

.token {
	color: var(--sk-code-base);
}

.token.tag,
.token.attr-value .attr-equals {
	color: var(--sk-code-function);
}

.token.string,
.token.interpolation-punctuation,
.token.attr-value,
.token.inserted {
	color: var(--sk-code-string);
}

.token.builtin,
.token.function {
	color: var(--sk-code-function);
}

.token.keyword,
.token.boolean {
	color: var(--sk-code-keyword);
}

.token.comment {
	color: var(--sk-code-comment);
}

.token.deleted {
	color: #fc9b9b;
}

.token.template-string .interpolation-punctuation,
.token.template-string .string {
	color: var(--sk-code-template-string);
}

.language-id {
	display: none;
}

pre.twoslash .error,
pre.twoslash .error-behind {
	display: none;
}

pre.twoslash data-lsp {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
.modal-background.svelte-173nfcg.svelte-173nfcg{position:fixed;width:100%;height:100%;top:0;left:0;background:var(--back);opacity:0.8;z-index:2;backdrop-filter:grayscale(0.5) blur(2px)}nav.svelte-173nfcg.svelte-173nfcg{--shadow-height:0.5rem;--shadow-gradient:linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0.1) 0%,
			rgba(0, 0, 0, 0.05) 30%,
			transparent 100%
		);position:fixed;top:0;width:100vw;height:var(--sk-nav-height);margin:0 auto;background-color:var(--sk-back-2);font-family:var(--sk-font);z-index:100;user-select:none;transition:transform 0.2s}nav.svelte-173nfcg.svelte-173nfcg::after{content:'';position:absolute;width:100%;height:var(--shadow-height);left:0;bottom:calc(-1 * var(--shadow-height));background:var(--shadow-gradient)}@media(max-width: 800px){nav.svelte-173nfcg.svelte-173nfcg:not(.visible):not(:focus-within){transform:translate(
				0,
				calc(-100% - 5rem)
			)}}ul.svelte-173nfcg.svelte-173nfcg{position:relative;width:100%;padding:0;margin:0;list-style:none}ul.svelte-173nfcg a{color:var(--sk-text-2)}.home.svelte-173nfcg.svelte-173nfcg{width:30rem;height:var(--sk-nav-height);display:flex;text-indent:-9999px;background-position:calc(var(--sk-page-padding-side) - 1rem) 50%;background-repeat:no-repeat;background-size:auto 70%}button.svelte-173nfcg.svelte-173nfcg{position:absolute;top:calc(var(--sk-nav-height) / 2 - 1rem);right:var(--sk-page-padding-side);line-height:1}@media(max-width: 800px){ul.svelte-173nfcg.svelte-173nfcg{position:relative;display:none;width:100%;background:var(--back);padding:1rem var(--sk-page-padding-side)}.open.svelte-173nfcg ul.svelte-173nfcg{display:block}ul.external.svelte-173nfcg.svelte-173nfcg{padding:1rem var(--sk-page-padding-side) 1rem}ul.external.svelte-173nfcg.svelte-173nfcg::before{content:'';position:absolute;top:0;left:var(--sk-page-padding-side);width:calc(100% - 2 * var(--sk-page-padding-side));height:1px;background:radial-gradient(
				circle at center,
				rgba(0, 0, 0, 0.1),
				rgba(0, 0, 0, 0.05)
			)}ul.external.svelte-173nfcg.svelte-173nfcg::after{content:'';position:absolute;width:100%;height:var(--shadow-height);left:0;bottom:calc(-1 * var(--shadow-height));background:var(--shadow-gradient)}}@media(min-width: 800px){.modal-background.svelte-173nfcg.svelte-173nfcg{display:none}nav.svelte-173nfcg.svelte-173nfcg{display:flex;align-items:center;justify-content:space-between}ul.svelte-173nfcg.svelte-173nfcg{display:flex;width:auto;height:100%}ul.svelte-173nfcg li{margin:0 0.5rem;padding:0}ul.svelte-173nfcg a{display:flex;align-items:center;height:100%}ul.external.svelte-173nfcg.svelte-173nfcg{width:30rem;padding:0 var(--sk-page-padding-side) 0 0;justify-content:end}button.svelte-173nfcg.svelte-173nfcg{display:none}}a.svelte-1iex17r{font-size:var(--sk-text-s)}a.svelte-1iex17r:hover{color:var(--sk-theme-3);opacity:1}[aria-current].svelte-1iex17r{color:var(--sk-theme-1)}.progress-container.svelte-156y8je{position:absolute;top:0;left:0;width:100%;height:4px;z-index:999}.progress.svelte-156y8je{position:absolute;left:0;top:0;height:100%;background-color:var(--sk-theme-1);transition:width 0.4s}.fade.svelte-156y8je{position:fixed;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.3);pointer-events:none;z-index:998;animation:svelte-156y8je-fade 0.4s}@keyframes svelte-156y8je-fade{from{opacity:0}to{opacity:1}}a.svelte-1rscj97{background:var(--sk-back-1);color:var(--sk-text-2);border:2px solid var(--sk-text-1);padding:8px;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translateY(-999px);z-index:1000}a.svelte-1rscj97:focus{transform:translateY(0%)}@keyframes svelte-9kfram-fade-in{from{opacity:0}to{opacity:1}}.search-container.svelte-9kfram.svelte-9kfram{position:relative;display:flex;align-items:center;width:100%;height:100%}input.svelte-9kfram.svelte-9kfram{padding:0.5em 0.5em 0.4em 2em;border:1px solid var(--sk-back-translucent);font-family:inherit;font-size:1.4rem;appearance:none;-webkit-appearance:none;width:100%;height:3.2rem;border-radius:var(--sk-border-radius);background:no-repeat 1rem 50% / 1em 1em url(./search-21c75999.svg);color:var(--sk-text-3)}input.svelte-9kfram:focus+.shortcut.svelte-9kfram{display:none}input.svelte-9kfram.svelte-9kfram::placeholder{font-size:1.2rem;text-transform:uppercase}.shortcut.svelte-9kfram.svelte-9kfram{color:var(--sk-text-3);position:absolute;top:calc(50% - 0.9rem);right:0;width:100%;text-align:right;pointer-events:none;font-size:1.2rem;text-transform:uppercase;animation:svelte-9kfram-fade-in 0.2s}kbd.svelte-9kfram.svelte-9kfram{display:none;background:var(--sk-back-2);border:1px solid var(--sk-back-translucent);padding:0.2rem 0.2rem 0rem 0.2rem;color:var(--sk-text-3);font-size:inherit;font-family:inherit;border-radius:2px}@media(min-width: 800px){.search-container.svelte-9kfram.svelte-9kfram{width:11rem}.shortcut.svelte-9kfram.svelte-9kfram{padding:0 1.6rem 0 0}input.svelte-9kfram.svelte-9kfram{border-radius:1.6rem}input.svelte-9kfram.svelte-9kfram::placeholder{opacity:0}kbd.svelte-9kfram.svelte-9kfram{display:inline}}@media(min-width: 960px){.search-container.svelte-9kfram.svelte-9kfram{width:19rem}input.svelte-9kfram.svelte-9kfram::placeholder{opacity:1}}input.svelte-fm6yy5.svelte-fm6yy5{font-family:inherit;font-size:1.6rem;width:100%;padding:1rem 6rem 0.5rem 1rem;height:5rem;border:none;border-bottom:1px solid var(--sk-back-3);font-weight:600;flex-shrink:0;background:var(--sk-back-2);color:var(--sk-text-1)}input.svelte-fm6yy5.svelte-fm6yy5::selection{background-color:var(--sk-back-translucent)}input.svelte-fm6yy5.svelte-fm6yy5::placeholder{color:var(--sk-text-3);opacity:0.3}input.svelte-fm6yy5.svelte-fm6yy5:focus-visible{background:var(--sk-theme-2);color:white;outline:none}input.svelte-fm6yy5.svelte-fm6yy5:focus-visible::placeholder{color:rgba(255, 255, 255, 0.5)}button[aria-label='Close'].svelte-fm6yy5.svelte-fm6yy5{--size:2rem;position:absolute;top:0;right:0;width:5rem;height:5rem;background:none;color:var(--sk-text-2)}button[aria-label='Close'].svelte-fm6yy5.svelte-fm6yy5:focus-visible{background:var(--sk-theme-2);color:var(--sk-back-1);outline:none}input.svelte-fm6yy5:focus-visible+button[aria-label='Close'].svelte-fm6yy5{color:var(--sk-back-1)}ul.svelte-fm6yy5.svelte-fm6yy5{margin:0}.modal-background.svelte-fm6yy5.svelte-fm6yy5,.modal.svelte-fm6yy5.svelte-fm6yy5{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.modal-background.svelte-fm6yy5.svelte-fm6yy5{background:var(--sk-back-1);opacity:0.7}.modal.svelte-fm6yy5.svelte-fm6yy5{display:flex;justify-content:center;align-items:center;pointer-events:none}.search-box.svelte-fm6yy5.svelte-fm6yy5{position:relative;height:calc(100% - 2rem);width:calc(100vw - 2rem);max-width:50rem;max-height:50rem;filter:drop-shadow(2px 4px 16px rgba(0, 0, 0, 0.2));border-radius:var(--sk-border-radius);display:flex;flex-direction:column;overflow:hidden}.search-box.svelte-fm6yy5>.svelte-fm6yy5{pointer-events:all}.results.svelte-fm6yy5.svelte-fm6yy5{overflow:auto;overscroll-behavior-y:none}.results-container.svelte-fm6yy5.svelte-fm6yy5{background:var(--sk-back-2);border-radius:0 0 var(--sk-border-radius) var(--sk-border-radius);pointer-events:all}.info.svelte-fm6yy5.svelte-fm6yy5{padding:1rem;font-size:1.2rem;font-weight:normal;text-transform:uppercase;background-color:var(--sk-back-2);pointer-events:all}.info.empty.svelte-fm6yy5.svelte-fm6yy5{border-radius:0 0 var(--sk-border-radius) var(--sk-border-radius)}a.svelte-fm6yy5.svelte-fm6yy5{display:block;text-decoration:none;line-height:1;padding:1rem}a.svelte-fm6yy5.svelte-fm6yy5:hover{background:rgba(0, 0, 0, 0.05)}a.svelte-fm6yy5.svelte-fm6yy5:focus{background:var(--sk-theme-2);color:var(--sk-back-1);outline:none}a.svelte-fm6yy5 small.svelte-fm6yy5,a.svelte-fm6yy5 strong.svelte-fm6yy5{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}a.svelte-fm6yy5 small.svelte-fm6yy5{font-size:1rem;text-transform:uppercase;font-weight:600;color:var(--sk-text-3)}a.svelte-fm6yy5 strong.svelte-fm6yy5{font-size:1.6rem;color:var(--sk-text-2);margin:0.4rem 0}a.svelte-fm6yy5:focus small.svelte-fm6yy5{color:white;opacity:0.6}a.svelte-fm6yy5:focus strong.svelte-fm6yy5{color:white}a.svelte-fm6yy5 strong.svelte-fm6yy5 mark{background:var(--sk-theme-2);color:var(--sk-text-3);text-decoration:none;border-radius:1px}li.svelte-fm6yy5.svelte-fm6yy5{position:relative}button[aria-label='Delete'].svelte-fm6yy5.svelte-fm6yy5{position:absolute;top:0;right:0;width:5rem;height:100%;color:var(--sk-text-2);opacity:0.1}a.svelte-fm6yy5:focus+[aria-label='Delete'].svelte-fm6yy5{color:var(--sk-back-1)}button[aria-label='Delete'].svelte-fm6yy5.svelte-fm6yy5:hover{opacity:1;outline:none}button[aria-label='Delete'].svelte-fm6yy5.svelte-fm6yy5:focus-visible{background:var(--sk-theme-2);color:var(--sk-text-1);opacity:1;outline:none}main.svelte-1gh9h0b{position:relative;margin:0 auto;padding-top:var(--sk-nav-height);overflow:hidden}.small.svelte-1gh9h0b{display:inline}.large.svelte-1gh9h0b{display:none}.separator.svelte-1gh9h0b{display:block;position:relative;height:1px;margin:0.5rem 0;background:radial-gradient(circle at center, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05))}@media(min-width: 800px){.small.svelte-1gh9h0b{display:none}.large.svelte-1gh9h0b{display:inline}.separator.svelte-1gh9h0b{display:flex;align-items:center;justify-content:center;background:none;height:100%;margin:0;border:none;text-align:center}.separator.svelte-1gh9h0b::before{content:'•';margin:0 0.3rem;color:#ccc}}@media(min-width: 960px){ul.external{width:30rem !important}}body{font-size:1.6rem !important}li.svelte-1gh9h0b{display:flex;align-items:center}.examples-container, .repl-outer, .tutorial-outer{height:calc(100vh - var(--sk-nav-height)) !important}.toggle{bottom:0 !important}@media(max-width: 830px){aside{z-index:9999 !important}}