.um-layer{--um-surface:#ffffff;--um-panel:#f7f7f8;--um-track:#efeff1;--um-line:rgb(24 24 27/0.08);--um-ink:#18181b;--um-on-ink:#fafafa;--um-muted:#71717a;--um-quiet:#a1a1aa;--um-fill:#4f46e5;--um-low:#d97706;--um-over:#dc2626;--um-good:#059669;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}.dark .um-layer{--um-surface:#1f1f23;--um-panel:#26262b;--um-track:#2e2e33;--um-line:rgb(255 255 255/0.08);--um-ink:#fafafa;--um-on-ink:#18181b;--um-muted:#a1a1aa;--um-quiet:#71717a;--um-fill:#818cf8;--um-low:#fbbf24;--um-over:#f87171;--um-good:#34d399}.um{display:grid;width:min(100%,420px);container-type:inline-size;padding:18px;border-radius:22px;background:var(--um-surface);color:var(--um-ink)}.um-head{justify-content:space-between;gap:10px}.um-head,.um-title{display:flex;align-items:center}.um-title{gap:8px;font-size:15px}.um-plan{display:inline-grid;padding:2px 8px;border-radius:6px;background:color-mix(in oklab,var(--um-fill) 14%,transparent);color:var(--um-fill);font-size:11.5px;font-weight:700;transition:background-color .3s,color .3s}.um-plan[data-plan=scale]{background:color-mix(in oklab,var(--um-good) 15%,transparent);color:var(--um-good)}.um-cycle{display:inline-flex;align-items:baseline;gap:4px;color:var(--um-muted);font-size:12px}.um-month{height:3px;margin-top:10px;overflow:hidden;border-radius:2px;background:var(--um-track)}.um-month span{display:block;height:100%;background:var(--um-quiet);transform-origin:left}.um-rows{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none}.um-meter{display:grid;gap:7px}.um-row-top{display:flex;align-items:center;gap:6px;min-height:20px}.um-label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;white-space:nowrap}.um-label svg{width:14px;height:14px;color:var(--um-muted)}.um-info{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--um-quiet);cursor:help}.um-info svg{width:13px;height:13px}.um-flag{height:18px;padding:0 6px;border-radius:5px;background:color-mix(in oklab,var(--um-low) 15%,transparent);color:var(--um-low);font-size:10.5px;font-weight:700;line-height:18px;white-space:nowrap}.um-row[data-tone=over] .um-flag{background:color-mix(in oklab,var(--um-over) 14%,transparent);color:var(--um-over)}.um-value{display:inline-flex;align-items:baseline;margin-left:auto;font-size:12.5px;font-weight:600;white-space:nowrap}.um-of{color:var(--um-quiet);font-weight:500}.um-track{position:relative;height:6px;overflow:hidden;border-radius:3px;background:var(--um-track)}.um-fill{height:100%;border-radius:inherit;background:var(--um-fill);transition:width .7s cubic-bezier(.25,1.1,.4,1),background-color .3s}.um-row[data-tone=low] .um-fill{background:var(--um-low)}.um-row[data-tone=over] .um-fill{background:repeating-linear-gradient(-45deg,var(--um-over) 0 6px,color-mix(in oklab,var(--um-over) 75%,#fff) 6px 12px);background-size:17px 17px;animation:um-march .8s linear infinite}.um-banner-wrap{overflow:hidden}.um-banner{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 10px 10px 12px;border-radius:12px;background:color-mix(in oklab,var(--um-over) 9%,transparent);color:var(--um-ink);font-size:12.5px;line-height:1.45}.um-banner[data-tone=good]{background:color-mix(in oklab,var(--um-good) 11%,transparent)}.um-banner>span{flex:1;color:var(--um-muted)}.um-banner b{color:var(--um-ink);font-weight:600}.um-upgrade{display:inline-flex;flex:none;align-items:center;gap:4px;height:30px;padding:0 11px;border:0;border-radius:9px;background:var(--um-ink);color:var(--um-on-ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.um-upgrade svg{width:14px;height:14px}.um-link{flex:none;padding:4px;border:0;background:none;color:var(--um-ink);font:inherit;font-size:12.5px;font-weight:600;text-decoration:underline;text-decoration-color:var(--um-line);text-underline-offset:3px;cursor:pointer}.um-bill{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--um-panel)}.um-bill-top{display:flex;align-items:baseline;justify-content:space-between;color:var(--um-muted);font-size:12.5px;font-weight:500}.um-bill-total{color:var(--um-ink);font-size:24px;font-weight:700;letter-spacing:-.02em}.um-lines{display:grid;margin:6px 0 0;padding:0;list-style:none}.um-lines li{display:flex;justify-content:space-between;overflow:hidden;color:var(--um-muted);font-size:12px;line-height:22px}.um-lines li[data-tone=over]{color:var(--um-over)}.um-tip{max-width:220px;padding:6px 9px;border-radius:8px;background:var(--um-ink);color:var(--um-on-ink);font-size:12px;line-height:1.4;transform-origin:var(--transform-origin);transition:opacity .14s,transform .18s}.um-tip[data-ending-style],.um-tip[data-starting-style]{opacity:0;transform:scale(.92)}.um-info:focus-visible,.um-link:focus-visible,.um-upgrade:focus-visible{outline:2px solid var(--um-fill);outline-offset:2px}@keyframes um-march{to{background-position:17px 0}}@media (prefers-reduced-motion:reduce){.um-row[data-tone=over] .um-fill{animation:none}}@container (max-width: 400px){.um{padding:14px}.um-banner,.um-head,.um-lines li,.um-row-top{flex-wrap:wrap;row-gap:2px}.um-lines li{height:auto;overflow:visible;line-height:1.4;padding-block:2px}.um-cycle,.um-value{margin-left:auto;font-size:12px}}