/* Figma 3100:33146 — cumulative ranking, using the shared video card. */
.xl-ranking-page .xl-header-row{justify-content:space-between}
.xl-ranking-page .xl-header-row>.xl-search{display:none}
.xl-ranking-content{display:flex;flex-direction:column;gap:24px;padding-top:32px;padding-bottom:100px}
.xl-ranking-breadcrumb{display:flex;align-items:center;gap:2px;font-size:16px;line-height:22px;color:var(--text-secondary)}
.xl-ranking-breadcrumb img{width:11px;height:11px;flex:none}
.xl-ranking-breadcrumb [aria-current]{font-weight:600;color:var(--text-primary)}
.xl-ranking-content>.xl-video-grid{list-style:none;margin:0;padding:0;align-items:start}
.xl-ranking-content .xl-video-title{font-weight:400;white-space:normal;overflow-wrap:anywhere}
.xl-ranking-content .xl-video-cover>img{position:absolute;inset:0}
.xl-ranking-content .xl-view-rank{position:absolute;top:0;left:0;width:100px;height:100px;padding:6px 8px;font-family:DIN,"Arial Narrow",Arial,sans-serif;font-size:24px;line-height:29px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;background:radial-gradient(ellipse at top left,var(--brand-gradient-default-start) 0%,rgba(255,83,141,.3) 35.1%,rgba(255,83,141,0) 65%);pointer-events:none}
.xl-ranking-content a:focus-visible{outline:2px solid var(--brand-blue-default);outline-offset:3px}
.xl-ranking-content>.xl-pagination-wrap{margin-top:8px}
@media(max-width:640px){.xl-ranking-content{padding-top:24px;padding-bottom:48px}.xl-ranking-breadcrumb{font-size:14px}.xl-ranking-content .xl-view-rank{font-size:20px;line-height:24px}}