| 1 |
.desktop-mode-widget-heartbeat{display:flex;flex-direction:column;gap:8px;padding:0 12px;user-select:none;-webkit-user-select:none;box-sizing:border-box;height:100%;width:100%;overflow:hidden}.desktop-mode-widget-heartbeat__meta{margin-top:auto}.desktop-mode-widgets__card-body.desktop-mode-widget-heartbeat{padding:8px;min-height:0;flex:1 1 auto}.desktop-mode-widgets__card.desktop-mode-widgets__card--heartbeat{display:flex;flex-direction:column;overflow:hidden}.desktop-mode-widget-heartbeat__stage{position:relative;display:block;flex:0 0 140px;height:140px;width:100%;overflow:hidden;contain:strict}.desktop-mode-widget-heartbeat__stage canvas{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%}.desktop-mode-widget-heartbeat__meta{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;color:#ffffffb3;letter-spacing:.04em;text-transform:uppercase;padding:0 2px}.desktop-mode-widget-heartbeat__label{font-weight:600}.desktop-mode-widget-heartbeat__remaining{font-variant-numeric:tabular-nums;font-size:13px;color:#ff8ba3;letter-spacing:.02em;text-transform:none;font-weight:600}.desktop-mode-widget-heartbeat__bar{position:relative;height:10px;border-radius:5px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 2px #00000059,inset 0 0 0 1px #ffffff0a}.desktop-mode-widget-heartbeat__bar-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:5px;background:linear-gradient(90deg,#ff8ba3,#ff4d6d 60%,#ff2d5b);box-shadow:0 0 10px #ff4d6da6,inset 0 1px #ffffff59,inset 0 -1px #0000002e}.desktop-mode-widget-heartbeat--no-heart .desktop-mode-widget-heartbeat__stage{display:none}.desktop-mode-widget-heartbeat--no-heart{justify-content:center}.desktop-mode-widget-heartbeat--fallback .desktop-mode-widget-heartbeat__fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;color:#fff9;text-align:center;padding:12px} |
