.app-nav-bar-container{align-items:center;margin-bottom:40px}.app-nav-bar-container~main{height:calc(100vh - 66px)}.app-nav-bar-header-container{align-items:center;display:flex;background:var(--greys-black,#000);height:66px;flex-shrink:0;overflow:hidden;overflow-x:auto}.header-logo{margin-left:24px;display:flex;gap:16px;align-items:center}.app-section{color:var(--greys-white,#fff);font-family:Roboto;font-size:20px;font-style:normal;font-weight:700;line-height:normal;height:66px}.app-section-name{height:62px;align-items:center;display:flex;cursor:pointer}.app-section-container{margin-left:60px;display:flex;gap:24px}.right-section{display:flex;margin-left:auto;margin-right:24px;align-items:center;gap:24px}.app-nav-bar{margin-left:60px;gap:24px;display:flex;justify-content:center;padding:1em}.app-nav-bar a{color:#fff;text-decoration:none;margin:0 1em;position:relative}.app-nav-bar a:after{content:"";display:block;margin:5px auto 0;height:4px;width:0;background:rgba(0,0,0,0);transition:width .3s ease,background-color .3s ease}.app-nav-bar a:focus:after,.app-nav-bar a:hover:after{width:100%;background:#fff}.active{color:#ff0;font-family:Roboto;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.active-link-underline{background:#fff;height:4px}.none-active-link-underline{background:#000;height:4px}.single-site{display:flex;flex-direction:column;gap:4px;text-align:right}@media(max-width:900px){.single-site{display:none}}.single-site .title{font-size:12px;color:var(--greys-grey-medium,white)}.single-site .name{font-size:14px;color:var(--greys-white,white)}.complex-picker{width:200px}@media(max-width:800px){.app-nav-bar{margin-left:10px}}@media(max-width:640px){.hide-on-mobile{display:none!important}.header-logo{margin-left:8px}}#notifications-menu .MuiList-root.MuiList-padding{padding:0}.notifications-container{border-radius:8px;width:380px;max-height:500px;overflow-y:auto}.notifications-container__header{padding:16px;display:flex;justify-content:space-between;align-items:center}.notifications-container__header h4{margin:0}.notifications-container__header .notifications-container__header-link{text-transform:unset}.notifications-container__empty{align-items:center;text-align:center;justify-content:center}.notification,.notifications-container__empty{border-top:1px solid var(--greys-grey-medium);display:flex;padding:16px}.notification{position:relative;border-radius:0}.notification .notification__content{cursor:pointer}.notification .notification__content .notification__header{font-weight:600;font-size:14px;line-height:20px;margin:0 0 5px}.notification .notification__content .notification__body{font-weight:400;font-size:14px}.notification .notification__icon{min-width:46px;height:min-content;margin-top:auto;margin-bottom:auto}.notification .notification__icon img{height:42px;width:42px}.notification__action{display:none;cursor:pointer}.notification.notification--selected .notification__action,.notification:hover .notification__action{display:block;position:absolute;top:0;bottom:0;margin:auto;right:16px;height:min-content}.notifications-container .notification:last-child{border-radius:0 0 4px 4px}.notification--active{border-top:1px solid var(--blues-blue-light);background:var(--blues-blue-very-light)}.notifications-container__icon{width:16px;height:16px;margin-right:4px}