.UsageSparkline-module__3fJjMG__sparkline{align-items:flex-end;gap:2px;width:100%;height:34px;margin-top:8px;display:flex;position:relative}.UsageSparkline-module__3fJjMG__ceilingRule,.UsageSparkline-module__3fJjMG__readRule{height:1px;position:absolute;left:0;right:0}.UsageSparkline-module__3fJjMG__ceilingRule{background:repeating-linear-gradient(to right, var(--border-standard) 0 3px, transparent 3px 6px);bottom:100%}.UsageSparkline-module__3fJjMG__readRule{background:repeating-linear-gradient(to right, var(--purple) 0 3px, transparent 3px 6px);opacity:.65}.UsageSparkline-module__3fJjMG__bar{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.UsageSparkline-module__3fJjMG__barHovered .UsageSparkline-module__3fJjMG__barTotal,.UsageSparkline-module__3fJjMG__barHovered .UsageSparkline-module__3fJjMG__barEmpty{background:var(--border-standard)}.UsageSparkline-module__3fJjMG__barTotal{background:var(--settings-divider);border-radius:2px;align-self:flex-end;width:100%;position:relative}.UsageSparkline-module__3fJjMG__barEmpty{background:var(--settings-divider);opacity:.7;border-radius:2px;align-self:flex-end;width:100%;height:2px}.UsageSparkline-module__3fJjMG__barRead{background:var(--purple);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.UsageSparkline-module__3fJjMG__hoverCard{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:var(--settings-radius);pointer-events:none;z-index:1200;min-width:190px;padding:4px 0;font-size:13px;box-shadow:0 6px 20px #28306824}.UsageSparkline-module__3fJjMG__hoverCardRow{align-items:center;gap:8px;padding:6px 12px;display:flex}.UsageSparkline-module__3fJjMG__hoverCardSwatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.UsageSparkline-module__3fJjMG__hoverCardSwatchRead{background:var(--purple)}.UsageSparkline-module__3fJjMG__hoverCardSwatchTotal{background:var(--border-standard)}.UsageSparkline-module__3fJjMG__hoverCardLabel{color:var(--text-secondary);white-space:nowrap;flex:1}.UsageSparkline-module__3fJjMG__hoverCardValue{color:var(--text-color);font-variant-numeric:tabular-nums;font-weight:600}.UsageSparkline-module__3fJjMG__hoverCardDay{border-top:1px solid var(--settings-divider);color:var(--text-color);white-space:nowrap;margin-top:4px;padding:8px 12px 4px}.UsageSparkline-module__3fJjMG__hoverCardArrow{fill:var(--settings-surface)}