.notification-card{margin:20px 0}
.notification-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.notification-head h2{font-size:17px;margin:0 0 6px}
.notification-head p,.notification-limits p,.notification-muted{font-size:13px;line-height:1.6;color:var(--muted,#a4a4a4);margin:0}
.notification-switch{display:flex;align-items:center;gap:9px;border:0;background:none;color:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.notification-switch i{width:36px;height:22px;border-radius:14px;background:#444;position:relative;display:block}
.notification-switch i:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#999}
.notification-switch[aria-checked=true] i{background:#f1f1f1}
.notification-switch[aria-checked=true] i:after{background:#171717;left:17px}
.notification-switch:disabled{opacity:.5;cursor:default}
.notification-limits h3{font-size:16px;margin:0 0 8px}
.notification-range{display:flex;align-items:flex-end;gap:12px;margin:15px 0}
.notification-range label{display:grid;gap:8px;flex:1;min-width:100px;font-size:13px}
.notification-range input{width:100%;box-sizing:border-box;border:1px solid #444;border-radius:6px;background:#101010;color:#eee;font:inherit;padding:12px}
.notification-limits small{display:block;font-size:12px;color:var(--muted,#aaa);line-height:1.6;max-width:680px}
.notification-muted{margin-top:14px}
.notification-muted[hidden]{display:none}
.notification-message{font-size:13px;line-height:1.6;margin:12px 0 0}
.notification-message:empty{display:none}
@media(max-width:640px){.notification-range{flex-wrap:wrap}.notification-range .button{width:100%}.notification-head{align-items:flex-start;gap:12px}}
.notification-dnd,.notification-quiet{border-top:1px solid #333;margin-top:20px;padding-top:20px}
.notification-dnd h3{font-size:14px;margin:0 0 8px}
.notification-paused{font-size:13px;color:var(--muted,#aaa)}
.notification-pause-form .notification-range{max-width:420px}
.notification-quiet-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.notification-quiet-toggle input{width:18px;height:18px;accent-color:#eee}
.notification-quiet small{font-size:12px;line-height:1.6;color:var(--muted,#aaa);display:block}
.notification-quiet input[type=time]{color-scheme:dark}
.notification-card [hidden]{display:none!important}
.notification-card .button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #444;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.notification-card .button:hover{background:#262626}
.notification-card .button:disabled{opacity:.45;cursor:default}