.button-play.svelte-1pff73v{font-family:var(--font-family-secondary);font-weight:var(--font-weight-600);font-size:var(--font-size-14);border-radius:var(--radius-48);padding:var(--spacing-8) var(--spacing-12);cursor:pointer;display:flex;gap:var(--spacing-6);border:none;line-height:1;align-items:center;background:var(--button-play-bg);color:var(--button-play-interface)}.button-play.active.svelte-1pff73v{background:var(--button-play-active-bg);color:var(--button-play-active-interface)}.button-play.inverted.svelte-1pff73v{background:var(--button-play-interface);color:var(--button-play-dark)}.button-play.inverted.active.svelte-1pff73v{background:var(--button-play-active-bg);color:var(--button-play-active-interface)}.button-play.svelte-1pff73v svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.button-play.svelte-1pff73v svg,.button-play.svelte-1pff73v span:where(.svelte-1pff73v){display:block;white-space:nowrap}.button-play.svelte-1pff73v:disabled{opacity:.25;cursor:not-allowed}.button-play.svelte-1pff73v:active:not(:disabled),.button-play.svelte-1pff73v:focus:not(:disabled){border-color:var(--color-white);outline:0}.qr-id.svelte-1qeogre{display:flex;gap:var(--spacing-4);align-items:center;color:var(--qr-id-interface);font-size:var(--font-size-14);font-family:var(--font-family-secondary);font-weight:var(--font-weight-600)}.qr-id.svelte-1qeogre svg{fill:var(--qr-id-interface);fill-opacity:var(--qr-id-fill-opacity)}.track-card.svelte-4c51st{display:flex;gap:var(--spacing-14);background-color:var(--track-card-sm-bg);border-radius:var(--theme-rounded-md)}.track-card.sm.svelte-4c51st{width:100%;padding-right:var(--spacing-24);border:var(--track-card-border)}.track-card.lg.svelte-4c51st{width:16.625rem;flex-direction:column;background:var(--track-card-lg-bg);box-shadow:0 0 5px #0000001a,0 6px 12px #0000001a}.track-card.sm.svelte-4c51st .twic-i{width:4.375rem;height:100%;margin:0;border-radius:var(--theme-rounded-md);box-shadow:0 8px 16px #00000040}.track-card.lg.svelte-4c51st .twic-i{margin:0;border-radius:var(--theme-rounded-md);border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2);width:100%;height:13.125rem}.track-card.sm.svelte-4c51st .twic-i div{height:100%}.content.svelte-4c51st{display:flex;gap:var(--spacing-8);flex-direction:column}.sm.svelte-4c51st .content:where(.svelte-4c51st){margin-right:auto;padding:var(--spacing-8) 0;gap:var(--spacing-2);align-self:center}.lg.svelte-4c51st .content:where(.svelte-4c51st){padding:0 var(--spacing-16)}.track-card.sm.svelte-4c51st .button-play{align-self:center}.track-card.lg.svelte-4c51st .button-play{align-self:flex-start;margin:auto var(--spacing-16) var(--spacing-16) var(--spacing-16)}h3.svelte-4c51st,p.svelte-4c51st{font-family:var(--font-family-secondary);margin:0;color:var(--track-card-interface)}h3.svelte-4c51st{font-weight:var(--font-weight-600);font-size:var(--font-size-16);word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sm.svelte-4c51st h3:where(.svelte-4c51st){max-width:9rem}.lg.svelte-4c51st h3:where(.svelte-4c51st){font-family:var(--font-family-primary);font-weight:var(--theme-heading-weight);font-size:calc(var(--font-size-32) * var(--theme-heading-size-multiplier));line-height:1;letter-spacing:-.01rem;text-transform:var(--theme-heading-transform)}.lg.svelte-4c51st h3:where(.svelte-4c51st) a:where(.svelte-4c51st){color:var(--track-card-lg-interface)}p.svelte-4c51st{font-size:var(--font-size-14);font-weight:var(--font-weight-400);color:var(--color-interface-dark-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm.svelte-4c51st p:where(.svelte-4c51st){max-width:9rem}.lg.svelte-4c51st p:where(.svelte-4c51st){display:none}a.svelte-4c51st{color:var(--track-card-interface);text-decoration:none;display:block}