@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{font-family:Roboto,sans-serif;line-height:24px;font-weight:400;background-color:#0f0d13;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:62.5%}*{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;padding:36px;font-size:1.6rem;overflow-x:hidden}#song-name{color:#e1e1e6;font-size:24px;margin:0 0 9px;cursor:default}#author{font-size:1.9rem;color:#c4c4cc;opacity:.7;margin:0;cursor:default}img{width:100%;aspect-ratio:1 / 1;border-radius:6px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.player-card{width:100%;height:100%;background:#2A2141;padding:28px;border-radius:10px}.player-items{display:flex;gap:14px;flex-direction:column}.horizontal{display:flex;align-items:center;flex-direction:row;gap:28px}.vertical{display:flex;flex-direction:column;gap:28px}.controls-container{display:flex;justify-content:space-between;align-items:center}.material-symbols-rounded{color:#e1e1e6;font-size:36px;font-weight:100;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in-out}.material-symbols-rounded:hover{color:#a5a2b0}.progress-container{width:100%}input[type=range]{overflow:hidden;width:100%;-webkit-appearance:none;background-color:#d9d9d94d;border-radius:10px}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;margin-top:-1px}input[type=range]::-webkit-slider-thumb{width:10px;-webkit-appearance:none;height:10px;border-radius:10px;background:#D9D9D9;box-shadow:-100vw 0 0 100vw #d9d9d9}.time{color:#c4c4cc;opacity:.7;font-size:14px;display:flex;width:100%;justify-content:space-between;align-items:center}.container{display:grid;width:100vw;padding:32px;grid-template-columns:max-content max-content;grid-template-areas:"A B" "A C";grid-gap:32px;place-items:center;place-content:center}@media (max-width: 480px){.container{display:flex;flex-direction:column;justify-content:center}}