.component-notification-list-height{height:calc(100vh - 7.625rem)}.component-notification-list{flex-direction:column;width:100%;height:100%;display:flex}.component-notification-list>.title{border-bottom:1px solid #e5e5e5;justify-content:center;align-items:center;height:45px;min-height:45px;display:flex;position:relative}.component-notification-list>.title>.read-all{color:#26aca1;font-size:12px;line-height:16px;position:absolute;right:12px}.component-notification-list>.title>.read-all:disabled{opacity:.4;cursor:default}.component-notification-list .list-container{overflow-y:overlay}.component-notification-list .list-container .list-item{cursor:pointer;border-bottom:.5px solid #a6a6a6;padding:12px;transition:background-color .2s}.component-notification-list .list-container .list-item:hover{background-color:#e5e5e5}.component-notification-list .list-container .list-item>.title-container{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.component-notification-list .list-container .list-item>.title-container>.read-point{background-color:#26aca1;border-radius:9999px;width:8px;height:8px}.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{color:#fff;text-align:center;border-radius:.25rem;width:2.5rem;min-width:2.5rem;height:1.375rem;min-height:1.375rem;font-size:.75rem;line-height:1.375rem}.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{gap:5px;margin-left:16px;display:flex}.component-notification-list .list-container .list-item>.content-container>.value-container{white-space:normal;word-break:break-all;flex-wrap:wrap;margin-right:4px;font-size:.875rem;display:flex}.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{text-align:center;color:#a6a6a6;height:2.625rem;min-height:3.625rem;font-size:.75rem;line-height:1.125rem}
#Header_Component{white-space:nowrap;z-index:999;background-color:#fff;border-bottom:1px solid #a6a6a6;justify-content:space-between;gap:8px;width:100%;min-height:61px;padding:0 24px;display:flex}@media screen and (max-width:600px){#Header_Component{padding:0 4px}}#Header_Component .left-flex{align-items:center;gap:16px;min-width:0;display:flex}#Header_Component .left-flex .site-dropdown{flex-shrink:0}@media screen and (max-width:1024px){#Header_Component .left-flex .site-dropdown{margin-left:8px}}@media screen and (max-width:756px){#Header_Component .left-flex .site-dropdown{margin-left:0}}#Header_Component .left-flex .logo-wrap{padding:10px 0}#Header_Component .left-flex .logo-wrap img{height:40px;display:block}@media screen and (max-width:756px){#Header_Component .left-flex .logo-wrap img{height:32px}}#Header_Component .left-flex .current-site{margin-left:43px;margin-right:16px;display:flex}@media screen and (max-width:756px){#Header_Component .left-flex .current-site{display:none}}#Header_Component .left-flex .current-site .icon{background-image:url(/images/icons/place.svg);background-position:50%;background-repeat:no-repeat;width:20px;height:60px;margin-right:8px}#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{gap:12px;display:flex}@media screen and (max-width:756px){#Header_Component .right-flex,#Header_Component .right-flex .dropdown{display:none}}#Header_Component .right-flex .menu-items{cursor:pointer;align-items:center;gap:.875rem;display:flex}#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{flex-shrink:0;display:flex}}#Header_Component .mobile-flex .icon{cursor:pointer;padding:15px 12px}#Header_Component .mobile-flex .icon img{display:block}#Header_Component .mobile-menu{opacity:0;visibility:hidden;background-color:#fff;width:100%;transition:all .1s cubic-bezier(.68,0,.265,1);display:none;position:fixed;top:61px;left:0}@media screen and (max-width:756px){#Header_Component .mobile-menu.active{opacity:1;visibility:visible;display:block}}#Header_Component .mobile-menu .scroll-content{max-height:calc(100vh - 61px)}#Header_Component .mobile-menu .section{border-bottom:1px solid #a6a6a6;padding:16px 24px}#Header_Component .mobile-menu .section .personal-tab{cursor:pointer;width:100%;display:flex}#Header_Component .mobile-menu .section .personal-tab .icon{margin-right:16px}#Header_Component .mobile-menu .section .personal-tab .icon img{width:50px;height:50px;display:block}#Header_Component .mobile-menu .section .personal-tab .icon .avatar{text-align:center;color:#fff;background-color:#22998f;border-radius:50%;width:50px;height:50px;font-size:22px;font-weight:700;line-height:50px}#Header_Component .mobile-menu .section .personal-tab .info{text-align:left;flex-grow:1;padding-top:4px}#Header_Component .mobile-menu .section .personal-tab .info .name{height:22px;font-size:18px;font-weight:700;line-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{background-image:url(/images/icons/angle.svg);background-position:50%;background-repeat:no-repeat;width:16px;height:50px;margin-left:16px}#Header_Component .mobile-menu .section .title{color:#a6a6a6;margin-bottom:12px;font-size:15px;font-weight:700}#Header_Component .mobile-menu .section .item{white-space:nowrap;cursor:pointer;color:#222626;justify-content:space-between;align-items:center;width:100%;height:30px;margin-top:16px;text-decoration:none;display:flex}#Header_Component .mobile-menu .section .text{text-align:left;flex-grow:1}#Header_Component .mobile-menu .section .icon{margin-right:8px}#Header_Component .mobile-menu .section .icon img{height:30px;display:block}#Header_Component .mobile-menu .section .angle{background-image:url(/images/icons/angle.svg);background-position:50%;background-repeat:no-repeat;width:16px;height:30px;margin-left:16px}#Header_Component .tab-wrap{opacity:0;visibility:hidden;z-index:11;background-color:#fff;flex-direction:column;width:100%;height:100vh;transition:all .1s cubic-bezier(.68,0,.265,1);display:flex;position:fixed;top:0;left:0}#Header_Component .tab-wrap.active{opacity:1;visibility:visible}#Header_Component .tab-wrap .tab-head{border-bottom:1px solid #a6a6a6;justify-content:space-between;height:61px;padding:0 4px;display:flex}#Header_Component .tab-wrap .tab-head .icon{cursor:pointer;padding:15px 12px}#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{color:#a6a6a6;margin-bottom:12px;padding:0 8px;font-size:15px;font-weight:700}#Header_Component .tab-wrap .tab-content .title.site{margin-bottom:0;padding-bottom:6px}#Header_Component .tab-wrap .tab-content .title.lang{margin-bottom:4px}#Header_Component .tab-wrap .tab-content .item{white-space:nowrap;cursor:pointer;color:#222626;border-bottom:1px solid #a6a6a6;width:100%;padding:4px 8px 10px;text-decoration:none;display:flex}#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{height:30px;display:block}#Header_Component .tab-wrap .tab-content .text{word-break:break-word;white-space:break-spaces;overflow-wrap:anywhere;text-align:start;line-height:30px}.has-header{padding-top:61px}