body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Row{display:flex;flex-direction:row}.Column{display:flex;flex-direction:column}aside{width:18vw;min-width:180px}a,a:visited,a:link{text-decoration:none}.panel-frame{background-color:#ffffffd9}.panel-left{flex-direction:column;width:50vw;height:100vh;margin-left:0;animation-name:panelLeft;animation-duration:.5s}.panel-left-out{flex-direction:column;width:50vw;height:100vh;margin-left:-50vw;animation-name:panelLeftOut;animation-duration:.5s}@keyframes panelLeft{0%{margin-left:-50vw}to{margin-left:0}}@keyframes panelLeftOut{0%{margin-left:0}to{margin-left:-50vw}}.panel-right{flex-direction:column;width:50vw;height:100vh;margin-left:100vw;animation-name:panelRight;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes panelRight{0%{margin-left:100vw}to{margin-left:50vw}}.panel-right-out{flex-direction:column;width:50vw;height:100vh;margin-left:50vw;animation-name:panelRightOut;animation-duration:.5s}@keyframes panelRightOut{0%{margin-left:50vw}to{margin-left:100vw}}@media screen and (max-width:1100px){.panel-right{flex-direction:column;width:65vw;height:100vh;margin-left:100vw;animation-name:panelRight;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}.panel-right-out{flex-direction:column;width:65vw;height:100vh;margin-left:35vw;animation-name:panelRightOut;animation-duration:.5s}@keyframes panelRight{0%{margin-left:100vw}to{margin-left:35vw}}@keyframes panelRightOut{0%{margin-left:35vw}to{margin-left:100vw}}}@media screen and (max-width:900px){.panel-right{flex-direction:column;width:80vw;height:100vh;margin-left:100vw;animation-name:panelRight;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}.panel-right-out{flex-direction:column;width:80vw;height:100vh;margin-left:100vw;animation-name:panelRightOut;animation-duration:.5s}@keyframes panelRight{0%{margin-left:100vw}to{margin-left:20vw}}@keyframes panelRightOut{0%{margin-left:20vw}to{margin-left:100vw}}}@media screen and (max-width:720px){.panel-right{flex-direction:column;width:100vw;height:100vh;margin-left:100vw;animation-name:panelRight;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}.panel-right-out{flex-direction:column;width:100vw;height:100vh;margin-left:100%;animation-name:panelRightOut;animation-duration:.5s}@keyframes panelRight{0%{margin-left:100vw}to{margin-left:0}}@keyframes panelRightOut{0%{margin-left:0}to{margin-left:100vw}}}.panel-center{flex-direction:column;width:100vw;height:100vh;margin-left:0%;animation-name:panelCenter;animation-duration:.5s;transition:all .5s ease}.panel-center-out{flex-direction:column;width:100vw;height:100vh;margin-left:100%;animation-name:panelCenterOut;animation-duration:.5s}@keyframes panelCenter{0%{margin-left:100%}to{margin-left:0%}}@keyframes panelCenterOut{0%{margin-left:0%}to{margin-left:100%}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{@page{margin:1cm}footer{position:absolute;bottom:0}}#root{max-width:100vw;margin:0 auto;padding:2rem;text-align:center}.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}