/*!
  Theme: GitHub Dark Dimmed
  Description: Dark dimmed theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Colors taken from GitHub's CSS
*/.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#6cb6ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-comment,.hljs-code,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}/*!
https://serp.co/tools/css-reset/
<link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
*/*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0 0 .1em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:Neutral Face;font-style:normal;font-weight:400;src:local("Neutral Face Regular"),url(/fonts/NeutralFace.woff) format("woff")}@font-face{font-family:Neutral Face;font-style:normal;font-weight:900;src:local("Neutral Face Bold"),url(/fonts/NeutralFaceBold.woff) format("woff")}@font-face{font-family:Ulagadi Sans;src:url(/fonts/UlagadiSans-Light.woff2) format("woff2"),url(/fonts/UlagadiSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Ulagadi Sans;src:url(/fonts/UlagadiSans-Medium.woff2) format("woff2"),url(/fonts/UlagadiSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ulagadi Sans;src:url(/fonts/UlagadiSans.woff2) format("woff2"),url(/fonts/UlagadiSans.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.container{width:100%;max-width:var(--container-width);padding-inline:var(--spacing-base);padding-block:var(--spacing-lg);margin-inline:auto}.section{min-height:100svh}.section.section--hero{position:relative;display:flex;align-items:end;outline:2rem solid var(--color-light)}.section.section--primary{background-color:var(--color-primary);color:var(--color-primary-contrast)}.section.section--light{background-color:var(--color-light);color:var(--color-dark)}.hero{display:flex;flex-wrap:wrap;align-content:end;gap:var(--spacing-base)}.hero>header{flex-shrink:0}.hero>header h1{line-height:1.05;margin-bottom:-.5rem;opacity:0}@media screen and (min-width: 768px){.hero{flex-wrap:nowrap;align-items:flex-end;gap:var(--spacing-xl)}}.blocks{display:flex;flex-direction:column;gap:var(--spacing-base);margin-block:var(--spacing-xl)}a.block,button.block{display:block;text-decoration:none;text-transform:uppercase;cursor:pointer}a.block:hover,button.block:hover{color:var(--color-primary-contrast);background-color:var(--color-primary);border-color:var(--color-primary-contrast)}.block{font-size:var(--font-size-xs);background-color:var(--color-bright);color:var(--color-primary);padding:var(--spacing-base);border:2px solid var(--color-light);line-height:.85}.block.block--row{position:relative;background-color:var(--color-bright);transition:all .3s ease;color:var(--color-text);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:var(--spacing-base);padding:var(--spacing-base) var(--spacing-base)}.block.block--row h3,.block.block--row div:not(:has(img)){display:flex;flex-direction:column}.block.block--row:has(>div img) :is(h3,div:not(:has(img))){margin-top:1rem}.block.block--row>*{margin:0}.block.block--row h3 .text{color:var(--color-primary)}.block.block--row button{display:block;width:var(--spacing-lg);height:var(--spacing-lg);cursor:pointer;flex-shrink:0;background-color:var(--color-primary);color:var(--color-primary-contrast);border:none;grid-row:1 / 3;align-self:flex-end}.block.block--row button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.block.block--row button:hover{color:var(--color-secondary);background-color:var(--color-primary);border-color:var(--color-primary-contrast)}.block.block--row:has(button:focus-visible){outline:2px solid var(--color-primary);outline-offset:-2px}.block.block--row:has(button:hover){background-color:var(--color-primary-contrast)}.block.block--row .preview{width:100%;aspect-ratio:16 / 10;object-fit:cover}@media screen and (min-width: 768px){.block.block--row{display:grid;grid-template-columns:1fr 1fr 10rem 4rem}}@media screen and (min-width: 1024px){.block.block--row{grid-template-columns:.5fr 1fr .5fr 4rem}}.navbar{width:100%;position:fixed;top:0;z-index:1000;padding:var(--spacing-base);display:flex;justify-content:space-between;opacity:0}.grid{display:grid;grid-template-columns:1fr}@media screen and (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;align-items:start;position:relative;padding:var(--spacing-xl) var(--spacing-base);font-size:var(--font-size-xs);transition:background-color .3s ease,color .3s ease}.card>p{margin-bottom:var(--spacing-lg)}.card .link{margin-top:auto}.card:nth-child(odd) .link{color:var(--color-dark);background-color:var(--color-light);border-color:var(--color-dark)}.card:nth-child(odd) .link:hover{color:var(--color-accent-contrast);background-color:var(--color-accent);border-color:var(--color-accent)}.card:nth-child(2n){background-color:var(--color-dark);color:var(--color-light)}@media screen and (min-width: 768px){.card{padding:var(--spacing-xl) var(--spacing-lg)}}.link{display:inline-block;color:inherit;text-decoration:none;font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-base);border:1px solid whitesmoke}.link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.link:hover{color:var(--color-dark);background-color:var(--color-light)}.video{position:sticky;bottom:0;width:100%;z-index:-1}section:has(+section:has(.video)){padding-bottom:100%}.dialog{position:fixed;inset-block:0;width:100%;max-width:100%;right:0;left:auto;min-height:100svh;height:100svh;margin:0;border:none;background-color:var(--color-bright);color:var(--color-text);z-index:1000;padding:var(--spacing-base) var(--spacing-base);overflow-x:hidden}.dialog h2{font-size:var(--font-size-base);margin:var(--spacing-base) 0}.dialog:after{content:"";position:absolute;top:0;right:-4rem;width:4rem;height:100%;background-color:var(--color-bright)}.dialog::backdrop{background-color:#00000040}@media screen and (min-width: 768px){.dialog{width:90%;max-width:500px}}@media screen and (min-width: 1024px){.dialog{width:80%;max-width:800px}}@starting-style{.dialog::backdrop{opacity:0;transition:opacity .3s ease-in-out}}.code-block{margin-bottom:2rem;font-size:.875rem}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}pre.line-numbers{margin:0;padding:1rem;background:#0d1117;border-radius:6px;font-size:.875rem;line-height:1.5;overflow-x:auto;position:relative}.hljs-line-numbers{text-align:right;border-right:1px solid #30363d;color:#8b949e;-webkit-user-select:none;user-select:none;padding-right:.5rem;margin-right:.5rem}.hljs{background:#0d1117;color:#c9d1d9}.hljs-copy-button{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background-color .2s}.hljs-copy-button:hover{background:#1d4ed8}.hljs-copy-button[data-copied=true]{background:#059669}.footer{background-color:var(--color-dark);color:var(--color-light);position:sticky;bottom:0;z-index:-1}.ball{z-index:5000;opacity:0;display:flex;place-items:center;width:var(--spacing-xxl);height:var(--spacing-xxl);position:fixed;background-color:var(--color-secondary);color:var(--color-dark);font-family:var(--font-lead);text-align:center;text-decoration:none;line-height:1.1;left:50%;top:50%}@media screen and (pointer: coarse){.ball{display:hidden!important}}@media screen and (pointer: coarse){.ball{display:none!important}}:root{--font-size-xxs: clamp(.5rem, .5rem + .25vw, .7rem);--font-size-xs: clamp(.7rem, .6rem + .5vw, .75rem);--font-size-sm: clamp(.875rem, .7rem + .25vw, .95rem);--font-size-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg: clamp(2rem, 6vw, 5rem);--font-size-xl: clamp(3rem, 15vw, 12rem);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-base: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-xxl: 8rem;--container-width: 64rem;--color-text: #333;--color-text-subtle: #727272;--color-bg: #fff;--color-bright: white;--color-bg-offset: #efefef;--color-primary: #000f99;--color-primary-contrast: #f1f1f1;--color-secondary: #ffe8e8;--color-accent: #003a19;--color-accent-contrast: #f1f1f1;--color-dark: #001e1b;--color-light: #f8f8f8;--font-sans: "Ulagadi Sans", Avenir, Helvetica, Arial, sans-serif;--font-lead: "Neutral Face", Avenir, Helvetica, Arial, sans-serif;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:inherit}::selection{color:var(--color-primary);background-color:var(--color-secondary)}::-moz-selection{color:var(--color-primary);background-color:var(--color-secondary)}body{overflow-x:hidden}body.loaded{opacity:1!important;transition:opacity .3s ease-in-out .15s}h1,h2,h3,h4{font-family:var(--font-lead);font-weight:400;line-height:1.05}h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}h1{position:relative;font-size:var(--font-size-xl);line-height:.95;margin-bottom:0}h1 sup{position:absolute;top:0;right:-.5rem;font-size:var(--font-size-base)}a{color:var(--color-primary);text-decoration:dotted underline;text-underline-offset:.35em;transition:color .3s ease}a:hover{color:var(--color-accent)}abbr{text-underline-offset:.3em}.subtle{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:400;font-family:var(--font-sans);text-transform:uppercase;display:inline-block;margin-bottom:var(--spacing-sm)}.text{font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-sans)}code{font-size:var(--font-size-xs);color:var(--color-bright)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta,.hljs-meta .hljs-keyword{color:#82aaff}.hljs-meta .hljs-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-tag,.hljs-name,.hljs-attr{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}