.notify{display:flex;flex-direction:column;position:fixed;top:60px;left:80%;transform:translateX(-50%);max-width:300px;max-height:calc(100vh - 60px);background-color:#333;color:#fff;border:1.5px solid #fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:4;transition:opacity .7s ease;overflow:hidden;opacity:1;transition:opacity 1s ease-out}.notify .noti-header,.notify-item .noti-header{display:flex;flex-direction:row;justify-content:left;height:40px;border-bottom:1px solid #ccc;font-size:large;padding:5px;align-items:center}.notify.fade-out{opacity:0}.notify .noti-body,.notify-item .noti-body{font-size:medium;padding:5px}.notify .noti-footer,.notify-item .noti-footer{font-size:small;padding:5px}.notify-container{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:5px}.notify-item{width:300px;outline:1px solid lightgray;margin:3px}.notify-item.selected{outline:3px solid white}