.library-page.svelte-c8k2rg{background:var(--bg);flex-direction:column;gap:20px;width:100dvw;height:100dvh;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.track-item.svelte-c8k2rg{all:unset;color:#fff;cursor:default;-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:80;opacity:1;background:linear-gradient(#ffffff42 0%,#7c7c7c20 2% 98%,#ffffff42 100%);border-radius:20px;min-width:0;margin-inline:0;padding:5px;transition:all .2s;box-shadow:inset 0 1px 1px #ffffff1e,inset 0 -1px 1px #ffffff1e,1px 0 1px #0000004a,-1px 0 1px #0000004a}.track-item.svelte-c8k2rg:hover{color:#fff;opacity:1;background:linear-gradient(#ffffff52 0%,#ffffff20 2% 98%,#ffffff52 100%);padding:10px;transition:all .2s;transform:scale(1.2);box-shadow:inset 0 1px 1px #ffffff35,inset 0 -1px 1px #ffffff35,inset 0 0 0 100px #2b3d46c1,1px 0 1px #00000050,-1px 0 1px #00000050,0 3px 20px #ffffff20;z-index:100!important}.track-item.svelte-c8k2rg:active{opacity:.5;transition:all .2s;transform:scale(.95)}h1.svelte-c8k2rg{all:unset;color:var(--first);font-family:InterVariable,sans-serif;font-size:30px;font-weight:600}.error.svelte-c8k2rg{color:var(--first);opacity:.5}.track-list.svelte-c8k2rg{all:unset;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;width:100%;list-style:none;display:grid}.track-item.svelte-c8k2rg a:where(.svelte-c8k2rg){all:unset;color:#fff;cursor:pointer;flex-direction:column;min-width:0;display:flex;width:100%!important}.track-art-wrap.svelte-c8k2rg{aspect-ratio:1;opacity:1;background:#062a3b;border-radius:15px;flex:none;min-width:0;display:block;overflow:hidden;width:100%!important}.track-art-wrap.svelte-c8k2rg:empty{opacity:0}.track-art.svelte-c8k2rg,.track-art-wrap.svelte-c8k2rg img:where(.svelte-c8k2rg),.track-art-wrap.svelte-c8k2rg video:where(.svelte-c8k2rg){-o-object-fit:cover;object-fit:cover;max-width:none;display:block;width:100%!important;height:100%!important}.track-meta.svelte-c8k2rg{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.track-item.svelte-c8k2rg strong:where(.svelte-c8k2rg),.track-item.svelte-c8k2rg span:where(.svelte-c8k2rg){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-item.svelte-c8k2rg strong:where(.svelte-c8k2rg){color:var(--first);font-family:InterVariable,sans-serif;font-size:15px;font-weight:600}.track-item.svelte-c8k2rg span:where(.svelte-c8k2rg){color:var(--third);opacity:.7;font-family:InterVariable,sans-serif;font-size:13px}