.push-notifications-container{position:fixed;top:50px;right:50px;z-index:9999}.push-notification-wrapper{position:relative;width:360px;height:0;transform:translateX(500px);transition:transform 1.5s,height .5s}.push-notification-wrapper.pn-show{transform:translateX(0);height:105px;transition:transform 1s,height .5s}.push-notification-wrapper .pn-body{position:relative;width:100%;height:90px;background-color:#212121;display:flex;flex-wrap:wrap;border-radius:10px}.push-notification-wrapper .pn-left{position:relative;flex:3}.push-notification-wrapper .pn-right{position:relative;flex:1;max-width:80px;border-left:1px solid rgba(0,0,0,.5)}.push-notification-wrapper .pn-middle{position:relative;width:100%;height:100%;display:flex;align-items:center}.push-notification-wrapper .pn-btn-go{display:flex;flex-wrap:wrap;width:100%;height:100%;padding:0 10px;border-radius:10px 0 0 10px}.push-notification-wrapper .pn-btn-go:hover{background-color:#2f2b22}.push-notification-wrapper .pn-avatar{position:relative;flex:1;height:100%}.push-notification-wrapper .pn-avatar:after{content:'';display:block;padding-bottom:100%}.push-notification-wrapper .pn-avatar img{position:absolute;border-radius:50%;width:100%}.push-notification-wrapper .pn-content{position:relative;flex:3;height:100%;padding-left:10px}.push-notification-wrapper .pn-name{font-size:16px;color:#fb9d00}.push-notification-wrapper .pn-message{color:#838383;font-size:14px;max-height:1.5em;line-height:1.5em;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden}.push-notification-wrapper .pn-message.overflow:after{content:'...'}.push-notification-wrapper .pn-btn-close{width:100%;height:100%;border-radius:0 10px 10px 0;background:0 0;border:0;color:rgba(255,255,255,.6);font-size:12px;font-family:'Sofia Sans Condensed';font-weight:100;text-transform:uppercase}.push-notification-wrapper .pn-btn-close:hover{background-color:#2f2b22}.system-message,.system-message>p{color:#ffa700!important}.system-message.system-message-green,.system-message.system-message-green>p{color:#80c060!important}@media screen and (max-width:575px){.push-notifications-container{width:100%;top:0;right:auto;z-index:99}.push-notification-wrapper{width:100%;padding:10px}.push-notification-wrapper .pn-body{height:auto;border-radius:5px}.push-notification-wrapper .pn-avatar img{padding:10px}.push-notification-wrapper .pn-name{font-size:16px}.push-notification-wrapper .pn-btn-close{font-size:12px}}