#header-container.svelte-zne36e{z-index:200;top:.5em}#search.svelte-zne36e{width:20em}#search-form-header.svelte-zne36e{width:100%;padding-top:.5em;padding-bottom:.5em;display:flex;justify-content:space-between;background-color:var(--theme-1)}#track-results-modal-container.svelte-zne36e{position:relative;z-index:300}#track-results-list.svelte-zne36e{position:absolute;width:20rem;left:0;right:0;max-height:30rem;overflow-y:auto;background-color:var(--theme-1);box-shadow:-.1px -.1px 1px}.track-result.svelte-zne36e{width:100%;display:flex;align-items:center;gap:.5em;padding:.5em}.track-result.svelte-zne36e img:where(.svelte-zne36e){height:3em}.track-details.svelte-zne36e{flex-grow:1}.track-details.svelte-zne36e button:where(.svelte-zne36e){text-align:left;display:block}.track-result-title.svelte-zne36e:hover{opacity:.8}.track-result-duration.svelte-zne36e{font-size:.5em;margin-left:auto}#menu-container.svelte-5fqpto{position:relative;width:10em}button.svelte-5fqpto{display:block;margin-left:auto}#logout.svelte-5fqpto{color:red}li.svelte-5fqpto button:where(.svelte-5fqpto){padding:.5em;width:100%;text-align:end}#nav-overlay.svelte-12qhfyh{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#1e1e1e1e;display:flex;justify-content:center;align-items:center}:root{--theme-1: #1e1e1e;--theme-2: #333333;--theme-3: #444444;--text-color: white;--secondary-text-color: #cccccc;--accent-color: #FF4B4B;color:var(--text-color);background-color:var(--theme-1);font-family:Arial,Helvetica,sans-serif}#head.svelte-12qhfyh{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px var(--theme-3);padding:0 1em;position:sticky;top:0;z-index:100;background-color:var(--theme-1)}#title.svelte-12qhfyh{border-right:solid 1px var(--theme-3);margin:0 1em .2em 0;padding-right:1em}#title.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-weight:100}header{align-self:stretch;padding:1em}body{height:100vh;display:flex;flex-direction:column;align-items:center}*{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}button{color:var(--text-color);background-color:transparent;cursor:pointer;border:none;border-radius:.4em;font-size:medium;opacity:.8}button:hover{opacity:1}a{color:var(--text-color);text-decoration:none}form>div>label,form>div>input{display:block}input{background-color:var(--theme-1);border:solid .2px grey;border-radius:2px;height:2.5em;color:var(--text-color)}.secondary-txt{font-size:.6rem;color:var(--secondary-text-color)}