@charset "UTF-8";#app{background:var(--paper);color:var(--ink);min-height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;width:100%}#app.reduce-motion *{transition:opacity .2s!important}#app.prefers-light{--paper: var(--neutral-white);--ink: var(--neutral-dark);--heading-color: var(--neutral-darker);--accent-color: var(--blue-dark);--link-color: var(--blue-dark);--highlight-color: var(--neutral-dark);--button-background: var(--paper)}@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.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{--true-white: #ffffff;--true-black: #000000;--yellow-50: #ffffe7;--yellow-100: #ffffc1;--yellow-200: #fffb86;--yellow-300: #fff041;--yellow-400: #ffe00d;--yellow-500: #ffd100;--yellow-600: #d19900;--yellow-700: #a66d02;--yellow-800: #89550a;--yellow-900: #74450f;--yellow-950: #442404;--yellow: var(--yellow-500);--blue-50: #f1f8fa;--blue-100: #dcecf1;--blue-200: #bddae4;--blue-300: #8fc0d1;--blue-400: #599cb7;--blue-500: #3e809c;--blue-600: #34657f;--blue-700: #31576d;--blue-800: #2f495b;--blue-900: #2b404e;--blue-950: #182834;--blue-lightest: var(--blue-100);--blue-light: var(--blue-400);--blue-lighter: var(--blue-200);--blue-dark: var(--blue-600);--blue-darker: var(--blue-950);--neutral-50: #fcfcfc;--neutral-100: #ececec;--neutral-200: #dedede;--neutral-300: #d1d2d3;--neutral-400: #a7a8aa;--neutral-500: #8f9092;--neutral-600: #787a7d;--neutral-700: #5f6164;--neutral-800: #474a4d;--neutral-900: #2e3236;--neutral-950: #101820;--neutral-white: var(--neutral-50);--neutral-lightest: var(--neutral-100);--neutral-lighter: var(--neutral-300);--neutral-light: var(--neutral-400);--neutral-mid: var(--neutral-500);--neutral-dark: var(--neutral-700);--neutral-darker: var(--neutral-900);--neutral-black: var(--neutral-950);--orange-50: #fff6ed;--orange-100: #ffebd4;--orange-200: #ffd3a8;--orange-300: #ffb470;--orange-400: #ff8937;--orange-500: #ff6a13;--orange-600: #f04c06;--orange-700: #c73707;--orange-800: #9e2c0e;--orange-900: #7f270f;--orange-950: #451005;--orange: var(--orange-500);--red: var(--orange-700);--heading-font: "Averta-Std", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--body-font: "Alkes", Georgia, serif;--code-font: "MonoLisa", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--body-font-weight: normal;--body-font-size: 1.1875rem;--body-line-height: 1.5;--blue-to-yellow: #7ba7bc, #75b1bf, #66c6b6, #4fd27b, #56e035, #acef1b, #faf008, #ffd100;--accent-gradient: linear-gradient(to right, var(--blue-to-yellow));--ink: var(--neutral-800);--paper: var(--neutral-white);--heading-color: var(--neutral-800);--accent-color: var(--blue-dark);--link-color: var(--blue-dark);--highlight-color: var(--neutral-dark);--max-width: 34rem;--sidebar-width: 15rem;--margin: var(--quarter-note);--sixteenth-note: calc(var(--quarter-note) / 4);--eighth-note: calc(var(--quarter-note) / 2);--quarter-note: 1.25rem;--dotted-quarter-note: calc(var(--quarter-note) * 1.5);--half-note: calc(var(--quarter-note) * 2);--dotted-half-note: calc(var(--quarter-note) * 3);--whole-note: calc(var(--quarter-note) * 4);--tied-whole-note: calc(var(--quarter-note) * 5);--dotted-whole-note: calc(var(--quarter-note) * 6);--button-size: 2.2rem;--button-background: var(--paper);font-size:var(--body-font-size)}@media (min-width: 42rem){:root{--body-font-size: 1.1875rem}}@media (min-width: 82rem){:root{--body-font-size: 1.25rem}}@supports (background: linear-gradient(in oklab,white,black)){:root{--accent-gradient: linear-gradient(to right in oklab, var(--blue-light) 10%, var(--yellow) 90%)}}@media (min-width: 42rem){:root{--margin: var(--half-note)}}@media (min-width: 56rem){:root{--margin: var(--dotted-half-note)}}@media (min-width: 108rem){:root{--margin: var(--whole-note)}}@media (min-width: 122rem){:root{--margin: var(--dotted-whole-note)}}:root.dark{--paper: var(--neutral-black);--ink: var(--neutral-100);--heading-color: var(--neutral-white);--accent-color: var(--blue-light);--link-color: var(--blue-light);--neutral-lightest: var(--neutral-900);--neutral-lighter: var(--neutral-700);--highlight-color: var(--neutral-darker);--neutral-mid: var(--neutral-400)}@media (prefers-color-scheme: dark){:root:not(.light){--paper: var(--neutral-black);--ink: var(--neutral-100);--heading-color: var(--neutral-white);--accent-color: var(--blue-light);--link-color: var(--blue-light);--highlight-color: var(--neutral-darker)}}body{line-height:var(--body-line-height);font-weight:var(--body-font-weight);font-variant-numeric:oldstyle-nums}::marker{font-variant-numeric:oldstyle-nums}main ul:not(.toc){list-style-type:square}main ul:not(.toc) ul li::marker{content:"– ";font-weight:700}main ul:not(.toc) li::marker{color:var(--yellow)}li:not(:last-of-type){margin-bottom:.75rem;position:relative}@media (min-width: 66rem){li:not(:last-of-type){margin-bottom:0}}a{color:inherit;text-decoration:underline;text-decoration-color:var(--blue-dark);text-decoration-thickness:1px;text-underline-offset:.115em;transition:color .15s,text-decoration-color .1s}.dark a{text-decoration-color:var(--blue-light)}a:hover,a:focus{color:var(--blue-light);text-decoration-color:var(--blue-light)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:var(--heading-font);font-weight:700;color:var(--heading-color);line-height:1.2;position:relative;margin-bottom:var(--quarter-note);margin-top:var(--whole-note);padding:0}h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a{color:inherit}h1,.h1{font-size:2rem;position:relative;margin-top:var(--quarter-note);font-weight:400}@media (min-width: 42rem){h1,.h1{font-size:2.6rem}}h2,.h2{font-size:1.6rem;font-weight:700;margin:var(--whole-note) 0 var(--quarter-note);z-index:2}@media (min-width: 42rem){h2,.h2{font-size:2rem;margin-top:var(--tied-whole-note)}}h2:before,.h2:before{content:"";width:var(--whole-note);height:.125em;background:currentColor;display:block;margin:0 0 var(--eighth-note)}h2+h3{margin-top:var(--half-note)}h3,.h3{font-size:1.3rem;margin-top:var(--dotted-half-note)}@media (min-width: 42rem){h3,.h3{font-size:1.5rem}}h4,.h4{font-size:1rem;text-transform:uppercase}h5,.h5{font-size:1.1rem}h6,.h6{font-size:1rem}h4,.h4,h5,.h5,h6,.h6{margin-top:var(--half-note)}.h3:before,.h4:before,.h5:before,.h6:before{display:none}*{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}p{margin:0 0 var(--quarter-note)}blockquote{font-size:1.125rem;margin:var(--half-note) 0;padding:0 0 0 var(--quarter-note);font-style:italic;line-height:1.5;position:relative;border:0;border-left:4px solid var(--blue-light);white-space:pre-wrap}blockquote p{margin-bottom:1em}blockquote>*:last-of-type{margin-bottom:0}ul,ol{padding-left:1rem;margin:var(--quarter-note) 0}ul li,ol li{padding-left:var(--sixteenth-note)}ul ul,ul ol,ol ul,ol ol{margin:var(--quarter-note) 0}ul li+li,ol li+li{margin-top:calc(var(--quarter-note) / 2)}figure{margin:var(--half-note) 0}figure p{margin:0}figure img{display:block;margin-bottom:0;margin-inline:auto}figcaption{font-size:.75rem;text-align:center;margin:.5rem 0 0;font-style:italic;text-wrap:balance}:where(h2,h3,h4,h5,h6){position:relative}:where(h2,h3,h4,h5,h6) a[aria-hidden]{position:absolute;display:block;left:-.75em;width:1em;height:1em;line-height:1;text-align:center}@media (min-width: 34rem){:where(h2,h3,h4,h5,h6) a[aria-hidden]{left:-1em}}:where(h2,h3,h4,h5,h6) .icon-link{position:relative}:where(h2,h3,h4,h5,h6) .icon-link:before{content:"#";color:var(--neutral-light);font-weight:400;opacity:0}:where(h2,h3,h4,h5,h6):hover .icon-link:before{opacity:1}h1,h2,h3,h4,h5,h6{text-wrap:balance}.no-bullets{list-style-type:none!important}.no-bullets li::marker{content:none!important}.sr,input[type=checkbox]{position:absolute;left:-100vw;opacity:0;width:1px;height:1px;overflow:hidden;border:none;word-wrap:normal;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}.compressed-content{margin-left:auto;margin-right:auto}@media (min-width: 42rem){.compressed-content{max-width:var(--max-width)}}.compressed-content.wider{max-width:calc(var(--max-width) * 1.5)}.compressed-content.double-wide{max-width:calc(var(--max-width) * 2)}body{overflow-x:hidden}img{width:100%;max-width:100%;height:auto;margin:var(--quarter-note) 0}hr{margin:var(--half-note) 0;border:0;height:1px;background:var(--accent-gradient)}.details{font-size:.8rem;line-height:1.5em;font-style:italic}.pre-heading{margin-bottom:0rem}.categories li a{background:var(--heading-color);padding:.5em;border-radius:8px;text-align:center;color:var(--paper);font-weight:700;text-decoration:none}.layout{margin:var(--quarter-note) var(--margin) var(--whole-note) var(--margin);width:calc(100% - var(--margin) * 2);position:relative;background:transparent;color:var(--ink)}.layout main{width:100%}.layout main>h1:first-child,.layout main h2:first-child{margin-top:0}.cp_embed_wrapper{margin-bottom:var(--half-note);margin-top:var(--half-note)}.header__divider{height:var(--button-size);width:1px;background:var(--neutral-light);display:block;position:relative;z-index:11}@media (min-width: 56rem){.header__divider{display:none}}.icon-container :is(button,.header__divider){transition-timing-function:cubic-bezier(1,0,0,1);transition-property:transform;transition-duration:.4s}.icon-container>*:nth-child(1){transition-delay:0s}.icon-container>*:nth-child(2){transition-delay:.08s}.icon-container>*:nth-child(3){transition-delay:.16s}.ghosty :is(button,.header__divider){transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s;transform:translateY(-4rem)}@media (min-width: 42rem){.ghosty :is(button,.header__divider){transform:translateY(-6rem)}}.table{width:auto;overflow-x:auto;margin-bottom:var(--half-note);position:relative}.table-outer{position:relative;width:100%}.table-outer:after{content:"";height:100%;position:absolute;width:2rem;background:linear-gradient(to right,transparent,var(--neutral-white));top:0;right:0}table{min-width:100%;border-collapse:collapse;font-size:.9rem;margin:var(--dotted-half-note) 0 var(--half-note);border-right:2rem solid transparent}table td,table th{padding:1em 2em 1em 0;white-space:pre;line-height:1}table td:last-of-type,table th:last-of-type{padding-right:0}table th{text-align:left;padding-bottom:.5em;font-weight:700;font-size:1rem;font-family:var(--heading-font)}table thead tr{border-bottom:2px solid;line-height:1}table tbody tr{border-bottom:1px solid var(--neutral-light)}.twitter-tweet{margin:var(--half-note) 0!important}.example-component-wrapper{border:1px solid;padding:calc(var(--quarter-note) + var(--quarter-note));margin:var(--half-note) 0}@media (min-width: 82rem){.blog-roll{grid-column:span 2}}.toc-wrap{background:linear-gradient(to bottom right,#a7a8aa,#92abb2,#5eca78,#b6ec1f,#ffd100);padding:2px;margin:3rem 0}@supports (background: linear-gradient(in oklch,white,black)){.toc-wrap{background:linear-gradient(to bottom right in oklch,var(--neutral-light),var(--yellow) 80%)}}.toc{background:var(--paper);padding:1rem 1.5rem 1.5rem;line-height:1.6;width:100%;position:relative;z-index:2;font-family:var(--heading-font)}.toc h2{font-weight:700;font-family:var(--heading-font);font-size:.8rem;margin:0;background:var(--paper);position:relative;padding:0;top:calc(-1rem - .6em);left:0;text-transform:uppercase;color:var(--neutral-light);display:flex;width:14em;justify-content:space-between;align-items:center;line-height:1}.toc h2 .opening-bracket,.toc h2 .closing-bracket{display:block;position:relative;z-index:2;left:-1px;bottom:.05em}.toc h2 .closing-bracket{left:unset;right:-1px}.toc h2:before{display:none}.toc .toc-list{list-style-type:decimal;font-size:.85rem;margin:0}.toc .toc-list li::marker{color:var(--ink);content:unset;font-weight:400}.toc .toc-list>li{font-weight:700}.toc .toc-list>li::marker{font-weight:700}.toc .toc-list>li ul{font-weight:400}.toc .toc-list ul{list-style-type:lower-alpha;margin:.25em 0 0}.toc .toc-list ul ul{list-style-type:decimal}.toc .toc-list li{list-style-type:inherit;margin:0 0 .25em}.toc .toc-list li:last-child{margin-bottom:0}.toc .toc-list li ::marker{content:"- "}.toc .toc-list li a{text-decoration:none}input[type=checkbox]+label{display:flex;align-items:center;position:relative}input[type=checkbox]+label:before{content:"";width:1rem;height:1rem;border:2px solid;display:inline-block;margin-right:.5rem}input[type=checkbox]:checked+label:after{content:"";width:.4rem;height:.7rem;border-bottom:.2rem solid var(--yellow);border-right:.2rem solid var(--yellow);position:absolute;left:.3rem;bottom:.45rem;z-index:2;display:block;transform:rotate(45deg)}label{display:block}input,textarea{display:block;width:100%;background:transparent;border:1px solid var(--ink);padding:.5rem;color:inherit;font-size:1rem;font-style:italic}input[type=radio],input[type=checkbox]{display:initial;width:initial;margin:initial}input[type=search]{color:inherit;font-style:inherit}select{font-size:1rem;font-family:var(--heading-font);border:1px solid var(--ink);padding:var(--sixteenth-note) var(--eighth-note);width:max-content}button,input[type=submit]{border:1px solid;padding:.5rem 1rem;background:var(--blue-lighter);font-size:1rem;font-family:var(--heading-font);color:var(--ink);margin:0;transition:background .15s;border-right-width:2px;border-bottom-width:2px}.dark button,.dark input[type=submit]{background:var(--blue-dark)}button:hover,input[type=submit]:hover{background:var(--blue-100)}.dark button:hover,.dark input[type=submit]:hover{background:var(--blue-800)}::placeholder{color:var(--neutral-500)}.dark ::placeholder{color:var(--neutral-400)}.settings-toggle{--itemTransition: .25s cubic-bezier(1, 0, 0, 1);cursor:pointer;height:var(--button-size);width:var(--button-size);flex:0 0 var(--button-size);overflow:hidden;padding:0;position:relative;border-radius:2rem;border:2px solid var(--ink);background:var(--button-background);z-index:11}.settings-toggle:hover{background:var(--button-background)}.dark .settings-toggle{border-width:2px}pre{font-style:normal;font-weight:400;background:var(--neutral-darker);background:#1d1e26;padding:1.5em;margin:var(--half-note) auto;color:var(--neutral-white);font-size:.8rem;overflow:auto;line-height:1.5;width:100%}pre code{background:transparent;font-size:inherit;padding:0;border:0}.dark code{background:var(--blue-900);border-color:var(--blue-700)}.dark pre code{background:transparent}code{font-size:.8em;background:var(--blue-50);padding:.2em .3em;border-radius:2px;border:1px solid var(--blue-200);line-height:1!important;white-space:nowrap;font-style:normal}code,pre{font-family:var(--code-font);font-variant:none}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:var(--code-font);font-display:swap;font-size:.75rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:var(--half-note) var(--eighth-note) var(--eighth-note);margin:var(--half-note) 0;overflow:auto;position:relative;width:100%}pre[class*=language-]:before{content:"Code";top:0;left:0;font-size:.8rem;font-weight:400;font-family:var(--heading-font);padding:.3rem var(--eighth-note);width:100%;position:absolute;background:var(--blue-dark);background:linear-gradient(to right,var(--blue-dark),transparent)}pre.language-undefined{padding-top:var(--quarter-note)}pre.language-undefined:before{display:none}pre.language-bash:before{content:"Terminal"}pre.language-fs:before{content:"Project files"}pre.language-css:before{content:"CSS"}pre.language-php:before{content:"PHP"}pre.language-markdown:before{content:"Markdown"}pre.language-html:before{content:"HTML"}pre.language-vue:before{content:"Vue"}pre.language-svelte:before{content:"Svelte"}pre.language-jsx:before{content:"React"}pre.language-js:before,pre.language-javascript:before{content:"JavaScript"}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1d1e26}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#7970a9}.token.parameter{color:#ffc97c}.token.punctuation{color:#f2f2f2}.token.namespace{opacity:.8}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff80bf}.token.boolean,.token.number{color:#9580ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ffff80}.token.operator,.token.entity,.token.url,.token.variable{color:#ff80bf}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#8aff80}.token.keyword{color:#ff80bf}.token.regex,.token.important{color:#fc9867}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}@media print{.header,.grid-wrapper,.footer,.loader,script,head,style{display:none!important}h1 .title-wrap{background:none!important;background-clip:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important}body{font-size:11pt!important}html,body,.layout,#app{height:auto!important;min-height:unset!important}.layout{margin:0 auto;width:100%;max-width:5in;break-inside:avoid}.loader+div{display:none!important}*{break-inside:avoid!important}}.pull-quote{float:right;margin:var(--half-note) -12em var(--dotted-half-note) var(--half-note);font-size:1.3rem;line-height:1.4;position:relative;background:var(--paper);overflow:hidden;padding:0 0 .75rem;font-family:var(--heading-font);font-style:normal;font-weight:400;max-width:16em;text-wrap:balance}@media (min-width: 82rem){.pull-quote{display:block;font-size:1.4rem;margin-right:calc(-1em - 13vw)}}@media (min-width: 92rem){.pull-quote{margin-right:-13em;max-width:18em}}.pull-quote:after{content:"";height:.25rem;width:100%;margin-left:-100%;background:var(--accent-gradient);bottom:0;position:absolute}.pull-quote p:last-child{display:inline}.pull-quote em,.pull-quote i{font-weight:700;font-style:normal}.callout{margin:var(--dotted-quarter-note) 0;font-size:1.2rem;line-height:1.4}@media (min-width: 82rem){.callout{margin:0 0 var(--quarter-note);font-size:inherit;line-height:inherit;font-family:inherit}}.side-note{--border-color: var(--blue-300);--border-width: 1px;border-block:var(--border-width) solid var(--border-color);position:relative;margin:var(--half-note) 0;font-size:.8rem;font-style:italic;line-height:var(--quarter-note);min-height:4.5rem;width:calc(100% + var(--margin) + var(--margin));margin-left:calc(var(--margin) * -1);padding:calc(var(--quarter-note) * 1.25) var(--quarter-note);color:var(--ink);display:grid;grid-template-columns:1fr;gap:var(--eighth-note)}.side-note:before,.side-note:after{content:"Side note";font-weight:700;font-family:var(--heading-font);font-style:normal;text-transform:uppercase;font-size:.8em;display:block;line-height:1;position:absolute;left:calc(var(--border-width) * -1);padding:var(--eighth-note);top:calc(-.5em - var(--eighth-note));background:var(--paper);color:var(--blue-600)}.side-note:after{content:"/ side note";top:unset;left:unset;right:calc(var(--border-width) * -1);bottom:calc(-.5em - var(--eighth-note))}@media (min-width: 34rem){.side-note{border:var(--border-width) solid var(--border-color);width:100%;margin-left:0;padding:var(--dotted-quarter-note)}.side-note:before{padding-left:0}.side-note:after{opacity:0}}@media (min-width: 92rem){.side-note{padding:var(--half-note)}}.side-note em,.side-note i,.side-note code{font-style:normal}.side-note p{margin-bottom:0}.dark .side-note:before,.dark .side-note:after{color:var(--blue-300)}@media (prefers-color-scheme: dark){html:not(.light) .side-note{--stop-1: var(--blue-950);--stop-2: var(--blue-900)}}.side-note>*:last-child{margin-bottom:0}.note{border:2px solid var(--yellow);position:relative;display:grid;grid-template-columns:auto 1fr;margin:var(--half-note) 0}.note .note__callout{background:var(--yellow);text-align:center;line-height:1.5;text-transform:uppercase;font-size:.8rem;font-weight:700;font-style:normal;font-family:var(--heading-font);width:1.5rem;display:grid;place-content:center}.note .note__callout-text{transform:rotate(-90deg);white-space:pre;display:flex;align-items:center;color:var(--neutral-dark)}.note .note__callout-arrow{display:inline-block;width:.7em;height:.75em;border-top:1px solid;border-right:1px solid;position:relative}.note .note__callout-arrow:after{content:"";width:.5em;height:.5em;border-right:1px solid;border-bottom:1px solid;position:absolute;transform:rotate(45deg);top:2px;right:calc(-.2em - 1px)}.note .note__content{font-size:.8rem;line-height:1.5;font-style:italic;padding:var(--dotted-quarter-note)}.note__content :last-child{margin-bottom:0}*,*:before,*:after{box-sizing:border-box;font-family:inherit}*:focus,input[type=checkbox]:focus+label{outline:2px solid var(--blue-light);outline-offset:1px}main:focus{outline:none}::selection{background:var(--yellow);color:var(--neutral-900)}::-moz-selection{background:var(--yellow);color:var(--neutral-900)}::-webkit-scrollbar{width:.5rem;height:calc(var(--eighth-note) * .25)}::-webkit-scrollbar,::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--yellow)}body{font-family:var(--body-font);color:var(--ink);margin:0;padding:0}html,body{scrollbar-color:var(--yellow) var(--paper);scrollbar-width:thin}:target{scroll-margin-block:2rem}