.header{padding:.8rem}.header .header-text{margin-left:1rem}:root{--primary-color:#0cb;--highlight-color:#0cb}.notifications{position:relative;top:1rem;right:1rem;z-index:1031;display:flex;flex-direction:column}.notifications:focus{outline:none}.notifications .bell-icon{width:100%}.notifications .bell-icon svg{float:right}.notifications .bell-icon .counter{position:absolute;right:0;top:-10px}.notifications-list{height:100vh;overflow-y:auto}.notifications-list .notification{display:flex}.notifications-list .notification.unseen{background-color:#8cf2e9}.notifications-list .notification .rounded-circle{width:40px;height:40px}