.dm-heart-monitor{display:grid;grid-template-columns:minmax(0,1fr) 150px;height:184px;margin:12px 0 10px;overflow:hidden;border:1px solid rgba(35,239,185,.34);border-radius:8px;background:#00120f;box-shadow:inset 0 0 30px rgba(0,0,0,.72),0 8px 28px rgba(0,0,0,.2)}
.dm-heart-monitor{position:relative}.dm-heart-info{position:absolute;z-index:5;right:158px;bottom:8px;display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid rgba(70,245,198,.52);border-radius:50%;background:rgba(0,24,19,.88);color:#63f1ca;font:900 .72rem Georgia,serif;cursor:pointer}.dm-heart-info:hover,.dm-heart-info:focus{background:#0a493c;outline:2px solid rgba(82,242,203,.25);outline-offset:2px}.dm-heart-help>div{width:min(660px,100%)}.dm-heart-help p{text-align:left}.dm-heart-help p b,.dm-heart-help p strong{color:#70f2cd}
.dm-heart-screen{position:relative;min-width:0;border-right:1px solid rgba(44,235,190,.3);background:radial-gradient(circle at 45% 50%,rgba(2,61,48,.3),transparent 62%),#00120f}
.dm-heart-screen header{position:absolute;z-index:2;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;gap:12px;color:#35e9bd;font:800 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;pointer-events:none}
.dm-heart-screen header b{color:#6affd4}.dm-heart-screen canvas{display:block;width:100%;height:100%}.dm-heart-screen>small{position:absolute;bottom:7px;left:10px;color:#278e78;font:700 .49rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;pointer-events:none}
.dm-heart-monitor aside{display:grid;grid-template-rows:1fr 1fr 1fr;background:#001915}.dm-heart-monitor aside>div{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;padding:7px 10px;border-bottom:1px solid rgba(50,231,188,.25)}.dm-heart-monitor aside>div:last-child{border-bottom:0}.dm-heart-monitor aside small{grid-column:1/3;color:#58eac4;font:800 .55rem ui-monospace,SFMono-Regular,Menlo,monospace}.dm-heart-monitor aside b{color:#27f0c2;font:300 2.1rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em}.dm-heart-monitor aside em{align-self:end;padding-bottom:2px;color:#63bba7;font:800 .52rem ui-monospace,SFMono-Regular,Menlo,monospace}.dm-heart-monitor aside .frames b{color:#36c9ff}.dm-heart-monitor aside .state b{font-size:1.25rem;letter-spacing:0}.dm-heart-monitor aside i{position:absolute;right:10px;bottom:14px;width:9px;height:9px;border-radius:50%;background:#6c8c84}.dm-heart-monitor aside i.is-live{background:#27f0c2;box-shadow:0 0 13px #27f0c2}.dm-heart-monitor aside i.is-late{background:#ffd14d;box-shadow:0 0 13px #ffd14d}.dm-heart-monitor aside i.is-down{background:#ff5d72;box-shadow:0 0 13px #ff5d72}
@media(max-width:650px){.dm-heart-monitor{grid-template-columns:minmax(0,1fr) 104px;height:166px}.dm-heart-monitor aside b{font-size:1.55rem}.dm-heart-screen header{display:grid;gap:2px}.dm-heart-screen>small{max-width:180px}.dm-heart-info{right:112px}}
.dm-heart-monitor aside{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important}.dm-heart-monitor aside>div{flex:1 1 0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}