body{margin:0;display:flex;min-height:100vh;font-family:Arial,Helvetica,sans-serif}#app{width:100%;text-align:center}.tracklist[data-v-ade556f5]{color:#fff;text-align:left;padding:2px;cursor:default;-webkit-user-select:none;user-select:none}.selected-track[data-v-ade556f5]{background-color:#00498f}.searchfilter[data-v-ade556f5]{display:flex;position:relative;width:90%;margin:5px}.trackheader[data-v-ade556f5]{background-color:gray;cursor:pointer}.controls[data-v-beb83356]{float:left;padding:10px}.controls button[data-v-beb83356]{margin:5px}.controls[data-v-beb83356],.np[data-v-beb83356]{display:inline-flex;padding-top:0}.tracklist[data-v-4ed88cd6]{color:#fff;text-align:left;padding:2px;color:#96b7eb;-webkit-user-select:none;user-select:none}.track[data-v-4ed88cd6]{cursor:default}.active-track[data-v-4ed88cd6]{border-top:1px solid #96b7eb;border-bottom:1px solid #96b7eb}.history-track[data-v-4ed88cd6]{color:gray}.container[data-v-4ed88cd6]{display:flex;justify-content:space-between;align-items:center;padding-left:10px;padding-right:10px;padding-top:2px}.black-bg[data-v-4ed88cd6]{background-color:#171717}.grey-bg[data-v-4ed88cd6]{background-color:#292929}.selected-track[data-v-4ed88cd6]{background-color:#00498f!important}.dragging-over[data-v-4ed88cd6]{border-top:4px dashed #00498f}body[data-v-ef2d03c0]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoEAIAAABTDPN5AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAA5klEQVRo3u3YoQ0CQRCF4eNOkiBQmKMImsBgKAN7koQWsFSFgwYoAEGCJEHMmk12szsIkvlnnxozefnsm42n3f247zJ5nl+H97pTZjktLvOH9us/vb0fahZMpSbAbGoE9kCVDJ/r6rbZeqBKeu2DXar0KsDWqXJXgRnUKjCJWgDzqFkwlZoAs6kR2AM1gP1QA9gPVXp/BFukyq0G26WqwdapCjCDWgUmUQtgHjULplITYDY1AnugStqmxaW2TYtOrQKTqAUwj5oFU6kJMJsagT1QA9gPNYD9UNumRaeqwdapCjCDKvkCbRfhccYKZSEAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMTEtMDJUMTg6NTY6MjEtMDg6MDBfB3uXAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTExLTAyVDE4OjU2OjIxLTA4OjAwLlrDKwAAAABJRU5ErkJggg==);background-repeat:repeat;height:100%;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;gap:10px}.container[data-v-ef2d03c0]{flex:1;display:flex;gap:10px}.controls[data-v-ef2d03c0]{background-color:#292929;color:#fff;text-align:center;line-height:2.5rem;gap:10px;margin:10px;border-radius:10px;border:1px solid black;outline:1px thin black}.tracks[data-v-ef2d03c0]{flex:3;background-color:#171717;overflow-y:scroll;gap:10px;margin-left:10px;border-radius:10px;border:1px solid black;outline:1px thin black;display:inline-table}.playlist[data-v-ef2d03c0]{flex:8;background-color:#171717;margin-right:10px;border-radius:10px;border:1px solid black;outline:1px thin black}.loading-container[data-v-ef2d03c0]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#000;font-family:Arial,sans-serif;color:#333;opacity:70%}.spinner[data-v-ef2d03c0]{display:inline-block;position:relative;width:80px;height:80px}.spinner div[data-v-ef2d03c0]{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #3b82f6;border-radius:50%;animation:spinner-ef2d03c0 1.2s linear infinite;border-color:#3b82f6 transparent transparent transparent}.spinner div[data-v-ef2d03c0]:nth-child(1){animation-delay:-.45s}.spinner div[data-v-ef2d03c0]:nth-child(2){animation-delay:-.3s}.spinner div[data-v-ef2d03c0]:nth-child(3){animation-delay:-.15s}@keyframes spinner-ef2d03c0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-ef2d03c0]{margin-top:20px;font-size:18px;color:#666}