.container.svelte-obgf78.svelte-obgf78{display:flex;flex-direction:column;justify-content:center;gap:10px}@media (min-width: 768px){.container.svelte-obgf78.svelte-obgf78{flex-direction:row}}@media (max-width: 767px){.playlist.svelte-obgf78.svelte-obgf78{order:2}}.audio-player.svelte-obgf78.svelte-obgf78{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#f2f2f2;border-radius:8px;box-shadow:0 2px 4px #0000001a}.cover-art.svelte-obgf78.svelte-obgf78{display:flex;justify-content:center;align-items:center;width:600px;height:600px;border-radius:20%;overflow:hidden;margin-bottom:20px}.cover-art.svelte-obgf78 img.svelte-obgf78{width:600px;height:600px;-o-object-fit:cover;object-fit:cover}.track-info.svelte-obgf78.svelte-obgf78{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.track-info.svelte-obgf78 h3.svelte-obgf78{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;padding-bottom:5px}.track-info.svelte-obgf78 p.svelte-obgf78{font-size:1rem;color:gray}.controls.svelte-obgf78.svelte-obgf78{display:flex;justify-content:center;align-items:center;margin-top:20px}.controls.svelte-obgf78 button.svelte-obgf78{margin:0 5px;padding:8px 16px;border:none;border-radius:4px;background-color:#333;color:#fff;font-size:32px;cursor:pointer}.controls.svelte-obgf78 button.svelte-obgf78:hover{background-color:#555}.controls.svelte-obgf78 button.svelte-obgf78:active{background-color:#222}.playlist.svelte-obgf78.svelte-obgf78{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f2f2f2;border-radius:8px;box-shadow:0 2px 4px #0000001a}.playlist-item.svelte-obgf78.svelte-obgf78{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;cursor:pointer;transition:background-color .3s ease}.playlist-item.svelte-obgf78.svelte-obgf78:hover{background-color:#e5e5e5}.playlist-item.svelte-obgf78 img.svelte-obgf78{width:140px;height:140px;-o-object-fit:cover;object-fit:cover;border-radius:20%;margin-right:10px}.playlist-item.svelte-obgf78 h2.svelte-obgf78{font-size:.9rem;color:gray}.progress-bar.svelte-obgf78.svelte-obgf78{margin-top:20px}@keyframes svelte-obgf78-glow{0%{background-color:rgb(var(--color-primary-400) / .5)}33%{background-color:rgb(var(--color-secondary-400) / .5)}66%{background-color:rgb(var(--color-tertiary-400) / .5)}to{background-color:rgb(var(--color-primary-400) / .5)}}@keyframes svelte-obgf78-pulse{50%{transform:scale(1.5)}}