.notification-center-button[hidden],
.notification-center-button span[hidden] {
  display: none !important;
}
.notification-center-head .text-button[hidden]{display:none!important}

.notification-group{display:grid;gap:10px}.notification-group+.notification-group{margin-top:20px;padding-top:18px;border-top:1px solid rgba(223,182,93,.15)}
.notification-group-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:#9d8970;font-size:11px;letter-spacing:.12em}.notification-group-title span{min-width:24px;padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.05);color:#a99578;text-align:center;font-size:9px}
.notification-group.has-unread .notification-group-title strong{color:#f0c45e}.notification-group.has-unread .notification-group-title span{background:#a93625;color:#fff0d1}
.notification-item{position:relative;transition:border-color .2s ease,background .2s ease,opacity .2s ease,transform .2s ease}
.notification-item>div{min-width:0}.notification-item header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-item header strong{min-width:0}.notification-item header em{flex:none;padding:4px 8px;border-radius:99px;font-style:normal;font-size:9px;letter-spacing:.08em}
.notification-item.unread{border-color:rgba(239,193,83,.62);background:linear-gradient(135deg,rgba(174,54,32,.2),rgba(223,182,93,.075));box-shadow:inset 3px 0 #e9b94e,0 10px 24px rgba(0,0,0,.16)}
.notification-item.unread:hover{transform:translateY(-1px);border-color:rgba(245,204,104,.78)}.notification-item.unread header strong{color:#fff0c9}.notification-item.unread header em{background:#a93625;color:#fff0d1}
.notification-item.read{opacity:.84;background:rgba(255,255,255,.026);border-color:rgba(194,166,118,.22)}.notification-item.read header strong{color:#dac8a9}.notification-item.read p{color:#b5a287}.notification-item.read small{color:#907e66}.notification-item.read header em{border:1px solid rgba(194,166,118,.3);color:#b49d7e}.notification-item.read .notification-dot{background:#716252;box-shadow:none}
@media(max-width:520px){.notification-item header{align-items:flex-start}.notification-item{padding:13px 12px}}
