#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-container{display:flex;flex-direction:column;align-items:center;justify-content: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}:root{--primary-light: #4dabf5;--primary-main: #1976d2;--primary-dark: #1565c0;--secondary-light: #ff4081;--secondary-main: #f50057;--secondary-dark: #c51162;--error-main: #f44336;--warning-main: #ff9800;--info-main: #2196f3;--success-main: #4caf50;--background-default: #f5f5f5;--paper-default: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-default);color:#000000de;margin:0;min-height:100%;height:100%}#root{height:100%}.card-shadow{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.transition-smooth{transition:opacity .3s ease,transform .3s ease;will-change:opacity,transform}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}