html{width:100dvw;height:100dvh;margin:0;padding:0}body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background-color:#000}.visualizer{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden}.visualizer video{grid-column:1;grid-row:1;align-self:stretch;justify-self:center;min-width:100%;opacity:0}.visualizer video.loaded{animation:hue-rotate 50s infinite linear,fade-in 3s forwards linear}@keyframes hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.visualizer .credit{position:fixed;bottom:0;right:0;margin:10px 20px;color:#333}.visualizer .credit a{color:#444}musical-keyboard{grid-column:1;grid-row:1;align-self:flex-end;justify-self:center;translate:0 -50px}@media (max-width: 1734px){musical-keyboard{justify-self:stretch}}::part(settings){position:fixed;top:auto;bottom:0}