.component-chartlist{counter-reset:chartListPage 0}.component-chartlist .view-full-chart{margin-top:1em;text-align:right}.component-chartlist .view-full-chart a{text-decoration:none}.component-chartlist .component-chartlist-item+.component-chartlist-item{margin-top:1.6rem}.component-chartlist .track-meta-header{display:none;font-size:1.4rem;font-weight:700;line-height:1.8rem}@media screen and (min-width:768px){.component-chartlist .track-meta-header{align-items:center;display:flex;flex-flow:row nowrap;flex-direction:row;justify-content:flex-start;padding:1.2rem 1.5rem}.component-chartlist .track-meta-header .movement{margin:0 2rem 0 0;width:2.5rem}.component-chartlist .track-meta-header .thumb{margin:0 1.6rem 0 0;width:6.2rem}.component-chartlist .track-meta-header .headers{min-width:1rem;width:calc(100% - 6.2rem)}.component-chartlist .track-meta-header .headers>span{align-items:center;display:inline-flex;flex-direction:row;flex-flow:row nowrap;justify-content:center;min-width:4rem;width:auto}.component-chartlist .track-meta-header .headers>span svg{margin:0 .6rem 0 0}.component-chartlist .track-meta-header .headers>span.weeks{min-width:11rem}}@supports(display:grid){.component-chartlist .track-meta-header .headers{grid-row-gap:0;display:grid;grid-template-columns:auto 1fr}@media screen and (min-width:768px){.component-chartlist .track-meta-header .headers{grid-column-gap:0;align-items:center;grid-template-columns:2fr repeat(3,1fr)}.component-chartlist .track-meta-header .headers>span.weeks{grid-column:3}.component-chartlist .track-meta-header .headers>span.peak{grid-column:4}}}.component-chartlist-item figcaption .track-artist,.component-chartlist-item figcaption .track-meta,.component-chartlist-item figcaption .track-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.component-chartlist-item{align-items:center;background-color:var(--color-white);border-radius:.6rem;display:flex;flex-direction:row;justify-content:flex-start;padding:1.5rem;width:100%}.component-chartlist-item .track-movement{display:flex;flex-direction:column;justify-content:center;min-width:4.5rem;padding-right:2rem}.component-chartlist-item .track-movement .counter:before{content:counters(chartListPage,"");counter-increment:chartListPage;display:block;font-size:2.4rem;font-weight:700;line-height:2.8rem;text-align:center}.component-chartlist-item img{border-radius:.6rem;box-shadow:var(--elevation-1);height:6.2rem;margin-right:1.6rem;width:6.2rem}.component-chartlist-item figcaption{display:flex;flex-direction:row;min-width:1rem;width:calc(100% - 6.2rem)}.component-chartlist-item figcaption *{color:var(--color-grey-500);font-size:1.4rem;line-height:1.8rem}.component-chartlist-item figcaption a{text-decoration:none}.component-chartlist-item figcaption .track-title{font-size:1.6rem;font-weight:500;line-height:2rem;max-width:100%;min-width:0;width:auto}.component-chartlist-item figcaption .track-artist{color:var(--color-grey-500);font-size:1.4rem;line-height:1.8rem;max-width:100%;min-width:0;width:auto}.component-chartlist-item figcaption .track-meta{color:var(--color-grey-500);display:inline-block;font-size:1.4rem;font-weight:700;line-height:1.8rem}.component-chartlist-item figcaption .track-meta svg{position:relative;top:.4em}.component-chartlist-item figcaption .track-meta span{display:inline-block;text-align:center}@media screen and (min-width:768px){.component-chartlist-item figcaption .track-meta{display:flex;justify-content:space-around}.component-chartlist-item figcaption .track-meta span{min-width:5em;width:auto}.component-chartlist-item figcaption .track-meta span svg{display:none}}@supports(display:grid){.component-chartlist-item figcaption{grid-row-gap:0;display:grid;grid-template-columns:auto 1fr}.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-column-gap:3.2rem;align-items:center;grid-template-columns:2fr repeat(3,1fr);grid-template-rows:1fr 1fr}.component-chartlist-item figcaption .track-title{grid-column:1/span 2;grid-row:1}.component-chartlist-item figcaption .track-artist{grid-column:1/span 2;grid-row:2}.component-chartlist-item figcaption .track-meta{grid-column:3/span 2;grid-row:span 2}}}
/*# sourceMappingURL=ChartList-component.c8b7c426bbc8bcdbaef7.css.map*/