.notification-container .MuiSnackbarContent-message{display:flex;width:100%;justify-content:flex-start}.notification_light .MuiSnackbarContent-root{background-color:#fff}.notification_dark .MuiSnackbarContent-root{background-color:#2f354a}.notification-message-container{display:flex;justify-content:space-between;gap:1rem;align-items:center}.notification-message-container .MuiSvgIcon-root{font-size:1.45rem}.notification-icon{display:flex;align-items:center;justify-content:center}.notification-icon_warning .MuiSvgIcon-root{fill:#eba60c}.notification-icon_info .MuiSvgIcon-root{fill:#098beb}.notification-icon_success .MuiSvgIcon-root{fill:#00ab3e}.notification-icon_error .MuiSvgIcon-root{fill:#d9160a}.notification-actions-container{display:flex;justify-content:flex-end;gap:.5rem;align-items:center;padding:.5rem}.notification-actions-expand{display:flex;justify-content:center;gap:.5rem;align-items:center}.notification-close-countdown{background-color:#098beb;height:.5rem;width:100%;transition:width 6s ease-in-out;border-radius:5px;position:absolute;bottom:-.5rem;left:0}.notification-close-countdown.closing{width:0}.notification-resource{gap:8px;padding-top:16px}.notification-resource,.notification-resource-container{display:flex;flex-direction:column}.notification-link{font-size:12px}.notification-link-container{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:8px;word-break:break-all}.notification-link-anchor{cursor:pointer}.notification-link-anchor_dark{color:#098beb}.notification-link-anchor_dark:hover{text-decoration:underline}.notification-link-anchor_light{color:#0b3ade}.notification-link-anchor_light:hover{text-decoration:underline}.notification-link-icon{display:flex;align-items:center}.notification-link-icon_dark .MuiSvgIcon-root{fill:#098beb}.notification-link-icon_light .MuiSvgIcon-root{fill:#0b3ade}.notification-resource-data{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:4px}.notification-resource-data_dark svg{fill:#fff}.notification-resource-data_light svg{fill:#545353}html body .notification-center-root{display:flex;justify-content:center;position:relative;left:-7px;top:-5px;margin:.5rem}html body .notification-center-root>.MuiListItemIcon-root{margin:0}html body .notification-center-root .MuiSvgIcon-root{fill:#fff}html body .notification-center-root svg{height:1rem;width:1rem;fill:#fff}html body .notification-center-root svg line{stroke:#fff}html body .notification-center-no-notifications{display:flex;justify-content:center;align-items:center;height:100%;width:100%}html body .notification-center-drawer{z-index:1501}html body .notification-center-drawer .notification-status-COMPLETED{border-left:4px solid #157e48}html body .notification-center-drawer .notification-status-COMPLETED .card-header span{color:#157e48}html body .notification-center-drawer .notification-status-COMPLETED .notification-status-root svg{fill:#157e48}html body .notification-center-drawer .notification-status-FAILED{border-left:4px solid red}html body .notification-center-drawer .notification-status-FAILED .card-header span{color:red}html body .notification-center-drawer .notification-status-FAILED .notification-status-root svg{fill:red}html body .notification-center-drawer .notification-status-WARNING{border-left:4px solid #ffc039}html body .notification-center-drawer .notification-status-WARNING .card-header span{color:#ffc039}html body .notification-center-drawer .notification-status-WARNING .notification-status-root svg{fill:#ffc039}.icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.icon-container .MuiSvgIcon-root{fill:#fff}.icon-badge .MuiBadge-badge{background-color:red}.announcement-list{display:flex;flex-direction:column;gap:16px}.announcement-list-empty{display:flex;justify-content:center;align-items:center;height:200px;width:500px}.announcement-card-content{padding:24px;width:500px}.announcement-card-details{display:flex;flex-direction:column;padding-top:16px;padding-bottom:16px;gap:8px}.announcement-card-info{display:flex;gap:8px}html body .app-ribbon-root .active{position:relative}html body .app-ribbon-root .active:after{content:"◂";position:absolute;right:-2px;top:calc(50% - 2px);transform:translateY(-50%);color:hsla(0,0%,100%,.8);font-size:18px}html[dir=rtl] body .app-ribbon-root .active:after{content:"▸";right:unset;left:-2px}