#notifications{position:absolute;right:0;top:40px;background:#162226;height:500px;width:300px;z-index:2000;box-shadow:0 0 2px #8bf6f2;border-radius:5px;display:flex;flex-direction:column;padding:5px}#notifications #notification-header{display:flex;flex-direction:row;gap:5px}#notifications #notification-header button{font-size:.8em;text-transform:uppercase}#notifications #notification-header button.active{background:#8bf6f2;color:#162226;margin-left:0}#notification-list{font-size:.8em;text-shadow:0 0 1px #8bf6f2;display:flex;flex-direction:column;height:auto;margin-top:5px;overflow:scroll}#notification-list .notification{background:#162226;color:#fff;padding:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 2px #8bf6f2;padding:15px 10px}#notification-list .notification .notif-dot{width:7px;height:7px;background:#8bf6f2;border-radius:50%;box-shadow:0 0 5px #fff}#notification-list .notification .notif-text{flex:1;display:flex;flex-direction:column;gap:5px;line-height:2}#notification-list .notification .notif-text span{padding:2px;border-radius:2px;cursor:pointer;background:#162226;color:#8bf6f2}#notification-list .notification .notif-text span:hover{background:#8bf6f2;color:#162226}#notification-list .notification .notif-text button{font-size:.8em}#notification-list .notification .clickable{cursor:pointer}#notification-list .notification .clickable:hover{background:#8bf6f2;color:#162226}