.component-track-list{list-style:none;margin:0;padding:0;--tracklist-row-gap:0.8rem;--track-caption-columns:1fr 1fr 8rem;counter-reset:trackList 0;display:grid;grid-row-gap:var(--tracklist-row-gap);width:100%}@media screen and (min-width:1060px){.component-track-list{--tracklist-row-gap:1.6rem}}.component-track-list .track-list-item{counter-increment:trackList}.component-track-list .track-list-item.date-separated{display:flex;flex-direction:column}.component-date-separator{color:var(--palette-grey-400);margin:1.6rem 0;font-size:1.6rem;font-weight:500;padding-bottom:.6rem;border-bottom:.1rem solid}.component-track-display figcaption a span{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.component-track-display{--thumb-width:5.6rem;--track-display-columns:var(--thumb-width) 1fr;--track-item-padding:1.6rem;--track-column:1/span 2;--track-row:1;--artist-column:1/span 2;--artist-row:2;--album-column:2;--album-row:1/span 2;--album-display:none;--time-column:3;--time-row:1/span 2;--track-caption-row-gap:0.2rem;--track-caption-font-size:1.4rem;--track-caption-line-height:1.8rem;--counter-font-size:2.4rem;--counter-line-height:2.8rem;--counter-width:4rem;--timestamp-font-size:1.4rem;--timestamp-line-height:1.8rem;background-color:var(--color-white);border-radius:.6rem;padding:var(--track-item-padding);align-items:center;width:100%;display:grid;grid-template-columns:var(--track-display-columns);grid-column-gap:1.6rem;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}@media screen and (min-width:1060px){.component-track-display{--thumb-width:8rem;--track-caption-row-gap:0.4rem;--track-item-padding:2.4rem;--track-caption-font-size:1.8rem;--track-caption-line-height:2.2rem;--counter-font-size:3.2rem;--counter-line-height:3.6rem;--counter-width:6rem;--timestamp-font-size:1.6rem;--timestamp-line-height:2rem}}.component-track-display.with-counter{--track-display-columns:var(--counter-width) var(--thumb-width) 1fr}.component-track-display.with-counter:before{content:counters(trackList,"");display:inline-flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--counter-font-size);font-weight:700;line-height:var(--counter-line-height);padding-right:1.6rem;min-width:var(--counter-width)}.component-track-display.type-topsongs{--track-caption-columns:1fr}@media (min-width:1244px),screen and (min-width:768px)and (max-width:1059px){.component-container.music-page .component-track-display.type-topsongs{--track-caption-columns:1fr 1fr;--track-column:1;--artist-column:1;--album-display:flex}}@media screen and (min-width:768px){.component-playlist.tile .component-track-display.type-topsongs{--track-caption-columns:1fr 1fr;--track-column:1;--artist-column:1;--album-display:flex}}@media screen and (min-width:768px){.component-playlist.tile .component-track-display.type-recentlyplayed{--track-column:1;--artist-column:1;--album-display:flex}}@media (min-width:1244px),screen and (min-width:768px)and (max-width:1059px){.component-container.music-page .component-track-display.type-recentlyplayed{--track-column:1;--artist-column:1;--album-display:flex}}.component-track-display .thumb{width:var(--thumb-width)}.component-track-display .thumb a{display:block;width:100%;height:100%}.component-track-display .thumb img{width:var(--thumb-width);height:var(--thumb-width);display:block;border-radius:.6rem;box-shadow:var(--elevation-1);overflow:hidden}.component-track-display figcaption{--item-align:flex-start;min-width:1rem;height:100%;width:100%;display:grid;grid-template-columns:var(--track-caption-columns);grid-template-rows:repeat(2,1fr);grid-column-gap:1.6rem;grid-row-gap:var(--track-caption-row-gap);align-items:center}.component-track-display figcaption>*{color:var(--palette-grey-500);font-size:var(--track-caption-font-size);line-height:var(--track-caption-line-height)}.component-track-display figcaption a{height:100%;text-decoration:none;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;width:auto;max-width:100%;overflow:hidden}.component-track-display figcaption a span{min-width:0;max-width:100%}.component-track-display figcaption .track-title{grid-column:var(--track-column);grid-row:var(--track-row);justify-content:flex-end;font-weight:700}.component-track-display figcaption .track-artist{grid-column:var(--artist-column);grid-row:var(--artist-row);justify-content:flex-start}.component-track-display figcaption .track-album{display:var(--album-display);grid-column:var(--album-column);grid-row:var(--album-row)}.component-track-display figcaption .track-album,.component-track-display figcaption .track-artist{--track-caption-font-size:1.4rem;--track-caption-line-height:1.8rem}.component-track-display figcaption .live-indicator,.component-track-display figcaption .track-time{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;white-space:nowrap;position:relative;grid-column:var(--time-column);grid-row:var(--time-row)}.component-track-display figcaption .track-time{font-size:var(--timestamp-font-size);line-height:var(--timestamp-line-height);font-weight:700}.music-page{border-bottom:.1rem solid var(--palette-grey-300);padding-bottom:3.2rem;display:grid;grid-template-columns:minmax(28.8rem,1fr)}.music-page .component-tabs,.music-page .component-tabs .tab-controls{width:100%}