.usage-cost-cell{white-space:nowrap;justify-content:flex-start;align-items:center;gap:5px;min-width:0;display:flex;position:relative;overflow:visible}.usage-cost-info{color:#6b82a8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:inline-grid}.usage-cost-info:hover,.usage-cost-info:focus-visible{color:#174ea6;outline-offset:1px;background:#eaf2ff;outline:2px solid #9fc2ff}.usage-cost-breakdown{display:inline-flex;position:relative}.usage-cost-popover{z-index:100;color:#e8eef8;text-align:left;white-space:normal;overflow-wrap:anywhere;background:#162337;border:1px solid #40536d;border-radius:10px;width:min(300px,100vw - 32px);max-width:300px;padding:15px;position:absolute;top:30px;right:0;box-shadow:0 14px 34px #07101f66}.usage-cost-popover h3{color:#f4f7fb;margin:0 0 12px;font-size:14px}.usage-cost-section{gap:8px;display:grid}.usage-cost-line{justify-content:space-between;align-items:baseline;gap:18px;font-size:12px;display:flex}.usage-cost-line span{color:#aebbd0;overflow-wrap:anywhere;word-break:break-word;min-width:0}.usage-cost-line strong{color:#ecf2fb;font:600 12px var(--mono);text-align:right}.usage-cost-line strong.accent{color:#62d8ff}.usage-cost-line strong.billed{color:#51e29a}.usage-cost-divider{background:#40536d;height:1px;margin:12px 0}.usage-cost-equation{color:#c7d5e8;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:#20324a;border-radius:7px;margin:10px 0 0;padding:7px 9px;font-size:11px;line-height:1.4}.usage-cost-note{color:#8fa2be;margin:2px 0 0;font-size:11px;line-height:1.45}.usage-cost-unavailable{color:#b8c4d6;margin:0;font-size:12px;line-height:1.5}.usage-card-values .usage-cost-breakdown{vertical-align:middle;margin-left:2px}.usage-mobile-cards .usage-cost-popover{width:auto;max-width:360px;margin:auto;position:fixed;top:50%;left:12px;right:12px;transform:translateY(-50%)}.usage-model-badge img{object-fit:contain;flex:0 0 15px;width:15px;height:15px}.usage-record-wrap{position:relative}.usage-record-wrap:has(.usage-cost-popover){z-index:2}.usage-record-wrap:nth-last-child(-n+3) .usage-cost-popover{top:auto;bottom:30px}.usage-model-fallback{color:#69788e;background:#dfe5ed;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;display:grid}.usage-timing>span:last-child{gap:2px;display:grid}.usage-timing>span:last-child small+b{margin-bottom:3px}.usage-first-token.fast{color:#13815b}.usage-first-token.slow{color:#b7791f}