*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}._warningIcon_1n5e7_1{color:orange;animation:_WarningIconAnim_1n5e7_1 2s infinite}@keyframes _WarningIconAnim_1n5e7_1{0%{opacity:.8}55%{opacity:.4}to{opacity:.8}}.notificationCenter .iconButton{width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .2s}.notificationCenter .iconButton:first-child{margin-left:0}.notificationCenter .iconButton:hover{opacity:.8}.notificationCenter .iconButton svg{width:24px;height:24px}.notificationCenter .iconButton *{color:inherit;fill:inherit}.notificationCenter .iconButton.disabled{opacity:.5!important;cursor:not-allowed!important}.notificationCenter .notificationButtonWrapper{margin-right:10px}.notificationCenter .readen{opacity:.7;background-color:#fefefe!important}.notificationCenter .notificationItem{display:flex;padding:10px;width:100%;overflow:hidden;transition:opacity .2s,background-color .2s}.notificationCenter .notificationItem:hover{background-color:#eee}.notificationCenter .notificationDotWrapper{padding-right:14px;display:flex;justify-content:center;align-items:center}.notificationCenter .notificationDot{width:10px;height:10px;border-radius:50%;background-color:#1e90ff;box-shadow:0 0 4px #1e90ff}.notificationCenter .notificationDotReaden{background-color:transparent;box-shadow:none}.notificationCenter .notificationBody{flex:1;font-size:14px;display:flex;flex-direction:column;overflow:hidden}.notificationCenter .notificationBody p{-webkit-user-select:none;user-select:none}.notificationCenter .notificationBody p span{font-weight:500;font-family:Roboto,Helvetica,Arial,sans-serif}.notificationCenter .notificationContentParam{font-weight:700!important}.notificationCenter .notificationFooter{padding-top:4px;display:flex;justify-content:space-between;align-items:flex-end}.notificationCenter .notificationDate{color:#888;font-size:12px}.notificationCenter .notificationMenu ul,.notificationCenter.notificationMenu ul{padding-bottom:0}.notificationCenter .notificationList{width:100%;overflow-y:auto;max-height:300px}.notificationCenter .notificationActions{display:flex;gap:4px}.notificationCenter .notificationActionButton{box-shadow:0 0 2px #aaa;border-radius:4px;padding:4px 8px;background-color:#1e90ff;color:#fefefe;border:0;font-size:12px;transition:opacity .2s}.notificationCenter .notificationActionButton:hover{opacity:.8;cursor:pointer}.notificationCenter .cancelAction{background-color:#dc143c}.notificationCenter .validateAction{background-color:green}.notificationCenter .notificationMenuActions{width:100%;display:flex;gap:4px;justify-content:flex-end;align-items:center}.notificationCenter .notificationMenuActions *{fill:#888!important}.notificationCenter .notificationMenuHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.notificationCenter .notificationMenuFooter{width:100%;padding:2px 10px;font-size:12px;display:flex;justify-content:space-between}.notificationCenter .readAllButton{color:#1e90ff;text-decoration:underline;-webkit-user-select:none;user-select:none;transition:opacity .2s}.notificationCenter .readAllButton:hover{cursor:pointer;opacity:.8}.notificationCenter .disabledReadAll{opacity:.5!important}.notificationCenter .disabledReadAll:hover{cursor:default;opacity:.5!important}
