.component-chartlist-selector select{width:100%}@media screen and (min-width:768px){.component-chartlist-selector select{width:50%}}.component-chartlist-item figcaption .track-artist,.component-chartlist-item figcaption .track-meta,.component-chartlist-item figcaption .track-title{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.component-chartlist-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.component-chartlist-item .track-movement{display:flex;flex-direction:column;justify-content:center;padding-right:2rem;min-width:4.5rem}.component-chartlist-item .track-movement .counter:before{counter-increment:chartListPage;content:counters(chartListPage,"");display:block;text-align:center;font-size:1.8rem;font-weight:700;line-height:4.5rem}.component-chartlist-item img{box-shadow:var(--elevation-1);border-radius:.6rem;width:7.2rem;height:7.2rem;margin-right:1.6rem}.component-chartlist-item figcaption{display:flex;flex-direction:row;min-width:1rem;width:calc(100% - 7.2rem)}.component-chartlist-item figcaption *{font-size:1.4rem;line-height:1.8rem;color:get-palette-color(grey,500)}.component-chartlist-item figcaption a{text-decoration:none}.component-chartlist-item figcaption .track-title{min-width:0;max-width:100%;width:auto;font-size:1.6rem;font-weight:500}.component-chartlist-item figcaption .track-artist{color:get-palette-color(grey,500);min-width:0;max-width:100%;width:auto}.component-chartlist-item figcaption .track-meta{color:get-palette-color(grey,500);display:inline-block}.component-chartlist-item figcaption .track-meta svg{top:.4em;position:relative}.component-chartlist-item figcaption .track-meta span:not(:first-child){margin-left:1.5rem}@media screen and (min-width:768px){.component-chartlist-item figcaption .track-meta{display:flex;justify-content:flex-end}.component-chartlist-item figcaption .track-meta span{min-width:5em;width:auto}}@supports(display:grid){.component-chartlist-item figcaption{display:grid;grid-template-columns:auto 1fr;grid-row-gap:.4rem}.component-chartlist-item figcaption .track-artist,.component-chartlist-item figcaption .track-meta,.component-chartlist-item figcaption .track-title{grid-column:1/-1}@media screen and (min-width:768px){.component-chartlist-item figcaption{grid-template-columns:2fr 1fr auto;grid-template-rows:1fr 1fr;grid-column-gap:3.2rem;align-items:center}.component-chartlist-item figcaption .track-title{grid-row:1;grid-column:1}.component-chartlist-item figcaption .track-artist{grid-row:2;grid-column:1}.component-chartlist-item figcaption .track-meta{grid-row:span 2;grid-column:3}}}.component-chartlist-item.widget .track-artist,.component-chartlist-item.widget .track-meta,.component-chartlist-item.widget .track-title{grid-column:1/-1}.component-chartlist-item.widget .track-meta{grid-row:3;justify-content:flex-start}.component-chartlist{counter-reset:chartListPage 0}.component-chartlist .view-full-chart{text-align:right;margin-top:1em}.component-chartlist .view-full-chart a{text-decoration:none}.component-chartlist .component-chartlist-item+.component-chartlist-item{margin-top:1.6rem}.component-chartlist-page .chart-share{margin-bottom:2rem}@media screen and (min-width:768px){@supports(display:grid){.component-chartlist-page{display:grid;align-content:center}.component-chartlist-page .component-chartlist-selector{grid-column:1;grid-row:1}.component-chartlist-page .chart-share{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end}.component-chartlist-page .chart-header{grid-column:1/span 2;grid-row:2}.component-chartlist-page .component-chartlist{grid-column:1/span 2;grid-row:3}}}