@font-face{font-display:swap;font-family:SuisseIntl;font-stretch:normal;font-style:normal;font-weight:400;src:local(SuisseIntl),url(/static/media/SuisseIntl-Regular.a50708c6e32c0849e9f2.otf) format("opentype")}@font-face{font-display:swap;font-family:SuisseIntl;font-stretch:normal;font-style:normal;font-weight:600;src:local(SuisseIntl),url(/static/media/SuisseIntl-SemiBold.614b4360977b99ad5520.otf) format("opentype")}@font-face{font-display:swap;font-family:FoxIcon;font-stretch:normal;font-style:normal;font-weight:400;src:local(FoxIcon),url(/static/media/Foxicon-Regular.8fd19a30b7cdf1d57875.otf) format("opentype")}html{font-size:12px;height:100%}body{padding-right:0!important}*,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{font-family:SuisseIntl,Arial,sans-serif;letter-spacing:normal;padding:0}:focus{outline:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fox-footer{background-color:var(--baseBlack);padding:20px;text-align:center}.FoxIcon{font-family:FoxIcon,sans-serif;font-size:28px;pointer-events:none}.FoxIcon.list-icon{margin-right:16px}.FoxIcon.hasAction:hover{cursor:pointer}.FoxIcon .MuiSvgIcon-root{display:inline-block;font-size:28px}.FoxIcon.alive,.FoxIcon.ok{color:var(--green600)}.FoxIcon.disconnected,.FoxIcon.warning{color:var(--orangy600)}.FoxIcon.danger,.FoxIcon.dead{color:var(--red600)}.FoxIcon.unknown{color:var(--grey600)}.FoxIcon.not-ready{color:var(--blue600)}.MuiButton-startIcon.MuiButton-iconSizeMedium{margin-left:0;margin-right:7px}.MuiButton-startIcon.MuiButton-iconSizeMedium .FoxIcon{font-family:FoxIcon,sans-serif;font-size:22px;height:20px;line-height:20px;width:20px}.MuiButton-startIcon.MuiButton-iconSizeMedium .FoxIcon.hasAction:hover{cursor:pointer}.MuiButton-startIcon.MuiButton-iconSizeMedium .FoxIcon .MuiSvgIcon-root{display:inline-block;font-size:20px;transform:translateY(0);-moz-transform:translate(0)}.FoxIcon.FoxIconUnknown{color:var(--grey100)}.MuiButtonBase-root.MuiFab-root.scroll-to-top-fab{bottom:1.33rem;height:64px;opacity:0;pointer-events:none;position:fixed;right:1.33rem;transition-delay:0,0,.2s;transition-duration:.2s,.2s,0;transition-property:opacity,visibility;visibility:hidden;width:64px}.MuiButtonBase-root.MuiFab-root.scroll-to-top-fab.visible{cursor:pointer;opacity:1;pointer-events:all;transition-delay:.2s,.2s,0;transition-duration:.2s,.2s,0;transition-property:opacity,visibility;visibility:visible}.DataElement{display:flex;flex-direction:column}.DataElement.invert{flex-direction:column-reverse}.DataElement p:first-of-type{color:var(--grey600);font-size:16px;line-height:26px}.DataElement p:last-of-type{line-height:1.63;margin-top:8px}.DataElement:not(.equal-size) p:last-of-type{color:var(--grey800);font-size:20px}.DataElement:not(:last-child){margin-bottom:20px}.gauge-wrapper{align-items:center;background-color:var(--baseWhite);border-radius:50%;box-shadow:0 13px 26px 0 #0000001a,0 5px 10px 0 #0000001a;display:flex;flex-direction:column;height:220px;justify-content:center;margin:0 auto;position:relative;width:220px}.gauge-wrapper canvas{height:220px;left:0;position:absolute;top:0;width:440px}.gauge-wrapper p{color:var(--grey600);font-size:14px}.gauge-wrapper p.percentage-value{color:var(--grey800);font-size:36px;font-weight:700;margin-bottom:10px}.gauge-wrapper.loading .loading-mask{background-color:var(--baseWhite);border-radius:50%;height:180px;left:10;position:absolute;top:10;width:180px}.unit-switcher{align-items:stretch;align-self:stretch;display:flex;flex-direction:column;flex-grow:0;gap:8px;justify-content:flex-start;padding:16px}.unit-switcher .title{color:var(--grey400);font-size:10px;font-weight:600;letter-spacing:.1em;line-height:13px;text-align:center;text-transform:uppercase}.unit-switcher .button-container{display:flex;gap:12px}.unit-switcher .measurement-button{align-items:center;background-color:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;flex-grow:1;font-family:inherit;gap:8px;height:56px;justify-content:flex-start;padding:16px;transition:all .2s ease}.unit-switcher .measurement-button.selected,.unit-switcher .measurement-button:hover{background-color:var(--grey400)}.unit-switcher .measurement-button .label{color:var(--grey900);font-size:16px;font-weight:500;line-height:20px;margin-right:4px}.unit-switcher .measurement-button .caption{color:var(--grey600);font-size:14px;font-weight:400;line-height:20px}.app{display:grid;grid-auto-flow:row;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content;margin:0 auto;max-width:640px;min-height:100vh}.device-data-wrapper{background-color:var(--blue100);overflow-x:hidden;padding-top:64px}.device-data-wrapper .device-data-header{display:flex;justify-content:center;margin-bottom:8px}.device-data-wrapper .device-data-header-divider{margin-bottom:16px}.device-data-wrapper .MuiDivider-root{border-color:var(--grey300)}.device-data-wrapper.error{padding-top:0}.device-data-wrapper.error+.fox-footer{display:none}.device-data-wrapper section{padding:0 16px}.device-data-wrapper section.gauge-section{padding-bottom:40px}.device-data-wrapper section.device-data-section{padding-bottom:30px}.device-data-wrapper section.last-next-metering-section{padding:32px 16px}.device-data-wrapper section.last-next-metering-section p{font-size:16px;line-height:26px}.device-data-wrapper section.last-next-metering-section .MuiGridLegacy-root.MuiGridLegacy-item:first-child{padding-right:16px}.device-data-wrapper section.last-next-metering-section .MuiGridLegacy-root.MuiGridLegacy-item:last-child{padding-left:16px}.device-data-wrapper section.metering-data-section{padding:0}.device-data-wrapper section.metering-data-section .DataElement{margin:0;padding:32px 16px 8px}.device-data-wrapper section.error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.device-data-wrapper section.error h2{margin:32px 0}.device-data-wrapper section.error .icon-wrapper{align-items:center;border-radius:50%;box-shadow:0 13px 26px 0 #0000001a,0 5px 10px 0 #0000001a;color:var(--red600);display:flex;height:125px;justify-content:center;width:125px}.device-data-wrapper section.error .icon-wrapper .FoxIcon{font-size:64px}.device-data-wrapper section table{background-color:var(--baseWhite);width:100%}.device-data-wrapper section table thead th{font-weight:600;max-width:40px;overflow:hidden;padding:16px 8px;text-overflow:ellipsis}.device-data-wrapper section table thead th:first-of-type{padding-left:16px}.device-data-wrapper section table thead th:last-of-type{padding-right:16px}.device-data-wrapper section table tbody td{padding:8px}.device-data-wrapper section table tbody td:first-of-type{padding-left:16px}.device-data-wrapper section table tbody td:last-of-type{padding-right:16px}.device-data-wrapper section table tbody tr.invalid td{color:var(--grey200)}.device-data-wrapper section .DataElement.main p:first-of-type{font-size:16px;margin-top:8px}.device-data-wrapper section .DataElement.main p:last-of-type{color:var(--baseBlack);font-size:24px;margin-top:0}
/*# sourceMappingURL=main.bdbeb9d8.css.map*/