section.svelte-slmgoq.svelte-slmgoq{left:0;width:250px;height:100vh;background-color:#050c1a;display:flex;flex-direction:column;align-items:center;padding:20px 0;border-right:2px solid #0c1f41;position:fixed;overflow-y:auto}section.svelte-slmgoq img#logo.svelte-slmgoq{width:125px;height:125px}section.svelte-slmgoq .menu.svelte-slmgoq{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;padding:20px 0}section.svelte-slmgoq .menu p.svelte-slmgoq{color:#b8c3d4;font-size:14px;margin-bottom:20px;opacity:.5;font-variant:small-caps;text-decoration:underline;text-decoration-color:#b8c3d4;text-decoration-thickness:2px;text-underline-offset:5px;-webkit-user-select:none;user-select:none}section.svelte-slmgoq .menu .menu-component.svelte-slmgoq{width:100%;height:50px;display:flex;flex-direction:row;align-items:center;margin-bottom:10px}section.svelte-slmgoq .menu .menu-component .button-background.svelte-slmgoq{width:45px;height:45px;margin-left:20px;border-radius:15px;background-color:#0c1f41;display:flex;align-items:center;justify-content:center;margin-right:10px;cursor:pointer}section.svelte-slmgoq .menu .menu-component .button-background img.svelte-slmgoq{width:65%;height:auto;-webkit-user-select:none;user-select:none}section.svelte-slmgoq .menu .menu-component h1.svelte-slmgoq{color:#b8c3d4;font-size:20px;font-weight:500;margin-left:5px;-webkit-user-select:none;user-select:none}section.svelte-slmgoq .menu .menu-component.svelte-slmgoq:hover{background-color:#0c1f41;border-radius:15px;cursor:pointer;width:80%;transition:1s}section.svelte-slmgoq .playlist.svelte-slmgoq{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;padding:20px 0}section.svelte-slmgoq .playlist p.svelte-slmgoq{color:#b8c3d4;font-size:14px;margin-bottom:20px;opacity:.5;font-variant:small-caps;text-decoration:underline;text-decoration-color:#b8c3d4;text-decoration-thickness:2px;text-underline-offset:5px;-webkit-user-select:none;user-select:none}section.svelte-slmgoq .playlist .playlist-component.svelte-slmgoq{width:100%;height:50px;display:flex;flex-direction:row;align-items:center;margin-bottom:10px}section.svelte-slmgoq .playlist .playlist-component .playlist-background.svelte-slmgoq{width:45px;height:45px;margin-left:20px;display:flex;align-items:center;justify-content:center;margin-right:10px;cursor:pointer}section.svelte-slmgoq .playlist .playlist-component .playlist-background img.svelte-slmgoq{width:100%;border-radius:15px;height:auto;-webkit-user-select:none;user-select:none;filter:grayscale(100%)}section.svelte-slmgoq .playlist .playlist-component h1.svelte-slmgoq{color:#b8c3d4;font-size:20px;font-weight:500;margin-left:5px;-webkit-user-select:none;user-select:none}section.svelte-slmgoq .playlist .playlist-component.svelte-slmgoq:hover{cursor:pointer;width:80%;background-color:#0c1f41;border-radius:15px;transition:1s}section.svelte-slmgoq .playlist .playlist-component:hover .playlist-background.svelte-slmgoq{left:0;border-radius:15px}section.svelte-slmgoq .playlist .playlist-component:hover .playlist-background img.svelte-slmgoq{filter:grayscale(0%);transition:.5s}section.svelte-slmgoq .playlist .playlist-component:hover h1.svelte-slmgoq{transition:.5s}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#050c1a;overflow-y:hidden}