@charset "UTF-8";.notification-bar-component{width:360px}.notification-bar-component .title{text-align:center;font-size:16px;font-weight:700;line-height:16px;padding:32px 0 16px;color:#333;border-bottom:1px solid #ccc}.notification-bar-component .item{padding:16px 32px;cursor:pointer}.notification-bar-component .item .item-title{display:block;width:280px;font-size:16px}.notification-bar-component .item .item-title.unread:before{content:"•";font-size:20px;margin-right:8px;margin-left:-14px;color:red}.notification-bar-component .item:not(:last-child){border-bottom:1px solid #ccc}.notification-bar-component .item:hover{background:#f8f8f8}.notification-bar-component .footer{border-top:1px solid #ccc;cursor:pointer;font-size:16px;text-align:center;padding:16px 0}.notification-bar-component .footer:hover{background:#f8f8f8}