:root{--foreground: hsl(0 0% 100%);--background: hsl(0 0% 0%);--foreground-secondary: hsl(0 0% 50%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--foreground);font-family:Google Sans,sans-serif;background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}canvas{position:absolute;top:0;left:0;width:100%;height:100%}._audioWrapper_1yddc_9{position:absolute;bottom:1rem;width:100%;display:flex;justify-content:center;align-items:center;gap:1rem;padding:0 .5rem}audio{opacity:.5;transition:opacity .25s ease;max-width:25rem;width:100%}audio:hover{opacity:1}@media (max-width: 768px){._audioWrapper_1yddc_9{flex-direction:column;gap:.5rem}}._uploader_k58vw_1{display:flex;justify-content:center;align-items:center;gap:1rem;text-align:center}._trackInfo_k58vw_9{display:flex;align-items:flex-end;gap:.5rem;opacity:.5}span{font-size:1rem;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}input{display:none}label{font-size:1rem;display:flex;align-items:center;justify-content:center;background:var(--foreground);color:var(--background);cursor:pointer;padding:0 1rem;border:none;height:2.25rem;border-radius:2.25rem;transition:opacity .25s ease;opacity:.5}label:hover{opacity:1}label>i{display:none!important}@media (max-width: 768px){._uploader_k58vw_1{gap:.5rem}}._link_1nwia_1{position:fixed;top:1.25rem;right:1.25rem;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--foreground);opacity:.35;transition:opacity .2s ease,transform .2s ease}._link_1nwia_1:hover{opacity:1;transform:translateY(-2px)}._link_1nwia_1:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:4px;border-radius:50%}