.background-settings.svelte-t07145{mask-image:linear-gradient(to bottom,transparent 0%,black var(--bg-mask-top)),linear-gradient(to left,transparent 0%,black var(--bg-mask-right)),linear-gradient(to top,transparent 0%,black var(--bg-mask-bottom)),linear-gradient(to right,transparent 0%,black var(--bg-mask-left));mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black var(--bg-mask-top)),linear-gradient(to left,transparent 0%,black var(--bg-mask-right)),linear-gradient(to top,transparent 0%,black var(--bg-mask-bottom)),linear-gradient(to right,transparent 0%,black var(--bg-mask-left));-webkit-mask-composite:source-in}.grid-background.svelte-t07145{--bg-mask-top: min(20%, 30vh);--bg-mask-bottom: min(20%, 30vh);--bg-mask-left: min(20%, 30vw);--bg-mask-right: min(20%, 30vw);position:relative;width:100%;height:fit-content;background:radial-gradient(circle at center,rgba(255,255,255,.02),transparent 55%),var(--bg-color)}.grid.svelte-t07145{position:absolute;inset:0;width:100%;height:100%}.content.svelte-t07145{position:relative;z-index:1;display:flow-root}.track-card.svelte-1h594ap{position:relative;display:flex;height:292px;width:100%;max-width:220px;flex-direction:column;overflow:hidden;border-radius:1rem;background-color:#ffffff1a;padding:.75rem;outline:none;transition:all .3s;container-type:inline-size}@keyframes svelte-1h594ap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1h594ap-hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes svelte-1h594ap-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes svelte-1h594ap-hue-rotate-blur{0%{filter:hue-rotate(0deg) blur(50px)}to{filter:hue-rotate(360deg) blur(50px)}}.active-track.svelte-1h594ap{background-color:#000c;box-shadow:0 0 20px #007bff4d}.paused.svelte-1h594ap{animation-play-state:paused!important}.ai-aura.svelte-1h594ap{position:absolute;inset:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#ff00d4,#00ecbc,#007fff,#ff00d4,#007fff,#00ecbc,#ff00d4 360deg);animation:svelte-1h594ap-spin 4s linear infinite,svelte-1h594ap-hue-rotate-blur 10s linear infinite;opacity:.4;z-index:0;pointer-events:none;will-change:transform,filter}.ai-border-container.svelte-1h594ap{position:absolute;inset:0;padding:2px;border-radius:1rem;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;pointer-events:none}.ai-border-spinner.svelte-1h594ap{position:absolute;inset:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,#00ecbc 60deg,#007fff 120deg,#ff00d4 180deg,#007fff 240deg,#00ecbc 300deg,transparent 360deg);animation:svelte-1h594ap-spin 4s linear infinite,svelte-1h594ap-hue-rotate 10s linear infinite;will-change:transform,filter}.track-card.svelte-1h594ap>.relative:where(.svelte-1h594ap){z-index:10}.track-card.svelte-1h594ap:hover,.track-card.svelte-1h594ap:focus-within{background-color:#ffffff1a}.image-spacer.svelte-1h594ap{width:100%;position:relative;pointer-events:none;height:fit-content}.image-content-absolute.svelte-1h594ap{display:flex;width:100%;align-items:flex-start;justify-content:space-between;pointer-events:none;height:fit-content}.track-image-container.svelte-1h594ap{position:relative;aspect-ratio:1 / 1;max-width:100%;flex-grow:1;overflow:hidden;border-radius:.75rem;transition:all .3s;pointer-events:auto}.track-card.svelte-1h594ap:hover .track-image-container:where(.svelte-1h594ap),.track-card.svelte-1h594ap:focus-within .track-image-container:where(.svelte-1h594ap){width:5rem;border-radius:.5rem}.play-button.svelte-1h594ap{position:relative;z-index:20;margin-top:auto;margin-bottom:auto;margin-right:-4rem;margin-left:1rem;display:flex;aspect-ratio:1 / 1;height:fit-content;width:33.333333%;transform:translate(2.5rem);align-items:center;justify-content:center;border-radius:9999px;padding:0;opacity:0;transition:all .3s;background-color:oklch(from var(--color-primary) l c h / .3);color:var(--color-primary);pointer-events:auto}.play-button.svelte-1h594ap:hover{transform:scale(1.1)}.track-card.svelte-1h594ap:hover .play-button:where(.svelte-1h594ap),.track-card.svelte-1h594ap:focus-within .play-button:where(.svelte-1h594ap){margin-right:0;transform:translate(0);opacity:1}.track-info.svelte-1h594ap{margin-top:.5rem;width:100%;text-align:left;transition:all .3s}.track-title.svelte-1h594ap{margin:0;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:500;color:var(--color-white)}.track-artist.svelte-1h594ap{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:var(--color-gray-400)}.action-buttons.svelte-1h594ap{width:100%;z-index:20;display:flex;transform:translateY(2.5rem);align-items:center;justify-content:space-between;gap:.75rem;opacity:0;transition:all .3s;margin-top:8px;margin-bottom:-35px}.track-card.svelte-1h594ap:hover .action-buttons:where(.svelte-1h594ap),.track-card.svelte-1h594ap:focus-within .action-buttons:where(.svelte-1h594ap){transform:translateY(0);opacity:1;margin-top:auto;margin-bottom:8px}.action-btn.svelte-1h594ap{display:flex;aspect-ratio:1 / 1;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#ffffff1a;padding:1rem;color:var(--color-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .15s}.action-btn.svelte-1h594ap:hover{background-color:#fff3}.view-btn.svelte-1h594ap{display:flex;height:2.5rem;flex:1;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;background-color:#ffffff1a;font-size:.875rem;font-weight:500;color:var(--color-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;transition:background-color .15s}.view-btn.svelte-1h594ap:hover{background-color:#fff3}