:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0;box-sizing:border-box}.home-banner{width:100%;background-color:#333;color:#fff;text-align:center;font-family:Lucida Console,Courier New,monospace;padding:1rem;font-size:1rem;font-weight:700}.home-hero{text-align:center;padding:2rem 1rem;width:100%;box-sizing:border-box}.hero-image{max-width:100%;height:auto;margin-bottom:1rem}.home-bottom{background-color:#fff;padding:2rem 1rem;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;max-width:1200px;box-sizing:border-box}.card{background-color:#333;border:1px solid #e8dfdf;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease box-shadow .2s ease}.card:hover{background-color:#f0f4f8;transform:translateY(-5px);box-shadow:0 4px 8px #0003;border:#0f0e0e 1px solid}.card:hover h3{color:#0f0e0e}.card h3{font-size:1.2rem;margin-bottom:.5rem;color:#f3ecec}.card h3 a{font-size:1.8rem;margin-bottom:.5rem;color:#f3ecec}.card p{font-size:1rem;color:#baaaaa}.card-link{text-decoration:none;color:#dce2e9;font-weight:700}.card-link:hover{color:#0056b3}@media (max-width: 768px){.home-hero,.home-bottom{padding:1rem}.card-container{grid-template-columns:1fr}.card{padding:.8rem}}#root{margin:0;padding:0;width:100%;height:100vh;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{margin:0;padding:0;width:100%;height:100vh;box-sizing:border-box}.articles-page{display:flex;flex-direction:column;height:100%;width:100%}.banner{width:100%;background-color:#333;color:#fff;text-align:center;padding:1rem;font-family:Lucida Console,Courier New,monospace;font-size:1rem;font-weight:700;margin:0}.content{display:flex;flex:1;gap:20px;padding-left:20px;height:calc(100vh - 50px);overflow:hidden}.main-section{flex:0 0 75%;padding:20px;box-sizing:border-box;overflow-y:auto;height:100%;scroll-behavior:smooth}.expanded-main-section{flex:1}.main-section>*{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.right-section{flex:0 0 25%;background-color:#2e323c;padding:10px;border-left:1px solid #ddd;box-sizing:border-box;overflow-y:auto;height:100%;margin-right:20px}.toc-level-1{--level: 0;padding-left:calc(var(--level) * 10px)}.toc-level-2{--level: 1;padding-left:calc(var(--level) * 10px)}.toc-level-3{--level: 2;padding-left:calc(var(--level) * 10px)}.toc-level-4{--level: 3;padding-left:calc(var(--level) * 10px)}.toc-link{text-decoration:none;color:#007bff;cursor:pointer;font-size:15px}.toggle-button{position:absolute;top:60px;right:20px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.toggle-button:hover{background-color:#0056b3}.toc{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:10px;padding-left:calc(var(--level) * 10px)}.toc-level-1{--level: 0}.toc-level-2{--level: 1}.toc-level-3{--level: 2}.toc-link{text-decoration:none;color:#ebf2f2;cursor:pointer}.responsive-svg-container{position:relative;width:100%;padding-bottom:77.78%;height:0;overflow:hidden}.responsive-svg{position:absolute;top:0;left:0;width:100%;height:100%;display:block}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.tabbed-page-container{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.tabbed-page-banner{width:100%;background-color:#333;color:#fff;text-align:center;padding:1rem;font-family:Lucida Console,Courier New,monospace;font-size:1rem;font-weight:700;margin:0}.home-banner{margin:0;padding:1rem;background-color:#333;color:#fff;text-align:center;font-size:2rem;font-weight:700}.search-bar-container{width:100%;display:flex;justify-content:center;margin:1rem 0}.search-bar{width:80%;max-width:400px;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .2s ease}.search-bar:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.tabs-container{display:flex;justify-content:center;margin-bottom:1rem}.tab-button{padding:.5rem 1rem;font-size:1rem;border:1px solid #ccc;background-color:#f9f9f9;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tab-button.active{background-color:#0a1016;color:#fff;border-color:#d8e3ee}.tab-button:not(:last-child){margin-right:.5rem}.tab-button:hover{background-color:#333;color:#fff}.tab-content{flex:1;overflow-y:auto;padding:1rem;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-sizing:border-box;margin:0 auto;width:80%;max-width:800px}.items-list{list-style-type:none;margin:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;,}.items-list-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;width:200px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.items-list-link{text-decoration:none;color:#0a1016;font-size:1rem;font-weight:700;transition:color .2s ease}.items-list-link:hover{color:#0056b3;text-decoration:underline}