#root{margin:0 auto;text-align:center;overflow:hidden}.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)}#viewer-container{height:100%;width:100%}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{opacity:.32}50%{opacity:1}to{opacity:.32}}.loading-text{animation:loading 2s infinite}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.slide-in{animation:slideIn .3s ease-out forwards}.slide-out{animation:slideOut .3s ease-out forwards}.card{padding:2em}.read-the-docs{color:#888}.l_transition{transition:transform .7s ease-in-out}.relative:hover .icon{animation:slideOut 2s ease-in-out}.text8{font-size:8px}.text10{font-size:10px}.text12{font-size:12px}.text14{font-size:14px}.text16{font-size:16px}.text18{font-size:18px}.text20{font-size:20px}.text22{font-size:22px}.text24{font-size:24px}.text26{font-size:26px}.text28{font-size:28px}