.value-tile{display:flex;flex-direction:column;width:100%;height:100px;padding:15px 20px;align-items:flex-start;background:var(--color-primary);color:#fff;font-size:16px;border-radius:4px;box-shadow:var(--common-box-shadow);position:relative;padding-left:30px;justify-content:center}.value-tile:before{position:absolute;display:block;content:"";left:0;top:0;border-top-left-radius:4px;border-bottom-left-radius:4px;background:currentColor;width:6px;height:100%}.value-tile__value{font-weight:500;font-size:24px;line-height:28px;letter-spacing:-.6px;color:var(--color-dark);margin-top:8px}.value-tile__value span:before{content:" "}.value-tile__icon{display:flex;align-items:center}.value-tile__icon .v-icon,.value-tile__icon i{font-size:2em;color:inherit}.value-tile__icon svg{width:2em;height:2em}.value-tile__icon svg path,.value-tile__icon svg rect{fill:currentColor}.value-tile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5b5b5b;font-weight:500;font-size:12px;line-height:14px;letter-spacing:.857143px;text-transform:uppercase}.value-tile:nth-child(odd){background:var(--color-sequence-1)}.value-tile:nth-child(2n+2){background:var(--color-sequence-2)}.value-tile:nth-child(2n+3){background:var(--color-sequence-3)}.value-tile:nth-child(2n+4){background:var(--color-sequence-4)}.value-tile:nth-child(2n+5){background:var(--color-sequence-5)}.value-tile:nth-child(2n+6){background:var(--color-sequence-6)}.value-tile:nth-child(2n+7){background:var(--color-sequence-7)}.value-tile:nth-child(2n+8){background:var(--color-sequence-8)}.value-tile:nth-child(2n+9){background:var(--color-sequence-9)}.value-tile:nth-child(2n+10){background:var(--color-sequence-10)}.value-tile:nth-child(2n+11){background:var(--color-sequence-11)}.value-tile:nth-child(2n+12){background:var(--color-sequence-12)}.value-tile:nth-child(2n+13){background:var(--color-sequence-13)}.value-tile:nth-child(2n+14){background:var(--color-sequence-14)}.value-tile:nth-child(2n+15){background:var(--color-sequence-15)}:root{--bar-chart-bar-color:#52b5d5}.bar-chart{display:flex;width:100%;flex:1 1 0;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:4px;background:#fff;overflow:hidden;position:relative}.bar-chart__bar{fill:var(--bar-chart-bar-color)}.bar-chart__tooltip{--w:140px;--h:80px;position:absolute;display:flex;align-items:center;flex-direction:column;padding:15px 22px;background:#fff;border-radius:4px;box-shadow:var(--common-box-shadow);width:var(--w);height:var(--h);left:calc(var(--w)/2*-1);top:calc(var(--h)*-1.2);z-index:10;will-change:transform;transition:all .2s linear;pointer-events:none}.bar-chart__tooltip-title{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.857143px;color:#a5a9b1}.bar-chart__tooltip-value{font-weight:400;font-size:24px;line-height:28px;letter-spacing:-.6px;color:#5b5b5b;margin-top:8px}.bar-chart__tooltip-value span+span{margin-left:.5ch}:root{--stacked-area-chart-bar-color:#52b5d5}.stacked-area-chart{display:flex;width:100%;flex:1 1 0;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:4px;background:#fff;overflow:hidden;position:relative}.stacked-area-chart__tooltip{--w:140px;position:absolute;display:flex;align-items:center;flex-direction:column;padding:15px 22px;background:#fff;border-radius:4px;box-shadow:var(--common-box-shadow);width:var(--w);left:calc(var(--w)/2*-1);top:20px;z-index:10;will-change:transform;transition:all .2s linear;pointer-events:none}.stacked-area-chart__tooltip-title{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.857143px;color:#a5a9b1}.stacked-area-chart__tooltip-value{font-weight:400;font-size:24px;line-height:28px;letter-spacing:-.6px;color:#5b5b5b;margin-top:8px}.stacked-area-chart__tooltip-value span+span{margin-left:.5ch}.device-power-graph{display:flex;flex:1 1 0;flex-direction:column;overflow-x:hidden}.device-power-graph__header{margin-top:16px;display:flex;align-items:center}.device-power-graph__date-field{max-width:220px;margin-left:16px;margin-top:0;height:54px}.device-power-graph__date-field .v-icon{color:var(--color-primary)}.device-power-graph__date-field .v-input__slot{height:41px}.device-power-graph__date-field .v-label{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.857143px;color:#5b5b5b!important;top:-16px}.device-power-graph__date-field .v-label--active{transform:unset}.device-power-graph__date-field>.v-input__control>.v-input__slot:before{border-color:#e5e5e5!important}.device-power-graph .v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn{min-width:88px!important;height:54px!important;border-color:#e5e5e5!important;background:#fff;text-transform:uppercase;font-weight:500;font-size:14px;line-height:16px;letter-spacing:-.35px;color:#5b5b5b}.device-power-graph .v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn:before{background:#fff}.device-power-graph .v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn.v-item--active:before{background:var(--color-primary);opacity:1}.device-power-graph .v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn.v-item--active span{color:#fff}.device-power-graph__header-summary{height:54px}.device-power-graph .dpghs{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.device-power-graph .dpghs__title{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.857143px;color:#5b5b5b;text-transform:uppercase}.device-power-graph .dpghs__value{font-weight:500;font-size:24px;line-height:28px;letter-spacing:-.6px;color:var(--color-dark)}.device-power-graph .bar-chart{margin-top:8px}.theme--light.v-btn-toggle:not(.v-btn-toggle--group){background:#fff;color:rgba(0,0,0,.87)}.theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn{border-color:rgba(0,0,0,.12)!important}.theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn:focus:not(:active){border-color:rgba(0,0,0,.26)}.theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn .v-icon{color:#000}.theme--dark.v-btn-toggle:not(.v-btn-toggle--group){background:#1e1e1e;color:#fff}.theme--dark.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn{border-color:hsla(0,0%,100%,.12)!important}.theme--dark.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn:focus:not(:active){border-color:hsla(0,0%,100%,.3)}.theme--dark.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn .v-icon{color:#fff}.v-btn-toggle{border-radius:4px;display:inline-flex;max-width:100%}.v-btn-toggle>.v-btn.v-btn{border-radius:0;border-style:solid;border-width:thin;box-shadow:none;opacity:.8;padding:0 12px}.v-application--is-ltr .v-btn-toggle>.v-btn.v-btn:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.v-application--is-ltr .v-btn-toggle>.v-btn.v-btn:last-child,.v-application--is-rtl .v-btn-toggle>.v-btn.v-btn:first-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.v-application--is-rtl .v-btn-toggle>.v-btn.v-btn:last-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.v-btn-toggle>.v-btn.v-btn--active{color:inherit;opacity:1}.v-btn-toggle>.v-btn.v-btn:after{display:none}.v-application--is-ltr .v-btn-toggle>.v-btn.v-btn:not(:first-child),.v-application--is-rtl .v-btn-toggle>.v-btn.v-btn:not(:last-child){border-left-width:0}.v-btn-toggle:not(.v-btn-toggle--dense) .v-btn.v-btn.v-size--default{height:48px;min-height:0;min-width:48px}.v-btn-toggle--borderless>.v-btn.v-btn{border-width:0}.v-btn-toggle--dense>.v-btn.v-btn{padding:0 8px}.v-btn-toggle--group{border-radius:0}.v-btn-toggle--group>.v-btn.v-btn{background-color:transparent!important;border-color:transparent;margin:4px;min-width:auto}.v-btn-toggle--rounded{border-radius:24px}.v-btn-toggle--shaped{border-radius:24px 4px}.v-btn-toggle--tile{border-radius:0}.device-power-page{padding:0 16px}.device-power-page__realtime-tiles{margin-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:8px;grid-row-gap:8px}.device-power-page__graph-section{margin-top:24px;flex:1 1 0;display:flex;align-items:column;padding-bottom:8px}