.ChartsList-module__r4YJ3a__list{flex-direction:column;display:flex}.ChartsList-module__r4YJ3a__row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xs);border-bottom:1px solid rgb(from var(--color-outline-variant) r g b / 30%);text-align:left;cursor:pointer;border-radius:var(--radius-lg);transition:background-color .15s;display:flex}.ChartsList-module__r4YJ3a__row:last-child{border-bottom:none}.ChartsList-module__r4YJ3a__row:hover{background:rgb(from var(--color-surface-variant) r g b / 40%)}.ChartsList-module__r4YJ3a__rank{text-align:center;width:28px;font-size:var(--font-size-body-lg);color:var(--color-on-surface-variant);flex-shrink:0;font-weight:700}.ChartsList-module__r4YJ3a__cover{border-radius:var(--radius-default);flex-shrink:0;width:48px;height:48px;overflow:hidden}.ChartsList-module__r4YJ3a__cover img{object-fit:cover;width:100%;height:100%;display:block}.ChartsList-module__r4YJ3a__coverFallback{background:linear-gradient(135deg, var(--color-primary-container), var(--color-surface-container-high));width:100%;height:100%}.ChartsList-module__r4YJ3a__trackText{flex-direction:column;flex:1;min-width:0;display:flex}.ChartsList-module__r4YJ3a__title{font-size:var(--font-size-body-md);color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ChartsList-module__r4YJ3a__artist{font-size:var(--font-size-label-sm);color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ChartsList-module__r4YJ3a__plays{font-size:var(--font-size-label-sm);color:var(--color-on-surface-variant);flex-shrink:0;display:none}@media (min-width:640px){.ChartsList-module__r4YJ3a__plays{display:inline}}.ChartsList-module__r4YJ3a__trendBadge{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:20px;font-size:10px;font-weight:700;display:flex}.ChartsList-module__r4YJ3a__trendUp{color:var(--color-success)}.ChartsList-module__r4YJ3a__trendDown{color:var(--color-error)}.ChartsList-module__r4YJ3a__trendSame{color:var(--color-outline)}.ChartsList-module__r4YJ3a__trendNew{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.ChartsList-module__r4YJ3a__duration{text-align:right;width:40px;font-size:var(--font-size-label-sm);color:var(--color-on-surface-variant);flex-shrink:0;display:none}@media (min-width:900px){.ChartsList-module__r4YJ3a__duration{display:inline}}