.notifications{position:relative;width:64px;height:100%;display:flex;justify-content:center;align-content:center;align-items:center;cursor:pointer}.notifications-count{opacity:0;visibility:hidden;background:#fff;width:15px;height:15px;position:absolute;top:10px;right:10px;border-radius:50%;color:#000;display:flex;text-align:center;justify-content:center;align-content:center;align-items:center;font-size:12px;font-weight:700}.notifications.active .notifications-count{opacity:1;visibility:visible}.notifications-list{padding:20px;top:60px;min-width:265px;min-height:95px;left:-100px;border-radius:5px;opacity:0;visibility:hidden;position:absolute;background:#222;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.notifications-list-item{padding-top:20px;padding-bottom:20px;font-size:15px}.notifications-list-date{margin-top:10px;color:#616161;font-size:13px}.notifications-list-item:first-child{padding-top:0}.notifications:hover{background-color:#363636}.notifications.active:hover .notifications-list{opacity:1;visibility:visible;top:80px}.notifications svg{fill:white}.notifications.active svg,.notifications.active:hover svg{fill:#e5bc00}@media (max-width:560px){.notifications{display:none}}