.history-demo-module__kkQCmq__demo{--demo-blue:#075bd8;--demo-border:#dce3ed;--demo-muted:#526078;margin-top:12px}.history-demo-module__kkQCmq__heading h2{letter-spacing:-.035em;margin:0 0 26px;font-size:26px;font-weight:580}.history-demo-module__kkQCmq__figure{position:relative}.history-demo-module__kkQCmq__stage{border:1px solid var(--demo-border);background:#f5f7fa;border-radius:18px;grid-template-columns:minmax(0,.94fr) 100px minmax(0,1.15fr);align-items:center;padding:28px 30px 24px;display:grid}.history-demo-module__kkQCmq__browserSide,.history-demo-module__kkQCmq__appSide{min-width:0}.history-demo-module__kkQCmq__windowLabel{color:var(--demo-muted);margin:0 0 12px;font-size:13px;font-weight:500}.history-demo-module__kkQCmq__window{background:#fff;border:1px solid #d5deeb;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px -16px #30497760}.history-demo-module__kkQCmq__titlebar{border-bottom:1px solid var(--demo-border);height:36px;color:var(--demo-muted);background:#f8f9fb;align-items:center;padding:0 13px;font-size:11px;display:flex;position:relative}.history-demo-module__kkQCmq__titlebar>span:last-child{margin-inline:auto;padding-right:35px}.history-demo-module__kkQCmq__windowDots{gap:4px;display:inline-flex}.history-demo-module__kkQCmq__windowDots i{border:1px solid #b8c3d3;border-radius:50%;width:7px;height:7px}.history-demo-module__kkQCmq__addressbar{height:37px;color:var(--demo-muted);border-bottom:1px solid #eef1f6;align-items:center;gap:10px;padding:0 12px;display:flex}.history-demo-module__kkQCmq__addressbar>span{white-space:nowrap;background:#f1f4f8;border-radius:5px;flex:1;align-items:center;gap:6px;min-width:0;padding:5px 7px;font-size:10px;display:flex;overflow:hidden}.history-demo-module__kkQCmq__addressbar svg{flex-shrink:0}.history-demo-module__kkQCmq__account{padding:18px 20px 14px}.history-demo-module__kkQCmq__accountHeader{letter-spacing:-.3px;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.history-demo-module__kkQCmq__avatar{color:#526078;background:#e9eef6;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.history-demo-module__kkQCmq__accountTabs{color:var(--demo-muted);border-bottom:1px solid #e9edf3;gap:19px;margin-top:15px;font-size:10px;display:flex}.history-demo-module__kkQCmq__accountTabs>span{padding-bottom:8px}.history-demo-module__kkQCmq__accountTabs>span:first-child{color:var(--demo-blue);border-bottom:2px solid var(--demo-blue)}.history-demo-module__kkQCmq__accountContent{align-items:center;gap:25px;padding:22px 0;display:flex}.history-demo-module__kkQCmq__value{background:#f5f9ff;border:1px solid #94b9f4;border-radius:5px;flex:1;padding:13px 16px 12px;position:relative}.history-demo-module__kkQCmq__valueLabel{color:#3c5c8c;font-size:12px;font-weight:500;display:block}.history-demo-module__kkQCmq__valueNumber{color:var(--demo-blue);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;margin:5px 0 3px;font-size:42px;font-weight:590;line-height:1.1;display:block}.history-demo-module__kkQCmq__valueDescription{color:var(--demo-muted);font-size:10px}.history-demo-module__kkQCmq__selectionCorner{background:var(--demo-blue);border:1px solid #fff;width:5px;height:5px;position:absolute;bottom:-3px;right:-3px}.history-demo-module__kkQCmq__accountSkeleton{flex-direction:column;gap:12px;width:25%;display:flex}.history-demo-module__kkQCmq__accountSkeleton i{background:#e9edf3;border-radius:2px;height:5px}.history-demo-module__kkQCmq__accountSkeleton i:nth-child(2){width:65%}.history-demo-module__kkQCmq__accountSkeleton i:nth-child(3){width:80%}.history-demo-module__kkQCmq__accountFooter{color:var(--demo-muted);border-top:1px solid #e9edf3;align-items:center;gap:5px;padding-top:11px;font-size:9px;display:flex}.history-demo-module__kkQCmq__sideCaption{color:var(--demo-muted);margin-top:13px;font-size:12px}.history-demo-module__kkQCmq__connection{height:40px;margin-top:32px;position:relative}.history-demo-module__kkQCmq__wire{background:#adbfda;height:1px;position:absolute;top:50%;left:0;right:0}.history-demo-module__kkQCmq__wire:before,.history-demo-module__kkQCmq__wire:after{content:"";background:#8ba5ce;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px}.history-demo-module__kkQCmq__wire:before{left:0}.history-demo-module__kkQCmq__wire:after{right:0}.history-demo-module__kkQCmq__signal{z-index:1;border:1px solid var(--demo-blue);min-width:27px;height:27px;color:var(--demo-blue);background:#fff;border-radius:20px;place-items:center;padding:0 7px;font-size:11px;font-weight:600;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.history-demo-module__kkQCmq__request{animation:.8s ease-in-out both history-demo-module__kkQCmq__request}.history-demo-module__kkQCmq__response{background:var(--demo-blue);color:#fff;animation:1s ease-in-out both history-demo-module__kkQCmq__response}.history-demo-module__kkQCmq__appBrand{align-items:center;gap:5px;font-weight:550;display:flex}.history-demo-module__kkQCmq__appBrand svg{color:var(--demo-blue)}.history-demo-module__kkQCmq__monitor{padding:22px 22px 15px}.history-demo-module__kkQCmq__monitorHeader{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.history-demo-module__kkQCmq__monitorLabel,.history-demo-module__kkQCmq__savedValue>span{color:var(--demo-muted);margin-bottom:4px;font-size:10px;display:block}.history-demo-module__kkQCmq__monitorHeader strong{letter-spacing:-.5px;font-size:18px;font-weight:560;display:block}.history-demo-module__kkQCmq__savedValue{text-align:right}.history-demo-module__kkQCmq__savedValue strong{color:var(--demo-blue);font-variant-numeric:tabular-nums;font-size:23px;line-height:1}.history-demo-module__kkQCmq__chart{width:100%;display:block;overflow:visible}.history-demo-module__kkQCmq__chart text{fill:var(--demo-muted);font-size:11px}.history-demo-module__kkQCmq__gridline{stroke:#e6ebf3;stroke-dasharray:3 4}.history-demo-module__kkQCmq__chartArea{fill:#edf4ff}.history-demo-module__kkQCmq__chartLine{stroke:var(--demo-blue);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.history-demo-module__kkQCmq__chartPoint{fill:var(--demo-blue);stroke:#fff;stroke-width:1.5px}.history-demo-module__kkQCmq__pointHalo{fill:#075bd819}.history-demo-module__kkQCmq__appStatus{min-height:27px;color:var(--demo-muted);border-top:1px solid #edf0f5;align-items:center;gap:7px;margin-top:7px;padding-top:10px;font-size:10px;display:flex}.history-demo-module__kkQCmq__statusDot{width:12px;height:12px;color:var(--demo-blue);background:#e5ecf7;border-radius:50%;place-items:center;display:grid}.history-demo-module__kkQCmq__demo[data-phase=reading] .history-demo-module__kkQCmq__value{border-color:var(--demo-blue);background:#e6f0ff;box-shadow:0 0 0 3px #075bd811}.history-demo-module__kkQCmq__demo[data-phase=saved] .history-demo-module__kkQCmq__newSegment{stroke-dasharray:1;animation:.5s ease-out both history-demo-module__kkQCmq__draw-line}.history-demo-module__kkQCmq__demo[data-phase=saved] .history-demo-module__kkQCmq__statusDot{background:#dbeaff}.history-demo-module__kkQCmq__demo[data-running=false] *{animation-play-state:paused}.history-demo-module__kkQCmq__control{z-index:2;border:1px solid var(--demo-border);width:32px;height:32px;color:var(--demo-muted);opacity:0;pointer-events:none;background:#fff;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.history-demo-module__kkQCmq__figure:hover .history-demo-module__kkQCmq__control,.history-demo-module__kkQCmq__control:focus-visible{opacity:1;pointer-events:auto}@media (hover:none){.history-demo-module__kkQCmq__control{opacity:1;pointer-events:auto}}.history-demo-module__kkQCmq__control:hover{color:var(--demo-blue);border-color:#94b9f4}@keyframes history-demo-module__kkQCmq__request{0%{left:100%}to{left:0%}}@keyframes history-demo-module__kkQCmq__response{0%{left:0%}to{left:100%}}@keyframes history-demo-module__kkQCmq__draw-line{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (min-width:761px) and (max-width:1000px){.history-demo-module__kkQCmq__stage{grid-template-columns:minmax(0,1fr) 56px minmax(0,1.12fr);padding:22px 18px}.history-demo-module__kkQCmq__account{padding:17px 14px 14px}.history-demo-module__kkQCmq__accountContent{gap:14px}.history-demo-module__kkQCmq__value{padding:13px 12px 12px}.history-demo-module__kkQCmq__valueNumber{font-size:36px}.history-demo-module__kkQCmq__monitor{padding:20px 15px 15px}.history-demo-module__kkQCmq__monitorHeader strong{font-size:16px}.history-demo-module__kkQCmq__savedValue strong{font-size:21px}}@media (max-width:760px){.history-demo-module__kkQCmq__heading h2{max-width:340px;font-size:24px}.history-demo-module__kkQCmq__stage{grid-template-columns:minmax(0,1fr);padding:20px}.history-demo-module__kkQCmq__windowLabel{font-size:12px}.history-demo-module__kkQCmq__browserSide{width:100%}.history-demo-module__kkQCmq__account{padding:18px}.history-demo-module__kkQCmq__accountContent{gap:16px}.history-demo-module__kkQCmq__value{padding:13px}.history-demo-module__kkQCmq__valueNumber{font-size:38px}.history-demo-module__kkQCmq__sideCaption{display:none}.history-demo-module__kkQCmq__connection{height:64px;margin:0}.history-demo-module__kkQCmq__wire{width:1px;height:auto;top:0;bottom:0;left:50%}.history-demo-module__kkQCmq__wire:before{top:0;left:-2px}.history-demo-module__kkQCmq__wire:after{top:auto;bottom:0;left:-2px}.history-demo-module__kkQCmq__signal{left:50%}.history-demo-module__kkQCmq__request{animation-name:history-demo-module__kkQCmq__request-vertical}.history-demo-module__kkQCmq__response{animation-name:history-demo-module__kkQCmq__response-vertical}.history-demo-module__kkQCmq__appSide>.history-demo-module__kkQCmq__windowLabel{margin-top:-24px;position:absolute}.history-demo-module__kkQCmq__monitor{padding:20px 16px 14px}.history-demo-module__kkQCmq__control{width:36px;height:36px}}@keyframes history-demo-module__kkQCmq__request-vertical{0%{top:100%}to{top:0%}}@keyframes history-demo-module__kkQCmq__response-vertical{0%{top:0%}to{top:100%}}