@layer components{.quota-pill{--quota-colour:var(--pink);border:1px solid var(--hairline,#ffeedc1f);background:var(--glass-2,#ffffff0a);width:fit-content;font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--muted);border-radius:999px;align-self:flex-start;align-items:center;gap:10px;max-width:100%;margin-top:10px;padding:6px 12px 6px 10px;font-size:10px;display:inline-flex}.quota-pill[data-level=warn]{--quota-colour:#e0a04a}.quota-pill[data-level=full]{--quota-colour:#e25b5b;color:var(--text)}.quota-bar{background:#ffeedc1f;border-radius:999px;flex:none;width:120px;height:6px;position:relative;overflow:hidden}.quota-fill{background:var(--quota-colour);box-shadow:0 0 8px color-mix(in srgb, var(--quota-colour) 60%, transparent);border-radius:999px;transition:width .4s;position:absolute;inset:0 auto 0 0}.quota-text{white-space:nowrap}.quota-pill.small{gap:7px;margin-top:0;padding:3px 9px 3px 7px;font-size:9px}.quota-pill.small .quota-bar{width:64px;height:4px}@media (max-width:400px){.quota-bar{width:80px}}}