.notification-controls{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.notification-controls form:first-child{min-width:280px;flex:1}.notification-controls select{width:100%}.notification-item{display:flex;justify-content:space-between;gap:18px;padding:18px 4px;border-bottom:1px solid #d7e2ea}.notification-item:last-child{border-bottom:0}.notification-item.unread{border-left:5px solid #1784ad;padding-left:16px;background:#f3faff}.notification-item h3{margin:5px 0}.notification-item p{margin:4px 0 8px}.notification-kind{font-weight:700;color:#16779b}.notification-item form{align-self:center}@media(max-width:700px){.notification-item{display:block}.notification-item form{margin-top:12px}.notification-item button{width:100%}}.notification-test-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.notification-test-actions form{margin:0}.notification-test-note{flex-basis:100%;margin-top:4px}@media(max-width:700px){.notification-test-actions{width:100%}.notification-test-actions form,.notification-test-actions button{width:100%}}