#todayView .dashboard-hero-row .summary-card,
#todayView .dashboard-hero-row .summary-card:nth-child(2){min-height:158px}
#todayView .rooftop-banner.is-expanded + .dashboard-content .dashboard-hero-row .summary-card,
#todayView .rooftop-banner.is-expanded + .dashboard-content .dashboard-hero-row .summary-card:nth-child(2){min-height:158px}
#todayView .metric-bars{right:14px;bottom:15px;gap:5px;width:100px;height:50px;align-items:flex-end}
#todayView .metric-bars i{position:relative;display:block;flex:none;width:10px;height:4px;border-radius:3px 3px 0 0;transition:height 420ms cubic-bezier(.25,.8,.25,1),opacity 420ms ease,filter 180ms ease,transform 180ms ease}
#todayView .metric-bars i.is-empty{opacity:.28;box-shadow:none;pointer-events:none}
#todayView .metric-bars i:not(.is-empty){cursor:help}
#todayView .metric-bars i:not(.is-empty):is(:hover,:focus-visible){z-index:2;filter:brightness(1.55);transform:translateY(-2px);box-shadow:0 0 13px currentColor}
#todayView .metric-done .metric-bars{color:#43d4a4}
#todayView .metric-doing .metric-bars{color:#ffb553}
#todayView .metric-due .metric-bars{color:#b269ee}
#todayView .metric-focus .metric-bars{color:#378fff}
#todayView .metric-bars i{background:currentColor}
#todayView .metric-bars i[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);padding:6px 8px;border:1px solid #536577;border-radius:7px;background:#26313e;box-shadow:0 7px 18px #0009;color:#f5f8fc;font-size:10px;font-style:normal;font-weight:600;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity 160ms ease,transform 160ms ease}
#todayView .metric-bars i[data-tip]::before{content:'';position:absolute;left:50%;bottom:calc(100% + 4px);border:6px solid transparent;border-top-color:#26313e;opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity 160ms ease}
#todayView .metric-bars i[data-tip]:is(:hover,:focus-visible)::before,
#todayView .metric-bars i[data-tip]:is(:hover,:focus-visible)::after{opacity:1}
#todayView .metric-bars i[data-tip]:is(:hover,:focus-visible)::after{transform:translate(-50%,0)}
#todayView .metric-bars i[data-tip]:nth-last-child(-n+2)::after{left:auto;right:0;transform:translateY(4px)}
#todayView .metric-bars i[data-tip]:nth-last-child(-n+2):is(:hover,:focus-visible)::after{transform:translateY(0)}
@media(max-width:580px){#todayView .dashboard-hero-row .summary-card,#todayView .dashboard-hero-row .summary-card:nth-child(2){min-height:140px}#todayView .metric-bars{right:9px;bottom:11px;gap:4px;width:80px;height:50px}#todayView .metric-bars i{width:8px}}
@media(prefers-reduced-motion:reduce){#todayView .metric-bars i,#todayView .metric-bars i::before,#todayView .metric-bars i::after{transition:none}}