.toc-notification-popup[data-v-eaaff492]{background-color:#fff;border-radius:10px;color:#000;cursor:default;display:none;height:500px;position:absolute;right:0;top:35px;width:300px;z-index:999}.toc-notification-popup.show[data-v-eaaff492]{display:block}.toc-notification-popup .title[data-v-eaaff492]{background:#d9d9d9;border-top-left-radius:10px;border-top-right-radius:10px;color:var(--Black,#242e2c);font-family:Urbanist;font-size:16px;font-style:normal;font-weight:700;height:40px;line-height:120%;padding:.5rem}.toc-notification-popup .contents[data-v-eaaff492]{height:calc(100% - 40px);overflow:auto}.toc-notification-popup .contents .event-wrapper[data-v-eaaff492]{align-items:center;display:flex;padding:5px 0}.toc-notification-popup .contents .event-wrapper[data-v-eaaff492]:hover{background-color:#e7e7e7;cursor:pointer}.toc-notification-popup .contents .event-wrapper .icon[data-v-eaaff492]{display:flex;height:50px;justify-content:center;padding:5px;width:50px}.toc-notification-popup .contents .event-wrapper .icon .inIconWrapper[data-v-eaaff492]{align-items:center;background-color:#ff0;border-radius:100%;display:flex;height:40px;justify-content:center;width:100%}.toc-notification-popup .contents .event-wrapper .icon .inIconWrapper.normal[data-v-eaaff492]{background-color:#27ae60}.toc-notification-popup .contents .event-wrapper .icon .inIconWrapper.preparing[data-v-eaaff492]{background-color:#0084ff}.toc-notification-popup .contents .event-wrapper .icon .inIconWrapper.warning[data-v-eaaff492]{background-color:#ffa800}.toc-notification-popup .contents .event-wrapper .icon .inIconWrapper.down[data-v-eaaff492]{background-color:#a9a9a9}.toc-notification-popup .contents .event-wrapper .icon .inIconWrapper.fault[data-v-eaaff492]{background-color:red}.toc-notification-popup .contents .event-wrapper .icon .inIconWrapper img[data-v-eaaff492]{height:25px;width:25px}.toc-notification-popup .contents .event-wrapper .txt[data-v-eaaff492]{padding:0 10px;width:80%}.toc-notification-popup .contents .event-wrapper .txt .date[data-v-eaaff492]{color:var(--Grey-10,#6b7271);font-family:Urbanist;font-size:12px;font-style:normal;font-weight:400;line-height:130%}.toc-notification-popup .contents .event-wrapper .txt .addr[data-v-eaaff492],.toc-notification-popup .contents .event-wrapper .txt .fault[data-v-eaaff492]{color:var(--Black,#242e2c);font-family:Urbanist;font-size:13px;font-style:normal;font-weight:500;line-height:130%}.toc-design-header[data-v-eaaff492]{align-items:center;border-left:1px solid hsla(0,0%,100%,.451);color:#f5f5f5;display:flex;justify-content:space-between;padding:15px 20px}.toc-design-header .info-wrapper[data-v-eaaff492]{align-items:center;display:flex;flex:1;height:100%;justify-content:flex-end}.toc-design-header .info-wrapper .now-date[data-v-eaaff492]{color:#dbe6ff;font-size:14px;font-weight:400;margin-right:2rem;text-align:left;white-space:nowrap}.toc-design-header .info-wrapper .pointer-section[data-v-eaaff492]{align-items:center;display:flex;gap:8px;height:30px;justify-content:space-around}.toc-design-header .info-wrapper .pointer-section[data-v-eaaff492]>*{height:30px}.toc-design-header .info-wrapper .pointer-section .alarm-wrapper[data-v-eaaff492]{align-items:center;background:hsla(0,0%,85%,.863);border:none;border-radius:100%;cursor:pointer;display:flex;height:100%;justify-content:center;padding:5px;position:relative;transition:background-color .2s ease;width:30px}.toc-design-header .info-wrapper .pointer-section .alarm-wrapper[data-v-eaaff492]:hover{background-color:#f8f4d3}.toc-design-header .info-wrapper .pointer-section .alarm-wrapper img[data-v-eaaff492]{height:24px;width:24px}.toc-design-header .info-wrapper .pointer-section .alarm-wrapper .noise[data-v-eaaff492]{background-color:#f76829;border-radius:100%;bottom:calc(100% - 12px);color:#fff;font-size:10px;font-weight:600;height:18px;line-height:18px;position:absolute;right:calc(100% - 12px);text-align:center;width:18px}.toc-design-header .info-wrapper .pointer-section .user-info[data-v-eaaff492]{align-items:center;cursor:pointer;display:flex}.toc-design-header .info-wrapper .pointer-section .user-info .user-info-icon[data-v-eaaff492]{background-color:#d9d9d942;border-radius:100%;height:30px;width:30px}.toc-design-header .info-wrapper .pointer-section .user-info .loginDropDown[data-v-eaaff492]{background-color:#fff;border:1px solid #313131;display:none;height:200px;position:absolute;right:10px;top:60px;width:200px;z-index:999}.toc-design-header .info-wrapper .pointer-section .user-info .loginDropDown.show[data-v-eaaff492]{display:block}