.notification-center{color:#183b45;font-family:inherit}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notification-heading h2{margin:0;font-size:24px}.notification-heading button,.notification-device button,.notification-settings button{font:inherit;min-height:40px;padding:8px 14px;border:1px solid #cfdddd;border-radius:10px;background:#fff;color:#153d49;cursor:pointer}.notification-heading>div{display:flex;gap:8px}.notification-note{color:#8c3440;min-height:1em}.notification-settings{border:1px solid #dce8e8;border-radius:16px;padding:16px;background:#fff;margin-bottom:18px}.notification-settings summary{cursor:pointer;font-weight:600}.notification-settings form{display:grid;gap:14px;padding-top:16px}.notification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px}.notification-grid label{display:grid;gap:5px}.notification-categories{display:flex;flex-wrap:wrap;gap:10px 20px}.notification-categories label{display:flex;align-items:center;gap:6px;font-size:14px}.notification-categories input{width:18px;min-height:18px}.notification-grid input,.notification-grid select{font:inherit;min-height:44px;border:1px solid #c7d9db;border-radius:9px;padding:8px;background:#fff;max-width:100%}.notification-help{font-size:13px;color:#647e85;margin:8px 0}.notification-device{margin-top:16px;padding-top:14px;border-top:1px solid #dce8e8}.notification-card{background:#fff;border:1px solid #dce8e8;border-radius:14px;padding:16px 18px;margin:10px 0}.notification-card.unread{border-inline-start:4px solid #1f6ed4}.notification-card>div{display:flex;justify-content:space-between;gap:12px}.notification-card span{font-size:12px;color:#607d86}.notification-card p{font-size:14px;margin:6px 0}.notification-center button:disabled{opacity:.5;cursor:default}@media(max-width:500px){.notification-heading h2{font-size:21px}.notification-card>div{flex-wrap:wrap}}

.notification-grid label{min-width:0}.notification-grid input,.notification-grid select{width:100%;min-width:0;box-sizing:border-box}.notification-settings button,.notification-device button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
