:root{--accent: oklch(.44 .21 258.48);--accent-light: #0b80ff;--accent-dark: #000d8a;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 16px rgba(var(--gray), 23%)}html{scrollbar-gutter:stable}body{font-family:system-ui;margin:0;padding:0;text-align:left;background-color:#fdfeff;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:18px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em;min-height:calc(100vh - 250px)}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1{font-size:34px}h2{font-size:23px}h3{font-size:20px;font-weight:550;font-stretch:95%}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:1.5em}.prose h2{margin-top:1.5em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;display:block;height:auto;border-radius:8px}video{max-width:100%}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding-inline:1.4em;padding-block:1em;border-radius:8px}pre>code{all:unset}code *{font-family:ui-monospace,monospace}pre,code{font-size:15px!important}h2 code{font-size:19px!important}blockquote{border-left:4px solid var(--accent-light);padding:0 0 0 20px;margin:0;font-size:18px}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (max-width: 720px){body{font-size:18px}main{padding:1em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}*{box-sizing:border-box}.fancy-button{background-image:linear-gradient(#6862ea,#4642c2);text-shadow:rgba(4,0,108,.408) 1px 1px 1px;border:1px solid rgb(91,81,192);color:#fafafa!important;font-size:16px;box-shadow:#ffffff40 0 1px 1px inset;border-radius:6px;font-family:system-ui;padding-block:8px;padding-inline:32px;font-weight:500;text-decoration:none;margin-inline:auto}.less-fancy-button{margin-inline:auto;background-color:#4c45d4;border:1px solid rgb(91,81,192);color:#fafafa!important;font-size:16px;border-radius:6px;font-family:system-ui;padding-block:8px;padding-inline:32px;font-weight:500;text-decoration:none}.button-container .less-fancy-button:hover,.button-container .fancy-button:hover{cursor:pointer;color:#fff!important}@font-face{font-family:mishmashmoji;src:url(/MishMashMojiCOLRv1.woff2) format(woff2) tech(color-COLRv1),url(/Kablammo-Regular-VariableFont_MORFCOLOR-Zoink-SVG.woff2) format(woff2) tech(color-SVG)}.custom-emoji{font-family:mishmashmoji;font-display:block;letter-spacing:4px;font-size:54px;text-align:center;font-weight:400;margin:auto;text-wrap:balance;line-height:1.2}:root{--color-fill: 251, 254, 251;--color-text-base: 40, 39, 40;--color-accent: 11, 128, 255;--color-card: 230, 230, 230;--color-card-muted: 205, 205, 205;--color-border: 11, 128, 255}.title+h2{margin-top:0}p:has(+pre){margin-bottom:1em!important}@media (max-width: 500px){h1{font-size:32px}}p:has(+ul),p:has(+ol){margin-bottom:.5em!important}figure{margin-inline:0}.font-small{font-size:15px}figcaption{font-size:14px}.warning{background-color:oklch(.86 .1 4.48);padding:12px 16px;border-radius:8px;margin-bottom:1.5em}.btn-example{font-size:17px;background-color:#78ffb7;padding:8px 24px;border:0;border-radius:8px}@font-face{font-family:icons;src:url(/MaterialIconsTwoTone-Regular.otf)}.duotone-icons{font-family:icons;font-palette:--Blue;font-weight:400;letter-spacing:5px;text-align:center;font-size:32px;margin-inline:auto;font-display:block;margin-top:0!important}@font-palette-values --Blue{font-family:icons;override-colors:0 blue,1 #afd4f6,2 blue,3 blue,4 #007bed}@font-palette-values --Pink{font-family:icons;override-colors:0 pink,1 color(display-p3 1 .725 .892),2 pink,3 pink,4 oklch(.74 .25 348.95)}.icons-pink{font-palette:--Pink}@font-face{font-family:geist;src:url(/GeistMono-wghtAxis.woff2)}@font-face{font-family:twemoji;src:url(/TwemojiCOLR.woff2)}.svg-hover-button:hover,.svg-hover-button:focus{font-weight:550;transition:font-weight .4s}.svg-hover-button:hover svg,.svg-hover-button:focus svg{--stroke-width: 2.25px}.svg-hover-button{font-size:17px;display:flex;padding-inline:12px;height:38px;gap:8px;align-items:center;justify-content:space-between;font-weight:300;transition:font-weight .4s;font-family:ui-monospace,geist,system-ui;border:0;background-color:#b5fc9d;border-radius:4px;cursor:pointer;margin-top:24px;color:#27421e}.twitter-tweet{margin-inline:auto}.baseline-status{margin-top:24px}dialog::backdrop{background-color:#00000080}.portal{anchor-name:--portal}.outside{position:absolute;position-anchor:--portal;height:anchor-size();width:anchor-size();position-area:center;object-fit:cover;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:400px;margin-inline:auto;animation:resize 3s infinite}.grid>div{aspect-ratio:1;outline:solid 2px var(--accent-light);border-radius:10px}@supports not (height: anchor-size()){.outside{position:static;width:100px;height:100px}}.simple-button{font-family:system-ui;font-size:15px;font-weight:450;padding:8px 12px;border:0;border-radius:6px;background-color:#e6e6e6}@font-face{font-family:comic-colr;src:url(/comic-helvetic-rasterized-colr-COLRv1.otf)}.comic-colr{font-family:comic-colr;font-size:42px}@supports not (font-tech(color-COLRv1)){.cringe{display:none!important}}@view-transition{navigation: auto;}.accordion-summary{padding-block:12px;display:flex;justify-content:space-between;align-items:center;font-weight:500;cursor:pointer;user-select:none;gap:12px}.accordion-summary:after{transition:rotate .3s;transition-timing-function:ease-out;width:11px;height:6px;content:"";background-repeat:no-repeat;background-image:url(/chevron-small.svg);flex-shrink:0}.accordion-details[open] summary:after{rotate:180deg}.accordion-details>div{padding-bottom:12px}.accordion-details{font-size:16px;interpolate-size:allow-keywords;border-bottom:solid 1px #e4e4e7}.accordion-details::details-content{height:0;overflow-y:clip;transition:content-visibility .3s allow-discrete,block-size .3s;transition-timing-function:ease-out}.accordion-details::details-content:after{content:"";display:block;padding-bottom:12px}.accordion-details[open]::details-content{height:auto}.custom-select,::picker(select){appearance:base-select;border:solid 1px #CBD5E1;color:#334155;border-radius:6px;font-size:14px}.custom-select{gap:24px;align-items:center;padding:6px 10px;box-shadow:#0000000a 0 2px 4px;&:hover,&:open{background-color:#f7f8f9}}::picker(select){box-shadow:#0000000f 0 4px 5px;padding:5px;top:3px;bottom:3px;scrollbar-width:thin}::picker-icon{content:url(/select-chevron.svg);height:16px;position:relative;top:.5px}.custom-select option{justify-content:space-between;padding-block:4px;padding-inline:8px;border-radius:6px;align-items:center;&:hover,&:active{background-color:#f1f5f9}}option::checkmark{order:1;height:16px;content:url(/select-tick.svg)}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none}a[data-astro-cid-eimmu3lg].active{text-decoration:underline!important;text-decoration-color:var(--accent-light)!important;text-decoration-thickness:2px!important;text-underline-offset:4px}header[data-astro-cid-3ef6ksr2]{margin:0;padding:0 1em}h2[data-astro-cid-3ef6ksr2]{margin:0;font-size:1em}h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{text-decoration:none}nav[data-astro-cid-3ef6ksr2]{@media (min-width: 600px){display:flex;align-items:center;justify-content:space-between}}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:1em .5em;color:var(--black);text-decoration:none}.social-links[data-astro-cid-3ef6ksr2],.social-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:flex}@media (max-width: 720px){.social-link[data-astro-cid-3ef6ksr2]{display:none!important}}footer[data-astro-cid-sz7xmlte]{padding:2em 1em;background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center}.social-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1em;margin-top:1em}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none;color:rgb(var(--gray))}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:rgb(var(--gray-dark))}