.notification-type.invite{background:var(--accent);box-shadow:0 0 8px rgba(212,195,160,.38);color:#101010;}.invite-notification{cursor:default}.invite-notification:hover{color:#d3d0ca;background:rgba(193,168,118,.08)}.invite-notification>div{min-width:0}.invite-notification-code{display:flex;align-items:center;overflow:hidden;margin:7px 0 5px;border:1px solid #46433d;border-radius:6px;background:#161514}.invite-notification-code code{min-width:0;flex:1;overflow:hidden;padding:7px 8px;color:#eee8da;font-size:.64rem;font-weight:750;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.invite-notification-code button{align-self:stretch;width:auto;margin:0;padding:0 10px;color:#dfd2b8;border:0;border-left:1px solid #46433d;border-radius:0;background:#272725;font-size:.6rem;font-weight:750}.invite-notification-code button:hover{color:#fff;background:#2c2b26}.invite-notification p{margin:0 0 4px!important;color:#a8a397!important;font-weight:650}
.notification-view-all{display:block;padding:10px 14px;color:#dbccaf;border-top:1px solid var(--border);background:#1d1c1b;font-size:.65rem;font-weight:750;text-align:center}.notification-view-all:hover{color:#fff;background:#262624}.notifications-page{width:min(100%,760px);margin:38px auto 70px}.notifications-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.notifications-page-header span{color:#d7c7a6;font-size:.6rem;font-weight:850;letter-spacing:.14em}.notifications-page-header h1{margin:4px 0;font-size:1.75rem}.notifications-page-header p{margin:0;color:#9a9386;font-size:.72rem}.notifications-page-header button,.notifications-load-more{width:auto;margin:0;padding:8px 12px;color:#dfd2b8;border:1px solid #3f3d37;border-radius:4px;background:#252422;font-size:.66rem;font-weight:750}.notifications-history{display:grid;gap:10px}.notification-history-item{grid-template-columns:9px 1fr;padding:15px 17px;border:1px solid #31302b;border-radius:6px;background:#191918;box-shadow:0 7px 20px rgba(0,0,0,.12)}.notification-history-item.unread{border-color:#b7995e;background:rgba(59,57,51,.18)}.notification-history-item:hover{border-color:#49473f;background:#21211f}.notification-history-item strong{font-size:.76rem}.notification-history-item p{font-size:.68rem}.notification-history-item time{font-size:.59rem}.notifications-load-more{display:block;min-width:120px;margin:15px auto 0}.notifications-load-more[hidden]{display:none}.notifications-load-more:hover,.notifications-page-header button:hover{color:#fff;border-color:#c1a774;background:#2e2d2b}@media(max-width:575px){.notifications-page{margin-top:24px}.notifications-page-header{align-items:flex-start;flex-direction:column}.notifications-page-header button{align-self:flex-end}.notification-history-item{padding:13px}}