.df-range{align-items:center;gap:var(--df-space-2);flex-wrap:wrap;display:flex}.df-range-option{min-height:34px;padding:0 var(--df-space-3);border:1px solid var(--df-color-border);background:var(--df-color-surface);color:var(--df-color-text);font:inherit;cursor:pointer;border-radius:999px;font-weight:600}.df-range-option[aria-pressed=true]{border-color:var(--df-color-heading);background:var(--df-color-heading);color:var(--df-color-page)}.df-range-option:focus-visible{outline:2px solid var(--df-color-focus);outline-offset:2px}.df-revenue-row{justify-content:space-between;gap:var(--df-space-3);padding:var(--df-space-2) 0;border-bottom:1px solid var(--df-color-border);color:var(--df-color-text);text-decoration:none;display:flex}.df-revenue-row--payout strong{color:var(--df-color-success)}.df-revenue-note{font-size:12px}.df-attention{gap:var(--df-space-2);margin:0;padding:0;list-style:none;display:grid}.df-attention-row{gap:var(--df-space-3);padding:var(--df-space-2) 0;border-bottom:1px solid var(--df-color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.df-attention-row .df-row-title{color:var(--df-color-text);font-weight:600;text-decoration:none}.df-signups{text-decoration:none}.df-conversion{margin:0}.df-usage{gap:var(--df-space-2);margin:0;padding:0;list-style:none;display:grid}.df-usage-row{gap:var(--df-space-1);color:var(--df-color-text);text-decoration:none;display:grid}.df-usage-text{justify-content:space-between;gap:var(--df-space-3);display:flex}.df-usage-bar{background:var(--df-color-skeleton);border-radius:999px;height:6px;display:block;overflow:hidden}.df-usage-bar-fill{background:var(--df-color-warning);border-radius:999px;height:100%;display:block}.df-usage-bar-fill--full{background:var(--df-color-danger)}.df-top{gap:var(--df-space-1);margin:0;padding:0;list-style:none;display:grid}.df-top-row{gap:var(--df-space-3);padding:var(--df-space-2) 0;border-bottom:1px solid var(--df-color-border);color:var(--df-color-text);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.df-top-n{color:var(--df-color-muted);font-family:var(--df-font-mono);font-size:12px}.df-top-name{display:grid}@media (width<=639px){.df-attention-row{grid-template-columns:minmax(0,1fr)}}
