:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--app-bg);background-image:var(--app-bg-image);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:7.5vh;line-height:1.1;font-weight:500;margin-top:0;margin-bottom:10}h3{font-weight:500;font-size:2.2vh;margin:0;font-family:Ubuntu,sans-serif}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:4em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #0066CC)}.logo.play:hover{filter:drop-shadow(0 0 2em #6cd9f9)}.logo.spot:hover{filter:drop-shadow(0 0 2em var(--logo-glow))}.card{padding:2em}.secondary-text{color:var(--secondary-text-color)}.main-text{color:var(--main-text-color)}a:focus,a:focus-visible,a:active{outline:none}a,img{-webkit-tap-highlight-color:transparent}