body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#121212;color:#fff;font-family:sans-serif;margin:0}.app{padding:20px}header{align-items:center;display:flex;justify-content:space-between}.add-btn{border:none;border-radius:50%;cursor:pointer;font-size:28px;height:40px;width:40px}.dashboard{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.card{background:#1f1f1f;border-radius:8px;cursor:pointer;padding:20px;text-align:center}.card:hover{background:#333}.player{margin-top:30px}.controls{margin-top:10px}.controls button{cursor:pointer;font-size:20px;margin-right:10px}.modal-backdrop{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal{background:#1f1f1f;border-radius:8px;padding:20px;width:300px}.modal input{box-sizing:border-box;display:block;margin-top:10px;padding:8px;width:100%}.modal-actions{display:flex;justify-content:space-between;margin-top:15px}.now-playing{font-size:30px;font-weight:700;margin-bottom:20px}.stop-button{background:#fff;border-radius:5px;cursor:pointer;height:40px;width:40px}
/*# sourceMappingURL=main.926b42fa.css.map*/