a.svelte-5jux6t{color:#fff;text-decoration:none}.track-details.svelte-5jux6t{position:absolute;inset:0;height:100%;width:100%;background:#272c3266;border-radius:12px;transition:all .2s ease-in-out;color:#fff;font-size:.875rem;z-index:2;cursor:pointer;pointer-events:none}.track-details.svelte-5jux6t button:where(.svelte-5jux6t){pointer-events:all;background:transparent;border:none;padding:0;cursor:pointer}.play-container.svelte-5jux6t{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;justify-content:center}.play.svelte-5jux6t>button:where(.svelte-5jux6t){display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#262626e6;border:none;padding:0}.play.svelte-5jux6t>button:where(.svelte-5jux6t) img:where(.svelte-5jux6t){height:48px;width:48px;filter:brightness(0) invert(1)}.play.playing.svelte-5jux6t .pause-button:where(.svelte-5jux6t){background:#fff}.play.playing.svelte-5jux6t .pause-button:where(.svelte-5jux6t) img:where(.svelte-5jux6t){filter:none}.play.spinner.svelte-5jux6t{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#262626e6}.actions-container.svelte-5jux6t{position:absolute;top:.7rem;right:.7rem;display:flex;flex-direction:column;gap:10px;align-items:center}.action-button.svelte-5jux6t{display:flex;align-items:center;justify-content:center;width:1.66rem;height:1.66rem;cursor:pointer;background:transparent;border:none;padding:0}.action-button.svelte-5jux6t img:where(.svelte-5jux6t){width:1.66rem;height:1.66rem;filter:brightness(0) invert(1);opacity:1}.premium-container.svelte-5jux6t{position:absolute;left:0;top:0;padding-top:15.2%;padding-left:1rem;pointer-events:none}.premium-container.svelte-5jux6t .crown:where(.svelte-5jux6t){transform:translateY(-50%);width:20px;height:20px}.new-container.svelte-5jux6t{padding-right:.7rem;padding-bottom:1rem;position:absolute;right:0;bottom:0}.new-container.svelte-5jux6t .new:where(.svelte-5jux6t){background-color:#121212c2;padding:.16rem .4rem;font-weight:500;font-size:.8rem;border-radius:.5rem;color:#fff;margin-bottom:.5rem}.track-wrap.svelte-5jux6t{padding-right:.75rem;padding-left:.75rem}.track.svelte-5jux6t{transition:all .2s ease-in-out;border-radius:12px;width:180px;height:180px;position:relative;overflow:hidden}.track.svelte-5jux6t>a:where(.svelte-5jux6t){display:block;width:100%;height:100%;position:relative}.track.svelte-5jux6t>a:where(.svelte-5jux6t)>img:where(.svelte-5jux6t){width:100%;height:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover;display:block}.track-title.svelte-5jux6t{color:var(--charleston-grey);font-size:1.33rem;font-weight:700;line-height:2rem;margin-top:.66rem;display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title.svelte-5jux6t:hover{color:#000}.genre.svelte-5jux6t{color:var(--black-coral);font-size:1rem;line-height:1.33rem;display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre.svelte-5jux6t:hover{color:var(--magic-potion)}@media(max-width:900px){.track.svelte-5jux6t{width:140px;height:140px}.track-title.svelte-5jux6t{font-size:1.2rem;max-width:140px}.genre.svelte-5jux6t{margin-top:.7rem;padding-bottom:.8rem;font-size:1.1rem;max-width:140px}}@media(max-width:600px){.track.svelte-5jux6t{width:120px;height:120px}.track-title.svelte-5jux6t,.genre.svelte-5jux6t{max-width:120px}}