.notifications-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:70px 0 35px}.notifications-head h1{font-size:clamp(3.2rem,7vw,6rem);margin:8px 0}.notifications-head p{color:var(--muted)}.notifications-list{display:grid;gap:12px;padding-bottom:90px}.notification-item,.notification-empty{display:flex;gap:16px;padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.notification-item.unread{border-color:#4d8062;background:#14221b}.notification-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#20352a;color:var(--green);font-weight:900}.notification-item small{color:#78877f;text-transform:uppercase;font-size:.62rem;letter-spacing:.08em}.notification-item h2{margin:4px 0;font-size:1.15rem}.notification-item p{margin:0;color:#9aa79f}.notification-actions{display:flex;align-items:center;gap:15px;margin-top:12px}.notification-actions a,.notification-actions button{border:0;padding:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.notification-actions form{margin:0}.notification-empty{display:block;text-align:center}.notification-empty p{color:var(--muted)}@media(max-width:650px){.notifications-head{align-items:flex-start;flex-direction:column}.notifications-head form,.notifications-head .button{width:100%}}