@import"https://fonts.googleapis.com/css?family=Space+Mono";@font-face{font-family:Averta-Std;src:url(../../../fonts/avertastd-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Averta-Std;src:url(../../../fonts/avertastd-bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Alkes;src:url(../../../fonts/alkes_regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alkes;src:url(../../../fonts/alkes_regular_italic-webfont.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Alkes;src:url(../../../fonts/alkes_bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Alkes;src:url(../../../fonts/alkes_bold_italic-webfont.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:MonoLisa;src:url(../../../fonts/monolisa-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightBlueHS: 199, 33%;--yellowHS: 49, 100%;--redHS: 349, 100%;--lightGrayHS: 220, 2%;--yellowHSL: 49.1, 100%, 50%;--lightGrayHSL: 220, 2%, 66%;--lightBlueHSL: 199, 33%, 60.95%;--darkBlueHSL: 201, 42%, 35.2%;--orangeHSL: 22, 100%, 53.8%;--redHSL: 349, 100%, 45%;--midGrayHSL: 204, 2%, 54%;--darkGrayHSL: 210, 4%, 27%;--darkerGrayHSL: 349, 25%, 16%;--whiteHSL: 0, 0%, 99%;--trueWhiteHSL: 0, 0%, 100%;--blackHSL: 210, 33%, 9.5%;--trueBlackHSL: 0, 0%, 0%;--white: hsl(var(--whiteHSL));--trueWhite: hsl(var(--trueWhiteHSL));--black: hsl(var(--blackHSL));--trueBlack: hsl(var(--trueBlackHSL));--headingFont: "Averta-Std", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bodyFont: "Alkes", Georgia, serif;--codeFont: "Space Mono", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--bodyFontWeight: normal;--bodyLineHeight: 1.55;--bodyFontSize: 1.125rem;--grey: #1d1f20;--greyLight: #adadad;--offWhite: #e1e1e1;--purple: #ae94c0;--purpleDark: #80669d;--green: #b5bc67;--orange: #dd925f;--yellow: #efc371;--orange: hsl(var(--orangeHSL));--red: hsl(var(--redHSL));--lighterGray: hsl(var(--lightGrayHS), 26%);--lightestGray: hsl(var(--lightGrayHS), 13%);--lightGray: hsl(var(--lightGrayHSL));--midGray: #d1d1d1;--darkGray: hsl(var(--darkGrayHSL));--darkerGray: hsl(var(--darkerGrayHSL));--lightBlue: hsl(var(--lightBlueHSL));--lighterBlue: hsl(var(--lightBlueHS), 90%);--lightestBlue: hsl(var(--lightBlueHS), 95%);--darkBlue: hsl(var(--darkBlueHSL));--darkerBlue: hsl(var(--darkBlueHSL), 20%);--blueToYellow: #7ba7bc, #75b1bf, #66c6b6, #4fd27b, #56e035, #acef1b, #faf008, #ffd100;--paper: var(--black);--paperHSL: var(--blackHSL);--ink: var(--offWhite);--headingColor: var(--white);--accentColor: var(--lightBlue);--linkColor: var(--lightBlue);--highlightColor: var(--darkerGray);--maxWidth: 34rem;--sidebarWidth: 15rem;--margin: var(--quarterNote);--sixteenthNote: calc(var(--quarterNote) / 4);--eighthNote: calc(var(--quarterNote) / 2);--quarterNote: 1.25rem;--dottedQuarterNote: calc(var(--quarterNote) * 1.5);--halfNote: calc(var(--quarterNote) * 2);--dottedHalfNote: calc(var(--quarterNote) * 3);--wholeNote: calc(var(--quarterNote) * 4);--tiedWholeNote: calc(var(--quarterNote) * 5);--dottedWholeNote: calc(var(--quarterNote) * 6);--buttonSize: 2.2rem;--buttonBackground: var(--paper);font-size:var(--bodyFontSize);--darkGray: #1a1a1a;--lightGray: #a0a0a0;--monoFont: "JetBrains Mono", "Fira Code", monospace}@media (min-width: 42rem){:root{--bodyFontSize: 1.1875rem}}@media (min-width: 82rem){:root{--bodyFontSize: 1.25rem}}@media (min-width: 42rem){:root{--margin: var(--halfNote)}}@media (min-width: 56rem){:root{--margin: var(--dottedHalfNote)}}@media (min-width: 108rem){:root{--margin: var(--wholeNote)}}@media (min-width: 122rem){:root{--margin: var(--dottedWholeNote)}}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}.markdown-content :global(pre),.markdown-content :global(pre[class*=language-]){position:relative;background:var(--darkGray);border-radius:.75rem;padding:3rem 1.5rem 1.5rem;margin:1.5rem 0;overflow-x:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 68px #0000008c,0 12px 24px #0000001f,inset 0 0 60px #0000004d}.markdown-content :global(pre):before,.markdown-content :global(pre[class*=language-]):before{content:"";position:absolute;top:1rem;left:1rem;display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:#ff5f56;box-shadow:1.25rem 0 #ffbd2e,2.5rem 0 #27c93f}.markdown-content :global(pre):after,.markdown-content :global(pre[class*=language-]):after{content:attr(data-language);position:absolute;top:1rem;right:1rem;font-family:var(--monoFont);font-size:.75rem;color:var(--lightGray);text-transform:uppercase;letter-spacing:.1em}.markdown-content :global(pre) code,.markdown-content :global(pre[class*=language-]) code{display:inline-block;min-width:100%;font-family:var(--monoFont);font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:linear-gradient(145deg,rgba(255,255,255,.05) 0%,transparent 100%)}.markdown-content :global(pre)::-webkit-scrollbar,.markdown-content :global(pre[class*=language-])::-webkit-scrollbar{height:8px;background:transparent}.markdown-content :global(pre)::-webkit-scrollbar-thumb,.markdown-content :global(pre[class*=language-])::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.markdown-content :global(pre)::-webkit-scrollbar-thumb:hover,.markdown-content :global(pre[class*=language-])::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.markdown-content :global(pre):hover,.markdown-content :global(pre[class*=language-]):hover{transform:translateY(-2px);box-shadow:0 24px 72px #0000008c,0 16px 28px #0000001f,inset 0 0 60px #0000004d;transition:all .2s ease}.markdown-content :global(.token).comment,.markdown-content :global(.token).prolog,.markdown-content :global(.token).doctype,.markdown-content :global(.token).cdata{color:#8b949e;font-style:italic}.markdown-content :global(.token).namespace{opacity:.7}.markdown-content :global(.token).string,.markdown-content :global(.token).attr-value{color:#a5d6ff}.markdown-content :global(.token).punctuation,.markdown-content :global(.token).operator{color:#79c0ff}.markdown-content :global(.token).keyword{color:#ff7b72}.markdown-content :global(.token).function{color:#d2a8ff}.markdown-content :global(.token).boolean,.markdown-content :global(.token).number{color:#79c0ff}.markdown-content :global(.token).property{color:#79c0ff}.markdown-content :global(.token).tag{color:#7ee787}.markdown-content :global(.token).symbol{color:#f0883e}.markdown-content :global(.token).deleted{color:#ffdcd7;background-color:#67060c}.markdown-content :global(.token).inserted{color:#aff5b4;background-color:#033a16}.markdown-content :global(.squiggly-red){position:relative;text-decoration:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='8' viewBox='0 0 80 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3C10 3 10 5 20 5C30 5 30 3 40 3C50 3 50 5 60 5C70 5 70 3 80 3' stroke='%23e6002a' stroke-width='1.5'/%3E%3C/svg%3E");background-position:bottom;background-repeat:repeat-x;background-size:40px 4px;padding-bottom:3px}.markdown-content :global(.squiggly-red).animated{animation:squiggly-slide .8s linear infinite}@keyframes squiggly-slide{0%{background-position:bottom left 0px}to{background-position:bottom left -40px}}*,*:before,*:after{box-sizing:border-box;font-family:inherit}*:focus,input[type=checkbox]:focus+label{outline:2px solid var(--lightBlue);outline-offset:1px}main:focus{outline:none}::selection{background:var(--yellow);color:var(--highlightColor)}::-moz-selection{background:var(--yellow);color:var(--highlightColor)}::-webkit-scrollbar{width:.5rem;height:calc(var(--eighthNote) * .25)}::-webkit-scrollbar,::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--yellow)}body{background:var(--grey);font-family:var(--bodyFont);color:var(--ink);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;opacity:.1;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:url(./background.424a023f.jpg);background-size:cover;filter:grayscale(100%)}html,body{scrollbar-color:var(--yellow) var(--paper);scrollbar-width:thin}main{padding:var(--margin);flex:1}a{color:var(--purple);text-decoration:none;transition:color .2s ease-in-out}a.primary{color:var(--ink)}a:hover{color:var(--lightGray)}h1,h2,h3,h4,h5,h6{font-family:var(--headingFont)}:target{scroll-margin-block:.5rem}.no-bullets{list-style-type:none!important}.no-bullets li::marker{content:none!important}main section>*,main section nav a{opacity:0;transform:translateY(16px);animation:fade_in_intro 1.2s cubic-bezier(.23,1,.32,1) forwards}@keyframes fade_in_intro{to{opacity:1;transform:translateY(0)}}.page-container-center{display:flex;flex-direction:column;height:100%;max-width:var(--maxWidth);margin:auto}h1.page-title{font-size:clamp(1.2rem,.6rem + 2vw,1.8rem);margin-top:var(--quarterNote);font-family:var(--headingFont);margin-bottom:var(--quarterNote);color:var(--ink);line-height:1.4;max-width:23em}.title-accent{margin-left:calc((var(--quarterNote) + 4px) * -1);border-left:4px solid var(--yellow);padding-left:var(--quarterNote)}.title-accent.secondary{border-color:var(--purple)}@media (max-width: 768px){.title-accent{margin-left:0}}header.svelte-155ekxc{display:flex;justify-content:space-between;align-items:center;padding:var(--quarterNote)}@media (max-width: 600px){header.svelte-155ekxc{flex-direction:column}}.logo.svelte-155ekxc{color:var(--yellow);line-height:1.4;font-family:Space Mono,monospace;width:205px;text-decoration:none;display:flex;flex-direction:column;align-self:self-start;font-size:1em}@media (max-width: 600px){.logo.svelte-155ekxc{font-size:.75em;display:flex;align-items:center;width:100vw}}.logo.svelte-155ekxc .name:where(.svelte-155ekxc){color:var(--yellow);transition:color .45s ease}.logo.svelte-155ekxc .name:where(.svelte-155ekxc):before{content:"/* ";color:var(--greyLight);transition:color .45s ease}.logo.svelte-155ekxc .name:where(.svelte-155ekxc):after{content:" */";color:var(--greyLight);transition:color .45s ease}.logo.svelte-155ekxc span:where(.svelte-155ekxc){display:inline-flex;color:var(--greyLight);transition:color .45s ease}.logo.svelte-155ekxc:hover span:where(.svelte-155ekxc){color:var(--yellow)}.logo.svelte-155ekxc:hover .name:where(.svelte-155ekxc){color:var(--ink)}.logo.svelte-155ekxc:hover .name:where(.svelte-155ekxc):before{color:var(--yellow)}.logo.svelte-155ekxc:hover .name:where(.svelte-155ekxc):after{color:var(--yellow)}nav.svelte-155ekxc{display:flex;gap:1.5em}@media (max-width: 600px){nav.svelte-155ekxc{margin-top:var(--quarterNote);flex-direction:row;font-size:.85em}}nav.svelte-155ekxc a:where(.svelte-155ekxc){display:inline-flex;text-decoration:none;margin:0;font-size:1em;position:relative;color:var(--white);width:-moz-max-content;width:max-content;transition:color .15s}nav.svelte-155ekxc a:where(.svelte-155ekxc) span:where(.svelte-155ekxc):after{position:absolute;bottom:0;left:0;content:"";transform:scaleX(0);transform-origin:left;display:block;width:100%;height:.1em;background:var(--yellow);transition:transform .1s cubic-bezier(.5,0,.5,1)}nav.svelte-155ekxc a:where(.svelte-155ekxc):hover{color:var(--greyLight)}nav.svelte-155ekxc a:where(.svelte-155ekxc):hover span:where(.svelte-155ekxc):after{transform:scaleX(1)}footer.svelte-856kn6{display:flex;flex-direction:row;width:100%;padding:calc(2 * var(--halfNote)) var(--halfNote);color:var(--ink);font-size:.75em;div:where(.svelte-856kn6) {flex: 1; display: flex; flex-direction: column; &:where(.svelte-856kn6):last-child {align-items: flex-end; justify-content: flex-end; p:where(.svelte-856kn6) {padding: .2rem; margin: 0; font-size: .7em; color: var(--greyLight);}}} @media (max-width: 768px) {flex-direction: column; gap: var(--quarterNote); div:where(.svelte-856kn6) {&:where(.svelte-856kn6):last-child {margin-top: var(--quarterNote); align-items: center; justify-content: center;}}}}.transition-wrapper.span.svelte-1np7dws{grid-column:1/-1;grid-row:1/2}.page-head.svelte-m9bct2{--transition: transform .24s cubic-bezier(.165, .84, .44, 1);background:transparent;display:flex;align-items:center;flex-wrap:wrap;contain:layout;overflow:hidden;position:relative;z-index:0;font-size:1.1rem;min-height:2.2rem}.page-head.svelte-m9bct2 .heading-wrapper:where(.svelte-m9bct2){display:flex;position:relative;width:auto}.page-head.svelte-m9bct2 .heading-wrapper:where(.svelte-m9bct2) .comment:where(.svelte-m9bct2){font-family:var(--codeFont);font-weight:400;font-size:1em;line-height:1.4;color:var(--purple);background:var(--grey);margin:0 .1em 0 0;z-index:2;position:relative}.page-head.svelte-m9bct2 .heading-wrapper:where(.svelte-m9bct2) .comment.closing-comment:where(.svelte-m9bct2){margin:0;transition:var(--transition);transform:translate(calc(-100% + 96px));position:absolute;left:100%;width:100%;overflow:visible}.page-head.svelte-m9bct2 .heading-wrapper.in:where(.svelte-m9bct2) .closing-comment:where(.svelte-m9bct2){transform:translate(0)}.page-head.svelte-m9bct2 h1:where(.svelte-m9bct2){font-size:inherit;margin:0 .25rem 0 0;padding:0;width:-moz-max-content;width:max-content;font-weight:400;display:flex;align-items:center}.page-head.svelte-m9bct2 h1:where(.svelte-m9bct2) .title-wrap:where(.svelte-m9bct2){position:relative;z-index:1;background:var(--greyLight);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:var(--codeFont);text-transform:lowercase;flex:0 1 auto;white-space:nowrap;line-height:1.2}.back-to-top.svelte-1te5x9y{position:fixed;display:flex;align-items:center;justify-content:space-around;box-sizing:border-box;bottom:20px;right:20px;font-size:1em;height:50px;width:50px;border-radius:25px;color:var(--purple);background-color:var(--grey);border:2px solid var(--purple);cursor:pointer;transition:opacity .3s ease;z-index:1000}.back-to-top.svelte-1te5x9y:hover{opacity:.7}