:export{pageBackground:#1e2236;pageBackgroundDark:#171929;bodyText:#cacadb;gridLine:#2d334a;gridLineDark:#262b3f;lightGrey:#9ab5d2;greenAccent:#33edc0;greenAccentDark:#33e6b9;yellowAccent:#ffe25a;redAccent:#ff2964;highlightLight:#ffd901;highlightDark:#077bff;editorBackground:#2a3046}:export{font:mundial,sans-serif;fontCode:"Source Code Pro",monospace;maxGridCols:13;maxGridOffset:20px;h1Size:69px;h2Size:44px;h3Size:24px;h4Size:18px}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Regular.woff2) format("woff2"),url(/fonts/SourceCodePro-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;font-stretch:normal}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Medium.woff2) format("woff2"),url(/fonts/SourceCodePro-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap;font-stretch:normal}:root{--content-width:1400px;--content-padding:50px;--section-padding:100px;--grid-cols:13;--grid-offset:20px;--grid-width-offset:calc((var(--content-padding) * 2) - (var(--grid-offset) * 2));--grid-max-width:calc(var(--content-width) - var(--grid-width-offset));--grid-width:min(calc(100vw - var(--grid-width-offset)),var(--grid-max-width));--grid-col-width:calc(var(--grid-width) / var(--grid-cols));--grid-dot-size:7px;--grid-dot-color:var(--grid-line-color);--grid-dot-outline-color:var(--page-background-color);--grid-dot-outline-size:4px}@media(max-width:1200px){:root{--content-padding:40px}}.code-html{color:#a6accd}.code-html .tag{color:#f07178}.code-html .bracket,.code-html .tag .punctuation{color:#89ddff}.code-html .attr-name{color:#c792ea}.code-html .attr-value{color:#c3e88d}.code-scss{color:#f78c6c}.code-scss .selector{color:#f07178}.code-scss .selector .prefix{color:#89ddff}.code-scss .selector .prefix+.selector-name{color:#ffcb6b}.code-scss .property{color:#b2ccd6}.code-scss .bracket{color:gold}.code-scss .punctuation{color:#89ddff}.code-scss .function{color:#82aaff}.code-scss .parentheses{color:orchid}.code-javascript{color:#9fb4cf}.code-typescript{color:#a6accd}.code-javascript .keyword,.code-javascript .operator,.code-typescript .keyword,.code-typescript .operator{color:#c791ea}.code-javascript .import,.code-typescript .import{color:#89ddff}.code-javascript .import+.operator,.code-typescript .import+.operator{color:#f78c6c}.code-javascript .star,.code-typescript .star{color:#f78c6c;display:inline-block;position:relative;top:.05em;font-feature-settings:normal;font-weight:600}.code-javascript .this,.code-typescript .this{color:#ff5270}.code-javascript .string,.code-typescript .string{color:#c3e88d}.code-javascript .function,.code-typescript .function{color:#82aaff}.code-javascript .class-name,.code-typescript .class-name{color:#ffcb6b}.code-javascript .parentheses,.code-typescript .parentheses{color:#179fff}.code-javascript .semicolon,.code-typescript .semicolon{color:#89ddff;margin-left:-.12em;position:relative;top:-.06em}.code-json{color:#a6accd}.code-json .punctuation{color:gold}.code-json .punctuation.comma{color:#89ddff}.code-json .property{color:#c792ea}.code-json .string{color:#c3e88d}.code-json .operator,.code-json .quote{color:#89ddff}.code-json .boolean,.code-json .null,.code-json .number{color:#f78c6c}:root{--font:mundial,sans-serif;--font-code:Source Code Pro,monospace;--max-grid-cols:13;--max-grid-offset:20px;--h1-size:69px;--h2-size:44px;--h3-size:24px;--h4-size:18px;--page-background-color:#1e2236;--page-background-dark-color:#171929;--body-text-color:#cacadb;--grid-line-color:#2d334a;--grid-line-dark-color:#262b3f;--light-grey-color:#9ab5d2;--green-accent-color:#33edc0;--green-accent-dark-color:#33e6b9;--yellow-accent-color:#ffe25a;--red-accent-color:#ff2964;--highlight-light-color:#ffd901;--highlight-dark-color:#077bff;--editor-background-color:#2a3046}*,:after,:before{margin:0;padding:0;box-sizing:border-box;background-repeat:no-repeat;text-rendering:optimizeLegibility}*,:after,:before,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;font-size:20px;font-feature-settings:"ss01","calt"}body{margin:0;padding:0;font-weight:400;font-family:var(--font);background-color:var(--page-background-color);color:var(--body-text-color);position:relative}#page-wrapper{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}#page-wrapper>main{flex-grow:1}h1:last-child,h2:last-child,h3:last-child,p:last-child{margin-bottom:0}h1,h2,h3,h4{line-height:1.2;color:#fff}h1,h2{margin-bottom:.7em}h1{font-size:var(--h1-size);font-weight:800}h2,h3,h4{font-weight:600}h2{font-size:var(--h2-size)}h3{font-size:var(--h3-size);margin-bottom:.6em}h3,h4{font-weight:500}h4{font-size:var(--h4-size)}p{line-height:1.65;margin-bottom:1em}a,button{outline:none}a.focus-visible,button.focus-visible{outline-color:#fff;outline-style:solid;outline-offset:3px;outline-width:2px;-webkit-mask:none;mask:none}a.no-outline,button.no-outline{outline:none!important}strong{font-weight:600}::selection{background-color:#077bff;color:#fff}::-moz-selection{background-color:#077bff;color:#fff}#squircle-mask{position:absolute;pointer-events:none}#footer{height:60px;display:flex;align-items:center;font-size:.7rem;font-weight:500;color:#fff;margin-top:auto}#icon-sprites{visibility:hidden;position:absolute;width:0;height:0}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}