.player-container.svelte-1u0b5r3{-webkit-user-select:none;user-select:none;display:flex;height:calc(100% - 20px);padding:10px;justify-content:space-between}.player-container.svelte-1u0b5r3 .icon:where(.svelte-1u0b5r3){cursor:pointer;display:flex;align-items:center;justify-content:center}.info.svelte-1u0b5r3{display:flex;align-items:center;gap:18px}.info.svelte-1u0b5r3 img:where(.svelte-1u0b5r3){border-radius:2px}.info.svelte-1u0b5r3 .title:where(.svelte-1u0b5r3){font-size:.9rem;cursor:pointer}.info.svelte-1u0b5r3 .title:where(.svelte-1u0b5r3):hover{text-decoration:underline}.info.svelte-1u0b5r3 .artists:where(.svelte-1u0b5r3){font-size:.8rem;opacity:.6;margin-top:5px;cursor:pointer}.info.svelte-1u0b5r3 .artists:where(.svelte-1u0b5r3):hover{text-decoration:underline}.info.svelte-1u0b5r3 .heart:where(.svelte-1u0b5r3){font-size:.9em;color:#1fdf64;cursor:pointer}.player.svelte-1u0b5r3{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.player.svelte-1u0b5r3 .controls:where(.svelte-1u0b5r3){display:flex;gap:22px;font-size:1.2rem}.player.svelte-1u0b5r3 .time:where(.svelte-1u0b5r3){display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem}.player.svelte-1u0b5r3 .time:where(.svelte-1u0b5r3) .line:where(.svelte-1u0b5r3){width:200px}.line.svelte-1u0b5r3{background-color:#4d4d4d;margin-top:2px;height:4px;border-radius:50px;display:flex;align-items:center}.line.svelte-1u0b5r3 div:where(.svelte-1u0b5r3){width:50%;height:100%;background-color:#fff;border-radius:50px}.buttons.svelte-1u0b5r3{display:flex;align-items:center;gap:11px}.buttons.svelte-1u0b5r3 .volume:where(.svelte-1u0b5r3){display:flex;align-items:center;gap:10px}.buttons.svelte-1u0b5r3 .volume:where(.svelte-1u0b5r3) .line:where(.svelte-1u0b5r3){width:100px}.buttons.svelte-1u0b5r3 .mobile-icons:where(.svelte-1u0b5r3){display:none;align-items:center;gap:18px}.buttons.svelte-1u0b5r3 .mobile-icons:where(.svelte-1u0b5r3) .triangle:where(.svelte-1u0b5r3){width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid white}@media (max-width: 700px){.player.svelte-1u0b5r3{display:none}.player-container.svelte-1u0b5r3{background-color:#1a1818;border-radius:10px}.info.svelte-1u0b5r3{gap:10px}.info.svelte-1u0b5r3 img:where(.svelte-1u0b5r3){height:42px}.info.svelte-1u0b5r3 .heart:where(.svelte-1u0b5r3){display:none}.buttons.svelte-1u0b5r3{gap:18px;transform:translate(-8px)}.buttons.svelte-1u0b5r3 .mobile-icons:where(.svelte-1u0b5r3){display:flex}.buttons.svelte-1u0b5r3 .volume:where(.svelte-1u0b5r3){display:none}}.library-card.svelte-1hkl23g{all:unset;display:flex;align-items:center;gap:10px;font-size:.9em;cursor:pointer;border-radius:4px;padding:10px;transition:background-color .2s ease-in-out}.library-card.svelte-1hkl23g img:where(.svelte-1hkl23g){border-radius:4px}.library-card.svelte-1hkl23g .artist:where(.svelte-1hkl23g){opacity:.7;font-weight:400;font-size:.93em}.library-card.svelte-1hkl23g:hover{background-color:#ffffff0d}.library-card[data-active=true].svelte-1hkl23g{background-color:#ffffff1a}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-vietnamese-wght-normal.Dus3v61A.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-latin-ext-wght-normal.rMXoD2xN.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-latin-wght-normal.CkJCGd27.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fh: 100vh}*{margin:0;-webkit-tap-highlight-color:transparent}body{background-color:#000;color:#fff;font-family:Work Sans Variable,sans-serif;letter-spacing:-.5px;font-weight:550}.container.svelte-7c5rwx{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:100px 1fr 75px;padding:10px;width:calc(100% - 20px);height:calc(var(--fh) - 20px);gap:10px;font-size:1.15rem;position:relative}.container.svelte-7c5rwx .section:where(.svelte-7c5rwx){border-radius:15px}.home.svelte-7c5rwx{padding:20px;background-color:#121212;display:flex;flex-direction:column;justify-content:center;gap:20px}.home.svelte-7c5rwx .link:where(.svelte-7c5rwx){all:unset;display:flex;align-items:center;gap:15px;cursor:pointer}.home.svelte-7c5rwx .link:where(.svelte-7c5rwx):not(.active){opacity:.8;transition:opacity .2s ease-in-out}.home.svelte-7c5rwx .link:where(.svelte-7c5rwx):not(.active):hover{opacity:1}.main.svelte-7c5rwx{grid-column:2/3;grid-row:1/3;background:linear-gradient(146deg,#422023 -20%,#121212);padding:20px;position:relative}.main.svelte-7c5rwx header:where(.svelte-7c5rwx){display:flex;justify-content:flex-end;z-index:999;position:relative;height:34px;align-items:center}.main.svelte-7c5rwx header:where(.svelte-7c5rwx) a:where(.svelte-7c5rwx){display:flex}.main.svelte-7c5rwx header:where(.svelte-7c5rwx) img:where(.svelte-7c5rwx){border:2px solid black;border-radius:50%;transition:scale .1s ease-in-out}.main.svelte-7c5rwx header:where(.svelte-7c5rwx) img:where(.svelte-7c5rwx):hover{scale:1.1}.library.svelte-7c5rwx{grid-row:2/3;background-color:#121212;padding:10px}.library.svelte-7c5rwx p:where(.svelte-7c5rwx){padding:10px}.library.svelte-7c5rwx .playlists:where(.svelte-7c5rwx){display:flex;flex-direction:column}.player.svelte-7c5rwx{grid-column:1/3;grid-row:3/4}footer.svelte-7c5rwx{display:none;justify-content:center;font-weight:400;margin-top:15px}footer.svelte-7c5rwx .link:where(.svelte-7c5rwx){all:unset;display:flex;flex-direction:column;align-items:center;width:33%;font-size:.85em;gap:4px;cursor:pointer}footer.svelte-7c5rwx .link:where(.svelte-7c5rwx) p:where(.svelte-7c5rwx){font-size:.65em}@media (max-width: 700px){.container.svelte-7c5rwx{display:block;font-size:1.15rem;font-weight:450;padding:20px;width:calc(100% - 40px);height:calc(var(--fh) - 40px)}.container.svelte-7c5rwx .section:where(.svelte-7c5rwx){border-radius:unset}.library.svelte-7c5rwx,.home.svelte-7c5rwx{display:none}.main.svelte-7c5rwx{background:none;border-radius:unset;padding:0}.main.svelte-7c5rwx header:where(.svelte-7c5rwx){display:none}.player.svelte-7c5rwx{position:absolute;width:calc(100% - 40px);bottom:12px;left:20px;border-radius:10px!important}.player.svelte-7c5rwx footer:where(.svelte-7c5rwx){display:flex}}