:root{margin:1em;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}.content{justify-content:center;flex-wrap:wrap;height:auto;width:auto;margin-top:1em;margin-left:16em;padding:20px;background-color:#fff;box-shadow:1px 1px 15px #969696}.content h1{margin:0;text-align:left;font-size:2em}.content h2{margin:0;text-align:left;font-size:1.5em}.content-img{max-width:100%;height:auto}.code-block{background-color:#d4d2d2;border-radius:1em;padding:1em;margin-bottom:.5em}.codeText{color:#000}.text-block{margin:.5em}.text-block-important{background-color:#d4d2d2;border-radius:1em;padding:1em;margin-bottom:.5em}.warning-icon{color:#e64949;margin-right:.5em;font-size:2em}.list{background-color:#d4d2d2;border-radius:1em;padding:1.5em}.link-in-text{margin:.3em;border-color:#61dafb}.header{background-color:#9c9898;color:#61dafb;padding:1em;display:flex;align-items:center;justify-content:space-between;box-shadow:1px 1px 15px #969696}.logo{height:4em;padding:1em;will-change:filter;transition:filter .3s;animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.header h1{font-size:24px}.header .home-icon{height:4em;padding:1em;font-size:4em;color:#61dafb;transition:transform .3s}.header .home-icon:hover{transform:scale(1.2)}.switch{display:inline-block;position:relative;width:60px;height:30px;border-radius:40px}.switch__input{height:0;width:0;opacity:0}.switch__slider{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:40px;background-color:#c0eaf6}.switch__slider:before{content:"";position:absolute;top:4px;left:4px;bottom:4px;right:25px;width:25px;border-radius:50px;background-color:#61dafb;transition:.9s}.switch__input:checked+.switch__slider{background-color:#666}.switch__input:checked+.switch__slider:before{transform:translate(28px)}.contexTheme.light{background-color:#c0eaf6}.contexTheme.dark,.contexTheme.dark .content,.contexTheme.dark .navPanel{background-color:#5f5959}.navPanel{margin-top:1em;margin-bottom:5em;float:left;background-color:#fff;padding:20px;width:200px;height:auto;box-shadow:1px 1px 15px #969696}.navPanel .ant-btn{margin-bottom:1em;border-radius:10px;transition:background-color .3s,transform .3s;width:100%}.navPanel .ant-btn:hover{transform:scale(1.1)}.footer{position:fixed;bottom:0;left:0;right:0;background-color:#eceaea;text-align:center;box-shadow:0 -2px 5px #0000001a}.footer p{font-size:small;opacity:50%}.example{display:flex;align-items:center}.example .items{margin:1em}.example Input{width:10em;margin:1em}