.component-chartlist-item figcaption .track-artist,.component-chartlist-item figcaption .track-meta,.component-chartlist-item figcaption .track-title,.truncate-text{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}.subheading{color:var(--text-color)}.caption{color:var(--caption-text-color)}.scroll-blocker{background-color:rgba(0,0,0,.7);position:fixed;width:100%;height:100vh;top:0;left:0;z-index:10;opacity:0;visibility:hidden;-webkit-transition:visibility 0s ease-in-out,opacity .3s;transition:visibility 0s ease-in-out,opacity .3s}.no-content{display:none}.hidden{display:none!important}.truncate-text{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.icon-greaterthan{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between}.search-button{background-color:transparent;border:none;cursor:pointer;padding:0;margin:0;line-height:0}.search-button path{fill:var(--palette-grey-500)}.search-button:active path,.search-button:hover path{fill:var(--palette-grey-400)}.text-default{color:var(--palette-grey-500)}.text-headline{color:var(--palette-grey-600)}.text-caption{color:var(--palette-grey-400)}.text-on-dark{color:#fff}.text-on-light{color:var(--palette-grey-500)}.text-inactive{color:var(--palette-grey-300)}.text-link{color:var(--palette-red-400)}.bg-default{background-color:var(--palette-grey-100)}.bg-light{background-color:#fff}.bg-dark{background-color:var(--palette-grey-600)}.bg-inactive{background-color:var(--palette-grey-300)}.bg-selected{background-color:var(--palette-red-400)}.border-default{border-color:var(--palette-grey-300)}.border-neutral-light{border-color:var(--palette-grey-200)}.border-neutral-dark{border-color:var(--palette-grey-400)}.border-dark{border-color:var(--palette-grey-500)}.card{box-shadow:var(--elevation-1)}.card:hover{box-shadow:var(--elevation-4)}.menu{box-shadow:var(--elevation-6)}.dialog{box-shadow:var(--elevation-8)}.elevation-01,.navigation-bar{box-shadow:var(--elevation-1)}.elevation-01,.elevation-04{border-radius:.6rem}.elevation-04{box-shadow:var(--elevation-4)}.elevation-06{box-shadow:var(--elevation-6);border-radius:.6rem}.elevation-08{box-shadow:var(--elevation-8);border-radius:.6rem}.elevation-up{box-shadow:var(--elevation-up);border-radius:.6rem}.component-chartlist-selector select{width:100%}@media screen and (min-width:768px){.component-chartlist-selector select{width:50%}}.component-chartlist-page .chart-share{margin-top:1rem}@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}}}