:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500}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}}#root{max-width:none;margin:0;padding:0;text-align:initial}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.main-content{padding-top:72px}body{margin:0;background:#e5e5e5}p{margin-top:0}.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}html,body{width:100%;margin:0;overflow-x:hidden;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}img,video,svg{max-width:100%;height:auto;display:block}#root{max-width:none;margin:0;padding:0}.wwsf-toggle{-webkit-tap-highlight-color:transparent}.wwsf-toggle:focus{outline:none}.wwsf-toggle:focus-visible{outline:none;box-shadow:none}.wwsf-toggle::-moz-focus-inner{border:0}.navbar-container{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:46px 260px;background:transparent;z-index:1000;transition:background .18s ease,box-shadow .18s ease,transform .25s ease}.navbar--filled{background:#faf9f6;box-shadow:0 4px 20px #00000014}.navbar--hidden{transform:translateY(-100%)}.options{display:flex;gap:2rem}.navbar-container .options a{color:#faf9f6;text-decoration:none;font-weight:500;transition:color .18s ease,font-weight .2s}.navbar--filled .options a{color:#0c0c0c}.options a:hover{font-weight:700}.options .link--muted{color:#faf9f6}.navbar--filled .options .link--muted{color:#000}.logoKeypr .logo-img{height:40px;width:auto}@media (max-width: 640px){.navbar-container{padding:16px 20px;height:64px}.logoKeypr .logo-img{height:32px}.options{display:none}.menu-btn{background:transparent;border:0;padding:6px;display:grid;place-items:center;cursor:pointer}.menu-btn img{height:24px;width:24px}.mobile-menu{position:fixed;inset:0;background:#fbf8f2;color:#0c0c0c;transform:translateY(-100%);transition:transform .25s ease;z-index:1200;display:flex;flex-direction:column}.mobile-menu.open{transform:translateY(0)}.mobile-menu__bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.mm-logo{height:32px;width:auto}.mm-close img{height:24px;width:24px}.mobile-menu__list{padding:8px 20px 24px}.mm-row{width:100%;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;padding:22px 4px;font-size:28px;line-height:1.2;color:#0c0c0c;border-bottom:1px solid #E8E3D8;text-align:left;cursor:pointer}.mm-row--muted{color:#c3c3c3;cursor:default}.mm-kebab{font-size:24px;line-height:1;opacity:.8}}@font-face{font-family:Malinton-Medium;src:url(/assets/Malinton-Medium-B_6cZbqK.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Outfit-Regular;src:url(/assets/Outfit-Regular-BlL8FXaZ.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Outfit-Medium;src:url(/assets/Outfit-Medium-B8Iwa1n1.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Outfit-Light;src:url(/assets/Outfit-Light-BCN5VFdt.ttf) format("truetype");font-weight:400;font-style:normal}