.f24-tracklist{border:1px solid var(--f24-rule);background:var(--f24-surface);font-family:var(--f24-font-mono);margin:0;padding:0;list-style:none;counter-reset:f24tk}.f24-tracklist>li{display:grid;grid-template-columns:28px minmax(0,1fr) 56px 56px 52px;gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--f24-rule);transition:background .1s var(--f24-ease);font-size:12px}.f24-tracklist>li:last-child{border-bottom:0}.f24-tracklist>li:not(.f24-tracklist__head){counter-increment:f24tk}.f24-tracklist>li:hover:not(.f24-tracklist__head){background:var(--f24-surface-2)}.f24-tracklist__head{background:var(--f24-void);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--f24-text-3);font-weight:500}.f24-tracklist__head .f24-tk-time,.f24-tracklist__head .f24-tk-bpm,.f24-tracklist__head .f24-tk-key{text-align:right}.f24-tk-num{color:var(--f24-text-3);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.f24-tracklist>li:not(.f24-tracklist__head) .f24-tk-num:empty::before{content:counter(f24tk,decimal-leading-zero)}.f24-tk-title{color:var(--f24-text-1);font-family:var(--f24-font-sans);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em}.f24-tk-time{color:var(--f24-text-2);text-align:right;font-variant-numeric:tabular-nums}.f24-tk-bpm{color:var(--f24-text-1);text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.f24-tk-key{color:var(--f24-text-2);text-align:right}.f24-tk-time:empty::before,.f24-tk-bpm:empty::before,.f24-tk-key:empty::before{content:"—";color:var(--f24-text-dim)}.f24-tracklist__head .f24-tk-time:empty::before,.f24-tracklist__head .f24-tk-bpm:empty::before,.f24-tracklist__head .f24-tk-key:empty::before{content:""}@media (max-width:720px){.f24-tracklist>li{grid-template-columns:28px minmax(0,1fr) 50px 46px;font-size:11px;gap:8px;padding:7px 10px}.f24-tk-time{display:none}.f24-tk-title{font-size:12px}}