:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:400;color:#fff;text-decoration:inherit}a:hover{color:#ccc}body{margin:0;min-width:320px;min-height:100vh;background-color:#000}h1{font-size:2.5rem;line-height:1.2;font-weight:300}#app{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #ffffffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#ccc}button{border-radius:6px;border:1px solid #ffffff;padding:.75rem 1.5rem;font-size:.9rem;font-weight:400;font-family:inherit;background-color:transparent;color:#fff;cursor:pointer;transition:all .2s ease}button:hover{background-color:#fff;color:#000}button:focus,button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}input,textarea,select{font-family:inherit;font-size:.9rem;border:1px solid #333333;border-radius:6px;padding:.75rem;transition:all .2s ease;background-color:#000;color:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}input::placeholder{color:#666}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#000}a:hover{color:#ccc}button{background-color:transparent;color:#fff;border-color:#fff}button:hover{background-color:#fff;color:#000}body{background-color:#000}input,textarea,select{background-color:#000;border-color:#333;color:#fff}input:focus,textarea:focus,select:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}}