:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-main{max-width:1280px;margin:0 auto;width:100%}.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}.storage-test{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.storage-test-msg{margin:0;font-size:.9rem;max-width:28rem}.storage-test-ok{color:#2e7d32}.storage-test-err{color:#c62828}.read-the-docs{color:#888}