:root{--red:#ff3860;--red-dark:#ff1443;--red-light:#ff5c7c;--blue:#498afb;--blue-dark:#2674fa;--blue-light:#6ca0fc;--orange:#fa8142;--orange-dark:#f96a1f;--orange-light:#fb9865;--green:#09c372;--green-dark:#07a15e;--green-light:#0be586;--purple:#9166cc;--purple-dark:#7d4bc3;--purple-light:#a481d5;--yellow:#ffdd57;--yellow-dark:#ffd633;--yellow-light:#ffe47a;--pink:#ff4088;--pink-dark:#ff1c72;--pink-light:#ff649e;--gray0:#f8f8f8;--gray1:#dbe1e8;--gray2:#b2becd;--gray3:#6c7983;--gray4:#454e56;--gray5:#2a2e35;--gray6:#12181b;--nav-width:4em;--font-body:"sofia-pro",sans-serif;--font-head:"sofia-pro",sans-serif;--font-code:"attribute-mono",monospace;--font-size:20px;--max-width-bp:768px;--orange-pink:linear-gradient(to bottom right,var(--orange-light),var(--orange-dark) 85%);--green-grad:linear-gradient(to bottom right,var(--green-light),var(--green-dark) 85%);--background:var(--gray6);--text-color:var(--gray2);--h-color:#fff;--nav-shadow:4px 0 10px -3px #010101;--card-shadow:0 4px 8px rgba(0,0,0,0.38);--toc-shadow:rgba(0,0,0,0.7) 0 10px 20px 0;--nav-bg:var(--gray5);--tag-bg:var(--gray4);--code-bg:#22262f;--card-bg:var(--gray5);--overlay-bg:rgba(0,0,0,0.9);--h-border:2px dashed var(--nav-bg);--nav-border:2px dashed var(--text-color);--card-radius:.25em;transition:all .3s ease}body{background:var(--background);color:var(--text-color);margin:0;font-family:var(--font-body);font-size:var(--font-size);display:flex;min-height:100vh;flex-direction:column}.tag{display:inline-block;border-radius:3px;padding:.2em .5em .3em;border-radius:2px;background:var(--tag-bg);color:var(--text-color);font-weight:600;margin:.25em .1em}h1.tag{margin-left:0;margin-right:0}.tag-sm{font-size:.7em;display:inline-block;letter-spacing:.15ch;font-weight:400}.tag-lg{font-size:1.2em;border-radius:4px}.tag-bg{background:var(--background)}.tag-green,.tag-pro{background:var(--green);color:#fff}.tag-purple{background:var(--purple);color:#fff}.tag-contrast{background:var(--text-color);color:var(--background)}.tag-javascript{background:#f0db4f;color:#000}.tag-typescript{background:#2775c3;color:#fff}.tag-angular{background:#dc0530;color:#fff}.tag-firebase{background:#ffcb2b;color:#12181a}.tag-vue{background:#41b883;color:#35495e}.tag-rxjs{background:var(--pink);color:var(--gray5)}.tag-node{background:#90c53f;color:#46483d}.tag-cloud-functions{background:var(--blue);color:#fff}.tag-flutter{background:#54c5f8;color:#003b6c}.tag-google-maps{background:#33a668;color:#f8d845}.tag-android{background:#a4c34a;color:#fff}.tag-stripe{color:#fff;background:#6675e0}.tag-machine-learning{color:#fff;background:var(--purple-light)}.tag-python{color:#ffda5d;background:#3879ab}.tag-svelte{color:#fff;background:#ff3e00}.tag-react{color:#00d8ff;background:#222}.tag-ios{color:#fff;background:#000}.tag-minimum-viable-product,.tag-mvp{color:#fff;background-image:linear-gradient(90deg,#ff8901,#db1d5f);font-weight:700}.tag-ionic{background:#fff;color:#4a8afc}.tag-nest{color:#e0234e;background:#000}.tag-graphql{color:#fff;background:#e10097}.tag-electron{color:#313244;background:#adecf3}