.track-preview.svelte-d8ui6s{display:grid;justify-items:center;gap:.35rem;padding:.35rem .55rem;border:1px solid rgb(226 232 240);border-radius:.75rem;background:#f8fafc}.track-preview__meta.svelte-d8ui6s{min-width:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1.15;color:#0f172a;text-align:center}.track-preview__meta--top.svelte-d8ui6s{width:100%}.track-preview__number.svelte-d8ui6s{display:block;max-width:100%;font-size:.9rem;font-weight:700;color:#0f172a;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.track-preview__controls.svelte-d8ui6s{flex:none;display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%}.track-preview__button.svelte-d8ui6s{display:inline-flex;height:1.9rem;width:1.9rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgb(203 213 225);background:#f1f5f9;color:#334155;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.track-preview__button.svelte-d8ui6s:hover:not(:disabled){transform:translateY(-1px);border-color:#94a3b8;background:#e2e8f0;color:#334155}.track-preview__button.svelte-d8ui6s:disabled{cursor:not-allowed;opacity:.5}.track-preview__button--play.svelte-d8ui6s{width:2.1rem;height:2.1rem;background:var(--color-dark-blue);border-color:var(--color-dark-blue);color:#fff}.track-preview__button--play.svelte-d8ui6s:hover:not(:disabled){background:var(--color-dark-blue-highlight);border-color:var(--color-dark-blue-highlight);color:#fff}.track-preview__spinner.svelte-d8ui6s{display:inline-block;width:.78rem;height:.78rem;border-radius:9999px;border:2px solid rgb(255 255 255 / .45);border-top-color:#fff;animation:svelte-d8ui6s-spin .7s linear infinite}.track-preview__button-icon.svelte-d8ui6s{display:block;width:.9rem;height:.9rem;object-fit:contain}.track-preview__play-icon.svelte-d8ui6s{display:block;width:.85rem;height:.85rem;object-fit:contain}.track-preview__play-icon--pause.svelte-d8ui6s{position:relative;width:.72rem;height:.72rem}.track-preview__play-icon--pause.svelte-d8ui6s:before,.track-preview__play-icon--pause.svelte-d8ui6s:after{content:"";position:absolute;top:0;width:.22rem;height:100%;background:#fff;border-radius:.08rem}.track-preview__play-icon--pause.svelte-d8ui6s:before{left:.09rem}.track-preview__play-icon--pause.svelte-d8ui6s:after{right:.09rem}@keyframes svelte-d8ui6s-spin{to{transform:rotate(360deg)}}