:root{--test:"test"}#root{text-align:center;margin-block:0;margin-inline:auto}.app{flex-direction:column;justify-content:center;align-items:center;margin-block-start:6.25rem;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;color:inherit;background-color:var(--color-outline-variant);border:.0625rem solid #0000;border-radius:.5rem;padding-block:.6em;padding-inline:1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}@media (hover:hover){button:hover{border-color:#646cff}}button:focus,button:focus-visible{outline:.25rem auto -webkit-focus-ring-color}:root[data-theme=light]{color:#213547;background-color:#fff}@media (hover:hover){:root[data-theme=light] a:hover{color:#747bff}}.logo{will-change:filter;block-size:8em;inline-size:8em;padding:1.5em;transition:filter .3s}@media (hover:hover){.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:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}