.component-primary-button{height:2.25rem;min-height:2.25rem;font-weight:700;border-radius:.25rem;font-size:16px;line-height:19px;border:1px solid transparent;padding:8px 16px;width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component-primary-button.default{color:#fff;background-color:#26aca1}.component-primary-button.primary{color:#26aca1;background-color:#fff;border:1px solid #26aca1}.component-primary-button.primary:hover{color:#22998f;background-color:#f1f2f1;border-color:#22998f}.component-primary-button.subPrimary{color:#26aca1;background-color:#fff;border:1px solid #26aca1}.component-primary-button.subPrimary:hover{color:#22998f;background-color:hsla(0,0%,90%,.302)}.component-primary-button.secondary{color:#2c72ae;background-color:#fff;border:1px solid #2c72ae}.component-primary-button.secondary:hover{color:#276599;background-color:#f1f2f1;border-color:#276599}.component-primary-button.danger{color:#d70000;background-color:#fff;border-color:#d70000}.component-primary-button.danger:hover{background-color:#e5e5e5}.component-primary-button.blackSwamp{color:#fff;background-color:#222626}.component-primary-button.grey{color:#f1f2f1;background-color:#3c3c43}.component-primary-button.cancel{color:#a6a6a6;background-color:#fff;border:1px solid #e5e5e5}.component-primary-button.cancel:hover{background-color:#f1f2f1}.component-primary-button.disable{color:#a6a6a6;background-color:#d1d1d1}.component-primary-button.select-group-primary{color:#222626;background-color:#effcfa}.component-primary-button.select-group-primary.selected{color:#fff;background-color:#26aca1}.component-nav-icon-button{line-height:30px;padding:8px 16px;text-decoration:none;color:#222626;display:flex;border-radius:4px;cursor:pointer;width:100%;align-items:center;gap:8px}.component-nav-icon-button>.icon{width:30px;height:30px}.component-nav-icon-button>.name{flex-grow:1;text-align:start;word-break:break-word;white-space:break-spaces;overflow-wrap:anywhere;max-width:100%}.component-nav-icon-button>.name.with-toggle{max-width:calc(100% - 56px)}.component-nav-icon-button .triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;transition:all .3s}.component-nav-icon-button.EXPANDED .triangle{transform:rotate(180deg)}.component-nav-icon-button.active{color:#26aca1;font-weight:700;filter:grayscale(100%) invert(51%) sepia(97%) saturate(330%) hue-rotate(126deg) brightness(91%) contrast(90%);background-color:rgba(38,172,161,.15)}.component-facility-floor-plan-button{border-radius:99px;border:4px solid #fff;height:30px;width:30px;box-shadow:0 0 10px rgba(34,38,38,.5)}.component-facility-floor-plan-button svg path{fill:#fff!important}.component-facility-floor-plan-button>.icon{position:absolute;top:25%;left:25%}.component-facility-floor-plan-button.emergency{background-color:#d70000}.component-facility-floor-plan-button.emergency.select{box-shadow:0 0 10px #d70000}.component-facility-floor-plan-button.warning{background-color:#ffa000}.component-facility-floor-plan-button.warning.select{box-shadow:0 0 10px #ffa000}.component-facility-floor-plan-button.normal{background-color:#26aca1}.component-facility-floor-plan-button.normal.select{box-shadow:0 0 10px #26aca1}.component-facility-floor-plan-button.disconnection{background-color:#d1d1d1}.component-facility-floor-plan-button.disconnection.select{box-shadow:0 0 10px #222626}.component-text-button{display:flex;align-items:center;color:#26aca1;border:1px solid transparent}.component-text-button:hover{border-bottom:1px solid #26aca1}.component-text-button.disable{border:1px solid transparent;color:#a6a6a6}.component-chip-button{width:"max-content";background-color:#effcfa!important;border:1px solid #e5e5e5;padding:4px 8px;border-radius:8px}.component-chip-button.selected{color:#fff;background-color:#26aca1!important}.component-chip-button-secondary{padding:4px 8px;background-color:#fff;border:1px solid #26aca1;border-radius:8px;gap:8px;font-size:14px;display:flex;align-items:center;width:-webkit-max-content;width:max-content}.component-chip-button-secondary svg{height:7.5px;width:7.5px}.component-add-button{display:flex;align-items:center;font-size:16px;font-weight:700}.component-add-button>.text{margin-left:8px}.component-add-button.primary{color:#26aca1}.component-radio-button{position:relative}.component-radio-button [type=radio]:checked{position:absolute;left:-9999px}.component-radio-button [type=radio]:checked+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block}.component-radio-button [type=radio]:checked+label:before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border:2px solid #26aca1;border-radius:100%;background:transparent}.component-radio-button [type=radio]:checked+label:after{content:"";width:10px;height:10px;background:#26aca1;position:absolute;top:4px;left:4px;border-radius:100%;transition:all .2s ease;opacity:1;transform:scale(1)}.component-radio-button [type=radio]:not(:checked){position:absolute;left:-9999px}.component-radio-button [type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#a6a6a6}.component-radio-button [type=radio]:not(:checked)+label:before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:transparent}.component-radio-button [type=radio]:not(:checked)+label:after{content:"";width:12px;height:12px;background:#26aca1;position:absolute;top:4px;left:4px;border-radius:100%;transition:all .2s ease;opacity:0;transform:scale(0)}.component-select-group-button{width:-webkit-max-content;width:max-content;padding:0 8px;font-size:10px;height:-webkit-max-content;height:max-content;border-radius:8px}.component-select-group-button.primary{color:#222626;background-color:#effcfa}.component-select-group-button.primary.selected{color:#fff;background-color:#26aca1}.component-select-group-button.secondary{color:#26aca1;background-color:#effcfa;border:1px solid #26aca1}.component-select-group-button.secondary.selected{color:#fff;background-color:#26aca1}.component-select-group-button.disable{color:#a6a6a6}.component-select-group-button:hover{background-color:#22998f;color:#fff}.component-building-button{color:#fff;background-color:#22998f!important;min-width:100px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-size:14px;font-weight:700;text-align:center;min-height:25px;max-height:25px;padding:0 4px}.component-building-button.server-room{display:flex;align-items:center;overflow:unset;text-overflow:unset;white-space:unset}.component-building-button.server-room.emergency svg>rect{fill:#d70000!important}.component-building-button.server-room.warning svg>rect{fill:#ffa000!important}.component-building-button.server-room.normal svg>rect{fill:#26aca1!important}.component-building-button.server-room.disconnection svg>rect{fill:#d1d1d1!important}.component-building-button.server-room>.icon{width:25px;height:25px;padding-top:1px}.component-building-button.server-room>.icon svg{width:25px;height:25px}.component-building-button.server-room>.name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-cabinet-floor-plan-button{border:1px solid #fff;border-radius:4px;height:20px;width:20px;box-shadow:0 0 10px rgba(34,38,38,.5)}.component-cabinet-floor-plan-button>.icon{position:absolute;width:35px;height:35px;left:50%;transform:translateX(-50%) translateY(-50%)}.component-cabinet-floor-plan-button.emergency svg rect{fill:#d70000!important}.component-cabinet-floor-plan-button.emergency.select{box-shadow:0 0 10px #d70000}.component-cabinet-floor-plan-button.warning svg rect{fill:#ffa000!important}.component-cabinet-floor-plan-button.warning.select{box-shadow:0 0 10px #ffa000}.component-cabinet-floor-plan-button.normal svg rect{fill:#26aca1!important}.component-cabinet-floor-plan-button.normal.select{box-shadow:0 0 10px #26aca1}.component-cabinet-floor-plan-button.unInstalled svg rect{fill:#7b8493!important}.component-cabinet-floor-plan-button.unInstalled.select{box-shadow:0 0 10px #222626}.component-cabinet-floor-plan-button.disconnection svg rect{fill:#d1d1d1!important}.component-cabinet-floor-plan-button.disconnection.select{box-shadow:0 0 10px #222626}.component-switch-button{position:relative;display:inline-block;width:86px;height:26px}.component-switch-button.sm{width:64px}.component-switch-button .status{position:absolute;right:4px;transition:.3s;color:#a6a6a6;height:19px}.component-switch-button .status.on-tw{transform:translateX(-43px);color:#fff}.component-switch-button .status.en,.component-switch-button .status.tw{top:2px}.component-switch-button .status.on-en{color:#fff;transform:translateX(-53px)}.component-switch-button input{opacity:0;width:0;height:0}.component-switch-button .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f1f2f1;transition:.3s;border-radius:34px;width:100%;height:26px;border:1px solid #e5e5e5}.component-switch-button .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;top:2px;background-color:#fff;transition:.3s;border-radius:50%}.component-switch-button input:checked+.slider{background-color:#26aca1}.component-switch-button input:focus+.slider{box-shadow:0 0 1px #26aca1}.component-switch-button input:checked+.slider:before{transform:translateX(calc(100% + 38px))}.component-switch-button input:checked+.slider.sm:before{transform:translateX(calc(100% + 16px))}.component-water-drop-button{border:4px solid #fff;height:30px;width:30px;border-radius:0 100% 100% 100%;rotate:45deg;box-shadow:0 0 10px rgba(34,38,38,.5)}.component-water-drop-button svg path{fill:#fff!important}.component-water-drop-button>.icon{position:absolute;top:-20%;left:30%;rotate:-45deg}.component-water-drop-button.emergency{background-color:#d70000}.component-water-drop-button.emergency.select{box-shadow:0 0 10px #d70000}.component-water-drop-button.warning{background-color:#ffa000}.component-water-drop-button.warning.select{box-shadow:0 0 10px #ffa000}.component-water-drop-button.normal{background-color:#26aca1}.component-water-drop-button.normal.select{box-shadow:0 0 10px #26aca1}.component-water-drop-button.disconnection{background-color:#d1d1d1}.component-water-drop-button.disconnection.select{box-shadow:0 0 10px #222626}.component-tag-button{padding:4px;border-radius:4px;border:1px solid #26aca1;background-color:#effcfa!important;font-size:14px;color:#26aca1;display:flex;gap:4px;align-items:center}.component-tag-button.not-selected{border-color:#a6a6a6;background-color:#e5e5e5!important;color:#a6a6a6}.component-tag-button.not-selected svg path{fill:#a6a6a6}.component-tag-button svg path{fill:#26aca1}.component-operation-floor-plan-button{border-radius:99px;border:4px solid #fff;height:30px;width:30px;box-shadow:0 0 10px rgba(34,38,38,.5)}.component-operation-floor-plan-button svg path{fill:#fff!important}.component-operation-floor-plan-button>.icon{position:absolute;top:25%;left:25%}.component-operation-floor-plan-button.on{background-color:#4caf50}.component-operation-floor-plan-button.on.select{box-shadow:0 0 10px #4caf50}.component-operation-floor-plan-button.off{background-color:#a6a6a6}.component-operation-floor-plan-button.off.select{box-shadow:0 0 10px #a6a6a6}.component-operation-floor-plan-button.disconnection{background-color:#d1d1d1}.component-operation-floor-plan-button.disconnection.select{box-shadow:0 0 10px #222626}.component-switch-button-secondary{display:flex;align-items:center;position:relative;height:26px;border:1px solid #d9d9d9;background-color:#f0f0f0;border-radius:25px;cursor:pointer;overflow:hidden}.component-switch-button-secondary .input-box{height:0;width:0;visibility:hidden}.component-switch-button-secondary.zh-TW{width:81px}.component-switch-button-secondary.en{width:106px}.component-switch-button-secondary .loading-spinner{display:flex;justify-content:center;align-items:center;text-align:center;width:100%}.component-switch-button-secondary .circle{left:3px;width:20px;height:20px;transition:all .3s;position:absolute;border-radius:50%;z-index:1}.component-switch-button-secondary .circle.is-loading{opacity:0}.component-switch-button-secondary .circle.checked{background-color:#4caf50}.component-switch-button-secondary .circle.checked.zh-TW{transform:translateX(51px)}.component-switch-button-secondary .circle.checked.en{transform:translateX(76px)}.component-switch-button-secondary .circle:not(.checked){background-color:#a6a6a6}.component-switch-button-secondary .active-text,.component-switch-button-secondary .inactive-text{font-size:14px;line-height:21px;font-weight:400;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:opacity .3s}.component-switch-button-secondary .active-text{padding-left:12px;text-align:right;opacity:0}.component-switch-button-secondary .active-text.checked{opacity:1}.component-switch-button-secondary .inactive-text{padding-right:12px;text-align:left;opacity:0}.component-switch-button-secondary .inactive-text.checked{opacity:1}.component-time-field-button{padding-left:102px;margin-top:1rem}.component-time-field-button .wrapper{display:flex;flex-wrap:wrap;gap:1rem}.component-auth-box{background-color:#effcfa!important;border:1px solid #26aca1!important;border-radius:8px!important;text-align:center;width:48px;min-width:48px;height:48px;min-height:48px;color:#26aca1!important}.component-overview-breadcrumb{font-size:16px}.component-overview-breadcrumb>.path-container{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.component-overview-breadcrumb>.path-container>.path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-overview-breadcrumb>.path-container>.path .not-last{color:#a6a6a6}.component-overview-breadcrumb>.path-container>.path .last{font-weight:700;color:#222626}.component-overview-breadcrumb-popover .component-overview-breadcrumb-content{display:flex;flex-direction:column;gap:4px}.component-breadcrumb{padding-top:24px;padding-bottom:24px;padding-left:16px;font-size:20px;line-height:24.4px;border-bottom:3px solid #e5e5e5;display:flex;align-items:center}.component-breadcrumb>.path-container{display:flex}.component-breadcrumb>.path-container .path-button{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.component-breadcrumb>.path-container .path-button .slash{color:#a6a6a6}.component-breadcrumb>.path-container .path-button .path-name{font-weight:700}.component-breadcrumb>.path-container .path-button .path-name.not-current{color:#a6a6a6}.component-basic-card{box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:1rem;background-color:#fff}.component-equipment-arrow-card{transition:all .3s;background-color:transparent;position:absolute;display:flex;width:470px;min-width:470px;max-width:470px;z-index:50;height:100%;right:0}@media(max-width:768px){.component-equipment-arrow-card{width:100%;min-width:100%;max-width:100%}}.component-equipment-arrow-card.collapsed{transform:translateX(calc(100% - 24px))}.component-equipment-arrow-card .arrow-container{position:relative;max-height:40px;min-height:40px;min-width:24px;max-width:24px;cursor:pointer}.component-equipment-arrow-card .arrow-container>.arrow-show{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#e5e5e5;display:flex;align-items:center}.component-equipment-arrow-card .arrow-container>.arrow-show.unit{background-color:#f1f2f1}.component-equipment-arrow-card .arrow-container>.arrow-show>svg{transition:all .3s}.component-equipment-arrow-card .arrow-container>.arrow-show.collapsed>svg{transform:rotate(180deg)}.component-equipment-arrow-card .arrow-container>.arrow-hide{background-color:transparent;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;pointer-events:none;box-shadow:0 3px 10px rgba(34,38,38,.15);z-index:-1;width:100%;height:100%;top:0;left:0;position:absolute}.component-equipment-arrow-card .component-equipment-card-content{width:100%;padding:24px 16px;border-radius:1rem;border-top-left-radius:0;background-color:#e5e5e5;box-shadow:0 3px 10px rgba(34,38,38,.15);display:flex;flex-direction:column}.component-equipment-arrow-card .component-equipment-card-content.unit{background-color:#f1f2f1}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-type-button-group{display:flex;flex-wrap:nowrap;align-items:center;font-size:1.125rem;line-height:1.75rem;justify-content:flex-start;border:1px solid #e5e5e5;min-height:30px;max-height:30px;border-radius:4px;position:relative;margin:.5rem 16px}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-type-button-group.hidden{display:none}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-type-button-group>.type-button:last-child{border:unset}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-type-button-group>.type-button{height:100%;flex-grow:1;display:inline-block;color:#a6a6a6;border-right:1px solid #e5e5e5}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-type-button-group>.type-button.active{background-color:#26aca1;color:#fff}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.temp-hydro-container{padding:16px;background-color:#f1f2f1;border:1px solid #e5e5e5;border-radius:8px;display:flex;flex-direction:column;gap:4px;width:100%}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.temp-hydro-container>.name{font-weight:700}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.temp-hydro-container>.value-container{display:flex;gap:4px;align-items:center}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.temp-hydro-container>.value-container>.value{font-weight:700;min-width:48}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.temp-hydro-container>.value-container>.unit{color:#a6a6a6}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container{border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;flex-grow:1;gap:4px;min-width:80px;font-size:12px}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container>.value-container{display:flex;gap:4px}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container>.value-container>.bounding-value{flex-grow:1;font-weight:700}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container .emergency{color:#d70000}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container .warning{color:#ffa000}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container .normal{color:#26aca1}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container .disconnection{color:#d1d1d1}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.channel-value-container .normal-without-safety-range{color:#000}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.safety-range-with-action-container{display:flex;align-items:center;flex-wrap:wrap;flex-grow:1}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-info-container>.safety-range-with-action-container>.safety-range-container{min-width:200px;flex-grow:1}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-color-wrapper{border-radius:8px;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-title{font-weight:700;font-size:16px;min-height:50px;display:flex;align-items:center;flex-wrap:wrap;padding:16px 16px 0}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-title.unit{border-bottom:unset}.component-equipment-arrow-card .component-equipment-card-content .component-equipment-card-title .divider{width:100%;margin-top:16px;height:4px;background-color:#e5e5e5}.component-equipment-arrow-card .component-equipment-card-content .equipment-card-body{flex-grow:1;height:0}.component-equipment-arrow-card .component-equipment-card-content .equipment-card-body .column-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.component-contract-capacity-chart-card{display:flex;font-size:1.125rem;line-height:1.75rem;flex-direction:column}.component-contract-capacity-chart-card .chart{flex-grow:1;height:0}.component-contract-capacity-chart-card>.title{display:flex;align-items:center;justify-content:space-between}.component-contract-capacity-chart-card>.title>.title-name{font-weight:700}.component-contract-capacity-chart-card>.title>.indication-container,.component-contract-capacity-chart-card>.title>.indication-container>.marker{display:flex;align-items:center}.component-contract-capacity-chart-card>.title>.indication-container>.marker>.mark{color:#d30025;margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;line-height:1.75rem}.component-contract-capacity-chart-card>.title>.indication-container>.marker>.mark-name{font-size:1rem;line-height:1.5rem;font-weight:700}.component-auto-shutdown-card{display:flex;flex-direction:column}.component-auto-shutdown-card>.title{padding:.5rem 0 1rem;display:flex;align-items:center}.component-auto-shutdown-card>.condition{font-size:10px}.component-auto-shutdown-card>.subtitle{font-size:14px;font-weight:700}.component-auto-shutdown-card .content-title{padding:1rem 0}.component-auto-shutdown-card .content-title>.content{display:flex;align-items:flex-start;margin-bottom:.5rem;height:100%;max-width:100%}.component-auto-shutdown-card .content-title>.content>.content-items{flex:1;min-width:0}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-overview{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:.5rem .75rem;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);position:relative;z-index:99;width:100%}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-overview>.arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #222626;transition:all .3s;position:relative;z-index:99}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-overview>.arrow.rotate-180{transform:rotate(180)}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container{transition:all .3s;transition-duration:.5s;overflow:hidden;display:flex;align-items:center;width:100%}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container>.condition-details{font-weight:700;padding:.75rem;max-height:400px;width:100%;background-color:#effcfa}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container>.condition-details .divider{height:2px;width:100%;background-color:#e5e5e5}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container>.condition-details .detail-block .title{font-size:14px;padding:16px 0 16px 8px}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container>.condition-details .detail-block>.equipment-block{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:16px}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container>.condition-details .detail-block .detail-chip{display:flex;padding:8px;align-items:center;border-radius:8px;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);min-height:40px;overflow:hidden}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container>.condition-details .detail-block .detail-chip.sm{width:30%;max-width:30%;margin-right:16px;justify-content:center}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container>.condition-details .detail-block .detail-chip.lg{justify-content:flex-start}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container.open{max-height:400px;transition-timing-function:ease-in}.component-auto-shutdown-card .content-title>.content>.content-items>.condition-detail-container.collapsed{max-height:0;transition-timing-function:ease-in}.component-auto-shutdown-card .content-title>.content .actions{align-items:center;display:flex}.component-auto-shutdown-card .content-title>.content .actions>.invisible-for-showing{display:flex;align-items:center;white-space:nowrap;pointer-events:none;overflow:hidden;width:0}.component-auto-shutdown-card .content-title>.content .actions>.invisible-for-showing>.invisible-condition-overview{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:.5rem .75rem;background-color:#fff;width:100%;box-shadow:0 3px 10px rgba(34,38,38,.15);position:relative;z-index:99}.component-auto-shutdown-card .content-title>.content .actions>.invisible-for-showing>.invisible-condition-overview>.invisible-content{flex-grow:1}.component-auto-shutdown-card .content-title>.content .actions>.invisible-for-showing>.invisible-condition-overview>.invisible-arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #222626;transition:all .3s}.component-auto-shutdown-card .content-title>.add-button{padding:1rem 0}.component-demand-combined-chart-card{display:flex;flex-direction:column}.component-demand-combined-chart-card .chart{flex-grow:1;height:0}.component-demand-combined-chart-card>.title-name{font-weight:700}.component-demand-information-card{display:flex;flex-direction:column}.component-demand-information-card>.content-container{flex-grow:1}.component-demand-information-card>.content-container>.content{padding:1rem 0}.component-demand-information-card>.content-container>.content>.title{font-weight:700;font-size:14px;padding:.25rem 0}.component-demand-information-card>.content-container>.content>.value-container{display:flex;align-items:center}.component-demand-information-card>.content-container>.content>.value-container>.value{padding:.25rem}.component-over-contract-analysis-chart-card{display:flex;flex-direction:column}.component-over-contract-analysis-chart-card .chart{flex-grow:1;height:0}.component-over-contract-analysis-chart-card>.title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:700}.component-over-contract-analysis-chart-card>.title-container>.title-name{font-size:1.125rem;line-height:1.75rem}.component-over-contract-analysis-chart-card>.title-container>.marker{display:flex;align-items:center}.component-over-contract-analysis-chart-card>.title-container>.marker>.mark{color:#d30025;margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;line-height:1.75rem}.component-over-contract-analysis-chart-card>.title-container>.marker>.mark-name{font-size:1rem;line-height:1.5rem;font-weight:700}.component-fine-calculation-card{display:flex;flex-wrap:wrap}.component-fine-calculation-card>.fine-calculation-container{display:flex;flex-direction:column;gap:16px;flex-grow:1}.component-fine-calculation-card>.fine-calculation-container>.title-container{display:flex;align-items:center}.component-fine-calculation-card>.fine-calculation-container>.highest.has{color:#26aca1}.component-fine-calculation-card>.fine-calculation-container>.fine-blocks-container{display:flex;border-bottom:2px solid #e5e5e5;align-items:center;width:-webkit-max-content;width:max-content;padding-bottom:8px;gap:16px}.component-fine-calculation-card>.fine-calculation-container>.total-fine-block-container{max-width:-webkit-max-content;max-width:max-content;display:flex}.component-fine-calculation-card>.fine-calculation-container .fine-block{display:flex;align-items:center;gap:8px}.component-fine-calculation-card>.fine-calculation-container .fine-block>.title-container{display:flex;flex-direction:column;gap:8px;align-items:center}.component-fine-calculation-card>.fine-calculation-container .fine-block>.title-container>.title{font-weight:700;color:#a6a6a6}.component-fine-calculation-card>.fine-calculation-container .fine-block>.title-container>.number-inside{display:flex;align-items:center;justify-content:center}.component-fine-calculation-card>.fine-calculation-container .fine-block>.unit{align-self:flex-end}.component-monthly-peak-card{display:flex;flex-direction:column;height:100%;width:100%}.component-monthly-peak-card>.title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.component-monthly-peak-card>.title-container>.capacity-with-edit,.component-monthly-peak-card>.title-container>.title-name-with-info{display:flex;align-items:center}.component-monthly-peak-card>.monthly-peak-table{width:100%;color:#a6a6a6}.component-monthly-peak-card>.monthly-peak-table .with-border-bottom{border-bottom:1px solid #e5e5e5}.component-monthly-peak-card>.monthly-peak-table .title-tr>.year{padding:.25rem;width:75px;text-align:center}.component-monthly-peak-card>.monthly-peak-table .title-tr>.month-title{padding:.5rem;width:75px;text-align:center;position:relative}.component-monthly-peak-card>.monthly-peak-table .title-tr>.month-title:after{content:" ";position:absolute;right:0;top:25%;height:75%;border:1px solid #e5e5e5}.component-monthly-peak-card>.monthly-peak-table .title-tr .value-list{width:50px;text-align:center}.component-monthly-peak-card>.monthly-peak-table .title-tr .value-list.over-contract{color:#d30025}.component-monthly-peak-card>.monthly-peak-table .title-tr>.peak-title{padding:.5rem;width:75px;text-align:center;position:relative}.component-monthly-peak-card>.monthly-peak-table .title-tr>.peak-title:after{content:" ";position:absolute;right:0;top:0;height:75%;border:1px solid #e5e5e5}.component-energy-performance-arrow-card{background-color:#fff;height:100%}.component-energy-performance-arrow-card.with-arrow{display:flex;background-color:transparent;width:558px;min-width:558px;max-width:558px;position:absolute;transition:all .3s;right:0;z-index:50}@media(max-width:768px){.component-energy-performance-arrow-card.with-arrow{width:100%;min-width:100%;max-width:100%}}.component-energy-performance-arrow-card.collapsed{transform:translateX(calc(100% - 24px))}.component-energy-performance-arrow-card .arrow-container{position:relative;max-height:40px;min-height:40px;min-width:24px;max-width:24px;cursor:pointer}.component-energy-performance-arrow-card .arrow-container>.arrow-show{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#f1f2f1;display:flex;align-items:center}.component-energy-performance-arrow-card .arrow-container>.arrow-show.unit{background-color:#f1f2f1}.component-energy-performance-arrow-card .arrow-container>.arrow-show>svg{transition:all .3s}.component-energy-performance-arrow-card .arrow-container>.arrow-show.collapsed>svg{transform:rotate(180deg)}.component-energy-performance-arrow-card .arrow-container>.arrow-hide{background-color:transparent;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;pointer-events:none;box-shadow:0 3px 10px rgba(34,38,38,.15);z-index:-1;width:100%;height:100%;top:0;left:0;position:absolute}.component-energy-performance-arrow-card .component-energy-performance-card-content{width:100%;padding:24px 16px;border-radius:1rem;border-top-left-radius:0;background-color:#f1f2f1;box-shadow:0 3px 10px rgba(34,38,38,.15);display:flex;flex-direction:column}.component-energy-performance-arrow-card .component-energy-performance-card-content.unit{background-color:#f1f2f1}.component-energy-performance-arrow-card .component-energy-performance-card-color-wrapper{border-radius:8px;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.component-energy-performance-arrow-card .component-energy-performance-card-title{font-weight:700;font-size:20px;line-height:30px;min-height:50px;display:flex;align-items:center;flex-wrap:wrap;padding:32px 32px 0}.component-energy-performance-arrow-card .component-energy-performance-card-title.unit{border-bottom:unset}.component-energy-performance-arrow-card .component-energy-performance-card-title .divider{margin-top:4px;background-color:#a6a6a6;height:1px;width:100%}.component-energy-performance-arrow-card .component-energy-performance-card-title .edit-icon{cursor:pointer;margin-left:auto}.component-energy-performance-arrow-card .component-energy-performance-card-body{flex-grow:1;height:0;padding:0 32px 32px}.component-energy-performance-arrow-card .component-energy-performance-card-body .column-body{display:flex;flex-direction:column;gap:8px}.component-energy-performance-arrow-card .title-container{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.component-energy-performance-arrow-card .title-container .title{font-weight:700}.component-energy-performance-arrow-card .title-container .sub-title{font-size:12px}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .container{display:flex;justify-content:space-between;padding:16px;width:470px;font-weight:700;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;gap:4px}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .value-container{font-weight:400;display:flex;align-items:baseline;gap:4px}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .value-container .label{font-weight:700}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .value-container .value{font-weight:400}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .value-container .unit{min-width:24px;font-weight:400}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .value-container .is-achieved{padding:8px;justify-content:center;align-items:center;gap:10px;margin-left:auto;border-radius:4px;text-align:center;font-size:12px;font-weight:400}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .value-container .is-achieved.achieved{background-color:#26aca1;color:#fff}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .value-container .is-achieved.unachieved{background-color:#e5e5e5;color:#8390a5}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .progress-bar{height:8px;border-radius:20px;background-color:#e5e5e5}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .progress-bar .MuiLinearProgress-bar{border-radius:20px}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .progress-bar.achieved .MuiLinearProgress-bar{background-color:#26aca1}.component-energy-performance-arrow-card .component-energy-performance-card-energy-saving-target .progress-bar.unachieved .MuiLinearProgress-bar{background-color:#8390a5}.component-energy-performance-arrow-card .component-energy-performance-card-detail{display:flex;justify-content:space-between;gap:4px;padding:16px;width:470px;font-weight:700;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px}.component-energy-performance-arrow-card .component-energy-performance-card-detail .container{display:flex;flex-direction:column;gap:4px}.component-energy-performance-arrow-card .component-energy-performance-card-detail .container .value-container{font-weight:400;display:flex;align-items:baseline;gap:4px}.component-energy-performance-arrow-card .component-energy-performance-card-detail .container .value-container .label{font-weight:700;text-wrap:nowrap}.component-energy-performance-arrow-card .component-energy-performance-card-detail .edit-icon{cursor:pointer;height:24px;width:24px}.component-energy-performance-arrow-card .component-energy-performance-card-type-block{display:flex;justify-content:space-between;gap:4px;padding:16px;width:470px;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;align-items:center;font-weight:700}.component-energy-performance-arrow-card .component-energy-performance-card-type-block .edit-icon{cursor:pointer;height:24px;width:24px}.component-energy-performance-arrow-card .component-energy-performance-card-total-power .container{display:flex;justify-content:space-between;padding:16px;width:470px;font-weight:700;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;gap:8px}.component-energy-performance-arrow-card .component-energy-performance-card-total-power .value-container{font-weight:400;display:flex;align-items:baseline;gap:4px}.component-energy-performance-arrow-card .component-energy-performance-card-total-power .value-container .kwh{font-weight:700;color:#26aca1}.component-energy-performance-arrow-card .component-energy-performance-card-total-power .value-container .unit{color:#a6a6a6}.component-energy-performance-arrow-card .component-energy-performance-card-total-power .value-container .small-unit{font-size:12px}.component-energy-performance-arrow-card .component-energy-performance-card-pue .container{display:flex;justify-content:space-between;padding:16px;width:470px;font-weight:700;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;gap:8px}.component-energy-performance-arrow-card .component-energy-performance-card-pue .value-container{font-weight:400;display:flex;gap:4px;align-items:baseline}.component-energy-performance-arrow-card .component-energy-performance-card-pue .value-container .value{margin-top:auto;font-size:14px;line-height:21px}.component-energy-performance-arrow-card .component-energy-performance-card-pue .value-container .level{font-weight:700;color:#2c72ae;display:flex;width:72px;padding:4px 8px;justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid #2c72ae}.component-energy-performance-arrow-card .component-energy-performance-card-index-data{display:flex;justify-content:space-between;gap:4px;padding:16px;width:470px;font-weight:700;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column}.component-energy-performance-arrow-card .component-energy-performance-card-index-data .value-container{font-weight:400;display:flex;align-items:baseline;gap:4px;font-weight:700}.component-energy-performance-arrow-card .component-energy-performance-card-index-data .value-container>.unit{font-weight:400;color:#a6a6a6;font-size:12px}.component-energy-performance-arrow-card .component-energy-performance-card-environment{display:flex;justify-content:space-between;gap:4px;padding:16px;width:470px;font-weight:700;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column}.component-energy-performance-arrow-card .component-energy-performance-card-environment .name{display:flex;align-items:center}.component-energy-performance-arrow-card .component-energy-performance-card-environment .name>div{margin-right:8px}.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container,.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container-color-row{justify-content:flex-start;align-items:center;padding:8px 0;border-bottom:1px solid #e5e5e5;font-weight:400;display:flex;align-items:baseline;gap:4px}.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container .type,.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container-color-row .type{width:120px}.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container .value,.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container-color-row .value{margin-right:8px;width:64px;text-align:right}.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container-color-row:last-child,.component-energy-performance-arrow-card .component-energy-performance-card-environment .value-container:last-child{border-bottom:none}.air-info-card{font-size:.875rem;max-width:479px;min-width:479px;margin:0 auto;padding:16px}.air-info-card .air-info-card-content{padding:0}.air-info-card .title{color:#005ea2;font-size:.875rem;font-weight:700;margin-bottom:8px}.air-info-card .table-wrapper{overflow-x:auto;font-weight:700}.air-info-card .comfort-table{width:100%;border:1px solid #a6a6a6;border-collapse:separate;border-spacing:0;border-radius:4px}.air-info-card .comfort-table td,.air-info-card .comfort-table th{border-bottom:1px solid #a6a6a6;border-right:1px solid #a6a6a6;padding:8px 12px;text-align:left}.air-info-card .comfort-table th{font-size:.75rem;border-top:none}.air-info-card .comfort-table td:last-child,.air-info-card .comfort-table th:last-child{border-right:0}.air-info-card .comfort-table tr:last-child td{border-bottom:0}.air-info-card .comfort-table tr:last-child td:first-child{border-bottom-left-radius:4px}.air-info-card .comfort-table tr:last-child td:last-child{border-bottom-right-radius:4px}.air-info-card .comfort-table span{font-size:.8em}.air-info-card .hot,.air-info-card .very-hot{background-color:#f9d9d9;color:#d30025}.air-info-card .comfortable{background-color:#c7e7d3;color:#4caf50}.air-info-card .cold,.air-info-card .slightly-cold,.air-info-card .very-cold{background-color:#d6dfe8;color:#005ea2}.air-info-card .aqi-section{margin-top:24px}.air-info-card .aqi-note{font-size:.875rem;margin-bottom:12px}.air-info-card .aqi-scale{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700}.air-info-card .aqi-scale span{flex:1;text-align:center}.air-info-card .aqi-bar{display:flex;height:.315rem;overflow:hidden}.air-info-card .aqi-segment{flex:1}.air-info-card .aqi-bar-labels{display:flex;margin-top:4px;font-size:.75rem;font-weight:700;position:relative}.air-info-card .aqi-bar-labels span{transform:translateX(-.7em);flex:1 1 0;text-align:left;color:#222;padding-right:1em;margin-right:0}.air-info-card .aqi-bar-labels span:nth-child(2){transform:translateX(-.5em)}.air-info-card .aqi-bar-labels .aqi-label-zero{color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.aqi,.iaq,.thi{color:#000;display:flex;width:120px;height:32px;padding:0;margin:0;justify-content:center;align-items:center;gap:10px;border-radius:8px}.thi-hot{background-color:#f9d9d9;color:#000}.thi-comfortable{background-color:#c7e7d3;color:#000}.thi-cold{background-color:#d6dfe8;color:#000}.aqi-good{background-color:#4caf50;color:#000}.aqi-moderate{background-color:#ff0;color:#000}.aqi-unhealthy-sensitive{background-color:#ff7e00;color:#000}.aqi-unhealthy-all{background-color:#f9d9d9;color:#000}.aqi-very-unhealthy{background-color:#4e5ba6;color:#000}.aqi-hazardous{background-color:#222626;color:#000}.aqi-unknown{background-color:#98a2b3;color:#000}.iaq-section .iaq-title{display:flex;gap:8px;margin-bottom:11px;color:#2c72ae;font-weight:700;font-size:14px}.iaq-section .iaq-subtitle{color:#222626;font-weight:400}.iaq-section .iaq-bar-container{position:relative;height:5px;width:100%;display:flex;overflow:hidden}.iaq-section .iaq-descriptions{display:flex;align-items:center;margin-bottom:4px;font-size:14px;color:#222626;font-weight:700}.iaq-section .iaq-descriptions span{flex:1;text-align:center;position:relative}.iaq-section .iaq-segment{height:100%;flex-grow:1}.iaq-section .iaq-labels{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;color:#222626}.iaq-section .iaq-labels .iaq-arrow-left{transform:translateX(6.5em)}.iaq-section .iaq-labels .iaq-arrow-right{transform:translateX(-6.5em)}.iaq-good{background-color:#4caf50;color:#000}.iaq-moderate{background-color:#ff7e00;color:#000}.iaq-poor{background-color:#98a2b3;color:#000}.component-checkbox{display:inline-block;vertical-align:top;height:18px!important;width:18px!important;border:2px solid #e5e5e5!important;border-radius:4px!important}.component-checkbox:checked{color:#26aca1!important}.component-checkbox:checked:hover{border-width:2px}.component-checkbox:checked:focus{outline:0!important;outline-offset:0!important}.component-checkbox:disabled{opacity:.5}.component-checkbox.forbidden{background-size:50%!important;background-position:50%!important;background-image:url(/_next/static/media/dash-light.2918bfe4.svg)!important;background-repeat:no-repeat!important;opacity:1}.component-checkbox.forbidden:checked{border-color:#c9eae7!important;background-color:#fff!important}.component-equipment-state-chip{padding:0 5px;border-radius:4px;font-weight:700;width:-webkit-fit-content;width:fit-content;color:#fff;font-size:12px;-webkit-user-select:none;user-select:none}.component-equipment-state-chip.emergency{background-color:#d70000}.component-equipment-state-chip.warning{background-color:#ffa000}.component-equipment-state-chip.normal{background-color:#26aca1}.component-equipment-state-chip.disconnection{background-color:#d1d1d1}.component-server-room-state-chip{padding:0 5px;border-radius:4px;font-weight:700;width:-webkit-fit-content;width:fit-content;color:#fff;font-size:12px;-webkit-user-select:none;user-select:none}.component-server-room-state-chip.emergency{background-color:#d70000}.component-server-room-state-chip.warning{background-color:#ffa000}.component-server-room-state-chip.normal{background-color:#26aca1}.component-server-room-state-chip.disconnection{background-color:#d1d1d1}.component-group-chip{padding:2px 8px;width:-webkit-max-content;width:max-content;background-color:#f1f2f1;border-radius:4px;border:1px solid #e5e5e5;display:flex;align-items:center;gap:8px;height:27px}.component-equipment-operation-status-chip{padding:0 5px;border-radius:4px;font-weight:700;width:-webkit-fit-content;width:fit-content;color:#fff;font-size:12px;-webkit-user-select:none;user-select:none}.component-equipment-operation-status-chip.on{background-color:#4caf50}.component-equipment-operation-status-chip.off{background-color:#a6a6a6}.component-equipment-operation-status-chip.disconnection{background-color:#d1d1d1}.component-pie-normal-column-chart .subtitle,.component-pie-normal-column-chart .subtitle-price{display:flex;align-items:center;justify-content:center;color:#222626}.component-pie-normal-column-chart .subtitle-price{font-weight:700;font-size:14px}.component-pie-normal-column-chart .highcharts-data-table table,.component-pie-normal-column-chart .highcharts-figure{min-width:320px;max-width:660px;margin:1em auto}.component-pie-normal-column-chart .highcharts-data-table table{border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%;max-width:500px}.component-pie-normal-column-chart .highcharts-data-table caption{padding:1em 0;font-size:1.2em;color:#555}.component-pie-normal-column-chart .highcharts-data-table th{font-weight:600;padding:.5em}.component-pie-normal-column-chart .highcharts-data-table caption,.component-pie-normal-column-chart .highcharts-data-table td,.component-pie-normal-column-chart .highcharts-data-table th{padding:.5em}.component-pie-normal-column-chart .highcharts-data-table thead tr,.component-pie-normal-column-chart .highcharts-data-table tr:nth-child(2n){background:#f8f8f8}.component-pie-normal-column-chart .highcharts-data-table tr:hover{background:#f1f7ff}.component-pie-normal-column-chart .highcharts-legend-item:first-child rect{visibility:hidden}.component-pie-normal-column-chart .highcharts-legend-item rect{top:3px}.component-pie-normal-column-chart .highcharts-legend,.component-pie-normal-column-chart .highcharts-legend div,.component-pie-normal-column-chart .highcharts-legend span,.component-pie-normal-column-chart .highcharts-legend-item{width:100%}.component-safety-range-edit-dialog form .title{display:flex;align-items:center;border-bottom:4px solid #e5e5e5}.component-safety-range-edit-dialog form .content{padding-top:1.25rem}.component-safety-range-edit-dialog form .content>.checkboxes-container{display:flex;align-items:center;justify-content:space-evenly}.component-safety-range-edit-dialog form .content>.checkboxes-container .box-label{cursor:pointer;-webkit-user-select:none;user-select:none}.component-safety-range-edit-dialog form .content>.safety-range-container{margin-top:.75rem;display:flex;min-height:100px;flex-direction:column}.component-safety-range-edit-dialog form .content>.safety-range-container>.states-container{display:flex;flex-grow:1}.component-safety-range-edit-dialog form .content>.safety-range-container>.states-container>.state{display:flex;align-items:center;justify-content:center;min-width:20%;width:20%}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container{position:relative;min-height:2px;max-height:2px;height:2px;width:100%;display:flex}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container>.line{height:100%;width:20%}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container>.circles-container{display:flex;position:absolute;width:100%}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container>.circles-container>.circle{position:absolute;border-radius:100%;border:1px solid;height:7px;width:7px;background-color:#fff;top:calc(50% - 2px);z-index:6}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container>.circles-container>.circle.first{left:calc(20% - 3.5px)}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container>.circles-container>.circle.second{left:calc(40% - 3.5px)}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container>.circles-container>.circle.third{left:calc(60% - 3.5px)}.component-safety-range-edit-dialog form .content>.safety-range-container>.lines-container>.circles-container>.circle.fourth{left:calc(80% - 3.5px)}.component-safety-range-edit-dialog form .content>.safety-range-container>.inputs-container{display:flex;position:relative;padding-top:8px;flex-grow:1}.component-safety-range-edit-dialog form .content>.safety-range-container>.inputs-container .input-controller{max-width:4rem;max-height:1.875rem;border-radius:.25rem}.component-safety-range-edit-dialog form .content>.safety-range-container>.inputs-container .input-controller:focus{border-color:#26aca1}.component-safety-range-edit-dialog form .content>.safety-range-container>.inputs-container .first{position:absolute;left:calc(20% - 2rem)}.component-safety-range-edit-dialog form .content>.safety-range-container>.inputs-container .second{position:absolute;left:calc(40% - 2rem)}.component-safety-range-edit-dialog form .content>.safety-range-container>.inputs-container .third{position:absolute;left:calc(60% - 2rem)}.component-safety-range-edit-dialog form .content>.safety-range-container>.inputs-container .fourth{position:absolute;left:calc(80% - 2rem)}.component-safety-range-edit-dialog form .invisible{opacity:0}.component-safety-range-edit-dialog form .normal{color:#26aca1}.component-safety-range-edit-dialog form .normal-bg{background-color:#26aca1}.component-safety-range-edit-dialog form .normal-bg-left-linear{background:linear-gradient(270deg,#26aca1 50%,#fff)}.component-safety-range-edit-dialog form .normal-bg-right-linear{background:linear-gradient(90deg,#26aca1 50%,#fff)}.component-safety-range-edit-dialog form .warning{color:#ffa000}.component-safety-range-edit-dialog form .warning-bg{background-color:#ffa000}.component-safety-range-edit-dialog form .warning-bg-left-linear{background:linear-gradient(270deg,#ffa000 50%,#fff)}.component-safety-range-edit-dialog form .warning-bg-right-linear{background:linear-gradient(90deg,#ffa000 50%,#fff)}.component-safety-range-edit-dialog form .emergency{color:#d70000}.component-safety-range-edit-dialog form .emergency-bg{background-color:#d70000}.component-safety-range-edit-dialog form .emergency-bg-left-linear{background:linear-gradient(270deg,#d70000 50%,#fff)}.component-safety-range-edit-dialog form .emergency-bg-right-linear{background:linear-gradient(90deg,#d70000 50%,#fff)}.component-monthly-peak-edit-dialog form>.title{display:flex;align-items:center;justify-content:space-between}.component-monthly-peak-edit-dialog form>.content>.description{padding:1rem;border-bottom:2px solid #e5e5e5;border-top:2px solid #e5e5e5}.component-monthly-peak-edit-dialog form>.content>.scroll-content{overflow:auto}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table{width:100%;flex-grow:1;color:#a6a6a6;table-layout:fixed}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .with-border-bottom{border-bottom:1px solid #e5e5e5}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr>.year{padding:.25rem;width:75px;text-align:center}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr>.month-title{padding:.5rem;width:75px;text-align:center;position:relative}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr>.month-title:after{content:" ";position:absolute;right:0;top:25%;height:75%;border:1px solid #e5e5e5}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr .value-list{width:50px;text-align:center}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr .value-list.over-contract{color:#d30025}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr>.peak-title{padding:.5rem;width:75px;text-align:center;position:relative}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr>.peak-title:after{content:" ";position:absolute;right:0;top:0;height:75%;border:1px solid #e5e5e5}.component-monthly-peak-edit-dialog form>.content>.scroll-content>.monthly-peak-table .title-tr .monthly-peak-input{max-width:50px;max-height:25px}.component-filter-dialog .title-wrap{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5}.component-filter-dialog .title-wrap .title{font-size:16px;font-weight:700}.component-filter-dialog .title-wrap .action{display:flex;gap:8px}.component-filter-dialog .chosen{padding:16px 24px;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;gap:4px}.component-filter-dialog .chosen .chips-container{display:flex;flex-wrap:wrap;gap:8px}.component-filter-dialog .list{flex-grow:1;display:flex;overflow:auto;flex-direction:column;gap:16px;padding:24px}.component-filter-dialog .list .value-container{display:flex;gap:8px}.component-condition-dialog{position:fixed;z-index:50;top:50%;left:50%;display:flex;transform:translate(-50%,-50%);justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.25);box-shadow:0 3px 10px rgba(34,38,38,.15)}.component-range-picker{display:flex;border:1px solid #222626;border-radius:4px;padding:8px 16px 8px 32px;height:36px;max-height:36px;align-items:center;position:relative}.component-range-picker>.image{position:absolute;z-index:9;top:5px;left:6px}.component-range-picker>.image svg{width:24px;height:24px}.component-range-picker.error{border-color:#d70000}.component-range-picker:focus-within,.component-range-picker:hover{border-color:#26aca1}.component-range-picker .date-input{border:none;max-height:24px;font-size:14px;text-align:center}.component-basic-date-picker{display:flex;border:1px solid #222626;border-radius:4px;padding:8px 16px 8px 32px;height:36px;max-height:36px;align-items:center;position:relative}.component-basic-date-picker>.image{position:absolute;z-index:9;top:5px;left:6px}.component-basic-date-picker>.image svg{width:24px;height:24px}.component-basic-date-picker:focus-within,.component-basic-date-picker:hover{border-color:#26aca1}.component-basic-date-picker .date-input{border:none;text-align:center;width:100%;max-height:24px;font-size:14px}.component-separate-date-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.component-separate-date-picker .date-picker-component{display:flex;border:1px solid #222626;border-radius:4px;height:36px;max-height:36px;padding:8px;align-items:center;position:relative}.component-separate-date-picker .date-picker-component.error{border-color:#d70000}.component-separate-date-picker .date-picker-component:focus-within,.component-separate-date-picker .date-picker-component:hover{border-color:#26aca1}.component-separate-date-picker .date-picker-component .date-input{border:none;max-height:24px;font-size:14px;text-align:center}.component-separate-date-picker .date-picker-component svg path{fill:#26aca1!important}.component-separate-date-picker>.to{margin:8px 0}.component-separate-date-picker .react-datepicker-popper{width:-webkit-max-content;width:max-content;min-width:-webkit-max-content;min-width:max-content}.component-separate-date-picker .react-datepicker-time__input{margin-left:5px;padding:unset;border-radius:4px;font-size:14px}.component-separate-date-picker input{padding:0 8px 0 0!important}.component-one-year-lock-range-picker{display:flex;border:1px solid #222626;border-radius:4px;padding:8px 16px 8px 32px;height:36px;max-height:36px;align-items:center;position:relative}.component-one-year-lock-range-picker>.to.disabled{color:#a6a6a6}.component-one-year-lock-range-picker>.image{position:absolute;z-index:9;top:5px;left:6px}.component-one-year-lock-range-picker>.image svg{width:24px;height:24px}.component-one-year-lock-range-picker.error{border-color:#d70000}.component-one-year-lock-range-picker:focus-within,.component-one-year-lock-range-picker:hover{border-color:#26aca1}.component-one-year-lock-range-picker .date-input{border:none;max-height:24px;font-size:14px;text-align:center}.component-one-year-lock-range-picker .date-input.disabled{color:#a6a6a6}#Header_Component{width:100vw;display:flex;justify-content:space-between;min-height:61px;white-space:nowrap;border-bottom:1px solid #a6a6a6;padding:0 24px;background-color:#fff;z-index:999;gap:8px}@media screen and (max-width:600px){#Header_Component{padding:0 4px}}#Header_Component .left-flex{display:flex;gap:16px}@media screen and (max-width:756px){#Header_Component .left-flex .dropdown{display:none}}#Header_Component .left-flex .logo-wrap{padding:10px 0}#Header_Component .left-flex .logo-wrap img{display:block;height:40px}#Header_Component .left-flex .current-site{display:flex;margin-left:43px;margin-right:16px}@media screen and (max-width:756px){#Header_Component .left-flex .current-site{display:none}}#Header_Component .left-flex .current-site .icon{height:60px;width:20px;margin-right:8px;background-image:url(/_next/static/media/place.d87bd5b7.svg);background-position:50%;background-repeat:no-repeat}#Header_Component .left-flex .current-site .text{line-height:60px}@media screen and (max-width:600px){#Header_Component .left-flex .sites{display:none}}#Header_Component .right-flex{display:flex;gap:12px}@media screen and (max-width:756px){#Header_Component .right-flex,#Header_Component .right-flex .dropdown{display:none}}#Header_Component .right-flex .menu-items{display:flex;align-items:center;gap:.875rem;cursor:pointer}#Header_Component .right-flex .menu-items__item{position:relative}#Header_Component .mobile-flex{display:none}@media screen and (max-width:756px){#Header_Component .mobile-flex{display:flex}}#Header_Component .mobile-flex .icon{padding:15px 12px;cursor:pointer}#Header_Component .mobile-flex .icon img{display:block}#Header_Component .mobile-menu{display:none;position:fixed;left:0;top:61px;width:100vw;background-color:#fff;opacity:0;visibility:hidden;transition:all .1s cubic-bezier(.68,0,.265,1)}@media screen and (max-width:756px){#Header_Component .mobile-menu.active{display:block;opacity:1;visibility:visible}}#Header_Component .mobile-menu .scroll-content{max-height:calc(100vh - 61px)}#Header_Component .mobile-menu .section{padding:16px 24px;border-bottom:1px solid #a6a6a6}#Header_Component .mobile-menu .section .personal-tab{display:flex;cursor:pointer;width:100%}#Header_Component .mobile-menu .section .personal-tab .icon{margin-right:16px}#Header_Component .mobile-menu .section .personal-tab .icon img{display:block;width:50px;height:50px}#Header_Component .mobile-menu .section .personal-tab .icon .avatar{width:50px;height:50px;border-radius:50%;background-color:#22998f;text-align:center;font-weight:700;font-size:22px;line-height:50px;color:#fff}#Header_Component .mobile-menu .section .personal-tab .info{padding-top:4px;flex-grow:1;text-align:left}#Header_Component .mobile-menu .section .personal-tab .info .name{font-weight:700;font-size:18px;line-height:22px;height:22px}#Header_Component .mobile-menu .section .personal-tab .info .email{margin-top:4px;font-size:14px}#Header_Component .mobile-menu .section .personal-tab .angle{width:16px;margin-left:16px;height:50px;background-image:url(/_next/static/media/angle.699f3dcc.svg);background-repeat:no-repeat;background-position:50%}#Header_Component .mobile-menu .section .title{margin-bottom:12px;font-size:15px;font-weight:700;color:#a6a6a6}#Header_Component .mobile-menu .section .item{display:flex;justify-content:space-between;white-space:nowrap;margin-top:16px;cursor:pointer;width:100%;text-decoration:none;color:#222626;height:30px;align-items:center}#Header_Component .mobile-menu .section .text{flex-grow:1;text-align:left}#Header_Component .mobile-menu .section .icon{margin-right:8px}#Header_Component .mobile-menu .section .icon img{display:block;height:30px}#Header_Component .mobile-menu .section .angle{width:16px;margin-left:16px;height:30px;background-image:url(/_next/static/media/angle.699f3dcc.svg);background-repeat:no-repeat;background-position:50%}#Header_Component .tab-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#fff;opacity:0;visibility:hidden;z-index:11;transition:all .1s cubic-bezier(.68,0,.265,1)}#Header_Component .tab-wrap.active{opacity:1;visibility:visible}#Header_Component .tab-wrap .tab-head{height:61px;border-bottom:1px solid #a6a6a6;display:flex;justify-content:space-between;padding:0 4px}#Header_Component .tab-wrap .tab-head .icon{padding:15px 12px;cursor:pointer}#Header_Component .tab-wrap .tab-head .icon img{display:block}#Header_Component .tab-wrap .tab-content{flex-grow:1;padding:8px 16px}#Header_Component .tab-wrap .tab-content [data-overlayscrollbars-viewport]{height:100%}#Header_Component .tab-wrap .tab-content .title{padding:0 8px;margin-bottom:12px;font-size:15px;font-weight:700;color:#a6a6a6}#Header_Component .tab-wrap .tab-content .title.site{padding-bottom:6px;margin-bottom:0}#Header_Component .tab-wrap .tab-content .title.lang{margin-bottom:4px}#Header_Component .tab-wrap .tab-content .item{display:flex;white-space:nowrap;padding:4px 8px 10px;border-bottom:1px solid #a6a6a6;cursor:pointer;text-decoration:none;color:#222626;width:100%}#Header_Component .tab-wrap .tab-content .item.site{padding:16px 8px 15px}#Header_Component .tab-wrap .tab-content .item.lang{padding:12px 8px}#Header_Component .tab-wrap .tab-content .icon{margin-right:8px}#Header_Component .tab-wrap .tab-content .icon img{display:block;height:30px}#Header_Component .tab-wrap .tab-content .text{line-height:30px;word-break:break-word;white-space:break-spaces;overflow-wrap:anywhere;text-align:start}.has-header{padding-top:61px}.component-link-tabs-header{max-height:49.5px;height:49.5px;min-height:49.5px;padding:0 1rem;border-bottom:1px solid #e5e5e5}.component-automation-card{overflow:auto;box-shadow:0 3px 10px rgba(34,38,38,.15)}.component-automation-card.enable{background-color:rgba(38,172,161,.15)}.component-automation-card.enable>:hover{background-color:#c9eae7}.component-automation-card.disable{background-color:#f1f2f1}.component-automation-card.disable>:hover{background-color:#d0d4d9}.component-automation-card .container{display:flex;flex-direction:column;padding:32px 35px;max-width:30rem;gap:1.5rem;cursor:pointer}.component-automation-card .container .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.component-automation-card .container .header .automation-status{display:flex;justify-content:center;align-items:center;border-radius:.25rem;min-width:56px;max-height:26px;padding:.5rem;text-align:center;font-family:Noto Sans TC;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.component-automation-card .container .header .automation-status.enable{color:#fff;background-color:#26aca1}.component-automation-card .container .header .automation-status.disable{color:#a6a6a6;background-color:#e5e5e5}.component-automation-card .container .main{display:flex;flex-direction:column;border-radius:.5rem;box-shadow:0 3px 10px rgba(34,38,38,.25);overflow:auto;padding:1rem 2rem;min-height:247px;max-width:410px;gap:1rem;font-size:14px}.component-automation-card .container .main.disable,.component-automation-card .container .main.enable{background-color:#fcfcfc}.component-automation-card .container .main .title{color:#222626}.component-automation-card .container .main .title .content-title{font-family:Noto Sans TC;font-size:14px;font-style:normal;font-weight:400;line-height:21px}.component-automation-card .container .main .item{display:flex;flex-direction:column;gap:1rem}.component-automation-card .container .footer{display:flex;justify-content:flex-end}.component-primary-input{display:block;height:36px;border:1px solid #222626;border-radius:4px;padding:8px;color:#222626;font-size:14px}.component-primary-input.disabled{background-color:#f1f2f1}.component-primary-input:focus,.component-primary-input:hover{border-color:#26aca1;box-shadow:0 0 3px rgba(38,172,161,.35);outline:none}.component-primary-input.error{border-color:#d70000;color:#d70000}.component-primary-input.display-only{color:#a6a6a6;background-color:#f1f2f1}.component-primary-input.display-only:focus,.component-primary-input.display-only:hover{border:1px solid #222626}.component-search-input{position:relative}.component-search-input>.search-input{max-width:300px;padding:8px 8px 8px 38px;height:36px}.component-search-input>.search-icon{position:absolute;top:calc(50% - 12px);left:8px}.component-search-input>.cross-icon{position:absolute;top:calc(50% - 8px);right:8px}.component-password-input-container{display:flex;align-items:center;position:relative;box-sizing:border-box}.component-password-input-container input{width:100%;height:100%;height:36px!important;padding:8px!important;border-radius:.25rem;border:1px solid!important;box-sizing:border-box;font-size:14px!important}.component-password-input-container.error>input{color:#d70000;border-color:#d70000!important}.component-password-input-container.error>input:focus,.component-password-input-container.error>input:hover{border-color:#d70000!important;padding:8px!important}.component-password-input-container.error svg{filter:invert(8%) sepia(100%) saturate(7458%) hue-rotate(4deg) brightness(88%) contrast(109%)}.component-password-input-container input:focus,.component-password-input-container input:hover{border-color:#26aca1!important;padding:8px!important}.component-password-input-container>.eye-button{height:100%;position:absolute;background-color:transparent;border:none;right:20px}.loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#fff;z-index:10;transition:all;overflow:hidden}.loading.active{opacity:1;visibility:visible}.loading .squares{display:flex;flex-wrap:wrap;width:96px}.loading .squares .square{width:32px;height:32px;background-color:#26aca1;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(.68,0,.265,1)}.loading .squares .square.s4,.loading .squares .square.s8{animation-delay:.15s}.loading .squares .square.s1,.loading .squares .square.s5,.loading .squares .square.s9{animation-delay:.3s}.loading .squares .square.s2,.loading .squares .square.s6{animation-delay:.45s}.loading .squares .square.s3{animation-delay:.6s}.loading .opacity-1{opacity:1}.loading .opacity-0{opacity:0}.overlay-loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:999999;transition:all;overflow:hidden}.overlay-loading.active{opacity:1;visibility:visible}.overlay-loading .squares{display:flex;flex-wrap:wrap;width:120px}.overlay-loading .squares .square{width:40px;height:40px;background-color:#26aca1;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(.68,0,.265,1)}.overlay-loading .squares .square.s4,.overlay-loading .squares .square.s8{animation-delay:.15s}.overlay-loading .squares .square.s1,.overlay-loading .squares .square.s5,.overlay-loading .squares .square.s9{animation-delay:.3s}.overlay-loading .squares .square.s2,.overlay-loading .squares .square.s6{animation-delay:.45s}.overlay-loading .squares .square.s3{animation-delay:.6s}@keyframes loading{0%{transform:scale(1)}70%{transform:scale(0)}to{transform:scale(0)}}.overlay-loading .opacity-1{opacity:1}.overlay-loading .opacity-0{opacity:0}.component-search-lists{position:relative;height:100%}.component-search-lists>.lists{overflow-y:auto;padding:.5rem;position:absolute;top:50px;z-index:40;width:100%;border-radius:.25rem;background-color:#fff}.component-equipment-list-items{width:100%;min-height:20px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.375rem;gap:8px}.component-equipment-list-items:hover{background-color:#f1f2f1}.component-equipment-list-items>.chip{min-width:-webkit-fit-content;min-width:fit-content}.component-equipment-list-items>.name{flex-grow:1}.component-confirm-model{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(34,38,38,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:all .3s cubic-bezier(.68,0,.265,1);opacity:0;visibility:hidden;z-index:9999999}.component-confirm-model.active{opacity:1;visibility:visible}.component-confirm-model.active .popup-center-wrap{opacity:1}.component-confirm-model .popup-center-wrap{padding:24px 24px 16px;background-color:#fff;border-radius:16px;min-height:296px;display:flex;flex-direction:column;opacity:0;transition:all .2s cubic-bezier(.68,0,.265,1);transition-delay:.15s;width:333px}@media screen and (max-width:600px){.component-confirm-model .popup-center-wrap{width:100%}}.component-confirm-model .popup-center-wrap .icon{display:flex;justify-content:center;margin-bottom:8px}.component-confirm-model .popup-center-wrap .title{font-size:20px;font-weight:700;line-height:24px;padding:10px 0;text-align:center}.component-confirm-model .popup-center-wrap .details{text-align:center;flex-grow:1;margin:16px 0;white-space:pre-wrap}.component-confirm-model .popup-center-wrap .buttons{display:flex;justify-content:center}.component-confirm-model .popup-center-wrap .buttons .common-button:nth-of-type(2){margin-left:8px}.component-validation-error-message{display:flex;align-items:center;font-size:14px;line-height:17px;color:#d70000;gap:4px}.component-validation-error-message>img{display:inline-block;width:13.54px}.component-validation-error-message.with-bg{padding:8px 4px;background-color:#ffdedb}.component-notification-list{height:100%;width:100%;display:flex;flex-direction:column}.component-notification-list-height{height:calc(100vh - 3.3125rem - 2.8125rem - 1.5rem)}.component-notification-list>.title{height:45px;min-height:45px;text-align:center;border-bottom:1px solid #e5e5e5}.component-notification-list .list-container{overflow-y:overlay}.component-notification-list .list-container .list-item{padding:12px;border-bottom:.5px solid #a6a6a6}.component-notification-list .list-container .list-item>.title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.component-notification-list .list-container .list-item>.title-container>.read-point{width:8px;height:8px;background-color:#26aca1;border-radius:9999px}.component-notification-list .list-container .list-item>.title-container>.read-point.has-read{visibility:hidden}.component-notification-list .list-container .list-item>.title-container>.state-chip{width:2.5rem;min-width:2.5rem;height:1.375rem;min-height:1.375rem;line-height:1.375rem;color:#fff;border-radius:.25rem;text-align:center;font-size:.75rem}.component-notification-list .list-container .list-item>.title-container>.state-chip.emergency{background-color:#d70000}.component-notification-list .list-container .list-item>.title-container>.state-chip.warning{background-color:#ffa000}.component-notification-list .list-container .list-item>.title-container>.state-chip.disconnection{background-color:#d1d1d1}.component-notification-list .list-container .list-item>.title-container>.timestamp{color:#a6a6a6;font-size:.75rem}.component-notification-list .list-container .list-item>.content-container{display:flex;margin-left:16px;gap:5px}.component-notification-list .list-container .list-item>.content-container>.value-container{margin-right:4px;white-space:normal;word-break:break-all;display:flex;flex-wrap:wrap;font-size:.875rem}.component-notification-list .list-container .list-item>.content-container>.value-container>.name,.component-notification-list .list-container .list-item>.content-container>.value-container>.value{margin-right:4px}.component-notification-list .list-container .list-item>.content-container>.value-container>.value.emergency{color:#d70000}.component-notification-list .list-container .list-item>.content-container>.value-container>.value.warning{color:#ffa000}.component-notification-list .list-container .list-item>.content-container>.value-container>.value.disconnection{color:#d1d1d1}.component-notification-list .list-container .bottom-text{height:2.625rem;min-height:3.625rem;text-align:center;font-size:.75rem;line-height:1.125rem;color:#a6a6a6}.component-circular-progress{display:flex;align-items:center;justify-content:center}.popover-info-text{width:288px;padding:16px;font-size:16px;line-height:24px;font-weight:400}.page-automation{display:flex;flex-direction:column;gap:16px;height:100%;width:100%}.page-automation .search-container{display:flex;gap:16px;flex-wrap:wrap;padding:0 32px;align-items:center}.page-automation .search-container>.params-search-input{max-width:unset}.page-automation .search-container>.params-search-input input{width:100%;min-width:344px}.page-automation .search-container>.title{font-size:26px;font-weight:700;flex-grow:1}@media screen and (max-width:894px){.page-automation .search-container>.title{flex-grow:0}}.page-automation .search-result-text{padding:0 32px}.page-automation .content-container{padding:0 32px;flex-grow:1}.page-automation .content-container .scroll-content{height:100%;width:100%;display:flex;gap:16px;flex-wrap:wrap}.page-automation .content-container .scroll-content>.automation-card{min-width:30rem}.page-priority-panel{display:flex;flex-direction:column;gap:16px;height:100%;width:100%}.page-priority-panel>.search-container{display:flex;gap:16px;flex-wrap:wrap;padding:0 32px;align-items:center}.page-priority-panel>.search-container>.params-search-input{max-width:unset}.page-priority-panel>.search-container>.params-search-input input{width:100%;min-width:344px}.page-priority-panel>.search-container>.title-container{display:flex;align-items:center;flex-grow:1}.page-priority-panel>.search-container>.title-container>.title{font-size:26px;font-weight:700}@media screen and (max-width:894px){.page-priority-panel>.search-container>.title-container{flex-grow:0}}.page-priority-panel>.search-result-text{padding:0 32px}.page-priority-panel>.content-container{padding:16px 32px;flex-grow:1}.page-priority-panel>.content-container .items-container{width:100%;display:flex;flex-direction:column;gap:16px}.page-priority-panel>.content-container .items-container>.items-card{padding:32px;width:100%}.page-operation-automation-create{display:flex;flex-direction:column;height:100%;width:100%;padding-top:2rem;padding-bottom:2rem}.page-operation-automation-create .header{display:flex;flex-direction:row;padding:1rem 2.25rem 0 2rem;font-weight:700;justify-content:space-between}.page-operation-automation-create .header .title{display:flex;flex-direction:row;gap:.5rem}.page-operation-automation-create .header .hint{font-size:1rem;font-weight:400;line-height:1.5rem;color:#a6a6a6}.page-operation-automation-create .actions{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:1rem;padding-right:2.25rem;padding-top:2rem}.page-operation-automation-create .form-wrapper{padding:0 2.25rem;white-space:nowrap}.page-operation-automation-create .form-wrapper .title-wrapper{display:flex;align-items:center;margin-top:2rem;margin-bottom:.5rem}.page-operation-automation-create .form-wrapper .title{font-size:16px;font-weight:700;line-height:24px;margin-left:.5rem;font-family:Noto Sans TC}.page-operation-automation-detail{display:flex;flex-direction:column;height:100%;width:100%}.page-operation-automation-detail .wrapper{padding:2rem 4rem}.page-operation-automation-detail .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:2rem}.page-operation-automation-detail .title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}.page-operation-automation-detail .actions{display:flex;flex-direction:row;gap:1rem}.page-manual-control{width:100%;display:flex;flex-direction:column;height:100%}.page-manual-control .breadcrumb{min-height:75px;height:75px}.page-manual-control>.main-content{width:100%;flex-grow:1;padding:1rem;height:100%}.page-manual-control>.main-content>.site-floor-plan-container{width:65%;display:flex;flex-direction:column;height:100%}.page-manual-control>.main-content>.site-floor-plan-container>.site-floor-plan-image-container{width:100%;display:flex;justify-content:center;align-items:center;flex-grow:1;height:0}.page-manual-control>.main-content>.parent-space-floor-plan-container{width:65%;display:flex;flex-direction:column;height:100%}.page-manual-control>.main-content>.parent-space-floor-plan-container>.space-information{color:#000;display:flex;justify-content:flex-start;font-weight:700;align-items:center}.page-manual-control>.main-content>.parent-space-floor-plan-container>.floor-plan-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-grow:1}.page-manual-control>.main-content>.child-space-floor-plan-container{width:100%;position:relative;display:flex;flex-direction:column;height:100%}.page-manual-control>.main-content>.child-space-floor-plan-container>.space-information-container{display:flex;min-height:40px;align-items:center;max-width:90%;gap:8px}.page-manual-control>.main-content>.child-space-floor-plan-container>.space-information-container .space-information{font-weight:700;display:flex;align-items:center;gap:8px}.page-manual-control>.main-content>.child-space-floor-plan-container>.space-information-container .search-list-container{flex-grow:1}.page-manual-control>.main-content>.child-space-floor-plan-container>.space-information-container .search-list-container .equipment-lists-search{display:flex;flex-direction:column;gap:8px;max-width:217px}.page-manual-control>.main-content>.child-space-floor-plan-container>.space-information-container .search-list-container .equipment-lists-search.hidden{display:none}.page-manual-control>.main-content>.child-space-floor-plan-container>.floor-plan-image-container{width:calc(100% - 48px);height:0;display:flex;align-items:center;justify-content:center;flex-grow:1}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example .status-circle-container{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example .status-circle-container .disconnection-icon path{fill:#fff!important}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example .status-circle-container .status{border-radius:99px;border:4px solid #fff;height:25px;min-height:25px;width:25px;max-width:25px;cursor:default;box-shadow:0 3px 10px rgba(34,38,38,.5);color:#fff;display:flex;align-items:center;justify-content:center}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example .status-circle-container .status>.label>svg{max-height:20px;max-width:10px}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example .status-circle-container .status.on{background-color:#4caf50}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example .status-circle-container .status.off{background-color:#a6a6a6}.page-manual-control>.main-content>.child-space-floor-plan-container .status-example .status-circle-container .status.disconnection{background-color:#d1d1d1}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .manual-card-body{height:0}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .loading-div{min-height:150px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .mode-control-block>.state-title{font-weight:700}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .mode-control-block>.last-updated{display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .mode-control-block>.methods{display:flex;font-size:14px;padding-top:16px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .mode-control-block.with-control{border-bottom:2px solid #e5e5e5;padding-bottom:16px;align-items:center;display:flex}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .mode-control-block.with-control>.control-container{display:flex;flex-wrap:wrap;align-items:center}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .mode-control-block.with-control>.control-container>.auto{padding-right:20px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .mode-control-block.with-control>.control-container>.manual{padding-left:20px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history{display:flex;flex-direction:column;gap:16px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .port-title{display:flex;align-items:center;gap:8px;font-weight:700}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .port-item-container{display:flex;flex-direction:column;gap:8px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .control-item-container{display:flex;align-items:center;flex-wrap:wrap}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .control-item-container .when-auto-port-container{display:flex;align-items:center;gap:8px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .control-item-container .port{display:inline-flex;background-color:#222626;border-radius:.5rem;min-width:25px;min-height:24px;color:#fff;justify-content:center;margin-right:.5rem;align-items:center}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .control-item-container .port-name{min-width:70px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .record{display:flex;flex-direction:column;gap:16px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .record>.title{font-weight:700}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .record .history-item-container{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .power-strip-history .record .history-item-container>.history-item{font-size:14px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .content{padding:12px 0;display:flex;align-items:center;flex-wrap:wrap}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .content .status{padding-right:20px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .content .content-history-container{display:flex}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .content .content-history-container>.history-items-container{width:50%}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .content .content-history-container>.history-items-container>.title{font-weight:700;display:flex;padding-bottom:16px}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .content .content-history-container>.auto-container{width:50%}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .content .content-history-container>.auto-container>.title{font-weight:700}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .history-item-container{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.page-manual-control>.main-content>.child-space-floor-plan-container .manual-equipment-card .control-history .history-item-container>.history-item{font-size:14px}.page-manual-control>.main-content .floor-plan-image-container{position:relative;height:100%;width:100%}.page-manual-control>.main-content .floor-plan-image-container>img{width:100%;object-fit:contain;height:100%}.page-manual-control>.main-content .floor-plan-image-container>.points-container{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.page-manual-control>.main-content .floor-plan-image-container>.points-container>.points{position:absolute;z-index:8}.page-manual-control>.main-content .floor-plan-image-container>.points-container>.points.hidden{display:none}.page-manual-control-esco{display:flex;flex-direction:column;gap:16px;height:100%;width:100%}.page-manual-control-esco .title{padding:24px 32px 0;font-weight:700;font-size:26px}.page-manual-control-esco .manual-control-select-controller{padding:0 32px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.page-manual-control-esco .manual-control-card-container-scroll-bar{flex-grow:1;height:0}.page-manual-control-esco .manual-control-card-container{padding:8px 32px;display:flex;gap:16px;flex-wrap:wrap}.page-manual-control-esco .manual-control-esco-card{height:172px;max-height:172px;width:464px;max-width:464px;padding:24px 32px;display:flex;gap:8px;flex-direction:column}.page-manual-control-esco .manual-control-esco-card.operation-on{background-color:#effcfa}.page-manual-control-esco .manual-control-esco-card.operation-off{background-color:#e5e5e5}.page-manual-control-esco .manual-control-esco-card.operation-disconnection{background-color:#f1f2f1}.page-manual-control-esco .manual-control-esco-card .manual-control-esco-card-title{display:flex;align-items:center;justify-content:space-between}.page-manual-control-esco .manual-control-esco-card .manual-control-esco-card-title .title-name{font-weight:700;font-size:16pz}.page-manual-control-esco .manual-control-esco-card .manual-control-esco-card-title .name-and-status{display:flex;gap:8px;align-items:center}.page-manual-control-esco .manual-control-esco-card .mode-control{display:flex;gap:8px;align-items:center;font-size:15px;height:21px}.page-manual-control-esco .manual-control-esco-card .mode-control .is-not-active{color:#a6a6a6}.page-manual-control-esco .manual-control-esco-card .divider{background-color:#a6a6a6;min-height:.5px;width:100%}.page-manual-control-esco .manual-control-esco-card .port-state-container{background-color:#fff;display:flex;flex-direction:column;gap:8px;border-radius:8px;font-size:12px;padding:4px 8px}.page-manual-control-esco-detail-dialog.on .MuiPaper-root{background-color:#effcfa}.page-manual-control-esco-detail-dialog.off .MuiPaper-root{background-color:#e5e5e5}.page-manual-control-esco-detail-dialog.disconnection .MuiPaper-root{background-color:#f1f2f1}.page-manual-control-esco-detail-dialog .MuiPaper-root{padding:24px 32px;display:flex;flex-direction:column;gap:8px;min-height:70vh;overflow:hidden;max-width:1224px}.page-manual-control-esco-detail-dialog .MuiPaper-root .title{display:flex;justify-content:space-between;align-items:center}.page-manual-control-esco-detail-dialog .MuiPaper-root .title .state-and-name{display:flex;align-items:center;gap:8px}.page-manual-control-esco-detail-dialog .MuiPaper-root .title .state-and-name .name{font-weight:700;font-size:16px}.page-manual-control-esco-detail-dialog .MuiPaper-root .history-loading{min-height:400px}.page-manual-control-esco-detail-dialog .MuiPaper-root .mode-control{display:flex;gap:8px;align-items:center}.page-manual-control-esco-detail-dialog .MuiPaper-root .mode-control .is-not-active{color:#a6a6a6}.page-manual-control-esco-detail-dialog .MuiPaper-root .divider{height:.5px;background-color:#a6a6a6}.page-manual-control-esco-detail-dialog .MuiPaper-root .esco-content-scrollbar{padding:24px;height:100%}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-scrollbar{flex-grow:1;height:0;padding:8px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container{display:flex;gap:8px;align-items:stretch;justify-content:center;flex-wrap:wrap;flex-grow:1;height:0}@media screen and (max-width:992px){.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container{flex-grow:unset;height:unset}}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card{background-color:#fff;min-width:414px;max-width:414px;height:100%}@media screen and (max-width:992px){.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card{flex-grow:1;max-width:none}}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card .port-container{display:flex;flex-direction:column;gap:24px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card .port-title{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card .port-item{display:flex;align-items:center;gap:8px;justify-content:space-between}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card .port-item .name-container{display:flex;gap:8px;min-width:111px;align-items:center}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card .port-item .number-title{color:#fff;background-color:#222626;border-radius:8px;font-size:12px;width:23px;height:23px;display:flex;align-items:center;justify-content:center}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .port-card .port-item .when-auto-port-container{display:flex;align-items:center;gap:8px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card{background-color:#fff;min-width:414px;max-width:414px;height:100%}@media screen and (max-width:992px){.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card{flex-grow:1;max-width:none}}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card .history-container{display:flex;flex-direction:column;gap:16px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card .history-title{font-weight:700;font-size:16px;gap:8px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card .port-divider{height:.5px;background-color:#e5e5e5}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card .history-item-container{display:flex;flex-direction:column;gap:8px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card .history-item-container .history-item{display:flex;flex-direction:column;font-size:14px;gap:8px}.page-manual-control-esco-detail-dialog .MuiPaper-root .content-container .history-card .history-item-container .history-row{display:flex;gap:8px}.page-contract-capacity-calculation{width:100%;padding:1rem}.page-contract-capacity-calculation form>.calculation-card{padding:24px}.page-contract-capacity-calculation form>.calculation-card>.selects-controller-container>.selects{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.page-contract-capacity-calculation form>.calculation-card>.selects-controller-container>.selects .title{margin-bottom:8px;font-weight:700}.page-contract-capacity-calculation form>.calculation-card>.selects-controller-container>.selects .block.align-end{align-self:flex-end}.page-contract-capacity-calculation form>.calculation-card>.selects-controller-container>.selects .block.submit-button-grow{flex-grow:1}@media screen and (max-width:950px){.page-contract-capacity-calculation form>.calculation-card>.selects-controller-container>.selects .block.submit-button-grow{flex-grow:0}}.page-contract-capacity-calculation form>.calculation-card>.selects-controller-container>.description{margin-top:8px;font-weight:700;display:flex;flex-wrap:wrap}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container{margin:24px 0;padding:24px 0;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;display:flex;flex-wrap:wrap}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-inputs-container{height:368px;max-height:368px;min-height:368px;width:clamp(435px,435px,100%);margin:.5rem;padding:1rem;display:flex;flex-direction:column;background-color:#effcfa}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-inputs-container>.block{flex-grow:1}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-inputs-container>.block.with-margin{margin-bottom:16px}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-inputs-container>.block>.title{font-weight:700;margin-bottom:8px}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-inputs-container>.block>.input-container{display:flex;align-items:center}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-inputs-container>.block>.input-container>.contract-input{flex-grow:1;margin-right:8px}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-rate-container{height:368px;max-height:368px;min-height:368px;margin:.5rem;padding:24px}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-rate-container>.contract-rate-table{width:100%;height:100%}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-rate-container>.contract-rate-table td{padding-left:16px}.page-contract-capacity-calculation form>.calculation-card>.contract-controller-container>.contract-rate-container .bold{font-weight:700}.page-contract-capacity-calculation form>.calculation-card>.last-twelve-months-peak>.title{font-weight:700;margin:16px 0}.page-contract-capacity-calculation form>.calculation-card>.last-twelve-months-peak .overlay-scrollbar{background-color:#effcfa}.page-contract-capacity-calculation form>.calculation-card>.last-twelve-months-peak .last-twelve-months-peak-table-container{padding:24px 24px 0;max-width:1004px}.page-contract-capacity-calculation form>.calculation-card>.last-twelve-months-peak .last-twelve-months-peak-table-container>.last-twelve-months-peak-table{width:100%}.page-contract-capacity-calculation form>.calculation-card>.last-twelve-months-peak .last-twelve-months-peak-table-container>.last-twelve-months-peak-table td{text-align:center;padding:0 12px 24px}.page-contract-capacity-calculation form>.calculation-card>.last-twelve-months-peak .last-twelve-months-peak-table-container>.last-twelve-months-peak-table .monthly-peak-input{width:48px}.page-contract-capacity-calculation form>.calculation-card>.result-container{display:flex;min-height:320px;margin:1rem 0;flex-wrap:wrap}.page-contract-capacity-calculation form>.calculation-card>.result-container>.basic-electric-fee-trial-calculation{margin:.5rem;display:flex;flex-direction:column;flex-grow:1;width:clamp(250px,250px,100%)}.page-contract-capacity-calculation form>.calculation-card>.result-container>.basic-electric-fee-trial-calculation>.title{font-weight:700;margin:16px 0}.page-contract-capacity-calculation form>.calculation-card>.result-container>.basic-electric-fee-trial-calculation>.result{height:319px;max-height:319px;min-height:319px;padding:24px;border:1px solid #e5e5e5;flex-grow:1;border-radius:8px}.page-contract-capacity-calculation form>.calculation-card>.result-container>.basic-electric-fee-trial-calculation>.result>.addend{padding-bottom:.5rem;border-bottom:1px solid #e5e5e5;margin-bottom:.5rem}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation{display:flex;flex-direction:column;margin:.5rem;flex-grow:1}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.title{font-weight:700;margin-top:1rem;display:flex;align-items:center}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.month-picker{margin:8px 0}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.result{height:283px;max-height:283px;min-height:283px;padding:24px;border:1px solid #e5e5e5;flex-grow:1;border-radius:8px}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.result>.flex-container{display:flex;align-items:center}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.result>.flex-container.first{margin-bottom:24px}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.result>.flex-container.second{padding-bottom:16px;border-bottom:1px solid #e5e5e5;margin-bottom:16px}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.result>.flex-container .with-margin-right{margin-right:16px}.page-contract-capacity-calculation form>.calculation-card>.result-container>.over-contract-fine-trial-calculation>.result>.flex-container .invisible{visibility:hidden}.page-contract-capacity-calculation form>.calculation-card>.result-container>.total-trial-calculation-container{display:flex;flex-direction:column;margin:.5rem;flex-grow:1;width:clamp(733px,733px,100%)}.page-contract-capacity-calculation form>.calculation-card>.result-container>.total-trial-calculation-container>.title{font-weight:700;margin:16px 0}.page-contract-capacity-calculation form>.calculation-card>.result-container>.total-trial-calculation-container>.result{height:319px;max-height:319px;min-height:319px;padding:56px 24px 24px 40px;border:1px solid #e5e5e5;flex-grow:1;border-radius:8px}.page-contract-capacity-calculation form>.calculation-card>.result-container>.total-trial-calculation-container>.result>.total-trail-calculation{display:flex;align-items:center}.page-contract-capacity-calculation form>.calculation-card>.result-container>.total-trial-calculation-container>.result>.total-trail-calculation>.equal{margin-right:16px;min-width:40px;width:40px}.page-contract-capacity-calculation form>.calculation-card .value-container{min-width:202px;max-width:202px}.page-contract-capacity-calculation form>.calculation-card .value-container>.value-title{margin-bottom:8px;font-weight:700}.page-contract-capacity-calculation form>.calculation-card .value-container>.value{display:flex;align-items:center}.page-contract-capacity-calculation form>.calculation-card .value-container>.value>.dollar{flex-grow:1}.page-contract-capacity-calculation form>.calculation-card .value-container.with-margin-top{margin-top:24px}.page-contract-capacity-calculation form>.calculation-card .value-container.with-margin-bottom{margin-bottom:24px}.page-contract-capacity-calculation form>.calculation-card .value-container.invisible{visibility:hidden}.page-contract-capacity-calculation form>.calculation-card>.comparison-container{display:flex;flex-wrap:wrap}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.chart-container{display:flex;flex-direction:column;width:clamp(584px,584px,100%);flex-grow:1}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.chart-container>.title{display:flex;align-items:center;font-weight:700;margin:1rem 0 1rem .5rem}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.chart-container>.result-container{display:flex;flex-wrap:wrap;flex-grow:1}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.chart-container>.result-container>.result{display:flex;flex-direction:column;flex-grow:1;padding:1rem;margin:.5rem;border:1px solid #e5e5e5;border-radius:8px;height:430px;min-height:430px;width:clamp(280px,280px,100%)}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.chart-container>.result-container>.result>.title{font-weight:700}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.chart-container>.result-container>.result>.chart{flex-grow:1;height:0}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container{margin:.5rem;flex-direction:column;flex-grow:1;display:flex;width:clamp(584px,584px,100%);overflow:auto}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container>.title{font-weight:700;margin:1rem 0}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container>.result{padding:1rem;border:1px solid #e5e5e5;flex-grow:1;height:430px;min-height:430px;border-radius:8px}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container>.result>.cost-comparison-table{height:100%;width:100%;color:#a6a6a6}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container>.result>.cost-comparison-table td{width:101px;padding:16px;text-align:center}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container .right-half-border{position:relative}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container .right-half-border:after{content:"";position:absolute;right:0;top:25%;height:50%;border:1px solid #e5e5e5}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container .left-half-border{position:relative}.page-contract-capacity-calculation form>.calculation-card>.comparison-container>.table-container .left-half-border:after{content:"";position:absolute;left:0;top:25%;height:50%;border:1px solid #e5e5e5}.page-contract-capacity{width:100%;height:100%;display:flex;flex-direction:column}.page-contract-capacity .real-time{display:flex;flex-direction:column;padding:1rem;gap:8px}.page-contract-capacity .real-time>.space-select-container{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}.page-contract-capacity .real-time>.first-content-container{display:flex;flex-wrap:wrap;gap:8px;flex:1}.page-contract-capacity .real-time>.first-content-container>.contract-capacity-chart-card-container{flex-grow:2;min-height:450px;width:clamp(800px,800px,100%)}.page-contract-capacity .real-time>.first-content-container>.contract-capacity-chart-card-container>.contract-capacity-chart-card{padding:1rem;height:100%;width:100%}.page-contract-capacity .real-time>.first-content-container>.auto-shutdown-card-container{flex-grow:1;max-height:450px;height:450px;width:clamp(300px,300px,100%)}.page-contract-capacity .real-time>.first-content-container>.auto-shutdown-card-container>.auto-shutdown-card{padding:1rem;height:100%;width:100%}.page-contract-capacity .real-time>.second-content-container{display:flex;flex-wrap:wrap;flex:1;gap:8px}.page-contract-capacity .real-time>.second-content-container>.demand-combined-chart-card-container{flex-grow:2;width:clamp(800px,800px,100%);min-height:450px}.page-contract-capacity .real-time>.second-content-container>.demand-combined-chart-card-container>.demand-combined-card{padding:1rem;height:100%;width:100%}.page-contract-capacity .real-time>.second-content-container>.demand-information-card-container{flex-grow:1;width:clamp(300px,300px,100%);min-height:450px}.page-contract-capacity .real-time>.second-content-container>.demand-information-card-container>.demand-information-card{padding:1rem;height:100%;width:100%}.page-contract-capacity .analysis{display:flex;flex-direction:column;padding:1rem;gap:8px}.page-contract-capacity .analysis>.select-and-download{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.page-contract-capacity .analysis>.select-and-download>section{display:flex;gap:.5rem;align-items:center;flex-grow:1;flex-wrap:wrap}.page-contract-capacity .analysis>.select-and-download>section>*{margin:0}.page-contract-capacity .analysis>.analysis-content-container{display:flex;flex-wrap:wrap-reverse;gap:16px}.page-contract-capacity .analysis>.analysis-content-container>.first-content-container{display:flex;flex-direction:column;flex-grow:2;gap:16px;width:clamp(800px,800px,100%)}.page-contract-capacity .analysis>.analysis-content-container>.first-content-container>.over-contract-analysis-chart-card-container{height:475px;min-height:475px;flex:2}.page-contract-capacity .analysis>.analysis-content-container>.first-content-container>.over-contract-analysis-chart-card-container>.over-contract-analysis-chart-card{padding:1.5rem;height:100%;width:100%}.page-contract-capacity .analysis>.analysis-content-container>.first-content-container>.over-contract-analysis-chart-card-container>.over-contract-analysis-chart-card .no-data{height:100%}.page-contract-capacity .analysis>.analysis-content-container>.first-content-container>.fine-calculation-container{flex:1}.page-contract-capacity .analysis>.analysis-content-container>.first-content-container>.fine-calculation-container>.fine-calculation-card{padding:1.5rem;height:100%;width:100%}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container{flex-grow:1;width:clamp(300px,300px,100%)}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container>.time-list-card{padding:1.5rem;min-height:200px;height:100%;display:flex;flex-direction:column}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container>.time-list-card .no-data{height:100%}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container>.time-list-card>.content{flex-grow:1;padding:1rem 0}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container>.time-list-card>.content .time-list-item{cursor:pointer;border-radius:8px;padding:.25rem .5rem}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container>.time-list-card>.content .time-list-item:hover{background-color:#f1f2f1}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container>.time-list-card>.content .time-list-item>.item{padding:.25rem 0}.page-contract-capacity .analysis>.analysis-content-container>.second-content-container>.time-list-card>.content .time-list-item>.item.select{color:#26aca1;font-weight:700}.page-contract-capacity .comparison{padding:1rem;display:flex;flex-direction:column;gap:16px}.page-contract-capacity .comparison>.select-title{font-weight:700}.page-contract-capacity .comparison>.no-contract-card{padding:24px 24px 40px;display:flex;flex-direction:column;gap:24px}.page-contract-capacity .comparison>.no-contract-card>.title-container{display:flex;align-items:center;gap:8px}.page-contract-capacity .comparison>.no-contract-card>.title-container>.title-with-icon{display:flex;align-items:center;gap:8px;flex-grow:1}.page-contract-capacity .comparison>.no-contract-card>.title-container>.title-with-icon>.title{font-weight:700}.page-contract-capacity .comparison>.no-contract-card>.title-container>.title-with-icon>.icon svg{height:18px;width:18px}.page-contract-capacity .comparison>.no-contract-card>.divider{height:2px;background-color:#e5e5e5;width:100%}.page-contract-capacity .comparison>.no-contract-card>.footer{font-size:16px}.page-contract-capacity .comparison>.first-container{max-height:486px;flex-grow:1}.page-contract-capacity .comparison>.first-container>.setting-card{padding:24px;height:100%;display:flex;flex-direction:column;gap:24px;max-height:486px}.page-contract-capacity .comparison>.first-container>.setting-card .title-container{display:flex;align-items:center;gap:8px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.page-contract-capacity .comparison>.first-container>.setting-card .title-container>.title-with-icon{display:flex;align-items:center;gap:8px;flex-grow:1}.page-contract-capacity .comparison>.first-container>.setting-card .title-container>.title-with-icon>.title{font-weight:700}.page-contract-capacity .comparison>.first-container>.setting-card .title-container>.title-with-icon>.icon svg{height:18px;width:18px}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container{display:flex;flex-direction:column;gap:24px;padding:0 16px 16px 0}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container{width:100%}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container>.title-container{width:-webkit-max-content;width:max-content;padding:8px;background-color:#f1f2f1;display:flex;gap:8px}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container>.title-container>.title{font-weight:700}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container>.contract-table{width:100%;min-width:1488px}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container>.contract-table td{width:113px;padding:16px;text-align:center}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container>.contract-table .title-td{text-align:left;color:#a6a6a6;font-weight:700;position:relative;padding:0 16px 0 0}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container>.contract-table .title-td.month:after{content:" ";position:absolute;right:0;top:25%;height:75%;border:1px solid #e5e5e5}.page-contract-capacity .comparison>.first-container>.setting-card .table-content-container .table-container>.contract-table .title-td.value:after{content:" ";position:absolute;right:0;top:0;height:75%;border:1px solid #e5e5e5}.page-contract-capacity .comparison>.second-container{display:flex;gap:16px;align-items:stretch}@media screen and (max-width:992px){.page-contract-capacity .comparison>.second-container{flex-direction:column}}.page-contract-capacity .comparison>.second-container>.chart-card{padding:32px;display:flex;flex-direction:column;gap:32px;flex:2;min-height:400px}.page-contract-capacity .comparison>.second-container>.chart-card>.no-data{flex-grow:1}.page-contract-capacity .comparison>.second-container>.chart-card>.peak-chart-container>.header-container{display:flex;justify-content:space-between}.page-contract-capacity .comparison>.second-container>.chart-card>.peak-chart-container>.header-container>.title-container{display:flex;gap:8px;align-items:center}.page-contract-capacity .comparison>.second-container>.chart-card>.peak-chart-container>.header-container>.title-container>.main-title{font-weight:700}.page-contract-capacity .comparison>.second-container>.chart-card>.peak-chart-container>.header-container>.legend{display:flex;gap:8px}.page-contract-capacity .comparison>.second-container>.chart-card>.peak-chart-container>.header-container>.legend>.name{font-weight:700}.page-contract-capacity .comparison>.second-container>.chart-card>.peak-chart-container>.chart{flex-grow:1}.page-contract-capacity .comparison>.second-container>.recommendations-card{padding:24px;display:flex;flex-direction:column;gap:24px;flex:1}.page-contract-capacity .comparison>.second-container>.recommendations-card>.title{font-weight:700;border-bottom:1px solid #e5e5e5;padding-bottom:16px}.page-contract-capacity .comparison>.second-container>.recommendations-card>.value-container{display:flex;flex-direction:column;gap:8px}.page-contract-capacity .comparison>.second-container>.recommendations-card>.value-container>.title{font-weight:700}.page-contract-capacity .comparison>.second-container>.recommendations-card .footer{margin-top:auto;font-weight:700}.page-contract-capacity-comparison-PDF-container{width:595pt;height:0;overflow:hidden}@media print{.page-contract-capacity-comparison-PDF-container{height:auto}}.page-contract-capacity-comparison-PDF-container>.comparison-PDF{height:100%;min-width:595pt;display:flex;flex-direction:column;gap:16px}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.chart-card-container{min-height:400px;width:100%;height:400px}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.chart-card-container>.chart-card{padding:16px;height:100%}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak{display:flex;flex-direction:column;padding:16px;height:100%;width:100%}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.title{border-bottom:1px solid #e5e5e5}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container{display:flex}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.first-table{border-right:1px solid #e5e5e5;padding:16px 16px 16px 0}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.first-table>.year{display:flex;flex-direction:column;align-items:center;gap:8px}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.first-table>.year>.chip{background-color:#e5e5e5;border-radius:12px;padding:8px}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.first-table>.year>.value-container{display:flex;gap:4px}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table{flex-grow:1;padding:16px}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.title-chip{background-color:#e5e5e5;border-radius:12px;padding:8px;width:-webkit-max-content;width:max-content}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.table{width:100%;color:#a6a6a6}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.table .year-td{padding:4px;width:75px;text-align:center}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.table .month-td{padding:4px;width:75px;text-align:center;border-bottom:1px solid #e5e5e5;position:relative}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.table .month-td:after{content:"";position:absolute;right:0;top:25%;height:75%;border:1px solid #e5e5e5}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.table .normal-td{width:50px;text-align:center;border-bottom:1px solid #e5e5e5}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.table .peak-td{padding:4px;width:75px;text-align:center;border-bottom:1px solid #e5e5e5;position:relative}.page-contract-capacity-comparison-PDF-container>.comparison-PDF>.monthly-peak>.table-container>.second-table>.table .peak-td:after{content:"";position:absolute;right:0;top:0;height:75%;border:1px solid #e5e5e5}.page-contract-capacity-analysis-PDF-container{width:595pt;height:0;overflow:hidden}@media print{.page-contract-capacity-analysis-PDF-container{height:auto}}.page-contract-capacity-analysis-PDF-container>.analysis-PDF{min-width:595pt;display:flex;flex-direction:column;gap:16px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.chart-card-container{width:100%;min-height:400px;height:400px;border-bottom:1px solid #e5e5e5}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container{display:flex;gap:16px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container{background-color:#f1f2f1;border-radius:8px;padding:16px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container>.highest-value-container{display:flex;gap:8px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container>.highest-value-container>.line-chip{width:5px;border-radius:99px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container>.highest-value-container>.value-container{display:flex;flex-direction:column;gap:8px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container>.highest-value-container>.value-container>.value{font-weight:700}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container>.highest-value-container>.value-container>.chip{background-color:#fff;padding:4px;width:-webkit-max-content;width:max-content;border-radius:8px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container>.prev-point{border-bottom:1px solid #e5e5e5;padding:16px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container>.each-point-growth-title{padding:16px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container .each-point-growth-value-container{padding-left:16px;display:flex;flex-direction:column;gap:8px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container .each-point-growth-value-container>.name{font-weight:700}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container .each-point-growth-value-container>.value-container{display:flex;align-items:center;gap:8px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.over-demand-highest-detail-container .each-point-growth-value-container>.value-container .chip{height:5px;border-radius:99px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.fine-calculation-container{flex-grow:1;display:flex;flex-direction:column;gap:8px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.fine-calculation-container>.title{font-weight:700}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.fine-calculation-container>.content-container{border-radius:8px;border:1px solid #e5e5e5;padding:16px;display:flex;flex-direction:column;gap:8px}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.fine-calculation-container>.content-container>.fine-block-container{display:flex;flex-direction:column;gap:8px;padding-bottom:4px;border-bottom:1px solid #e5e5e5}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.fine-calculation-container>.content-container .fine-block{display:flex;gap:8px;font-weight:700}.page-contract-capacity-analysis-PDF-container>.analysis-PDF>.first-content-container>.fine-calculation-container>.content-container .fine-block>.title{color:#a6a6a6}.page-contract-capacity-analysis-PDF-container>.analysis-PDF .percent-bg-increase{background-color:#d70000}.page-contract-capacity-analysis-PDF-container>.analysis-PDF .percent-bg-even{background-color:#d1d1d1}.page-contract-capacity-analysis-PDF-container>.analysis-PDF .percent-bg-decrease{background-color:#bee0dd}.page-contract-capacity-analysis-PDF-container>.analysis-PDF .percent-text-increase{color:#d30025}.page-contract-capacity-analysis-PDF-container>.analysis-PDF .percent-text-even{color:#222626}.page-contract-capacity-analysis-PDF-container>.analysis-PDF .percent-text-decrease{color:#4caf50}.page-contract-capacity-PDF-container{width:595pt;height:0;overflow:hidden}@media print{.page-contract-capacity-PDF-container{height:auto}}.page-contract-capacity-PDF-container>.selects-container{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.page-contract-capacity-PDF-container>.selects-container>.block{display:flex;flex-direction:column}.page-contract-capacity-PDF-container>.selects-container>.block>.title{font-weight:700;margin-bottom:8px}.page-contract-capacity-PDF-container>.total-trial-calculation-container{padding:8px;margin:8px 0;background-color:#effcfa}.page-contract-capacity-PDF-container>.trial-calculation-result{margin:8px 0}.page-contract-capacity-PDF-container>.trial-calculation-result>.title{font-weight:700;margin-bottom:8px}.page-contract-capacity-PDF-container>.trial-calculation-result>.result-container{border-radius:8px;padding:8px;border:1px solid #e5e5e5;display:flex}.page-contract-capacity-PDF-container>.contract-controller-container{margin:24px 0;padding:24px 0;display:flex;flex-wrap:wrap}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-inputs-container{height:208px;max-height:208px;min-height:208px;width:clamp(179px,179px,100%);margin:.5rem;padding:8px;display:flex;flex-direction:column;background-color:#effcfa}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-inputs-container>.block{flex-grow:1}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-inputs-container>.block>.title{font-weight:700;margin-bottom:8px}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-inputs-container>.block>.input-container{display:flex;align-items:center}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-inputs-container>.block>.input-container>.contract-input{flex-grow:1;margin-right:8px}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-rate-container{height:208px;max-height:208px;min-height:208px;margin:.5rem;padding:24px}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-rate-container>.contract-rate-table{width:100%;height:100%}.page-contract-capacity-PDF-container>.contract-controller-container>.contract-rate-container .bold{font-weight:700}.page-contract-capacity-PDF-container>.last-twelve-peak-table{width:100%;table-layout:fixed}.page-contract-capacity-PDF-container>.last-twelve-peak-table table,.page-contract-capacity-PDF-container>.last-twelve-peak-table td,.page-contract-capacity-PDF-container>.last-twelve-peak-table th{border:1px solid #e5e5e5;border-collapse:collapse}.page-contract-capacity-PDF-container>.comparison{display:flex;flex-direction:column;height:842pt;width:100%}.page-contract-capacity-PDF-container>.comparison>.title{font-weight:700;margin-bottom:8px}.page-contract-capacity-PDF-container>.comparison>.comparison-pie-chart{height:29%;max-height:29%;width:100%;margin:.5rem .5rem .5rem 0}.page-contract-capacity-PDF-container>.comparison>.comparison-pie-chart>.result{height:100%;width:100%;border:1px solid #e5e5e5;padding:16px;display:flex;flex-direction:column}.page-contract-capacity-PDF-container>.comparison>.comparison-pie-chart>.result>.title{font-weight:700;margin-bottom:8px}.page-contract-capacity-PDF-container>.comparison>.comparison-pie-chart>.result>.pie-chart{flex-grow:1}.page-contract-capacity-PDF-container>.comparison>.table-container{margin:.5rem;display:flex;flex-direction:column;width:100%;height:29%;max-height:29%}.page-contract-capacity-PDF-container>.comparison>.table-container>.title{font-weight:700;margin:1rem 0}.page-contract-capacity-PDF-container>.comparison>.table-container>.result{padding:1rem;border:1px solid #e5e5e5;flex-grow:1;height:100%;width:100%;border-radius:8px}.page-contract-capacity-PDF-container>.comparison>.table-container>.result>.cost-comparison-table{height:100%;width:100%;color:#a6a6a6}.page-contract-capacity-PDF-container>.comparison>.table-container>.result>.cost-comparison-table td{width:101px;padding:16px;text-align:center}.page-contract-capacity-PDF-container>.comparison>.table-container .right-half-border{position:relative}.page-contract-capacity-PDF-container>.comparison>.table-container .right-half-border:after{content:"";position:absolute;right:0;top:25%;height:50%;border:1px solid #e5e5e5}.page-contract-capacity-PDF-container>.comparison>.table-container .left-half-border{position:relative}.page-contract-capacity-PDF-container>.comparison>.table-container .left-half-border:after{content:"";position:absolute;left:0;top:25%;height:50%;border:1px solid #e5e5e5}.page-contract-capacity-PDF-container .value-container>.value-title{margin-bottom:8px;font-weight:700}.page-contract-capacity-PDF-container .value-container>.value{display:flex;align-items:center}.page-contract-capacity-PDF-container .value-container.grow,.page-contract-capacity-PDF-container .value-container>.value>.dollar{flex-grow:1}.page-contract-capacity-PDF-container .value-container.with-right-border{border-right:1px solid #e5e5e5}.page-contract-capacity-PDF-container .value-container.with-padding{padding:0 16px}.page-contract-capacity-old-comparison{flex-grow:1;width:100%;height:0;display:flex;flex-direction:column;padding:1rem;gap:16px;overflow:auto}.page-contract-capacity-old-comparison>.select-download-container{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.page-contract-capacity-old-comparison>.select-download-container>.selects-container{display:flex;flex-wrap:wrap;align-items:center;flex-grow:1;gap:8px}.page-contract-capacity-old-comparison>.select-download-container>.download{display:flex;align-items:center}.page-contract-capacity-old-comparison>.first-content-container{height:400px;min-height:400px}.page-contract-capacity-old-comparison>.first-content-container>.capacity-comparison-chart-card{padding:1.5rem;height:100%;width:100%}.page-contract-capacity-old-comparison>.second-content-container{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;gap:16px}.page-contract-capacity-old-comparison>.second-content-container>.monthly-peek-card-container{flex-grow:1;width:clamp(600px,600px,100%);min-height:400px}.page-contract-capacity-old-comparison>.second-content-container>.monthly-peek-card-container>.monthly-peek-card{min-height:400px;padding:1.5rem;height:100%;width:100%}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container{flex-grow:1;width:clamp(200px,400px,100%);min-height:400px}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card{min-height:400px;padding:1.5rem;height:100%;width:100%}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card>.title{display:flex;padding-bottom:.5rem;border-bottom:1px solid #e5e5e5}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card>.recommendations-list>.recommendations-list-item{margin:1rem 1rem 1rem 0}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card>.recommendations-list>.recommendations-list-item>.recommendations-list-item-title{font-weight:700;margin-bottom:.25rem}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card>.recommendations-list>.recommendations-list-item>.recommendations-list-item-value-container{display:flex;align-items:center}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card>.recommendations-list>.recommendations-list-item>.recommendations-list-item-value-container>.value{margin-right:.25rem}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card>.recommendations-list>.description-block{margin:1rem 1rem 1rem 0}.page-contract-capacity-old-comparison>.second-content-container>.recommendations-card-container>.recommendations-card>.recommendations-list>.description-block.footer{font-weight:700;color:#26aca1}.page-change-password{padding:32px;display:flex;background-image:url(/_next/static/media/change-password-bg.26696e43.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;justify-content:center;height:100%;overflow:auto;align-items:center;flex-grow:1;overflow:hidden}@media screen and (max-width:600px){.page-change-password{background-image:url(/_next/static/media/change-password-bg-s.b9d3756c.jpg)}}.page-change-password .form{display:flex;width:100%;justify-content:center}.page-change-password .form-wrap{width:580px;padding:24px 24px 40px;display:flex;flex-direction:column;gap:32px}@media screen and (max-width:992px){.page-change-password .form-wrap{width:100%}}.page-change-password .form-wrap .title{text-align:left;font-size:20px;font-weight:700;padding-bottom:16px;border-bottom:2px solid #e5e5e5}@media screen and (max-width:768px){.page-change-password .form-wrap .title{font-size:22px}}.page-change-password .form-wrap .warning-wrap{display:flex;justify-content:center}.page-change-password .form-wrap .warning-wrap .icon{width:17px;height:17px;margin-right:4px}.page-change-password .form-wrap .warning-wrap .icon img{display:block;width:100%}.page-change-password .form-wrap .warning-wrap .text{line-height:17px;font-size:14px;color:#d70000}.page-change-password .form-wrap .input-group{display:flex;flex-direction:column;gap:8px}.page-change-password .form-wrap .input-group .label{font-size:15px}@media screen and (max-width:768px){.page-change-password .form-wrap .input-group .label{font-size:13px}}.page-change-password .form-wrap .button-group{display:flex;gap:16px;justify-content:center}.page-electricity-fee-calculation{width:100%;height:100%}.page-electricity-fee-calculation .scroll-bar{height:100%;width:100%;padding:24px}.page-electricity-fee-calculation .loading-block{height:400px;width:100%}.page-electricity-fee-calculation form .selects-container>.title{font-weight:700;margin-bottom:16px}.page-electricity-fee-calculation form .selects-container .divider{background-color:#e5e5e5;height:2px;margin:24px 0}.page-electricity-fee-calculation form .selects-container>.selects-card{padding:32px 24px 40px}.page-electricity-fee-calculation form .selects-container>.selects-card>.select-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.page-electricity-fee-calculation form .selects-container>.selects-card>.house-hold{background-color:#effcfa;padding:24px;margin-bottom:16px;display:flex;gap:24px}.page-electricity-fee-calculation form .selects-container>.selects-card>.placeholder{font-weight:700}.page-electricity-fee-calculation form .selects-container>.selects-card .select-block{display:flex;flex-direction:column}.page-electricity-fee-calculation form .selects-container>.selects-card .select-block>.title{margin-bottom:8px;font-weight:700}.page-electricity-fee-calculation form .selects-container>.selects-card .select-block>.title>.invisible{visibility:hidden}.page-electricity-fee-calculation form .selects-container>.selects-card .select-block>.select{display:flex;justify-content:center;flex-direction:column;flex-grow:1}.page-electricity-fee-calculation form .selects-container>.selects-card .select-block>.select .range-picker{width:246px}.page-electricity-fee-calculation form .selects-container>.selects-card .select-block .select-input{width:150px}.page-electricity-fee-calculation-distributed-list-card{padding:32px 24px}.page-electricity-fee-calculation-distributed-list-card .title{font-weight:800;margin-bottom:16px}.page-electricity-fee-calculation-distributed-list-card .calc-trend-list-scroll-bar{width:100%;height:100%}.page-electricity-fee-calculation-distributed-list-card .calc-trend-list-scroll-bar table{text-align:left;min-width:1536px;width:100%}.page-electricity-fee-calculation-distributed-list-card .calc-trend-list-scroll-bar thead{width:100%;background-color:#e5e5e5}.page-electricity-fee-calculation-distributed-list-card .calc-trend-list-scroll-bar tr{border-bottom:1px solid #e5e5e5}.page-electricity-fee-calculation-distributed-list-card .calc-trend-list-scroll-bar td{padding:12px 16px 12px 8px}.page-electricity-fee-calculation-distributed-list-card .calc-trend-list-scroll-bar td.range{display:flex;flex-direction:column;gap:4px}.page-electricity-fee-calculation-distributed-list-card>.actions{display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #e5e5e5}.page-electricity-fee-calculation-distributed-list-card>.actions>.time-select{display:flex;align-items:center}.page-electricity-fee-calculation-distributed-list-card>.actions>.time-select>.label{font-size:14px}.page-electricity-fee-calculation-distributed-list-card .MuiTablePagination-root{border:unset}.page-electricity-fee-calculation-fee-block-card{padding:32px 24px 40px;margin-top:32px}.page-electricity-fee-calculation-fee-block-card>.title-container{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:32px}.page-electricity-fee-calculation-fee-block-card>.title{font-weight:700;margin-bottom:32px}.page-electricity-fee-calculation-fee-block-card .wrapper{display:flex;flex-wrap:wrap;gap:32px}.page-electricity-fee-calculation-fee-block-card .wrapper.with-divider{margin-bottom:32px}.page-electricity-fee-calculation-fee-block-card .divider{background-color:#e5e5e5;height:2px;margin-bottom:24px}.page-electricity-fee-calculation-fee-block-card .info{display:flex;align-items:center;margin-top:auto}.page-electricity-fee-calculation-fee-block-card .fee-block-with-table-list{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:32px}.page-electricity-fee-calculation-fee-block-card .fee-block-container{display:flex;flex-direction:column;border-radius:8px;border:1px solid #e5e5e5;background-color:#effcfa;padding:24px;flex:1 1 auto}.page-electricity-fee-calculation-fee-block-card .fee-block-container.sm{width:clamp(250px,461px,100%)}.page-electricity-fee-calculation-fee-block-card .fee-block-container.md{width:clamp(288px,461px,100%)}.page-electricity-fee-calculation-fee-block-card .fee-block-container.lg{width:clamp(360px,461px,100%)}.page-electricity-fee-calculation-fee-block-card .fee-block-container.with-height{height:420px;min-height:420px}.page-electricity-fee-calculation-fee-block-card .fee-block-container.without-bg{background-color:unset}.page-electricity-fee-calculation-fee-block-card .fee-block-container.with-divider{margin-bottom:32px}.page-electricity-fee-calculation-fee-block-card .fee-block-container .cost-block{margin-bottom:24px;max-width:202px}.page-electricity-fee-calculation-fee-block-card .fee-block-container .cost-block.last{margin-bottom:0}.page-electricity-fee-calculation-fee-block-card .fee-block-container .cost-block>.cost-block-title{font-weight:700;margin-bottom:8px}.page-electricity-fee-calculation-fee-block-card .fee-block-container .cost-block>.cost-block-title.with-info{display:flex;align-items:center}.page-electricity-fee-calculation-fee-block-card .fee-block-container .cost-block>.cost-block-title>.icon{margin-left:8px}.page-electricity-fee-calculation-fee-block-card .fee-block-container .cost-block>.value-container{display:flex}.page-electricity-fee-calculation-fee-block-card .fee-block-container .cost-block>.value-container>.value{flex-grow:1}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container{flex:2 2 auto;width:clamp(756px,995px,100%);max-height:386px}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .table-scrollbar{height:100%;width:100%}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table{height:100%;width:100%;table-layout:fixed}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table thead{text-align:left;background-color:#effcfa;position:-webkit-sticky;position:sticky;top:0;z-index:1}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table th{padding:8px 16px 8px 8px}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table table,.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table td,.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table th{font-size:16px;border-bottom:1px solid #e5e5e5}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table td{text-align:left;padding:8px 16px 8px 8px}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table td .column-block{display:flex;flex-direction:column;gap:8px}.page-electricity-fee-calculation-fee-block-card .fee-rate-list-table-container .fee-rate-list-table td .column-block>.date-range-name{color:#a6a6a6}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container{border-radius:8px;border:1px solid #e5e5e5;padding:24px}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container.md{width:clamp(756px,995px,100%);flex:2 2 auto}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container.sm{flex:1 1 auto;width:clamp(502px,502px,100%)}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container.with-overflow{overflow-x:auto}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table{height:100%;width:100%;table-layout:fixed;font-weight:700}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table.with-min{min-width:756px}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table table,.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table td,.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table th{border-bottom:1px solid #c9eae7}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table thead{background-color:#effcfa}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table td{text-align:center;padding:8px}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table tr td{border:1px solid #c9eae7}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table tr td:first-child{border-left:unset;background-color:#effcfa}.page-electricity-fee-calculation-fee-block-card .fee-rate-table-container>.fee-rate-table tr td:last-child{border-right:unset}.page-electricity-fee-calculation-electricity-trend-card{padding:32px 24px;margin-bottom:32px;display:flex;flex-direction:column}.page-electricity-fee-calculation-electricity-trend-card>.title{font-weight:700}.page-electricity-fee-calculation-electricity-trend-card>.button-group{display:flex;gap:10px;align-items:center;margin:8px 0}.page-electricity-fee-calculation-electricity-trend-card>.trend-chart{flex-grow:1}.page-electricity-fee-calculation-electricity-share-card{padding:32px 24px;margin-top:32px;display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.page-electricity-fee-calculation-electricity-share-card>.title{font-weight:700}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container{display:flex;flex-wrap:wrap;width:100%;gap:32px}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.pie-chart{border:1px solid #e5e5e5;padding:32px 16px;width:clamp(334px,448px,100%);overflow:hidden;flex-grow:1}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table{flex-grow:1;overflow-x:auto}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table table{width:100%;min-width:968px;height:100%;text-align:center}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table thead{width:100%;background-color:#e5e5e5;line-height:48px}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table thead td{padding:0 24px}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table thead td:nth-child(2){padding:0 24px 0 0}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table tr{border-bottom:1px solid #e5e5e5}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table tbody{line-height:48px}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table td{white-space:nowrap}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table td>div{min-width:100px;overflow:hidden;text-overflow:ellipsis}.page-electricity-fee-calculation-electricity-share-card>.chart-with-table-container>.data-table tr>td:nth-child(2){width:99%;text-align:left}.page-groups{flex-grow:1;padding:16px;overflow:hidden}.page-groups .fixed-content{display:flex;flex-direction:column;height:100%;gap:16px}.page-groups .fixed-content .advanced-search-wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.page-groups .fixed-content .advanced-search-wrap .filter-item{border:1px solid #a6a6a6;min-width:160px;border-radius:4px;height:36px;background-image:url(/_next/static/media/more.9a9cbf57.svg);background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;padding:8px;text-align:unset}.page-groups .fixed-content .advanced-search-wrap .filter-item.active{color:#26aca1;font-weight:700}.page-groups .title-wrap-alt{border-bottom:1px solid #a6a6a6;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center}.page-groups .title-wrap-alt .left .title{font-size:20px;font-weight:700;line-height:24px;margin-bottom:8px}.page-groups .title-wrap-alt .left .sub-title{color:#a6a6a6;line-height:19px;font-size:16px}.page-groups .title-wrap-alt .left .right .button-wrap{padding-top:7px}.page-groups .title-wrap-alt .left .right .button-wrap .common-button{min-width:115px;padding:0 16px}.page-groups .table-wrap{flex-grow:1}.page-groups .table-wrap table{border-collapse:collapse;width:100%}.page-groups .table-wrap thead tr{background-color:#effcfa}.page-groups .table-wrap thead th{text-align:left;padding:0 8px;line-height:34px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-groups .table-wrap thead th:first-of-type{padding-left:16px}.page-groups .table-wrap thead th:last-of-type{padding-right:16px}.page-groups .table-wrap tbody tr{border-top:1px solid hsla(0,0%,100%,0);border-bottom:1px solid #a6a6a6}.page-groups .table-wrap tbody tr:hover{background-color:#effcfa}.page-groups .table-wrap tbody tr.disabled td{color:#a6a6a6}.page-groups .table-wrap tbody tr.disabled td.groups .group-flex .user-group{border-color:#a6a6a6}.page-groups .table-wrap tbody tr td{padding:10.5px 8px;font-size:16px}.page-groups .table-wrap tbody tr td:first-of-type{padding-left:16px}.page-groups .table-wrap tbody tr td:last-of-type{padding-right:16px;width:48px}.page-groups .table-wrap tbody tr .flex{display:flex}.page-groups .table-wrap tbody tr .flex .text{margin-right:8px;line-height:30px}.page-groups .table-wrap tbody tr .flex .icon{height:30px;min-width:24px;width:24px;background-size:contain;background-repeat:no-repeat;background-position:50%;cursor:pointer}.page-groups .table-wrap tbody tr .flex .icon.locked{background-image:url(/_next/static/media/lock.e519b45f.svg)}.page-groups .table-wrap tbody tr .flex .icon.edit{background-image:url(/_next/static/media/edit.e2bdebae.svg)}.page-groups .table-wrap tbody tr .flex .icon.control{background-image:url(/_next/static/media/more-options.0524e486.svg)}.page-groups .table-wrap tbody tr .flex .icon.has-popover{position:relative}.page-groups .table-wrap tbody tr .flex .icon:hover .options,.page-groups .table-wrap tbody tr .flex .icon:hover .popover{opacity:1;visibility:visible}.page-groups .table-wrap tbody tr .flex .popover{top:26px;left:0;white-space:nowrap;background-color:#2c72ae;color:#fff;line-height:33px;padding:0 16px;border-radius:4px;font-size:14px}.page-groups .table-wrap tbody tr .flex .options,.page-groups .table-wrap tbody tr .flex .popover{position:absolute;opacity:0;visibility:hidden;transition:all .1s cubic-bezier(.68,0,.265,1);z-index:1}.page-groups .table-wrap tbody tr .flex .options{top:0;width:150px;right:0;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:8px;padding:8px 0}.page-groups .table-wrap tbody tr .flex .options .option{line-height:39px;padding:0 8px;cursor:pointer;transition:all .1s cubic-bezier(.68,0,.265,1)}.page-groups .table-wrap tbody tr .flex .options .option:hover{background-color:#effcfa}.page-groups .center-wrap{display:flex;gap:16px;flex-direction:column;margin:unset}.page-groups .center-wrap .input-group{display:flex;flex-direction:column;gap:8px}.page-groups .center-wrap .action{display:flex;justify-content:center;gap:16px}.page-groups-new{flex-grow:1;padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:16px}.page-groups-new>.title-wrap{display:flex;justify-content:space-between;padding:0 0 13px;border-bottom:1px solid #a6a6a6;align-items:center}@media screen and (max-width:600px){.page-groups-new>.title-wrap{padding:24px}}.page-groups-new>.title-wrap .title{line-height:36px;font-size:20px;font-weight:700}@media screen and (max-width:600px){.page-groups-new>.title-wrap .title{font-size:18px;line-height:22px}}.page-groups-new .input-name{display:flex;flex-direction:column;gap:8px}.page-groups-new .input-name>.name{display:flex;gap:8px}.page-groups-new .feature-group{display:flex;flex-direction:column;gap:8px}.page-groups-new .feature-group .label{font-size:15px}.page-groups-new .feature-group .label span{font-size:14px;color:#a6a6a6}.page-groups-new .data-button{width:-webkit-max-content;width:max-content}.page-groups-new .buttons{display:flex;gap:8px;flex-wrap:wrap}.page-groups-new .extra-info{font-size:15px;color:#a6a6a6;line-height:36px}@media screen and (max-width:600px){.page-groups-new .extra-info{line-height:22px}}.page-groups-new .button-wrap{width:115px}.page-data-analysis{width:100%;height:100%;display:flex;flex-direction:column}.page-data-analysis .data-analysis-scroll-content{height:100%;padding:16px}.page-data-analysis .data-analysis-scroll-content form>.loading-div{margin-top:80px;width:100%;height:96px;min-height:96px}.page-data-analysis .data-analysis-scroll-content form>.select-controller{margin-bottom:16px;padding:32px 24px;display:flex;flex-direction:column;gap:24px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container>.block-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block{display:flex;flex-direction:column;gap:8px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block.grow{flex-grow:1}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block>.title{font-weight:700}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block>.title.not-show{visibility:hidden}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block>.error-block{opacity:0;display:flex;align-items:center;gap:8px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block>.error-block>.icon{display:flex}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block>.error-block svg{height:17px;width:17px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block>.error-block.show{color:#d30025;opacity:1}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.selects-container .selects-block>.action-group{display:flex;align-items:center;gap:50px;flex-wrap:wrap}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container{display:flex;align-items:center}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block{flex-grow:1}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.title-container{display:flex;margin-bottom:8px;font-weight:700;align-items:center;flex-wrap:wrap;gap:4px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.title-container>.sub-title{color:#a6a6a6}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.content-container{display:flex;align-items:stretch;flex-wrap:wrap;gap:16px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.content-container>.content{background-color:#effcfa;padding:16px;flex:1}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.content-container>.content>.title-container{display:flex;margin-bottom:8px;font-weight:700;align-items:center;flex-wrap:wrap;gap:4px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.content-container>.content>.title-container>.sub-title{color:#a6a6a6}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.content-container>.content>.type-chips-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.content-container>.content .limit{font-size:14px;color:#a6a6a6}.page-data-analysis .data-analysis-scroll-content form>.select-controller>.consumption-analysis-container>.consumption-block>.content-container>.content>.add-button{font-weight:700}.page-data-analysis .data-analysis-scroll-content form>.chart-card{padding:32px 24px;min-height:768px;display:flex;flex-direction:column}.page-data-analysis .data-analysis-scroll-content form>.chart-card>.title-container{display:flex;align-items:center;font-weight:700;gap:8px}.page-data-analysis .data-analysis-scroll-content form>.chart-card>.title-container>.sub-title{color:#a6a6a6;font-size:16px}.page-data-analysis .data-analysis-scroll-content form>.chart-card>.chart{flex-grow:1}.page-data-analysis .data-analysis-scroll-content form>.list-card{width:100%;margin-top:16px;padding:32px 24px;display:flex;flex-direction:column;gap:8px}.page-data-analysis .data-analysis-scroll-content form>.list-card>.title-container{display:flex;align-items:center;font-weight:700;gap:8px}.page-data-analysis .data-analysis-scroll-content form>.list-card>.title-container>.sub-title{color:#a6a6a6;font-size:16px}.page-data-analysis .data-analysis-scroll-content form>.list-card>.title-container>.unit{font-size:14px;color:#a6a6a6}.page-data-analysis .data-analysis-scroll-content form>.list-card>.list{flex-grow:1}.page-data-analysis>.download-history{height:100%;width:100%;display:flex;flex-direction:column;gap:16px}.page-data-analysis>.download-history>.title-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:24px 24px 0;gap:13px}.page-data-analysis>.download-history>.title-container>.title-block{display:flex;flex-direction:column;gap:13px}.page-data-analysis>.download-history>.title-container>.title-block>.title{font-weight:700;font-size:20px}.page-data-analysis>.download-history>.title-container>.title-block>.sub-title{font-weight:700;color:#a6a6a6}.page-data-analysis>.download-history>.scroll-content{width:100%;flex-grow:1;padding:16px 24px 24px;height:0}.page-data-analysis>.download-history>.scroll-content .download-selects{padding:32px 24px;display:flex;flex-direction:column;gap:24px}.page-data-analysis>.download-history>.scroll-content .download-selects .consumption-types-block{display:flex;flex-direction:column;gap:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .selects-container .title{font-weight:700;margin-bottom:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .selects-container .title.with-icon{display:flex;align-items:center;gap:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .selects-container .title.with-icon>.icon{display:flex}.page-data-analysis>.download-history>.scroll-content .download-selects .selects-container .title.with-icon>.icon svg{width:18px;height:18px}.page-data-analysis>.download-history>.scroll-content .download-selects .selects-container .title.sm{font-size:12px}.page-data-analysis>.download-history>.scroll-content .download-selects .selects-container .title.with-bottom-line{padding-bottom:8px;border-bottom:2px solid #e5e5e5}.page-data-analysis>.download-history>.scroll-content .download-selects .selects-container .chips-container{display:flex;flex-wrap:wrap;gap:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container{padding:24px;border:1px solid #e5e5e5;display:flex;flex-direction:column;gap:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.title{font-weight:700;font-size:14px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.chip-container{display:flex;flex-wrap:wrap;gap:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.chip-container.key-variables{display:flex;flex-direction:column;gap:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.chip-container>.key-variables-chips-container>.title{font-weight:700;font-size:14px;margin-bottom:4px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.chip-container>.key-variables-chips-container>.key-variables-chips{display:flex;flex-wrap:wrap;gap:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.selects-block{background-color:#effcfa;padding:16px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.selects-block>.title{display:flex;font-weight:700;margin-bottom:16px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.selects-block>.type-chips-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.page-data-analysis>.download-history>.scroll-content .download-selects .params-select-container>.selects-block>.button-group{display:flex;justify-content:space-between;flex-wrap:wrap}.page-data-analysis>.download-history .error-block{opacity:0;margin-top:8px}.page-data-analysis>.download-history .error-block.show{opacity:1}.page-notification{display:flex;flex-direction:column;height:100%}.page-notification .content-container{display:flex;flex-wrap:wrap;gap:16px;padding:16px;width:100%}.page-notification .content-container .list-and-chart-container{flex-direction:column;display:flex;gap:16px;flex:2 2;min-width:444px;max-width:100%}.page-notification .content-container .list-and-chart-container>.list-card{width:100%;min-height:450px;font-weight:700;padding:26px 27px 25px;display:flex;flex-direction:column;gap:16px}.page-notification .content-container .list-and-chart-container>.list-card .loading-div{flex-grow:1}.page-notification .content-container .list-and-chart-container>.list-card>.title{font-size:1.125rem;line-height:1.75rem}.page-notification .content-container .list-and-chart-container>.list-card>.tool-box-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.page-notification .content-container .list-and-chart-container>.list-card>.tool-box-container>.select-button-group{display:flex;gap:18px;flex-wrap:wrap}.page-notification .content-container .list-and-chart-container>.list-card>.tool-box-container>.select-button-group .select-button{border:1px solid #e5e5e5;font-size:14px;padding:4px 8px;border-radius:8px}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container{width:100%;max-width:100%;padding-bottom:16px}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table{width:100%;min-width:1068px}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table thead{text-align:left;font-weight:700;background-color:#f1f2f1}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table tr.with-hover{cursor:pointer}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table tr.with-hover:hover{background-color:#c9eae7}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table tr td:first-child,.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table tr th:first-child{padding:13px 16px 12px 26px}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table tbody>tr{border-bottom:.5px solid #a6a6a6}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table .state-chip{min-width:40px;min-height:22px;text-align:center;color:#fff;border-radius:4px;padding:4px 8px;font-size:12px}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table .state-chip.emergency{background-color:#d70000}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table .state-chip.warning{background-color:#ffa000}.page-notification .content-container .list-and-chart-container>.list-card>.overflow-table-container .list-table .state-chip.disconnection{background-color:#d1d1d1}.page-notification .content-container .list-and-chart-container>.list-card>.date-and-pagination-container{display:flex;justify-content:space-between}.page-notification .content-container .list-and-chart-container>.list-card>.date-and-pagination-container>.date{font-weight:700;align-self:self-end}.page-notification .content-container .list-and-chart-container>.list-card>.date-and-pagination-container>.pagination{padding:unset}.page-notification .content-container .list-and-chart-container>.abnormal-chart-card{flex-grow:1;display:flex;flex-direction:column;min-height:400px;padding:24px 40px}.page-notification .content-container .list-and-chart-container>.abnormal-chart-card>.title-container{display:flex;padding-bottom:6px;justify-content:space-between}.page-notification .content-container .list-and-chart-container>.abnormal-chart-card>.title-container>.title{font-size:1.125rem;line-height:1.75rem;font-weight:700}.page-notification .content-container .list-and-chart-container>.abnormal-chart-card>.abnormal-chart{height:0;flex-grow:1}.page-notification .content-container>.abnormal-top-ten-card{flex:1 1;padding:24px 32px;min-height:400px;min-width:444px;display:flex;flex-direction:column}.page-notification .content-container>.abnormal-top-ten-card>.title{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-bottom:8px}.page-notification .content-container>.abnormal-top-ten-card>.example-margin{margin:16px 0 32px}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container{display:flex;flex-direction:column;gap:8px}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.title{font-size:1rem;line-height:1.5rem;font-weight:700;margin-bottom:4px}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.name{margin-bottom:8px}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.bar-container{display:flex;min-height:5px;height:5px}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.bar-container>.bar.first{border-top-left-radius:8px;border-bottom-left-radius:8px}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.bar-container>.bar.last{border-top-right-radius:8px;border-bottom-right-radius:8px}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.bar-container>.bar.warning{background-color:#ffa000}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.bar-container>.bar.emergency{background-color:#d70000}.page-notification .content-container>.abnormal-top-ten-card>.abnormal-items-container .abnormal-item>.bar-container>.bar.disconnection{background-color:#d1d1d1}.page-notification .state-example-container{display:flex;align-items:center}.page-notification .state-example-container .right{margin:0 8px 0 24px}.page-notification .state-example-container .left{margin-right:8px}.page-notification .state-example-circle{width:6px;height:6px;border-radius:8px}.page-notification .state-example-circle.emergency{background-color:#d70000}.page-notification .state-example-circle.warning{background-color:#ffa000}.page-notification .state-example-circle.disconnection{background-color:#d1d1d1}.page-notification .state-example-name{font-size:14px;color:#a6a6a6}.page-no-permission{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;flex-grow:1}.page-no-permission>.description{font-size:20px;font-weight:700}.page-facility-management-main-container{width:100%;display:flex;flex-direction:column;height:100%}.page-facility-management-main-container>.breadcrumb{min-height:75px;height:75px}.page-facility-management-main-container>.main-content{width:100%;flex-grow:1;padding:0 1rem 1rem;height:0}.page-facility-management-main-container>.main-content>.site-floor-plan-container{width:65%;display:flex;flex-direction:column;height:100%}.page-facility-management-main-container>.main-content>.site-floor-plan-container>.site-floor-plan-image-container{width:100%;display:flex;justify-content:center;align-items:center;flex-grow:1;height:0}.page-facility-management-main-container>.main-content>.parent-space-floor-plan-container{width:65%;display:flex;flex-direction:column;height:100%}.page-facility-management-main-container>.main-content>.parent-space-floor-plan-container>.space-information{color:#000;display:flex;justify-content:flex-start;font-weight:700;align-items:center;padding:16px}.page-facility-management-main-container>.main-content>.parent-space-floor-plan-container>.floor-plan-image-container{width:100%;height:0;display:flex;align-items:center;justify-content:center;flex-grow:1}.page-facility-management-main-container>.main-content>.space-info-container{height:100%;width:100%;display:flex;flex-direction:column;position:relative}.page-facility-management-main-container>.main-content>.space-info-container>.space-information-container{display:flex;min-height:40px;align-items:center;gap:4px;max-width:90%;padding:16px}.page-facility-management-main-container>.main-content>.space-info-container>.space-information-container.server-room{border-radius:4px;background-color:#f1f2f1}.page-facility-management-main-container>.main-content>.space-info-container>.space-information-container>.space-information{font-weight:700;display:flex;align-items:center}.page-facility-management-main-container>.main-content>.space-info-container>.space-information-container>.search-list-container{flex-grow:1}.page-facility-management-main-container>.main-content>.space-info-container>.space-information-container>.search-list-container .equipment-lists-search{display:flex;flex-direction:column;gap:8px;max-width:217px}.page-facility-management-main-container>.main-content>.space-info-container>.space-information-container>.search-list-container .equipment-lists-search.hidden{display:none}.page-facility-management-main-container>.main-content>.space-info-container>.space-information-container .info-button{justify-self:flex-end}.page-facility-management-main-container>.main-content>.space-info-container .facility-equipment-card{top:16px;height:calc(100% - 16px)}.page-facility-management-main-container>.main-content>.space-info-container .facility-equipment-card .cabinet-detail-button{width:100%}.page-facility-management-main-container>.main-content>.space-info-container .facility-equipment-card .uninstalled-description{color:#a6a6a6;font-weight:700}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container{width:100%;position:relative;display:flex;flex-direction:column;flex-grow:1;height:0}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container>.floor-plan-image-container{width:calc(100% - 48px);height:0;display:flex;align-items:center;justify-content:center;flex-grow:1}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .state-circle-container{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .state-circle-container .state{border-radius:99px;border:4px solid #fff;height:25px;min-height:25px;width:25px;max-width:25px;cursor:default;box-shadow:0 3px 10px rgba(34,38,38,.5)}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .state-circle-container .state.emergency{background-color:#d70000}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .state-circle-container .state.warning{background-color:#ffa000}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .state-circle-container .state.normal{background-color:#26aca1}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .state-circle-container .state.disconnection{background-color:#d1d1d1}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .unInstalled{display:flex;align-items:center}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .unInstalled .square{height:25px;width:25px;background-color:#7b8493;border:2px solid #fff;box-shadow:0 3px 10px rgba(34,38,38,.5)}.page-facility-management-main-container>.main-content>.space-info-container .child-space-floor-plan-container .state-example .unInstalled .label{cursor:default;-webkit-user-select:none;user-select:none}.page-facility-management-main-container .floor-plan-image-container{position:relative;height:100%;width:100%}.page-facility-management-main-container .floor-plan-image-container>img{width:100%;object-fit:contain;height:100%}.page-facility-management-main-container .floor-plan-image-container>.points-container{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.page-facility-management-main-container .floor-plan-image-container>.points-container>.points{position:absolute;z-index:8}.page-facility-management-main-container .floor-plan-image-container>.points-container>.points.hidden{display:none}.page-facility-management-main-container .floor-plan-image-container>.points-container>.points>.errorIcon{position:absolute;top:0;right:0;height:17px;width:17px;display:flex;align-items:center;border-radius:99px;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.5)}.page-facility-management-space-information-popover .space-information-form>.space-information-card{min-width:400px;width:400px;min-height:200px;display:flex;flex-direction:column}.page-facility-management-space-information-popover .space-information-form>.space-information-card .title{display:flex;align-items:center;justify-content:space-between;background-color:#fff;font-weight:700;border-bottom:4px solid #e5e5e5}.page-facility-management-space-information-popover .space-information-form>.space-information-card .edit-action{display:flex;gap:8px}.page-facility-management-space-information-popover .space-information-form>.space-information-card>.content-container{font-weight:700;display:flex;flex-direction:column;gap:16px;padding:0 24px 16px;flex-grow:1}.page-facility-management-space-information-popover .space-information-form>.space-information-card>.content-container .content{flex:1;display:flex;align-items:center;min-height:44px}.page-facility-management-space-information-popover .space-information-form>.space-information-card>.content-container .content>.name-content-title{min-width:60px}.page-facility-management-space-information-popover .space-information-form>.space-information-card>.content-container .content>.name-edit-content{flex-grow:1}.page-facility-management-space-information-popover .space-information-form>.space-information-card>.content-container .content>.area-edit-content{min-width:60px}.page-facility-management-space-information-popover .space-information-form>.space-information-card>.content-container .content>.area-unit{margin-left:.5rem}.page-facility-management-space-information-popover .space-information-form>.space-information-card>.content-container .content>.type-edit-content{flex-grow:1}.page-facility-management-space-information-popover .space-information-form .space-info-input{line-height:unset;min-height:30px}.page-facility-energy-performance{width:100%;height:100%;display:flex;flex-direction:column}.page-facility-energy-performance>.header{font-size:20px;font-weight:700;padding:32px}.page-facility-energy-performance>.main-content{flex-grow:1;padding:0 32px 32px;height:0}.page-facility-energy-performance>.main-content>.plan-card-container{height:100%;width:100%;position:relative}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list{position:absolute;height:100%;width:912px;min-width:912px;flex-grow:1;display:flex;flex-direction:column;gap:16px}@media screen and (max-width:1000px){.page-facility-energy-performance>.main-content>.plan-card-container>.space-list{width:100%;min-width:unset}}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.site-indicators-button{width:-webkit-min-content;width:min-content}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card{padding:24px;display:flex;flex-direction:column;gap:32px;flex-grow:1}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card>.title{font-weight:700}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card>.actions{display:flex;gap:8px;flex-wrap:wrap}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card>.list-table{flex-grow:1;height:0}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card>.list-table .table-container{overflow:hidden}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card>.list-table .table-container .table-header{background-color:#f1f2f1}.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card>.list-table .table-container .table-row.selected,.page-facility-energy-performance>.main-content>.plan-card-container>.space-list>.space-list-card>.list-table .table-container .table-row:hover{cursor:pointer;background-color:#effcfa}.page-facility-energy-performance>.main-content>.plan-card-container>.card-view .detail-button-div{text-align:center;margin-top:24px}.page-facility-energy-performance>.main-content>.plan-card-container>.card-view .detail-button-div>.detail-button{width:200px}.page-facility-energy-performance-detail{width:100%;height:100%;display:flex;flex-direction:column}.page-facility-energy-performance-detail .header-container{padding:16px 24px;display:flex;align-items:center;gap:8px}.page-facility-energy-performance-detail .header-container svg{height:30px;width:30px}.page-facility-energy-performance-detail .header-container>.path{font-weight:700}.page-facility-energy-performance-detail .main-content-scroll-bar{flex-grow:1}.page-facility-energy-performance-detail .main-content{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.page-facility-energy-performance-detail .main-content>.first-block{display:flex;align-items:stretch;gap:24px;flex-wrap:wrap}.page-facility-energy-performance-detail .main-content>.first-block .detail-block{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid #e5e5e5;border-radius:8px;flex:1;min-width:600px}@media screen and (max-width:768px){.page-facility-energy-performance-detail .main-content>.first-block .detail-block{min-width:100%}}.page-facility-energy-performance-detail .main-content>.first-block .detail-block .value-container{display:flex;gap:16px}.page-facility-energy-performance-detail .main-content>.first-block .detail-block .value-container>.name,.page-facility-energy-performance-detail .main-content>.first-block .detail-block .value-container>.value{font-weight:700}.page-facility-energy-performance-detail .main-content>.first-block .detail-block .value-container>.value.grey{color:#a6a6a6}.page-facility-energy-performance-detail .main-content>.first-block .total-power-block{display:flex;flex-direction:column;gap:16px 24px;padding:24px;border:1px solid #e5e5e5;justify-content:center;border-radius:8px;flex:1;min-width:600px}@media screen and (max-width:768px){.page-facility-energy-performance-detail .main-content>.first-block .total-power-block{min-width:100%}}.page-facility-energy-performance-detail .main-content>.first-block .total-power-block .title-container{display:flex;align-items:center;gap:8px}.page-facility-energy-performance-detail .main-content>.first-block .total-power-block .title-container>.title{font-weight:700}.page-facility-energy-performance-detail .main-content>.first-block .total-power-block .title-container>.sub-title{font-size:12px}.page-facility-energy-performance-detail .main-content>.first-block .total-power-block .value-container{display:flex;align-items:center;gap:8px}.page-facility-energy-performance-detail .main-content>.first-block .total-power-block .value-container>.value{font-size:26px;color:#26aca1}.page-facility-energy-performance-detail .main-content>.first-block .total-power-block .value-container>.unit{font-size:16;color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.consumption{display:flex;flex-direction:column;gap:38px}.page-facility-energy-performance-detail .main-content .second-block>.consumption>.title{font-weight:700}.page-facility-energy-performance-detail .main-content .second-block>.consumption .chart-card{padding:32px}.page-facility-energy-performance-detail .main-content .second-block>.consumption .chart-card .no-data{height:100%}.page-facility-energy-performance-detail .main-content .second-block>.consumption .chart-card .highcharts-title{width:100%!important;left:0!important}.page-facility-energy-performance-detail .main-content .second-block>.consumption .chart-card.space-distribution{flex:1}.page-facility-energy-performance-detail .main-content .second-block>.consumption .chart-card>.title{font-weight:700;margin-bottom:32px}.page-facility-energy-performance-detail .main-content .second-block>.consumption .chart-card .chart{flex-grow:1}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container{display:flex;gap:16px;align-items:stretch}@media screen and (max-width:768px){.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container{flex-direction:column}}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card{flex:1;padding:24px;background-color:#f1f2f1;display:flex;flex-direction:column;gap:16px;min-height:400px}@media screen and (max-width:768px){.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card{min-width:100%}}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card>.title-container{display:flex;font-weight:700}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card>.value-container{display:flex;flex-grow:1;border-bottom:1px solid #e5e5e5;align-items:center;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card>.value-container>.year{font-size:14px;flex-grow:1}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card>.value-container>.value{font-weight:700;color:#26aca1}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card>.value-container>.value.no-value{color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card>.value-container>.sub-unit{font-size:12px;color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.consumption .past-five-container>.past-five-consumption-card>.value-container svg{height:24px;width:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel{width:100%}.page-facility-energy-performance-detail .main-content .second-block>.data-panel>.tabs-container{border-bottom:1px solid #e5e5e5}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time{display:flex;flex-direction:column;gap:32px;padding-top:32px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail{display:flex;flex-wrap:wrap;align-items:stretch;gap:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block{display:flex;flex-direction:column;gap:16px;flex:1;background-color:#f1f2f1;border-radius:8px;padding:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.title-container{display:flex;align-items:center;font-weight:700;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.title-container svg{height:19px;width:19px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.value-container{display:flex;border-bottom:1px solid #e5e5e5;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.value-container>.name{font-weight:700;flex-grow:1}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.value-container>.value{font-weight:700;color:#26aca1}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.value-container>.value.no-value{color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.value-container>.icon.not-show{opacity:0;-webkit-user-select:none;user-select:none}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.performance-detail .detail-block>.value-container>.icon svg{height:24px;width:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.chart-container>.title{font-weight:700;margin-bottom:32px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.chart-container>.chart-card{min-height:400px;padding:32px 24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.chart-container>.chart-card .no-data{height:100%}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .real-time>.chart-container>.chart-card .highcharts-title{width:100%!important;left:0!important}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history{display:flex;flex-direction:column;gap:32px;padding-top:32px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail{display:flex}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block{display:flex;flex-direction:column;gap:16px;flex:1;background-color:#f1f2f1;border-radius:8px;padding:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block.max-w{max-width:600px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.title-container{display:flex;align-items:center;gap:8px;justify-content:space-between}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.title-container>.title{font-weight:700}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.value-container{display:flex;border-bottom:1px solid #e5e5e5;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.value-container>.name{font-weight:700;flex-grow:1}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.value-container>.value{font-weight:700;color:#26aca1}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.value-container>.value.no-value{color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.value-container>.sub-unit{font-size:12px;color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.performance-detail .detail-block>.value-container svg{height:24px;width:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison{display:flex;flex-direction:column;gap:32px;padding-bottom:32px;border-bottom:1px solid #e5e5e5}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison>.title-container{display:flex;align-items:center;font-weight:700;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison>.title-container svg{height:19px;width:19px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison>.title{font-weight:700}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison .chart-card{padding:32px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison .chart-card .no-data{height:100%}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison .chart-card .highcharts-title{width:100%!important;left:0!important}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison .chart-card>.title-container{display:flex;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison .chart-card>.title-container>.title{font-weight:700}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.comparison .chart-card>.title-container>.sub-title{font-size:12px;color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes{padding-bottom:32px;border-bottom:1px solid #e5e5e5}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.title{font-weight:700;margin-bottom:32px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container{display:flex;gap:24px;flex-wrap:wrap}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card{flex:1;min-width:600px;padding:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card .no-data{height:100%}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card .highcharts-title{width:100%!important;left:0!important}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card.EUI-edit{background-color:#f1f2f1;display:flex;flex-direction:column;gap:16px}@media screen and (max-width:768px){.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card{min-width:100%}}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.title-container{display:flex;align-items:center;font-weight:700;margin-bottom:32px;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.title-container svg{height:19px;width:19px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.value-container{display:flex;border-bottom:1px solid #e5e5e5;align-items:center;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.value-container>.year{font-size:14px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.value-container>.name{font-weight:700;flex-grow:1}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.value-container>.value{font-weight:700;color:#26aca1}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.value-container>.value.no-value{color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.value-container>.sub-unit{font-size:12px;color:#a6a6a6}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.EUI-DUI-changes>.chart-card-container .chart-card>.value-container svg{height:24px;width:24px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.trend>.chart-card-container{display:flex;flex-direction:column;gap:32px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.trend>.chart-card-container .chart-card{padding:32px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.trend>.chart-card-container .chart-card .no-data{height:100%}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.trend>.chart-card-container .chart-card .highcharts-title{width:100%!important;left:0!important}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.trend>.chart-card-container .chart-card>.title-container{display:flex;align-items:center;font-weight:700;margin-bottom:32px;gap:8px}.page-facility-energy-performance-detail .main-content .second-block>.data-panel .history>.trend>.chart-card-container .chart-card>.title-container>.sub-title{font-size:16px}.indicator-advice{padding:16px;border:1px solid #e5e5e5;background-color:#effcfa;border-radius:8px}.indicator-advice ol{list-style:decimal;padding-left:20px}.indicator-advice li{margin-bottom:8px}.indicator-advice>.title{font-weight:700;font-size:20px;margin-bottom:8px}.indicator-advice>.detail-advice{font-size:16px;line-height:24px}.page-cabinet{height:100%;width:100%;display:flex;flex-direction:column;gap:16px}.page-cabinet .page-cabinet-scrollbar{flex-grow:1;height:0;position:relative}.page-cabinet .page-cabinet-card-block-container{position:relative;overflow:hidden;padding:0 32px 32px}.page-cabinet .equipment-card-container{position:absolute;right:0;top:0}.page-cabinet .equipment-card-container .cabinet-fixed{position:fixed;height:75vh}@media screen and (max-width:768px){.page-cabinet .equipment-card-container .cabinet-fixed{width:80vw;right:16px;max-width:unset;min-width:unset}}.page-cabinet .page-cabinet-breadcrumb{padding:16px 32px 0;font-weight:700;display:flex;gap:8px;align-items:center;font-size:16px}.page-cabinet .page-cabinet-content{display:flex;flex-direction:column;gap:16px}.page-cabinet .page-cabinet-content .state-container{display:flex;gap:16px}@media screen and (max-width:992px){.page-cabinet .page-cabinet-content .state-container{flex-direction:column}}.page-cabinet .page-cabinet-content .state-container .state-block-card{max-width:568px;flex:1 1;padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f1f2f1}.page-cabinet .page-cabinet-content .state-container .state-block-card .title{font-weight:700;font-size:16px}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block{display:flex;flex-direction:column;gap:4px}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container{display:flex;align-items:center;gap:4px;width:50%}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container.sm{width:unset}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container.chip{gap:16px}@media screen and (max-width:600px){.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container{width:100%}}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container .icon{width:24px;height:24px}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container .name{font-weight:700;flex-grow:1}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container .name.value{color:#a6a6a6}.page-cabinet .page-cabinet-content .state-container .state-block-card .value-block .value-container .name.occurred-at{color:#a6a6a6;font-size:14px}.page-cabinet .page-cabinet-content .state-container .state-block-card .cabinet-chip{width:72px;height:31px;display:flex;align-items:center;justify-content:center;font-size:16px;padding:8px}.page-cabinet .page-cabinet-content .server-list-card{padding:24px;min-height:400px}.page-cabinet .page-cabinet-content .server-list-card .server-list-container{display:flex;gap:10px;flex-wrap:wrap}.page-cabinet .page-cabinet-content .server-list-card .channel-loading{min-height:300px}.page-cabinet .page-cabinet-content .server-list-card .server-item{padding:4px 16px;width:100%;max-width:266px;border-radius:8px;height:32px;display:flex;align-items:center}.page-cabinet .page-cabinet-content .server-list-card .server-item.active{background-color:#def3f1}.page-facility-overview{height:100%;width:100%;display:flex;flex-direction:column;gap:16px}.page-facility-overview>.facility-overview-space{flex-grow:1;height:0;overflow-x:hidden;display:flex;flex-direction:column;gap:16px}.page-facility-overview>.facility-overview-space>.select-controller{display:flex;gap:16px;align-items:center;padding:0 8px}.page-facility-overview>.facility-overview-space .scroll-bar{flex-grow:1;padding:16px 16px 16px 8px}.page-facility-overview>.facility-overview-space .list-table{width:100%;padding:32px 24px}.page-facility-overview>.facility-overview-space .list-table .overflow-table{width:100%;height:100%}.page-facility-overview>.facility-overview-space .list-table .overflow-table table{width:100%;min-width:768px}.page-facility-overview>.facility-overview-space .list-table .overflow-table table thead{background-color:#f1f2f1;line-height:40px}.page-facility-overview>.facility-overview-space .list-table .overflow-table table td{border-bottom:1px solid #e5e5e5}.page-facility-overview>.facility-overview-space .list-table .overflow-table table tr td:first-child{padding:0 8px}.page-facility-overview>.facility-overview-space .list-table .overflow-table table tbody tr:hover{background-color:#c9eae7}.page-facility-overview>.facility-overview-space .list-table .overflow-table table tbody td{line-height:48px}.page-facility-overview>.facility-overview-space .list-table .overflow-table table tbody td.no-data{text-align:center;height:48px}.page-facility-overview>.facility-overview-space .list-table .overflow-table table tbody td.icon-td span{display:flex;align-items:center;gap:4px}.page-facility-overview>.facility-overview-space .list-table .pagination{margin-top:16px;padding:unset;justify-content:flex-end}.page-facility-energy-performance-detail-new{display:flex;flex-direction:column;gap:32px;width:100%;height:100%;box-sizing:border-box;padding:32px 0 0 32px}.page-facility-energy-performance-detail-new .header-container{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;line-height:30px}.page-facility-energy-performance-detail-new .header-container svg{height:30px;width:30px}.page-facility-energy-performance-detail-new .header-container>.path{font-weight:700}.page-facility-energy-performance-detail-new .scroll-container{display:flex;flex-direction:column;padding:0 32px;gap:32px;width:100%}.page-facility-energy-performance-detail-new .detail-container,.page-facility-energy-performance-detail-new .main-container{display:flex;flex-direction:column;gap:32px}.page-facility-energy-performance-detail-new .info-container{display:flex;flex-direction:row;gap:24px}.page-facility-energy-performance-detail-new .indicator-info-title{display:flex;align-items:center;gap:8px}.page-facility-energy-performance-detail-new .indicator-info-title-title{font-size:16px;font-weight:700;line-height:24px}.page-facility-energy-performance-detail-new .indicator-info-title svg{width:19px;height:19px}.indicator-info-popover-text-list{display:flex;flex-direction:column;gap:8px;width:288px;margin:16px;min-height:120px;list-style:disc;padding-left:24px;line-height:24px}.saving-target-config-card{background:#f1f2f1;border-radius:8px;padding:24px;font-weight:700;font-size:16px;display:flex;flex-direction:column;gap:8px;flex:444}.saving-target-config-title{font-size:16px;font-weight:700;line-height:24px}.saving-target-config-row{display:flex;gap:16px;width:100%}.saving-target-config-col{flex:1 0 0;min-width:180px}.saving-target-config-section{background:transparent;border-radius:8px;padding:8px;width:100%}.saving-target-config-header{display:flex;align-items:center;justify-content:space-between;width:100%}.saving-target-config-name{font-size:16px;font-weight:700;line-height:24px}.saving-target-config-icon{width:24px;height:24px;object-fit:contain;cursor:pointer}.saving-target-config-divider{margin-top:4px;width:100%;border:none;border-top:1px solid #e5e5e5;background:#f1f2f1;height:.5px}.indicator-prediction-card{background:#f1f2f1;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:16px;flex:756}.indicator-prediction-card svg{width:19px;height:19px}.indicator-prediction-card-header{display:flex;align-items:center;gap:8px}.indicator-prediction-card-header-title{font-size:16px;font-weight:700}.indicator-prediction-card-metric{display:flex;flex-wrap:wrap;gap:16px;width:100%}.indicator-prediction-card-metric-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);padding:16px;min-width:180px;display:flex;flex-direction:column;flex:1 0 0;gap:32px}.indicator-prediction-card-metric-label{font-size:16px;font-weight:700;color:#222626;line-height:24px}.indicator-prediction-card-metric-value-row{display:flex;align-items:center;gap:8px}.indicator-prediction-card-metric-value{font-size:26px;font-weight:700;line-height:39px}.indicator-prediction-card-metric-value-gray{color:#a6a6a6}.indicator-prediction-card-metric-value-teal{color:#26aca1}.indicator-prediction-card-metric-unit{font-size:16px;line-height:24px}.indicator-prediction-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#222626}.indicator-prediction-header-title{font-size:16px;font-weight:700;color:#222626;line-height:24px}.indicator-prediction-header-icon{width:18px;height:18px;object-fit:contain}.energy-saving-target-page{display:flex;flex-direction:column;padding:16px 0}.energy-saving-target-page-first-row{display:flex;flex-direction:row;gap:24px;margin-bottom:32px}.energy-saving-target-page-indicator-info{display:flex;flex-direction:column;gap:16px}.progress-metric-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;width:-webkit-fit-content;width:fit-content;background:#f4f4f5;border-radius:12px;padding:8px}.progress-metric-card{background:#f1f2f1;border-radius:8px;min-width:230px;padding:8px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;font-size:16px}.progress-metric-card-content{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px 0}.progress-metric-card-label{font-size:16px}.progress-metric-card-divider{margin-top:8px;border:none;border-top:1px solid #8390a5;background:#8390a5;min-height:1px;width:100%}.progress-metric-value{display:flex;gap:4px;align-items:center;min-height:24px}.progress-metric-value-number{color:#26aca1;font-weight:400;text-align:center}.progress-metric-value-unit{text-align:right;margin-left:2px}.annual-consumption-chart{display:flex;flex-direction:column;gap:16px}.annual-consumption-chart-title{display:flex;justify-content:space-between;align-items:baseline;width:100%}.annual-consumption-chart-title-text{font-size:16px;font-weight:700}.annual-consumption-chart-title-unit{font-size:12px;color:#a6a6a6;font-weight:700}.page-facility-energy-performance-site-detail-third-comparison{display:flex;flex-direction:column;gap:32px;margin-top:16px;padding-bottom:32px}.page-facility-energy-performance-site-detail-third-comparison-first-row{display:flex;flex-direction:row;gap:24px}.third-saving-target-config-card{background:#f1f2f1;border-radius:8px;padding:24px;font-weight:700;font-size:16px;display:flex;flex-direction:column;gap:8px;flex:596}.third-saving-target-config-title{font-size:16px;font-weight:700;line-height:24px}.third-saving-target-config-row{display:flex;gap:16px;width:100%}.third-saving-target-config-col{flex:1 0 0;min-width:180px}.third-saving-target-config-section{background:transparent;border-radius:8px;padding:8px;width:100%}.third-saving-target-config-header{display:flex;align-items:center;justify-content:space-between;width:100%}.third-saving-target-config-name{font-size:16px;font-weight:700;line-height:24px}.third-saving-target-config-icon{width:24px;height:24px;object-fit:contain;cursor:pointer}.third-saving-target-config-divider{margin-top:4px;width:100%;border:none;border-top:1px solid #e5e5e5;background:#f1f2f1;height:.5px}.unit-area-card{display:flex;flex-direction:column;flex:596;background:#f1f2f1;border-radius:8px;padding:24px;font-weight:700;font-size:16px;gap:16px}.unit-area-header{display:flex;align-items:center;justify-content:space-between;width:100%}.unit-area-title{display:flex;align-items:center;gap:8px}.unit-area-content{display:flex;flex-direction:column;gap:16px}.unit-area-content-item{display:flex;flex-direction:row;gap:8px;padding:8px;border-bottom:1px solid #e5e5e5}.unit-area-content-item-unit{margin-left:auto}.unit-area-content-divider{width:100%;margin-top:4px;background:#e5e5e5;height:.5px}.third-comparison-title{display:flex;align-items:center;gap:8px;font-weight:700}.flex-1{flex:1}.font-bold{font-weight:700}.eui-dui-change-title{margin-bottom:16px;font-weight:700}.eui-dui-change-container{display:flex;gap:24px;width:100%}.eui-dui-change-chart{display:flex;flex-direction:column;gap:32px}.eui-dui-change-chart-title{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-size:16px;font-weight:700}.eui-dui-change-chart-unit{font-size:12px;color:#a6a6a6}.page-facility-energy-performance-space-detail{display:flex;flex-direction:column;gap:16px;margin-top:32px}.space-indicator-info-popover-text{width:320px;padding:16px}.space-consumption-target-card{display:flex;flex-direction:column;padding:24px;gap:16px}.space-consumption-target-card-title{font-size:16px;font-weight:700;line-height:24px}.space-consumption-target-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:24px}.space-consumption-target-card-header-title{font-size:16px;font-weight:700;line-height:24px}.space-consumption-target-card-header-icon{width:24px;height:24px;object-fit:contain}.space-consumption-target-card-divider{margin-top:4px;width:100%;border:1px solid #e5e5e5;background-color:#e5e5e5}.space-consumption-target-card .saving-target-config-card{width:500px;padding:16px}.space-consumption-target-card .saving-target-config-section{padding:0}.total-energy-consumption-container{flex:288;display:flex;flex-direction:column;padding:16px 24px;border-radius:8px;border:1px solid #e5e5e5;background-color:#fff;box-sizing:border-box}.total-energy-consumption-header{display:flex;flex-direction:column;gap:4px;width:100%}.total-energy-consumption-range{font-size:12px;line-height:18px;color:#6b7280}.total-energy-consumption-value-block{display:flex;gap:8px;align-items:center;margin-top:8px;width:100%}.total-energy-consumption-value{font-size:24px;color:#14b8a6;line-height:32px;font-weight:500}.total-energy-consumption-unit{font-size:16px;color:#6b7280;line-height:24px}.total-energy-consumption-carbon{display:flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:fit-content;margin-top:4px;padding:4px;background:#f1f2f1;border:.4px solid #e5e5e5;border-radius:4px;font-size:14px;line-height:21px}.total-energy-consumption-carbon-value{margin-right:4px}.max-demand-container{box-sizing:border-box;display:flex;flex:288;flex-direction:column;align-items:flex-start;padding:16px 24px;gap:8px;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px}.max-demand-area{flex-direction:column;align-items:flex-start;padding:0;gap:18px;width:240px;align-self:stretch}.max-demand-area,.max-demand-title{display:flex;height:24px;flex:none;order:0;flex-grow:0}.max-demand-title{width:144px;font-family:Helvetica Neue;font-style:normal;font-weight:700;font-size:16px;line-height:24px;align-items:center;color:#222626}.max-demand-container-row{align-items:center;padding:0;gap:8px;width:240px;order:1;align-self:stretch}.max-demand-container-row,.max-demand-value-container{display:flex;flex-direction:row;height:39px;flex:none;flex-grow:0}.max-demand-value-container{justify-content:center;align-items:flex-start;padding:0 4px;gap:4px;width:63px;order:0}.max-demand-value{width:55px;height:39px;font-family:Noto Sans TC;font-style:normal;font-weight:700;font-size:26px;line-height:39px;color:#26aca1;flex:none;order:0;flex-grow:0}.max-demand-unit-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;width:144px;min-width:144px;max-width:200px;height:24px;flex:none;order:1;flex-grow:0}.max-demand-unit{width:120px;min-width:120px;height:24px;font-family:Noto Sans TC;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#a6a6a6;flex:none;order:0;flex-grow:0}.site-detail-info{box-sizing:border-box;flex:600;flex-direction:row;padding:16px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.site-detail-info,.site-detail-info-content{display:flex;align-items:flex-start;gap:16px}.site-detail-info-content{position:relative;flex-direction:column;padding:0}.site-detail-info-row{display:flex;flex-direction:row;align-items:baseline;padding:0;gap:8px}.site-detail-info-label{width:48px;height:24px;font-size:16px;font-weight:700}.site-detail-info-value{width:-webkit-fit-content;width:fit-content;height:24px;font-size:16px;font-weight:400;color:#a6a6a6}.site-detail-info-value-bold{width:64px;min-width:40px;font-weight:700}.site-detail-info-edit-btn{margin-left:auto!important;position:absolute;top:16px;right:48px;cursor:pointer;z-index:1}.site-detail-info-unit{width:22px;height:24px;font-family:Noto Sans TC;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#a6a6a6}.site-detail-info-edit{width:24px;height:24px}.consumption-target-and-comparison-title{font-size:16px;font-weight:700}.consumption-edit-dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a6a6a6;padding-bottom:10px;margin-bottom:10px}.consumption-edit-dialog-title{font-weight:700}.consumption-edit-dialog-action{display:flex;gap:16px}.consumption-edit-dialog-sub-title{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #a6a6a6;line-height:125%}.consumption-edit-dialog-sub-title .strong{font-weight:700}.consumption-edit-dialog-content{overflow:auto}.year-consumption-edit-dialog-row{display:flex;gap:1rem;flex-wrap:nowrap}.year-consumption-edit-dialog-row-header{display:flex;align-items:center}.year-consumption-edit-dialog-row-year{width:96px;font-weight:700;font-size:1.25rem;text-align:center}.year-consumption-edit-dialog-row-labels{display:flex;flex-direction:column;justify-content:center;gap:2rem;width:128px;height:100%;border-right:1px solid #e5e5e5;font-weight:700}.year-consumption-edit-dialog-row-label{font-size:.875rem;color:#a6a6a6}.year-consumption-edit-dialog-row-inputs{display:flex;flex-wrap:nowrap;gap:1rem;padding:43px 0}.year-consumption-edit-dialog-row-input-group{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:0 1rem}.year-consumption-edit-dialog-row-month{font-size:.875rem;color:#a6a6a6;text-align:center}.year-consumption-edit-dialog-row input{height:36px;width:88px;text-align:center}.year-max-demand-target-edit-dialog-row{display:flex;gap:1rem;flex-wrap:nowrap;align-items:center;padding:69.5px 0}.year-max-demand-target-edit-dialog-row-input{display:flex;width:160px;height:36px}.year-max-demand-target-edit-dialog-row-unit{font-weight:700;color:#a6a6a6}.years-max-demand-edit-dialog-container{padding:16px;border-radius:8px;border:1px solid #e5e5e5}.years-max-demand-edit-dialog-separator{margin:10px 0;height:1px;width:100%;background-color:#e5e5e5}.years-max-demand-edit-dialog-header-row{display:flex;margin-bottom:14px;height:24px;font-weight:700;font-size:16px;line-height:24px}.years-max-demand-edit-dialog-header-row div{margin-right:36px;width:126px;text-align:center}.years-max-demand-edit-dialog-header-row div:first-child{width:132px;margin-right:16px}.years-max-demand-edit-dialog-header-row div:last-child{margin-right:0}.years-max-demand-edit-dialog-row{display:flex;flex-wrap:nowrap;align-items:center}.years-max-demand-edit-dialog-row-header{display:flex;align-items:center;justify-content:center;height:181px;width:132px;padding-right:4px;border-right:1px solid #e5e5e5}.years-max-demand-edit-dialog-row-labels{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.years-max-demand-edit-dialog-row-label{font-weight:700;font-size:16px;line-height:24px}.years-max-demand-edit-dialog-row-inputs{display:flex;flex-wrap:nowrap;gap:36px;margin-left:16px}.years-max-demand-edit-dialog-row input{height:36px;width:126px;text-align:center}.per-capita-container{box-sizing:border-box;display:flex;flex:288;flex-direction:column;align-items:flex-start;padding:16px 24px;gap:8px;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px}.per-capita-area{flex-direction:column;align-items:flex-start;padding:0;gap:18px;width:240px;align-self:stretch}.per-capita-area,.per-capita-title{display:flex;height:24px;flex:none;order:0;flex-grow:0}.per-capita-title{width:144px;font-family:Helvetica Neue;font-style:normal;font-weight:700;font-size:16px;line-height:24px;align-items:center;color:#222626}.per-capita-container-row{align-items:center;padding:0;gap:8px;width:240px;order:1;align-self:stretch}.per-capita-container-row,.per-capita-value-container{display:flex;flex-direction:row;height:39px;flex:none;flex-grow:0}.per-capita-value-container{justify-content:center;align-items:flex-start;padding:0 4px;gap:4px;order:0}.per-capita-value{height:39px;font-family:Noto Sans TC;font-style:normal;font-weight:700;font-size:26px;line-height:39px;color:#26aca1;flex:none;order:0;flex-grow:0}.per-capita-unit-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;height:24px;flex:none;order:1;flex-grow:0}.per-capita-unit{height:24px;font-family:Noto Sans TC;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#a6a6a6;flex:none;order:0;flex-grow:0}.page-select-organization{padding:16px;height:100%;width:100%}.page-select-organization>.list{height:100%;width:100%;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 0 8px rgba(34,38,38,.15)}.page-select-organization>.list>.list-title{border-bottom:1px solid #222626}.page-select-organization>.list>.list-title .circle-icon{padding-right:.5rem;width:1.875rem;height:1.875rem;color:#26aca1}.page-select-organization>.list>.list-title .title{font-size:1.5rem;line-height:2rem;font-weight:700}.page-select-organization>.list>.list-content{height:0;flex-grow:1}.page-select-organization>.list>.list-content .list-item-button{border-bottom:.5px solid #e5e5e5}.page-select-organization>.list>.list-content .avatar{width:2rem;height:2rem;background-color:#26aca1}.page-space-change{overflow-x:hidden}.page-space-change,.page-space-change .scroll-bar{width:100%;height:100%}.page-space-change .form-container{padding:24px;display:flex;flex-direction:column;gap:16px}.page-space-change .title-container{display:flex;align-items:center;justify-content:space-between}.page-space-change .title-container>.title{font-weight:700}.page-space-change .selects-card{padding:32px 24px 40px}.page-space-change .selects-card>.select-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.page-space-change .selects-card>.select-container .select-block{display:flex;flex-direction:column;gap:8px}.page-space-change .selects-card>.select-container .select-block>.title{font-weight:700}.page-space-change .selects-card>.select-container .select-block>.error{opacity:0}.page-space-change .selects-card>.select-container .select-block>.error.show{opacity:1}.page-space-change .consumption-card-container{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}@media screen and (max-width:1000px){.page-space-change .consumption-card-container{flex-direction:column;flex-wrap:nowrap}}.page-space-change .consumption-card-container>.consumption-list-card{flex:2;padding:24px;display:flex;flex-direction:column;gap:32px;min-height:558px}.page-space-change .consumption-card-container>.consumption-list-card>.title{font-weight:700}.page-space-change .consumption-card-container>.consumption-list-card>.table-container{padding-top:unset;max-height:400px;min-height:400px;overflow:auto;position:relative}.page-space-change .consumption-card-container>.consumption-list-card>.table-container .gray{color:#a6a6a6!important}.page-space-change .consumption-card-container>.chart-and-calculation{flex:1;display:flex;flex-direction:column;gap:16px}.page-space-change .consumption-card-container>.chart-and-calculation>.chart-card{flex-grow:1;min-height:370px;padding:24px 16px}.page-space-change .consumption-card-container>.chart-and-calculation>.chart-card .no-data{height:100%;display:flex;align-items:center;justify-content:center}.page-space-change .consumption-card-container>.chart-and-calculation>.chart-card .chart{height:100%}.page-space-change .consumption-card-container>.chart-and-calculation>.calculation-card{padding:32px;display:flex;flex-direction:column;gap:16px}.page-space-change .consumption-card-container>.chart-and-calculation>.calculation-card>.first-block>.title{font-weight:700;margin-bottom:16px}.page-space-change .consumption-card-container>.chart-and-calculation>.calculation-card>.first-block>.input-container{display:flex;align-items:center;gap:4px}.page-space-change .consumption-card-container>.chart-and-calculation>.calculation-card>.first-block>.input-container>.number-input{width:128px;height:28px}.page-space-change .consumption-card-container>.chart-and-calculation>.calculation-card>.formula{gap:4px;display:flex;flex-wrap:wrap;font-weight:700;align-items:center}.page-space-change .consumption-card-container>.chart-and-calculation>.calculation-card>.formula.normal{font-weight:400}.page-space-change-pdf-container{height:0;width:0;display:none}.page-space-change-pdf-container>.pdf{height:100%;min-width:595pt}.page-space-change-pdf-container>.pdf>.title{font-size:large;font-weight:700}.page-space-change-pdf-container>.pdf>.text{margin-bottom:16px;font-size:.75rem;line-height:1rem}.page-space-change-pdf-container>.pdf>.chart-and-list{display:flex;flex-direction:column;gap:16px}.page-equipment-change{overflow-x:hidden;width:100%;height:100%}.page-equipment-change .scroll-bar{height:100%;width:100%}.page-equipment-change .form-container{padding:24px;display:flex;flex-direction:column;gap:16px}.page-equipment-change .title-container{display:flex;align-items:center;justify-content:space-between}.page-equipment-change .title-container>.title{font-weight:700}.page-equipment-change .selects-card{padding:32px 24px 40px}.page-equipment-change .selects-card>.select-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.page-equipment-change .selects-card>.select-container .select-block{display:flex;flex-direction:column;gap:8px}.page-equipment-change .selects-card>.select-container .select-block>.title{font-weight:700}.page-equipment-change .selects-card>.select-container .select-block>.error{opacity:0}.page-equipment-change .selects-card>.select-container .select-block>.error.show{opacity:1}.page-equipment-change .daily-consumption-chip{background-color:#26aca1;width:-webkit-max-content;width:max-content;padding:8px 32px;border-radius:4px;color:#fff;font-size:14px;font-weight:400}.page-equipment-change .consumption-card-container{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}@media screen and (max-width:1000px){.page-equipment-change .consumption-card-container{flex-direction:column;flex-wrap:nowrap}}.page-equipment-change .consumption-card-container .consumption-list-card{flex:2;padding:24px;display:flex;flex-direction:column;gap:32px;min-height:558px}.page-equipment-change .consumption-card-container .consumption-list-card>.title{font-weight:700}.page-equipment-change .consumption-card-container .consumption-list-card>.table-container{padding-top:unset;max-height:400px;min-height:400px;overflow:auto;position:relative}.page-equipment-change .consumption-card-container .consumption-list-card>.table-container .gray{color:#a6a6a6!important}.page-equipment-change .consumption-card-container .chart-and-calculation{flex:1;display:flex;flex-direction:column;gap:16px}.page-equipment-change .consumption-card-container .chart-and-calculation>.chart-card{flex-grow:1;min-height:370px;max-height:370px;padding:24px 16px}.page-equipment-change .consumption-card-container .chart-and-calculation>.chart-card .no-data{height:100%;display:flex;align-items:center;justify-content:center}.page-equipment-change .consumption-card-container .chart-and-calculation>.chart-card .chart{height:100%}.page-equipment-change .consumption-card-container .chart-and-calculation>.calculation-card{padding:32px;display:flex;flex-direction:column;gap:16px}.page-equipment-change .consumption-card-container .chart-and-calculation>.calculation-card>.first-block>.title{font-weight:700;margin-bottom:16px}.page-equipment-change .consumption-card-container .chart-and-calculation>.calculation-card>.first-block>.input-container{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.page-equipment-change .consumption-card-container .chart-and-calculation>.calculation-card>.first-block>.input-container>.number-input{width:128px;height:28px}.page-equipment-change .consumption-card-container .chart-and-calculation>.calculation-card>.formula{gap:4px;display:flex;flex-wrap:wrap;font-weight:700;align-items:center}.page-equipment-change .consumption-card-container .chart-and-calculation>.calculation-card>.formula.normal{font-weight:400}.page-equipment-change-pdf{height:0;width:0;display:none}.page-equipment-change-pdf>.pdf{height:100%;min-width:595pt}.page-equipment-change-pdf>.pdf>.title{font-size:large;font-weight:700}.page-equipment-change-pdf>.pdf>.text{margin-bottom:16px;font-size:.75rem;line-height:1rem}.page-equipment-change-pdf>.pdf>.chart-and-list{display:flex;flex-direction:column;gap:16px}.page-equipment-change-pdf>.pdf>.chart-and-list>.consumption-list-card{padding:32px}.page-global-error{height:100%;width:100%}.page-global-error,.page-global-error>.content{display:flex;flex-direction:column;gap:32px;align-items:center}.page-global-error>.content{flex-grow:1;justify-content:center}.page-global-error>.content>.description{font-size:20px;font-weight:700}:export{xl:1200px;lg:992px;md:768px;sm:600px}.page-signin{height:100%;background-image:url(/_next/static/media/login-bg.0e4daa1c.jpg);background-position:0;background-size:auto 100%;background-repeat:no-repeat;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:8.49vw}@media screen and (max-width:600px){.page-signin{background-image:url(/_next/static/media/login-bg-s.1cd4d1f7.jpg);background-size:100% 100%;align-items:center;padding:0 30px}}.page-signin>.content-wrap{width:460px;max-width:100%}@media screen and (max-width:600px){.page-signin>.content-wrap{width:100%}}.page-signin>.content-wrap>.logo-wrap{text-align:center}.page-signin>.content-wrap>.logo-wrap img{display:inline-block}@media screen and (max-width:600px){.page-signin>.content-wrap>.logo-wrap{display:none}}.page-signin>.content-wrap>.form-wrap{margin-top:30px;box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:16px;padding:36px 50px;background-color:#fff;height:400px;min-height:400px}.page-signin>.content-wrap>.form-wrap.two-FA{padding:unset}@media screen and (max-width:600px){.page-signin>.content-wrap>.form-wrap{padding:24px;margin-top:0}}.page-signin>.content-wrap>.form-wrap>.title{text-align:center;font-size:26px;font-weight:700}@media screen and (max-width:600px){.page-signin>.content-wrap>.form-wrap>.title{font-size:22px}}.page-signin>.content-wrap>.form-wrap>.sub-title{text-align:center;font-size:18px;margin-top:16px}@media screen and (max-width:600px){.page-signin>.content-wrap>.form-wrap>.sub-title{font-size:16px}}.page-signin>.content-wrap>.form-wrap>.form{padding:24px;display:flex;flex-direction:column;gap:24px;height:100%}.page-signin>.content-wrap>.form-wrap>.form .warning-wrap{display:flex;justify-content:center;opacity:0}.page-signin>.content-wrap>.form-wrap>.form .warning-wrap.incorrect{opacity:1}.page-signin>.content-wrap>.form-wrap>.form .warning-wrap>.icon{width:17px;height:17px;margin-right:4px}.page-signin>.content-wrap>.form-wrap>.form .warning-wrap>.icon img{display:block;width:100%}.page-signin>.content-wrap>.form-wrap>.form .warning-wrap>.text{line-height:17px;font-size:14px;color:#d70000}.page-signin>.content-wrap>.form-wrap>.form>.inputs-container{display:flex;flex-direction:column;gap:24px}.page-signin>.content-wrap>.form-wrap>.form .input-group{margin:unset;display:flex;flex-direction:column;gap:8px}.page-signin>.content-wrap>.form-wrap>.form .input-group>.label{font-size:15px}@media screen and (max-width:600px){.page-signin>.content-wrap>.form-wrap>.form .input-group>.label{font-size:13px}}.page-signin>.content-wrap>.form-wrap>.form .input-group>.input-wrap{position:relative}.page-signin>.content-wrap>.form-wrap>.form .input-group>.input-wrap>.email{width:100%}.page-signin>.content-wrap>.form-wrap>.form .input-group>.input-wrap>.icon{position:absolute;width:34px;height:34px;padding:7px;right:1px;top:1px}.page-signin>.content-wrap>.form-wrap>.form .input-group>.input-wrap>.icon.clickable{cursor:pointer}.page-signin>.content-wrap>.form-wrap>.form .input-group>.input-wrap>.icon img{display:block;width:20px}.page-signin>.content-wrap>.form-wrap>.form>.button-wrap{display:flex;justify-content:center;align-items:center;flex-grow:1}.page-signin>.content-wrap>.form-wrap>.form>.button-wrap>.signin-button{width:100%}.page-signin>.content-wrap>.form-wrap>.form>.link-wrap{display:flex;justify-content:center;margin-top:16px}@media screen and (max-width:600px){.page-signin>.content-wrap>.form-wrap>.form>.link-wrap{font-size:13px}}.page-signin>.content-wrap>.form-wrap>.form>.link-wrap .back-link{text-decoration:none;color:#a6a6a6}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA{display:flex;flex-direction:column;height:100%}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.title-container{display:flex;gap:8px;align-items:center;padding:17px 0 18px 10px;border-bottom:1px solid #e5e5e5}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container{flex-grow:1;display:flex;flex-direction:column;border-bottom:1px solid #e5e5e5;padding:18px 36px;justify-content:space-between}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.success-content{display:flex;flex-direction:column;gap:4px;align-items:center;margin:auto}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.fail-content{display:flex;flex-direction:column;flex-grow:1}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.fail-content .description{flex-grow:1;color:#d70000}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.fail-content .countdown{color:#a6a6a6}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container .auth-boxes-container{display:flex;gap:8px;justify-content:space-evenly}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.first-block{display:flex;flex-direction:column;gap:16px}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.first-block>.sending-description{text-align:center}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.first-block>.sending-description>.email{color:#a6a6a6}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.first-block>.remember-checkbox{display:flex;gap:4px}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.first-block>.remember-checkbox label{-webkit-user-select:none;user-select:none}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.text-button-container{display:flex;align-items:center;justify-content:space-between}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.content-container>.text-button-container span:first-child{color:#a6a6a6}.page-signin>.content-wrap>.form-wrap .content-wrap-two-FA>.actions-container{padding:12px 22px 12px 0;display:flex;gap:16px;margin-left:auto}.page-signin #LanguageSelector{position:absolute;top:20px;align-self:flex-end}.page-dashboard{height:100%;width:100%}.page-dashboard.with-header{display:flex;flex-direction:column;padding:unset;overflow:hidden}@media screen and (max-width:600px){.page-dashboard{background-size:cover}}.page-dashboard.noAuth{background-image:url(/_next/static/media/no-auth-bg.e819ac41.jpg)}@media screen and (max-width:600px){.page-dashboard.noAuth{background-image:url(/_next/static/media/no-auth-bg-s.5a81702a.jpg)}}.page-dashboard.noSite{background-image:url(/_next/static/media/no-site-bg.b06c8c25.jpg)}@media screen and (max-width:600px){.page-dashboard.noSite{background-image:url(/_next/static/media/no-site-bg-s.6655db66.jpg)}}.page-dashboard .no-role-warning{display:flex;flex-direction:column;justify-content:center;height:100%;padding-left:200px}@media screen and (max-width:600px){.page-dashboard .no-role-warning{padding-left:36px}}.page-dashboard .no-role-warning .t1{font-weight:700;font-size:26px}.page-dashboard .no-role-warning .t2{font-size:18px}.page-dashboard-consumption{display:flex;flex-direction:column;gap:24px;padding:24px}.page-dashboard-consumption.facility-unit{padding:24px}.page-dashboard-consumption>.today-total{display:flex;flex-wrap:wrap;gap:16px}.page-dashboard-consumption>.today-total>.first-block{display:flex;flex-wrap:wrap;gap:20px;align-items:center;flex-grow:1}.page-dashboard-consumption>.today-total .content-block{flex-grow:1;align-self:flex-end}.page-dashboard-consumption>.today-total .content-block>.title-container{display:flex;align-items:center;margin-bottom:8px;gap:8px}.page-dashboard-consumption>.today-total .content-block>.title-container>.title{font-size:1rem;line-height:1.5rem;font-weight:700}.page-dashboard-consumption>.today-total .content-block>.title-container>.time{font-weight:400;font-size:12px;line-height:1.1125rem}.page-dashboard-consumption>.today-total .content-block>.card{display:flex;flex-direction:column;padding:10px 16px;min-height:96px;min-width:205px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;gap:8px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container{display:flex;flex-grow:1;align-items:center}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.icon{width:40px;margin-right:16px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.column-content{display:flex;flex-direction:column;gap:8px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.column-content>.title{font-weight:700;font-size:.875rem}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.column-content>.title-container{display:flex;gap:8px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.column-content>.title-container>.title{font-weight:700;font-size:.875rem}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.column-content>.title-container>.sub-title{color:#a6a6a6;font-size:12px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.column-content>.value-container{font-size:26px;display:flex;align-items:baseline;font-weight:700;gap:8px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.content-container>.column-content>.value-container .unit{font-size:.875rem}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.bottom-content{margin-left:56px}.page-dashboard-consumption>.today-total .content-block>.card>.card-content-container>.bottom-content.not-show{opacity:0}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content{display:flex;gap:8px;height:100%;width:100%;flex-grow:1}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.states-container{display:flex;flex-direction:column;gap:8px;flex-grow:1}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.states-container.normal{justify-content:center;align-items:flex-start;flex-grow:1}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.states-container>.state-block{display:flex;gap:8px}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.states-container>.state-block>.value{max-width:32px;width:32px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.states-container>.state-block>.value.emergency{color:#d70000}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.states-container>.state-block>.value.warning{color:#ffa000}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.states-container>.state-block>.value.disconnection{color:#d1d1d1}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.update-content{display:flex;flex-direction:column;gap:8px;align-self:center;font-size:12px;flex-grow:1;align-items:flex-end}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.update-content>.time-container{color:#a6a6a6;-webkit-user-select:none;user-select:none}.page-dashboard-consumption>.today-total .content-block>.card>.alert-content>.update-content>.more-button{width:-webkit-max-content;width:max-content}.page-dashboard-consumption>.power-analysis>.title-container{display:flex;gap:8px;align-items:center;font-weight:700;margin-bottom:8px}.page-dashboard-consumption>.power-analysis>.title-container>.title{font-weight:700}.page-dashboard-consumption>.power-analysis>.title-container>.time{font-weight:400;font-size:12px}.page-dashboard-consumption>.power-analysis>.content-container{display:flex;flex-wrap:wrap;gap:8px}.page-dashboard-consumption>.power-analysis .content-block{max-height:400px;height:400px;min-width:334px;flex:1}.page-dashboard-consumption>.power-analysis .content-block.with-margin-bottom{margin-bottom:16px}.page-dashboard-consumption>.power-analysis .content-block>.chart-card{height:100%;width:100%;padding:16px;display:flex;flex-direction:column}.page-dashboard-consumption>.power-analysis .content-block>.chart-card>.title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.page-dashboard-consumption>.power-analysis .content-block>.chart-card>.title-container>.first-title{display:flex;gap:8px}.page-dashboard-consumption>.power-analysis .content-block>.chart-card>.title-container>.first-title>.title{font-weight:700}.page-dashboard-consumption>.power-analysis .content-block>.chart-card>.title-container>.first-title>.sub-title{color:#a6a6a6}.page-dashboard-consumption>.power-analysis .content-block>.chart-card>.title-container>.second-title{color:#a6a6a6;font-size:12px}.page-dashboard-consumption>.power-analysis .content-block>.chart-card>.chart{flex-grow:1;height:0}.page-dashboard-server-room{padding:24px;display:flex;flex-direction:column;gap:16px}.page-dashboard-server-room .content-container{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch}.page-dashboard-server-room .content-container .today-total-card{padding:24px;display:flex;flex-direction:column;gap:16px;min-width:268px}.page-dashboard-server-room .content-container .today-total-card .data-col{display:flex;flex-direction:column;gap:8px}.page-dashboard-server-room .content-container .today-total-card .data-col .title{font-weight:700}.page-dashboard-server-room .content-container .today-total-card .data-col .value-row{display:flex;justify-content:space-between}.page-dashboard-server-room .content-container .today-total-card .data-col .value{font-weight:700;color:#a6a6a6}.page-dashboard-server-room .content-container .today-total-card .data-col .value.small{font-size:12px}.page-dashboard-server-room .title-container{display:flex;align-items:center;gap:8px}.page-dashboard-server-room .title-container>.title{font-size:1rem;line-height:1.5rem;font-weight:700}.page-dashboard-server-room .title-container>.time{font-weight:400;font-size:12px;line-height:1.1125rem}.page-dashboard-server-room .real-time-card{padding:24px;display:flex;flex-direction:column;gap:32px;flex-grow:1}.page-dashboard-server-room .real-time-card>.title-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.page-dashboard-server-room .real-time-card>.title-container>.title{font-weight:700;font-size:14px}.page-dashboard-server-room .real-time-card>.card-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(282px,1fr));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:16px;min-height:354px}.page-dashboard-server-room .real-time-card>.card-content.height-block{display:flex}.page-dashboard-server-room .real-time-card>.card-content.is-loading{display:block}.page-dashboard-server-room .real-time-card>.card-content .wrap-loading{height:unset}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card{min-width:209px;height:182px;min-height:182px;padding:32px 16px 16px;display:flex;flex-direction:column;gap:8px}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .title-container{display:flex;justify-content:space-between;align-items:center}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .sub-title,.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .title-container .title{font-weight:700}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .divider{background-color:#e5e5e5;min-height:2px;width:100%}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .value-container{display:flex;gap:8px}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .value-container .name{flex-grow:1;font-weight:700}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .value-container .value{color:#a6a6a6;flex-grow:1;font-weight:700}.page-dashboard-server-room .real-time-card>.card-content .server-room-state-card .value-container .value.small{flex-grow:0}.page-dashboard-server-room .real-time-card .pagination{padding:unset;justify-content:center}.page-dashboard-hydroelectricity{display:flex;flex-direction:column;gap:24px;padding:24px}.page-dashboard-hydroelectricity.facility-unit{padding:24px}.page-dashboard-hydroelectricity>.today-total{display:flex;flex-wrap:wrap;gap:16px}.page-dashboard-hydroelectricity>.today-total>.first-block{display:flex;gap:20px;flex-wrap:wrap;flex-grow:1}@media screen and (max-width:768px){.page-dashboard-hydroelectricity>.today-total>.first-block{flex-direction:column}}.page-dashboard-hydroelectricity>.today-total>.first-block>.statistics{display:flex;flex-direction:column;gap:16px;flex-grow:1}.page-dashboard-hydroelectricity>.today-total>.first-block>.statistics>.title-container{display:flex;align-items:center;gap:8px}.page-dashboard-hydroelectricity>.today-total>.first-block>.statistics>.title-container>.title{font-size:1rem;line-height:1.5rem;font-weight:700}.page-dashboard-hydroelectricity>.today-total>.first-block>.statistics>.title-container>.time{font-weight:400;font-size:12px;line-height:1.1125rem}.page-dashboard-hydroelectricity>.today-total>.first-block>.statistics>.consumption-and-peak{display:flex;gap:16px}@media screen and (max-width:600px){.page-dashboard-hydroelectricity>.today-total>.first-block>.statistics>.consumption-and-peak{flex-direction:column}}.page-dashboard-hydroelectricity>.today-total>.first-block>.real-time-block{flex-grow:1}.page-dashboard-hydroelectricity>.today-total .statistics-content-block{flex-grow:1;height:100%}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card{display:flex;flex-direction:column;padding:10px 16px;min-height:96px;min-width:205px;height:100%}@media screen and (max-width:768px){.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card{min-width:unset}}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;gap:8px}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container{display:flex;flex-grow:1;gap:16px}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.icon{width:40px}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.column-content{display:flex;flex-direction:column;flex-grow:1;gap:8px}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.column-content>.title{font-weight:700;font-size:.875rem}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.column-content>.title-container{display:flex;gap:8px}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.column-content>.title-container>.title{font-weight:700;font-size:.875rem}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.column-content>.title-container>.sub-title{color:#a6a6a6;font-size:12px}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.column-content>.value-container{font-size:26px;display:flex;align-items:baseline;font-weight:700;gap:8px;padding-bottom:4px;border-bottom:1px solid #e5e5e5}.page-dashboard-hydroelectricity>.today-total .statistics-content-block>.card>.card-content-container>.content-container>.column-content>.value-container .unit{font-size:.875rem}.page-dashboard-hydroelectricity>.today-total .real-time-content-block{height:100%;display:flex;flex-direction:column;gap:16px}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.title{font-size:1rem;line-height:1.5rem;font-weight:700}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card{display:flex;flex-direction:column;padding:10px 16px;min-height:96px;min-width:205px;height:100%}@media screen and (max-width:768px){.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card{min-width:unset}}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content{display:flex;gap:8px;height:100%;width:100%;flex-grow:1}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.states-container{display:flex;flex-direction:column;gap:8px;flex-grow:1}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.states-container.normal{justify-content:center;align-items:flex-start;flex-grow:1}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.states-container>.state-block{display:flex;gap:8px}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.states-container>.state-block>.value{max-width:32px;width:32px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.states-container>.state-block>.value.emergency{color:#d70000}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.states-container>.state-block>.value.warning{color:#ffa000}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.states-container>.state-block>.value.disconnection{color:#d1d1d1}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.update-content{display:flex;flex-direction:column;gap:8px;align-self:center;font-size:12px;flex-grow:1;align-items:flex-end}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.update-content>.time-container{color:#a6a6a6;-webkit-user-select:none;user-select:none}.page-dashboard-hydroelectricity>.today-total .real-time-content-block>.card>.alert-content>.update-content>.more-button{width:-webkit-max-content;width:max-content}.page-dashboard-hydroelectricity>.power-analysis>.title-container{display:flex;gap:8px;align-items:center;font-weight:700;margin-bottom:8px}.page-dashboard-hydroelectricity>.power-analysis>.title-container>.title{font-weight:700}.page-dashboard-hydroelectricity>.power-analysis>.title-container>.time{font-weight:400;font-size:12px}.page-dashboard-hydroelectricity>.power-analysis>.content-container{display:flex;flex-wrap:wrap;gap:8px}.page-dashboard-hydroelectricity>.power-analysis .content-block{max-height:400px;height:400px;min-width:334px;flex:1}.page-dashboard-hydroelectricity>.power-analysis .content-block.with-margin-bottom{margin-bottom:16px}.page-dashboard-hydroelectricity>.power-analysis .content-block>.chart-card{height:100%;width:100%;padding:16px;display:flex;flex-direction:column}.page-dashboard-hydroelectricity>.power-analysis .content-block>.chart-card>.title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.page-dashboard-hydroelectricity>.power-analysis .content-block>.chart-card>.title-container>.first-title{display:flex;gap:8px}.page-dashboard-hydroelectricity>.power-analysis .content-block>.chart-card>.title-container>.first-title>.title{font-weight:700}.page-dashboard-hydroelectricity>.power-analysis .content-block>.chart-card>.title-container>.first-title>.sub-title{color:#a6a6a6}.page-dashboard-hydroelectricity>.power-analysis .content-block>.chart-card>.title-container>.second-title{color:#a6a6a6;font-size:12px}.page-dashboard-hydroelectricity>.power-analysis .content-block>.chart-card>.chart{flex-grow:1;height:0}.page-pdm-equipment{height:100%;width:100%;background-color:#f1f2f1;display:flex;flex-direction:column}.page-pdm-equipment .page-pdm-equipment-controller{display:flex;gap:8px;flex-wrap:wrap;padding:16px 16px 0}.page-pdm-equipment .page-pdm-equipment-controller .state-option-circle{min-height:20px;min-width:20px;border-radius:50%}.page-pdm-equipment .page-pdm-content{padding:16px}.page-pdm-equipment .page-pdm-content,.page-pdm-equipment .page-pdm-list,.page-pdm-equipment .page-pdm-list .pdm-list-card{flex-grow:1;display:flex;flex-direction:column;gap:16px}.page-pdm-equipment .page-pdm-list .pdm-list-card{height:0;padding:24px 32px}.page-pdm-equipment .page-pdm-list .pdm-list-card .list-container{flex-grow:1;height:0}.page-pdm-equipment .page-pdm-list .pdm-list-card .list-table{width:100%;min-width:1519px}.page-pdm-equipment .page-pdm-list .pdm-list-card .list-table thead{background-color:#f1f2f1;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5}.page-pdm-equipment .page-pdm-list .pdm-list-card .list-table thead th{text-align:left;min-width:200px;padding:8px 16px}.page-pdm-equipment .page-pdm-list .pdm-list-card .list-table tbody tr:hover{background-color:#effcfa;cursor:pointer}.page-pdm-equipment .page-pdm-list .pdm-list-card .list-table tbody td{min-width:200px;max-width:200px;padding:16px;height:40px;border-bottom:1px solid #e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-pdm-equipment .page-pdm-list .page-pdm-list-pagination{padding:0}.page-pdm-equipment .page-pdm-overview{flex-grow:1;height:0;padding-bottom:8px}.page-pdm-equipment .page-pdm-overview .pdm-card-container{display:flex;gap:10px;flex-wrap:wrap}.page-pdm-equipment .page-pdm-overview .card-container{display:flex;flex-wrap:wrap;gap:8px}.page-pdm-equipment .page-pdm-overview .overview-card{min-width:391px;min-height:310px;width:391px;height:310px;display:flex;flex-direction:column}@media screen and (max-width:768px){.page-pdm-equipment .page-pdm-overview .overview-card{flex-grow:1}}.page-pdm-equipment .page-pdm-overview .overview-card .bg-container{display:flex;flex-direction:column;flex-grow:1;gap:16px;margin-top:10px;padding:24px;background-color:#fff;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-top-left-radius:3px;border-top-right-radius:3px}.page-pdm-equipment .page-pdm-overview .overview-card .title-name{font-weight:700;font-size:16px;display:flex;gap:8px;align-items:center}.page-pdm-equipment .page-pdm-overview .overview-card .title-name .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-pdm-equipment .page-pdm-overview .overview-card .pdm-image{flex-grow:1;height:0}.page-pdm-equipment .page-pdm-overview .overview-card .pdm-image .image{position:relative!important;object-fit:fill;border-radius:8px}.page-pdm-equipment .page-pdm-overview .overview-card .data-container{display:flex;justify-content:space-between;align-items:center}.page-pdm-equipment .page-pdm-overview .overview-card .data-container .notification{display:flex;gap:8px;align-items:center}.page-pdm-equipment .page-pdm-overview .overview-card .data-container .notification-count{width:-webkit-max-content;width:max-content}.page-pdm-equipment .repairRequired{background-color:#d70000}.page-pdm-equipment .maintenanceRequired{background-color:#ffa000}.page-pdm-equipment .monitorRequired{background-color:#ffde21}.page-pdm-equipment .normal{background-color:#4caf50}.page-pdm-equipment .unknown{background-color:#a6a6a6}.page-pdm-equipment .off{background-color:#7b8493}.page-pdm-equipment .repairRequired-text{color:#d70000}.page-pdm-equipment .maintenanceRequired-text{color:#ffa000}.page-pdm-equipment .monitorRequired-text{color:#ffde21}.page-pdm-equipment .normal-text{color:#4caf50}.page-pdm-equipment .unknown-text{color:#a6a6a6}.page-pdm-alarm{height:100%;width:100%;background-color:#f1f2f1;display:flex;flex-direction:column}.page-pdm-alarm .alarm-list-card-container{height:0;flex-grow:1;padding:16px 16px 32px}.page-pdm-alarm .alarm-list-card-container .alarm-list-card{display:flex;flex-direction:column;gap:16px;padding:32px 24px;height:100%}.page-pdm-alarm .alarm-list-card-container .alarm-list-pagination{padding:unset}.page-pdm-alarm .alarm-list-card-container .alarm-list-container{height:0;flex-grow:1}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table{min-width:1612px;width:100%}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table .fix{position:-webkit-sticky;position:sticky;right:0;background-color:#effcfa}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table .fix.read{background-color:#fff}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table .fix.head,.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table thead tr{background-color:#f1f2f1}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table thead th{padding:8px 16px;min-width:200px;text-align:left}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table thead th.icon{min-width:60px;max-width:60px}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody tr{background-color:#effcfa}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody tr.read{background-color:#fff}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody .detail-icon{min-width:22px;min-height:22px;display:block}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody .detail-icon:hover{background-color:#f1f2f1}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody td{padding:16px;height:40px;border-bottom:1px solid #e5e5e5;overflow:hidden;min-width:200px;max-width:200px;text-overflow:ellipsis;white-space:nowrap}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody td.action{width:264px}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody td.action span{display:flex;gap:16px}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody td.action span .action-button{padding:10px 15px;font-size:14px;border-radius:16px;width:86px;height:36px}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody td.last{border-right:3px solid #e5e5e5}.page-pdm-alarm .alarm-list-card-container .alarm-list-container .list-table tbody td.icon{min-width:60px;max-width:60px;height:100%;vertical-align:middle;text-align:center}.page-pdm-alarm-detail-dialog .detail-container{padding:24px;min-height:400px;display:flex;flex-direction:column;gap:32px}.page-pdm-alarm-detail-dialog .detail-container .title-container{display:flex;justify-content:space-between;align-items:center;font-weight:700}.page-pdm-alarm-detail-dialog .detail-container .content-container{flex-grow:1;padding:24px}.page-pdm-alarm-detail-dialog .detail-container .content-container .block-container{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:16px}.page-pdm-alarm-detail-dialog .detail-container .content-container .block-container .block{display:flex;flex-direction:column;gap:16px;flex-grow:1}.page-pdm-alarm-detail-dialog .detail-container .content-container .block-container .block .value-container{display:flex;align-items:center;gap:8px}.page-pdm-alarm-detail-dialog .detail-container .content-container .block-container .block .value-container .name{font-weight:700}.page-pdm-alarm-detail-dialog .detail-container .content-container .block-container .block .value-container .data{flex-grow:1}.page-pdm-alarm-detail-dialog .detail-container .content-container .rul-container{padding:16px;background-color:#f1f2f1;border-radius:8px}.page-pdm-alarm-detail-dialog .detail-container .content-container .rul-container .value-container{display:flex;align-items:center;gap:8px}.page-pdm-detail{background-color:#f1f2f1;height:100%;width:100%;display:flex;flex-direction:column}.page-pdm-detail .title-container{padding:16px 16px 16px 32px;display:flex;gap:8px;align-items:center;font-weight:700}.page-pdm-detail .detail-scrollbar{flex-grow:1;height:0}.page-pdm-detail .detail-container{padding:0 16px 16px 32px;display:flex;flex-direction:column;gap:16px}.page-pdm-detail .detail-container .color-div{background-color:#effcfa;padding:24px;border-radius:1rem}.page-pdm-detail .detail-container .color-div.unusual{background-color:#fff}.page-pdm-detail .detail-container .info-detail-block{max-width:565px;width:100%}.page-pdm-detail .detail-container .info-detail-block .info-container{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.page-pdm-detail .detail-container .info-detail-block .circle-state{width:20px;height:20px;border-radius:50%}.page-pdm-detail .detail-container .day-controller{display:flex;flex-wrap:nowrap;align-items:center;border:1px solid #e5e5e5;min-height:30px;height:30px;max-height:30px;border-radius:4px;width:300px}.page-pdm-detail .detail-container .day-controller>.type-button:last-child{border:unset;border-bottom-right-radius:4px;border-top-right-radius:4px}.page-pdm-detail .detail-container .day-controller>.type-button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.page-pdm-detail .detail-container .day-controller>.type-button{height:100%;flex-grow:1;color:#a6a6a6;border-right:1px solid #e5e5e5;background-color:#fff}.page-pdm-detail .detail-container .day-controller>.type-button.active{background-color:#26aca1;color:#fff}.page-pdm-detail .detail-container .detail-card{width:200px;max-width:200px;height:126px;max-height:126px;display:flex;flex-direction:column}.page-pdm-detail .detail-container .detail-card .bg-container{display:flex;flex-direction:column;align-items:center;flex-grow:1;gap:8px;margin-top:10px;padding:16px;background-color:#fff;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-top-left-radius:3px;border-top-right-radius:3px}.page-pdm-detail .detail-container .detail-card .bg-container .value{font-weight:700}.page-pdm-detail .detail-container .detail-card .title{font-size:16px}.page-pdm-detail .detail-container .detail-card .unfinished{font-size:14px;color:#26aca1}.page-pdm-detail .detail-container .detail-card .finished{font-size:14px;color:#a6a6a6}.page-pdm-detail .detail-container .report-block-card{padding:24px;display:flex;flex-direction:column;gap:16px}.page-pdm-detail .detail-container .report-block-card .equal-container{flex:1 1}@media screen and (max-width:600px){.page-pdm-detail .detail-container .report-block-card .equal-container{flex-grow:1;flex:auto}}.page-pdm-detail .detail-container .report-block-card .equal-container .name{font-weight:700}.page-pdm-detail .detail-container .report-block-card .rul-block{background-color:#f1f2f1;padding:16px;border-radius:4px}.page-pdm-detail .detail-container .basic-info-card{padding:24px;width:288px;font-size:14px}.page-pdm-detail .detail-container .basic-info-card .important{color:#26aca1;font-weight:700}.page-pdm-detail .detail-container .motor-healthy-card{padding:24px;width:100%;display:flex;flex-direction:column;gap:16px;min-height:520px}.page-pdm-detail .detail-container .motor-healthy-card .motor-card-container{display:grid;gap:16px;flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(276px,1fr))}.page-pdm-detail .detail-container .motor-healthy-card .motor-card{font-size:16px;width:100%;height:100%;display:flex;flex-direction:column;min-height:390px}.page-pdm-detail .detail-container .motor-healthy-card .motor-card .bg-container{display:flex;flex-direction:column;align-items:center;flex-grow:1;gap:16px;margin-top:10px;padding:32px 0;background-color:#f1f2f1;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-top-left-radius:3px;border-top-right-radius:3px}.page-pdm-detail .detail-container .motor-healthy-card .motor-card .bg-container .image-container{width:160px;height:160px}.page-pdm-detail .detail-container .motor-healthy-card .motor-card .bg-container .image-container .image{height:100%;width:100%;object-fit:cover;border-radius:8px}.page-pdm-detail .detail-container .motor-healthy-card .motor-card .detail-button{font-size:14px}.page-pdm-detail .detail-container .motor-healthy-card .motor-card .content{width:100%}.page-pdm-detail .detail-container .motor-healthy-card .motor-card .info-container{flex-grow:1;align-items:flex-start}.page-pdm-detail .detail-container .motor-healthy-card .motor-card .value{font-weight:700}.page-pdm-detail .detail-container .motor-healthy-card .example{font-size:14px;display:flex;margin:auto;gap:16px;flex-wrap:wrap}.page-pdm-detail .detail-container .motor-healthy-card .example .square-state{height:18px;width:18px}.page-pdm-detail .title-name{font-weight:700;font-size:20px}.page-pdm-detail .time{font-size:12px}.page-pdm-detail .detail-card-container{display:flex;gap:16px;flex-wrap:wrap}.page-pdm-detail .info-card-container{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch}.page-pdm-detail .info-card-container .column{display:flex;flex-direction:column;gap:16px}.page-pdm-detail .info-card-container .column.big,.page-pdm-detail .info-card-container .column>.info-card{flex-grow:1}.page-pdm-detail .row-value-container{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-pdm-detail .row-value-container.stretch{align-items:stretch}.page-pdm-detail .row-value-container.is-important{font-weight:700;color:#26aca1}.page-pdm-detail .row-value-container.big{gap:16px}.page-pdm-detail .column-value-container{display:flex;flex-direction:column;gap:8px}.page-pdm-detail .column-value-container.big{gap:16px}.page-pdm-detail .column-value-container.center{align-items:center}.page-pdm-detail .repairRequired{background-color:#d70000}.page-pdm-detail .maintenanceRequired{background-color:#ffa000}.page-pdm-detail .monitorRequired{background-color:#ffde21}.page-pdm-detail .normal{background-color:#4caf50}.page-pdm-detail .unknown{background-color:#a6a6a6}.page-pdm-detail .off{background-color:#7b8493}.page-pdm-detail .repairRequired-text{color:#d70000}.page-pdm-detail .maintenanceRequired-text{color:#ffa000}.page-pdm-detail .monitorRequired-text{color:#ffde21}.page-pdm-detail .normal-text{color:#4caf50}.page-pdm-detail .loading-div{min-height:100px}.page-pdm-detail .loading-client-div{height:150px}.page-roles{flex-grow:1;padding:16px;overflow:hidden}.page-roles .advanced-search-wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.page-roles .advanced-search-wrap .filter-item{border:1px solid #a6a6a6;min-width:160px;border-radius:4px;height:36px;background-image:url(/_next/static/media/more.9a9cbf57.svg);background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;padding:8px;text-align:unset}.page-roles .advanced-search-wrap .filter-item.active{color:#26aca1;font-weight:700}.page-roles .fixed-content{display:flex;flex-direction:column;gap:16px;height:100%}.page-roles .title-wrap-alt{border-bottom:1px solid #a6a6a6;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page-roles .title-wrap-alt .left .title{font-size:20px;font-weight:700;line-height:24px;margin-bottom:8px}.page-roles .title-wrap-alt .left .sub-title{color:#a6a6a6;line-height:19px;font-size:16px}.page-roles .title-wrap-alt .common-button{min-width:115px;padding:0 16px}.page-roles .table-wrap{flex-grow:1}.page-roles .table-wrap table{border-collapse:collapse;width:100%}.page-roles .table-wrap thead tr{background-color:#effcfa}.page-roles .table-wrap thead th{text-align:left;padding:0 8px;line-height:34px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-roles .table-wrap thead th:first-of-type{padding-left:16px}.page-roles .table-wrap thead th:last-of-type{padding-right:16px}.page-roles .table-wrap tbody tr{border-top:1px solid hsla(0,0%,100%,0);border-bottom:1px solid #a6a6a6}.page-roles .table-wrap tbody tr:hover{background-color:#effcfa}.page-roles .table-wrap tbody tr.disabled td{color:#a6a6a6}.page-roles .table-wrap tbody tr.disabled td.groups .group-flex .user-group{border-color:#a6a6a6}.page-roles .table-wrap tbody tr td{padding:10.5px 8px;font-size:16px}.page-roles .table-wrap tbody tr td:first-of-type{padding-left:16px}.page-roles .table-wrap tbody tr td:last-of-type{padding-right:16px;width:48px}.page-roles .table-wrap tbody tr .flex{display:flex}.page-roles .table-wrap tbody tr .flex .text{margin-right:8px;line-height:30px}.page-roles .table-wrap tbody tr .flex .icon{height:30px;min-width:24px;width:24px;background-size:contain;background-repeat:no-repeat;background-position:50%;cursor:pointer}.page-roles .table-wrap tbody tr .flex .icon.locked{background-image:url(/_next/static/media/lock.e519b45f.svg)}.page-roles .table-wrap tbody tr .flex .icon.edit{background-image:url(/_next/static/media/edit.e2bdebae.svg)}.page-roles .table-wrap tbody tr .flex .icon.control{background-image:url(/_next/static/media/more-options.0524e486.svg)}.page-roles .table-wrap tbody tr .flex .icon:hover .options,.page-roles .table-wrap tbody tr .flex .icon:hover .popover{opacity:1;visibility:visible}.page-roles .table-wrap tbody tr .flex .popover{top:26px;left:0;white-space:nowrap;background-color:#2c72ae;color:#fff;line-height:33px;padding:0 16px;border-radius:4px;font-size:14px}.page-roles .table-wrap tbody tr .flex .options,.page-roles .table-wrap tbody tr .flex .popover{position:absolute;opacity:0;visibility:hidden;transition:all .1s cubic-bezier(.68,0,.265,1);z-index:1}.page-roles .table-wrap tbody tr .flex .options{top:0;width:150px;right:0;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:8px;padding:8px 0}.page-roles .table-wrap tbody tr .flex .options .option{line-height:39px;padding:0 8px;cursor:pointer;transition:all .1s cubic-bezier(.68,0,.265,1)}.page-roles .table-wrap tbody tr .flex .options .option:hover{background-color:#effcfa}.page-role-memberSelectionPopup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(34,38,38,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;transition:all .1s cubic-bezier(.68,0,.265,1);opacity:0;visibility:hidden;z-index:11}.page-role-memberSelectionPopup.active{opacity:1;visibility:visible}.page-role-memberSelectionPopup .center-wrap{width:667px;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:16px;height:75vh;display:flex;flex-direction:column}.page-role-memberSelectionPopup .center-wrap .top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a6a6a6;padding:0 24px}.page-role-memberSelectionPopup .center-wrap .top .left{padding-top:24px;padding-bottom:8px}.page-role-memberSelectionPopup .center-wrap .top .title{font-size:20px;font-weight:700}.page-role-memberSelectionPopup .center-wrap .top .sub{font-size:14px;color:#a6a6a6;margin-top:4px}.page-role-memberSelectionPopup .center-wrap .top .common-button.secondary{margin-top:8px;width:115px}.page-role-memberSelectionPopup .center-wrap .top .buttons{display:flex;gap:16px;align-items:center}.page-role-memberSelectionPopup .center-wrap .top .buttons .common-button{min-width:115px;height:36px;margin-left:16px}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(34,38,38,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;transition:all .1s cubic-bezier(.68,0,.265,1);opacity:0;visibility:hidden}.popup.active{opacity:1;visibility:visible}.popup .center-wrap{width:333px;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:16px;padding:24px}.popup .center-wrap .label{display:flex;margin-bottom:4px}.popup .center-wrap .buttons{display:flex}.popup .center-wrap .buttons .common-button.cancel{margin-right:16px}.page-role-action-popover .hover-div{cursor:pointer;padding:4px 24px}.page-role-action-popover .hover-div:hover{background-color:#e5e5e5}.page-role-channel-dialog .content{flex-grow:1;display:flex;flex-direction:column;gap:8px}.page-role-channel-dialog .content .title-container{display:flex;justify-content:space-between;align-items:stretch}.page-role-channel-dialog .content .title-container .title{font-weight:700;font-size:20px}.page-role-channel-dialog .content .title-container .sub-title{color:#a6a6a6;font-weight:700;font-size:14px}.page-role-channel-dialog .content .title-container .first-block{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.page-role-channel-dialog .content .title-container .second-block{display:flex;align-items:center;align-self:self-start;gap:16px}.page-role-channel-dialog .content .chip-button-container{display:flex;gap:8px}.page-role-channel-dialog .content .chip-button-container .chip-button{padding:10px 15px;border:1px solid #e5e5e5;background-color:#f1f2f1;color:#a6a6a6;border-radius:16px}.page-role-channel-dialog .content .chip-button-container .chip-button.selected{border-color:#26aca1;background-color:#effcfa;color:#26aca1}.page-role-channel-dialog .content .divider{height:1px;background-color:#a6a6a6}.page-role-channel-dialog .content .divider.channel{margin:8px 0}.page-role-channel-dialog .content .channel-setting{border:1px solid #e5e5e5;border-radius:8px;padding:16px;flex-grow:1;height:0}.page-role-channel-dialog .content .channel-setting .channel-column{display:flex;flex-direction:column;gap:4px}.page-role-channel-dialog .content .channel-setting .channel-column .channel-block{padding:8px 0 8px 32px}.page-role-channel-dialog .content .channel-setting .channel-column .channel-block .value-container{display:flex;justify-content:space-between;width:100%;max-width:280px;align-items:center}.page-roles-new{flex-grow:1;padding:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.page-roles-new>.title-wrap{display:flex;justify-content:space-between;padding:0 0 13px;border-bottom:1px solid #a6a6a6;align-items:center}@media screen and (max-width:600px){.page-roles-new>.title-wrap{padding:24px}}.page-roles-new>.title-wrap .title{line-height:36px;font-size:20px;font-weight:700}@media screen and (max-width:600px){.page-roles-new>.title-wrap .title{font-size:18px;line-height:22px}}.page-roles-new>.title-wrap .action{display:flex;gap:8px}.page-roles-new>.content-wrap{overflow:auto;flex-grow:1}.page-roles-new>.content-wrap,.page-roles-new>.content-wrap>.form{display:flex;gap:16px;flex-direction:column}.page-roles-new>.content-wrap>.form .label{display:flex;gap:4px}.page-roles-new .feature-group{display:flex;flex-direction:column;gap:8px}.page-roles-new .feature-group .label{font-size:15px}.page-roles-new .feature-group .label span{font-size:14px;color:#a6a6a6}.page-roles-new .extra-info{font-size:15px;color:#a6a6a6;line-height:36px}@media screen and (max-width:600px){.page-roles-new .extra-info{line-height:22px}}.page-roles-new .button-wrap{width:115px}.page-two-factor{height:100%;margin:auto;padding:32px 0;width:50%;display:flex;flex-direction:column}@media screen and (max-width:768px){.page-two-factor{margin:0;width:100%;padding:32px}}.page-two-factor>.title{font-weight:700;margin-bottom:8px}.page-two-factor>.description{line-height:125%;margin-bottom:16px}.page-two-factor>.switch{display:flex;gap:16px;align-items:center;margin-bottom:16px}.page-two-factor .divider{height:1px;width:100%;background-color:#e5e5e5}.page-two-factor>.device-history{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.page-two-factor>.device-history>.title{font-weight:700}.page-two-factor>.device-history .login-history-button{width:-webkit-min-content;width:min-content}.page-two-factor>.device-list{overflow:auto;flex-grow:1;height:0;padding-right:8px;margin-top:16px;display:flex;flex-direction:column;gap:16px}.page-two-factor>.device-list .no-device{width:100%;padding:24px;background-color:#f1f2f1;color:#a6a6a6;font-size:14px;font-weight:700}.page-two-factor>.device-list .no-device>.divider{margin-top:16px;height:1px;color:#e5e5e5}.page-user-profile{flex-grow:1}.page-user-profile>.main-content{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;height:100%;width:100%}@media screen and (max-width:600px){.page-user-profile>.main-content{padding:0}}.page-user-profile>.main-content>.title-wrap{display:flex;justify-content:space-between;padding:19px 13px 13px 0;border-bottom:1px solid #a6a6a6;margin-bottom:16px;align-items:center}@media screen and (max-width:600px){.page-user-profile>.main-content>.title-wrap{padding:24px}}.page-user-profile>.main-content>.title-wrap .title{line-height:36px;font-size:20px;font-weight:700}@media screen and (max-width:600px){.page-user-profile>.main-content>.title-wrap .title{font-size:18px;line-height:22px}}.page-user-profile>.main-content .content-wrap{padding:16px}.page-user-profile>.main-content .content-wrap>.form-wrap{display:flex;flex-direction:column;gap:8px}.page-user-profile>.main-content .content-wrap>.form-wrap .input-group{display:flex;flex-direction:column;gap:4px}.page-user-profile>.main-content .content-wrap>.form-wrap .label{display:flex;align-items:center;gap:8px}.page-user-profile>.main-content .extra-info{font-size:15px;color:#a6a6a6;line-height:36px}@media screen and (max-width:600px){.page-user-profile>.main-content .extra-info{line-height:22px}}.page-unit-settings{flex-grow:1}.page-unit-settings>.main-content{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;height:100%;width:100%}@media screen and (max-width:600px){.page-unit-settings>.main-content{padding:0}}.page-unit-settings>.main-content>.title-wrap{display:flex;justify-content:space-between;padding:19px 13px 13px 0;border-bottom:1px solid #a6a6a6;margin-bottom:16px;align-items:center}@media screen and (max-width:600px){.page-unit-settings>.main-content>.title-wrap{padding:24px}}.page-unit-settings>.main-content>.title-wrap .buttons{display:flex;gap:8px}.page-unit-settings>.main-content>.title-wrap .title{line-height:36px;font-size:20px;font-weight:700}@media screen and (max-width:600px){.page-unit-settings>.main-content>.title-wrap .title{font-size:18px;line-height:22px}}.page-unit-settings>.main-content .input-group{display:flex;line-height:20px;margin-bottom:20px}.page-unit-settings>.main-content .radios{display:flex}.page-unit-settings>.main-content .input-wrap{margin-right:20px;margin-left:5px}.page-unit-settings>.main-content .input-wrap label{display:flex;cursor:pointer}.page-unit-settings>.main-content .input-wrap input[type=radio]{display:none}.page-unit-settings>.main-content .input-wrap input[type=radio]:checked~.outer{border-color:#222626}.page-unit-settings>.main-content .input-wrap input[type=radio]:checked~.outer~.radio-text{color:#222626}.page-unit-settings>.main-content .input-wrap input[type=radio]:checked~.outer .inner{opacity:1}.page-unit-settings>.main-content .outer{width:18px;height:18px;border:2px solid #a6a6a6;border-radius:50%;margin-top:1px;margin-right:5px;padding:2px}.page-unit-settings>.main-content .outer .inner{width:100%;height:100%;border-radius:50%;background-color:#222626;opacity:0;transition:all .1s cubic-bezier(.68,0,.265,1)}.page-unit-settings>.main-content .radio-text{color:#a6a6a6}.page-unit-settings>.main-content .content-wrap{padding:16px}.page-unit-settings>.main-content .extra-info{font-size:15px;color:#a6a6a6;line-height:36px}@media screen and (max-width:600px){.page-unit-settings>.main-content .extra-info{line-height:22px}}.page-accounts{flex-grow:1;padding:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.page-accounts .title-wrap-alt{border-bottom:1px solid #a6a6a6;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center}.page-accounts .title-wrap-alt .left{display:flex;flex-direction:column;gap:8px}.page-accounts .title-wrap-alt .left .title{font-size:20px;font-weight:700;line-height:24px}.page-accounts .title-wrap-alt .left .sub-title{color:#a6a6a6;line-height:19px;font-size:16px}.page-accounts .advanced-search-wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.page-accounts .advanced-search-wrap .filter-item{border:1px solid #a6a6a6;min-width:160px;border-radius:4px;height:36px;background-image:url(/_next/static/media/more.9a9cbf57.svg);background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;padding:8px;text-align:unset}.page-accounts .advanced-search-wrap .filter-item.active{color:#26aca1;font-weight:700}.page-accounts .table-wrap{margin-top:16px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.page-accounts .table-wrap .table-container{flex-grow:1;height:0}.page-accounts .table-wrap table{border-collapse:collapse;width:100%}.page-accounts .table-wrap table thead tr{background-color:#effcfa}.page-accounts .table-wrap table thead th{text-align:left;padding:0 8px;line-height:34px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-accounts .table-wrap table thead th:first-of-type{padding-left:16px}.page-accounts .table-wrap table thead th:last-of-type{padding-right:16px}.page-accounts .table-wrap table thead th .sort-button{padding-left:24px;background-image:url(/_next/static/media/sort.ee19a521.svg);background-repeat:no-repeat;background-position:0;cursor:pointer}.page-accounts .table-wrap table tbody tr{border-top:1px solid hsla(0,0%,100%,0);border-bottom:1px solid #a6a6a6;cursor:pointer}.page-accounts .table-wrap table tbody tr:hover{background-color:#effcfa}.page-accounts .table-wrap table tbody tr.disable td{color:#a6a6a6}.page-accounts .table-wrap table tbody tr td{padding:16px 8px;line-height:19px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-accounts .table-wrap table tbody tr td.current-user{font-weight:700;color:#26aca1}.page-accounts .table-wrap table tbody tr td:first-of-type{padding-left:16px}.page-accounts .table-wrap table tbody tr td:last-of-type{padding-right:16px}.page-accounts .table-wrap table tbody tr td:first-of-type{max-width:168px}.page-accounts .table-wrap table tbody tr td:nth-of-type(2){max-width:273px}.page-accounts .table-wrap table tbody tr td:nth-of-type(3){max-width:145px}.page-accounts .table-wrap table tbody tr td:nth-of-type(4){max-width:364px}.page-accounts .table-wrap table tbody tr td:nth-of-type(5){max-width:78px}.page-accounts .table-wrap table tbody tr td.groups{padding-top:9px;padding-bottom:9px}.page-accounts .table-wrap table tbody tr td.groups .group-flex{display:flex;flex-wrap:wrap;gap:8px}.page-accounts .table-wrap table tbody tr td.groups .group-flex .chip-size{font-size:14px}.page-accounts .table-wrap table tbody tr td .none{color:#a6a6a6}.page-accounts .popup-chooser{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(34,38,38,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;transition:all .1s cubic-bezier(.68,0,.265,1);opacity:0;visibility:hidden}.page-accounts .popup-chooser.active{opacity:1;visibility:visible}.page-accounts .popup-chooser .center-wrap{width:580px;height:75vh;background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:16px;display:flex;flex-direction:column}.page-accounts .popup-chooser .center-wrap .top{display:flex;justify-content:space-between;border-bottom:1px solid #a6a6a6;padding:0 24px}.page-accounts .popup-chooser .center-wrap .top .title{line-height:76px;font-size:20px;font-weight:700}.page-accounts .popup-chooser .center-wrap .top .buttons{display:flex;padding-top:24px}.page-accounts .popup-chooser .center-wrap .top .buttons .common-button{min-width:115px;height:36px;margin-left:16px}.page-accounts .popup-chooser .center-wrap .chosen{border-bottom:1px solid #a6a6a6;padding:16px 24px}.page-accounts .popup-chooser .center-wrap .chosen .tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.page-accounts .popup-chooser .center-wrap .chosen .tag{display:flex;border:1px solid #222626;border-radius:4px;padding-left:8px;margin-right:8px;margin-bottom:8px}.page-accounts .popup-chooser .center-wrap .chosen .tag .text{line-height:33px}.page-accounts .popup-chooser .center-wrap .chosen .tag .icon{min-width:32px;background-image:url(/_next/static/media/error.7804b9e1.svg);background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.page-accounts .popup-chooser .center-wrap .list{padding:8px 24px;flex-grow:1;overflow-y:auto}.page-accounts .popup-chooser .center-wrap .list .option{line-height:24px;padding:8px 0;display:flex;cursor:pointer}.page-accounts .popup-chooser .center-wrap .list .option .checkbox{width:24px;height:24px;min-width:24px;margin-right:8px;background-image:url(/_next/static/media/checkbox-inactive.d5fdaa4a.svg);background-size:contain;background-position:50%;background-repeat:no-repeat;transition:all .1s cubic-bezier(.68,0,.265,1)}.page-accounts .popup-chooser .center-wrap .list .option .checkbox.checked{background-image:url(/_next/static/media/checkbox-active.960dba79.svg)}.page-account-detail{flex-grow:1;padding:24px;display:flex;flex-direction:column}.page-account-detail>.main-content{display:flex;flex-direction:column;height:100%;width:100%}@media screen and (max-width:600px){.page-account-detail>.main-content{padding:0}}.page-account-detail>.main-content>.title-wrap{display:flex;padding-bottom:24px;justify-content:space-between;border-bottom:1px solid #a6a6a6;align-items:center}@media screen and (max-width:600px){.page-account-detail>.main-content>.title-wrap{padding:24px}}.page-account-detail>.main-content>.title-wrap .title{line-height:36px;font-size:20px;font-weight:700}@media screen and (max-width:600px){.page-account-detail>.main-content>.title-wrap .title{font-size:18px;line-height:22px}}.page-account-detail>.main-content .content-wrap{padding:16px;overflow:auto;flex-grow:1;height:0}.page-account-detail>.main-content .content-wrap>.form{display:flex;flex-direction:column;gap:16px}.page-account-detail>.main-content .content-wrap>.form .title{font-weight:700}.page-account-detail>.main-content .content-wrap>.form .value-block{display:flex;flex-direction:column;gap:8px}.page-account-detail .profile-wrap{display:flex;border-bottom:1px solid #a6a6a6;padding:16px 0;gap:16px;align-items:center}.page-account-detail .profile-wrap .avatar{width:100px;height:100px;background-color:#22998f;color:#fff;line-height:111px;font-size:26px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.page-account-detail .profile-wrap .right{display:flex;flex-grow:1;flex-direction:column;gap:8px}.page-account-detail .profile-wrap .right .name{font-size:26px;font-weight:700;line-height:32px}.page-account-detail .profile-wrap .right .email{font-size:18px;line-height:21px}.page-account-detail .profile-wrap .right .sub{font-size:14px;color:#a6a6a6;line-height:16px}.page-account-detail .group-chip-container,.page-account-detail .profile-wrap .action{display:flex;flex-wrap:wrap;gap:8px}.page-account-detail .group-chip-container.inside-absolute{position:absolute;top:11%}.page-account-detail .password{width:200px}.page-account-detail-action-popover .hover-div{cursor:pointer;padding:4px 24px}.page-account-detail-action-popover .hover-div:hover{background-color:#e5e5e5}.page-account-detail-password-dialog .title{padding-bottom:10px;border-bottom:1px solid #e5e5e5;font-size:20px;font-weight:700}.page-account-detail-password-dialog .content{padding-top:32px;display:flex;flex-direction:column;gap:32px}.page-account-detail-password-dialog .content .value-block{display:flex;flex-direction:column;gap:16px}.page-account-detail-password-dialog .content .action{display:flex;gap:16px;justify-content:center}.page-account-new{flex-grow:1;padding:16px;display:flex;flex-direction:column}.page-account-new>.main-content{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;height:100%;width:100%}@media screen and (max-width:600px){.page-account-new>.main-content{padding:0}}.page-account-new>.main-content>.title-wrap{display:flex;justify-content:space-between;padding:0 0 13px;border-bottom:1px solid #a6a6a6;align-items:center}.page-account-new>.main-content>.title-wrap .left{display:flex;align-items:center}.page-account-new>.main-content>.title-wrap .left .extra-info{color:#a6a6a6}@media screen and (max-width:600px){.page-account-new>.main-content>.title-wrap{padding:24px}}.page-account-new>.main-content>.title-wrap .title{line-height:36px;font-size:20px;font-weight:700}@media screen and (max-width:600px){.page-account-new>.main-content>.title-wrap .title{font-size:18px;line-height:22px}}.page-account-new>.main-content .input-group{display:flex;flex-direction:column;gap:4px}.page-account-new>.main-content .input-group .label{display:flex}.page-account-new>.main-content .value-block{display:flex;flex-direction:column;gap:4px}.page-account-new>.main-content .content-wrap{flex-grow:1;display:flex;flex-direction:column;gap:16px;padding:16px}.page-account-new>.main-content .action{display:flex;gap:16px;flex-wrap:wrap}.page-not-found{height:100%;width:100%;display:flex;flex-direction:column}.page-not-found>.content{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;flex-grow:1}.layout-side-nav{display:flex;gap:16px;height:100%}.private-just-header{height:100%;width:100%;display:flex;flex-direction:column}.component-popup{position:fixed;width:100vw;top:10px;left:0;display:flex;justify-content:center;padding:0 12px;transition:all .3s cubic-bezier(.68,0,.265,1);opacity:0;visibility:hidden;transform:translateY(10px);z-index:1302;pointer-events:none}.component-popup.active{z-index:1302;opacity:1;visibility:visible;transform:translateY(0)}.component-popup .center-wrap{z-index:1302;display:flex;padding:10px;box-shadow:0 2px 20px rgba(34,38,38,.25);border-radius:4px;background-color:#fff}.component-popup .center-wrap .icon{margin-right:8px}.component-popup .center-wrap .icon svg{width:24px;height:24px;display:block}.component-popup .center-wrap .message{line-height:24px}.component-auth-page-wrap{overflow:hidden;display:flex;flex-direction:column;height:100%}.component-auth-page-wrap>.main-container{display:flex;flex-grow:1;height:0}.component-auth-page-wrap>.main-container>.main-content{min-width:calc(100% - 351px);flex-grow:1}.component-sidebar{display:flex;width:224px;min-width:224px;position:relative;white-space:nowrap;z-index:9;transition:all .3s}.component-sidebar .scroll-bar{width:100%}@media(max-width:768px){.component-sidebar{width:0;min-width:0;overflow:hidden}}.component-sidebar.active{width:0;min-width:0}.component-sidebar.hidden{display:none}.component-sidebar .nav-group{width:224px;min-width:224px;padding:16px;display:flex;flex-direction:column}.component-sidebar .nav-group .toggle-target{padding-left:16px;margin:8px 0 8px 27px;border-left:1px solid #e5e5e5}.sidebar-divider{height:100%;width:1px;min-width:1px;background-color:#e5e5e5;position:relative}.sidebar-divider.active{margin-left:16px}.sidebar-divider.active .icon{transform:translateX(-15px) rotate(180deg)}@media(max-width:768px){.sidebar-divider{display:none;overflow:hidden}}.sidebar-divider .icon{position:absolute;width:30px;height:30px;top:16px;transform:translateX(-15px);background-color:#fff;box-shadow:0 3px 10px rgba(34,38,38,.15);border-radius:50%;background-image:url(/_next/static/media/angle-left.35a8c2bb.svg);background-repeat:no-repeat;background-position:50%;transition:all;z-index:20;cursor:pointer}.sidebar-divider .icon:hover{background-color:#f1f2f1}.sidebar-divider .icon.hidden{display:none}.component-sidebar-panel-toggler{width:15px;min-width:15px;height:100%;position:absolute;z-index:10}@media(max-width:768px){.component-sidebar-panel-toggler{display:none;overflow:hidden}}.component-side-nav{min-width:266px;overflow-y:auto;padding:24px 0 60px 36px}@media screen and (max-width:600px){.component-side-nav{display:none}}.component-side-nav .nav-group .title{margin-top:16px;margin-bottom:11px;font-size:18px}.component-side-nav .nav-group .navs .nav{line-height:46px;padding:0 16px;text-decoration:none;color:#222626;display:flex;border-radius:4px;align-items:center;gap:8px}.component-side-nav .nav-group .navs .nav.active{background-color:rgba(38,172,161,.15)}.component-side-nav .nav-group .navs .nav .icon{width:30px;height:46px;background-repeat:no-repeat;background-position:50%}.component-side-nav .nav-group .navs .nav .icon.profile{background-image:url(/_next/static/media/profile.9da651bb.svg)}.component-side-nav .nav-group .navs .nav .icon.unit-settings{background-image:url(/_next/static/media/unit-settings.17db623d.svg)}.component-side-nav .nav-group .navs .nav .icon.change-password{background-image:url(/_next/static/media/change-password.ef8719fb.svg)}.component-side-nav .nav-group .navs .nav .icon.accounts{background-image:url(/_next/static/media/account.6742b39d.svg)}.component-side-nav .nav-group .navs .nav .icon.roles{background-image:url(/_next/static/media/role.4587b133.svg)}.component-side-nav .nav-group .navs .nav .icon.groups{background-image:url(/_next/static/media/group.5da6654a.svg)}.component-safety-range-layout{height:100%;width:100%;display:flex;flex-direction:column}.component-safety-range-layout>.states-container{display:flex;font-size:12px}.component-safety-range-layout>.states-container>.state{display:flex;align-items:center;justify-content:center;min-width:20%}.component-safety-range-layout>.states-container>.state.invisible{visibility:hidden}.component-safety-range-layout>.lines-container{min-height:2px;max-height:2px;display:flex;width:100%;position:relative}.component-safety-range-layout>.lines-container .line:first-child{left:0}.component-safety-range-layout>.lines-container>.line:nth-child(2){left:20%}.component-safety-range-layout>.lines-container>.line:nth-child(3){left:40%}.component-safety-range-layout>.lines-container>.line:nth-child(4){left:60%}.component-safety-range-layout>.lines-container>.line:nth-child(5){left:80%}.component-safety-range-layout>.lines-container>.line{height:100%;position:absolute;min-width:20%}.component-safety-range-layout>.lines-container>.circle:nth-child(6){left:calc(20% - 3.5px)}.component-safety-range-layout>.lines-container>.circle:nth-child(7){left:calc(40% - 3.5px)}.component-safety-range-layout>.lines-container>.circle:nth-child(8){left:calc(60% - 3.5px)}.component-safety-range-layout>.lines-container>.circle:nth-child(9){left:calc(80% - 3.5px)}.component-safety-range-layout>.lines-container>.circle{position:absolute;top:calc(50% - 3.5px);height:7px;width:7px;z-index:9;border-radius:99px;background-color:#fff;border:1px solid}.component-safety-range-layout>.lines-container>.triangle{top:3.5px;height:0;width:0;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;border-bottom:7px solid}.component-safety-range-layout>.lines-container>.triangle.emergency{border-bottom-color:#d70000}.component-safety-range-layout>.lines-container>.triangle.warning{border-bottom-color:#ffa000}.component-safety-range-layout>.lines-container>.triangle.normal{border-bottom-color:#26aca1}.component-safety-range-layout>.values-container{font-size:12px;display:flex;position:relative;height:100%;flex-grow:1}.component-safety-range-layout>.values-container>.value:nth-child(2){left:0}.component-safety-range-layout>.values-container>.value:nth-child(3){left:20%}.component-safety-range-layout>.values-container>.value:nth-child(4){left:40%}.component-safety-range-layout>.values-container>.value:nth-child(5){left:60%}.component-safety-range-layout>.values-container>.value{padding-top:8px;position:absolute;height:100%;display:flex;align-items:center;justify-content:center;min-width:40%}.component-safety-range-layout>.values-container>.value>.bounding{max-width:35px}.component-safety-range-layout>.values-container>.value.invisible{opacity:0}.component-safety-range-layout>.values-container>.values-placeholder{flex-grow:1;opacity:0}.component-safety-range-layout .normal{color:#26aca1}.component-safety-range-layout .normal-bg{background-color:#26aca1}.component-safety-range-layout .normal-bg-left-linear{background:linear-gradient(270deg,#26aca1 50%,#fff)}.component-safety-range-layout .normal-bg-right-linear{background:linear-gradient(90deg,#26aca1 50%,#fff)}.component-safety-range-layout .warning{color:#ffa000}.component-safety-range-layout .warning-bg{background-color:#ffa000}.component-safety-range-layout .warning-bg-left-linear{background:linear-gradient(270deg,#ffa000 50%,#fff)}.component-safety-range-layout .warning-bg-right-linear{background:linear-gradient(90deg,#ffa000 50%,#fff)}.component-safety-range-layout .emergency{color:#d70000}.component-safety-range-layout .emergency-bg{background-color:#d70000}.component-safety-range-layout .emergency-bg-left-linear{background:linear-gradient(270deg,#d70000 50%,#fff)}.component-safety-range-layout .emergency-bg-right-linear{background:linear-gradient(90deg,#d70000 50%,#fff)}.component-no-safety-range{display:flex;flex-direction:column;width:100%;height:100%}.component-no-safety-range>.state-container{font-size:12px;flex-grow:1;display:flex;align-items:center;justify-content:center;color:#e5e5e5}.component-no-safety-range>.line-container{height:2px;min-height:2px;width:100%;position:relative;background-color:#e5e5e5}.component-no-safety-range>.value-placeholder{opacity:0;display:flex;flex-grow:1}.component-permission-settings{display:flex;flex-direction:column;height:100%;gap:16px}.component-permission-settings .top{display:flex;justify-content:space-between;border-bottom:1px solid #a6a6a6;padding:0 24px 8px;align-items:center}.component-permission-settings .top .left{display:flex;flex-direction:column;gap:8px}.component-permission-settings .top .title{font-size:20px;font-weight:700}.component-permission-settings .top .sub{font-size:14px;color:#a6a6a6}.component-permission-settings .top .buttons{display:flex;gap:16px}.component-permission-settings .scroll-bar{flex-grow:1}.component-permission-settings .settings-wrap{padding:0 24px;display:flex;flex-direction:column;gap:24px}.component-permission-settings .settings-wrap .collapse-wrap{display:flex;flex-direction:column}.component-permission-settings .settings-wrap .settings-group{margin-top:16px;display:flex;flex-direction:column;gap:16px}.component-permission-settings .settings-wrap .settings-title-container{min-width:400px;width:400px;display:flex;align-items:center}.component-permission-settings .settings-wrap .settings-title-container .toggle-button{min-width:86px}.component-permission-settings .settings-wrap .settings-title{font-size:20px;font-weight:700;flex-grow:1}.component-permission-settings .settings-wrap .settings-title.cursor{display:flex;align-items:center;gap:8px;cursor:pointer}.component-permission-settings .settings-wrap .settings-title .triangle{transition:all .3s}.component-permission-settings .settings-wrap .settings-title .triangle.not-show{display:none}.component-permission-settings .settings-wrap .settings-title .triangle .triangle-svg path{fill:#222626}.component-permission-settings .settings-wrap .settings-title .triangle.rotate{transform:rotate(180deg)}.component-permission-settings .flex{display:flex}.component-permission-settings .flex .text{line-height:29px;font-size:18px}.component-permission-settings .toggle-container{display:flex;min-width:400px;width:400px;align-items:center;gap:8px}.component-permission-settings .toggle-container.is-children{min-width:368px;width:368px}.component-permission-settings .toggle-container>.name{flex-grow:1;overflow:hidden}.component-permission-settings .toggle-container .toggle-button{min-width:86px}.component-permission-settings .toggle-children{padding-left:32px;display:flex;flex-direction:column;gap:16px;width:368px}.component-permission-settings .icon{height:29px;width:24px;min-width:24px;margin-left:4px;background-position:50%;background-repeat:no-repeat;cursor:pointer;position:relative}.component-permission-settings .icon.locked{background-image:url(/_next/static/media/lock.e519b45f.svg)}.component-permission-settings .icon.has-popover{position:relative}.component-permission-settings .icon.has-popover:hover .options,.component-permission-settings .icon.has-popover:hover .popover{opacity:1;visibility:visible}.component-permission-settings .popover{position:absolute;top:26px;left:0;white-space:nowrap;background-color:#2c72ae;color:#fff;line-height:33px;padding:0 16px;border-radius:4px;font-size:14px;opacity:0;visibility:hidden;z-index:1;transition:all .1s cubic-bezier(.68,0,.265,1)}.component-bounding-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden}.empty-value{color:#a6a6a6;font-size:14px;font-weight:400}.components-global-consumption-total{display:flex;flex-direction:column;padding:10px 16px;min-height:96px;min-width:205px}.components-global-consumption-total>.card-content-container{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;gap:8px}.components-global-consumption-total>.card-content-container>.content-container{display:flex;flex-grow:1;align-items:center}.components-global-consumption-total>.card-content-container>.content-container>.icon{width:40px;margin-right:16px}.components-global-consumption-total>.card-content-container>.content-container>.column-content{display:flex;flex-direction:column;gap:8px}.components-global-consumption-total>.card-content-container>.content-container>.column-content>.title{font-weight:700;font-size:.875rem}.components-global-consumption-total>.card-content-container>.content-container>.column-content>.title-container{display:flex;gap:8px}.components-global-consumption-total>.card-content-container>.content-container>.column-content>.title-container>.title{font-weight:700;font-size:.875rem}.components-global-consumption-total>.card-content-container>.content-container>.column-content>.title-container>.sub-title{color:#a6a6a6;font-size:12px}.components-global-consumption-total>.card-content-container>.content-container>.column-content>.value-container{font-size:26px;display:flex;align-items:baseline;font-weight:700;gap:8px}.components-global-consumption-total>.card-content-container>.content-container>.column-content>.value-container .unit{font-size:.875rem}.components-global-consumption-total>.card-content-container>.bottom-content{margin-left:56px}.components-global-consumption-total>.card-content-container>.bottom-content.not-show{opacity:0}.components-global-consumption-total>.alert-content{display:flex;gap:8px;height:100%;width:100%;flex-grow:1}.components-global-consumption-total>.alert-content>.states-container{display:flex;flex-direction:column;gap:8px;flex-grow:1}.components-global-consumption-total>.alert-content>.states-container.normal{justify-content:center;align-items:flex-start;flex-grow:1}.components-global-consumption-total>.alert-content>.states-container>.state-block{display:flex;gap:8px}.components-global-consumption-total>.alert-content>.states-container>.state-block>.value{max-width:32px;width:32px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.components-global-consumption-total>.alert-content>.states-container>.state-block>.value.emergency{color:#d70000}.components-global-consumption-total>.alert-content>.states-container>.state-block>.value.warning{color:#ffa000}.components-global-consumption-total>.alert-content>.states-container>.state-block>.value.disconnection{color:#d1d1d1}.components-global-consumption-total>.alert-content>.update-content{display:flex;flex-direction:column;gap:8px;align-self:center;font-size:12px;flex-grow:1;align-items:flex-end}.components-global-consumption-total>.alert-content>.update-content>.time-container{color:#a6a6a6;-webkit-user-select:none;user-select:none}.components-global-consumption-total>.alert-content>.update-content>.more-button{width:-webkit-max-content;width:max-content}