/* notify.css - notification cards above the footer and the footer bell menu (notify.js). Loaded on every page. */
.ntf{position:fixed;right:14px;bottom:44px;z-index:90;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100% - 28px));pointer-events:none}
.ntc{pointer-events:auto;display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 8px 10px 10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35);color:var(--ink);font-size:12.5px;animation:ntin .22s ease-out}
.ntc>i{align-self:stretch;border-radius:3px;background:var(--c)}
.ntc b{display:block;font-weight:600;font-size:13px}.ntc span{display:block;margin-top:2px;color:var(--mute);font-size:12px;line-height:1.35}
.ntc button{width:22px;height:22px;border-radius:6px;color:var(--mute);font-size:16px;line-height:1}.ntc button:hover{background:var(--p2);color:var(--ink)}
.ntc.lk{cursor:pointer}.ntc.lk:hover{border-color:color-mix(in srgb,var(--c) 50%,var(--line))}
.ntc.out{opacity:0;transform:translateY(6px);transition:.2s}
@keyframes ntin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ntb svg{display:block}.ntb.off{opacity:.5}
.ntm{width:300px;padding:10px 0 0}.ntm h6{padding:0 14px 4px}
.nsw{display:flex;align-items:center;gap:12px;padding:8px 14px;cursor:pointer}.nsw:hover{background:var(--p2)}
.nsw span{flex:1;min-width:0}.nsw b{display:block;font-weight:500}.nsw small{display:block;color:var(--mute);font-size:11px}
.nsw input{position:absolute;opacity:0;pointer-events:none}
.nsw i{position:relative;flex:none;width:30px;height:17px;border-radius:9px;background:var(--line);transition:.15s}
.nsw i::after{content:'';position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:var(--panel);transition:.15s}
.nsw input:checked+i{background:var(--acc)}.nsw input:checked+i::after{left:15px}
.nsw input:focus-visible+i{outline:2px solid var(--acc);outline-offset:2px}
.nss{display:flex;gap:5px;padding:0 14px 8px 14px}
.nss button{flex:1;height:24px;border:1px solid var(--line);border-radius:6px;font:600 11px 'IBM Plex Mono',monospace;color:var(--mute)}
.nss button.on{color:var(--ink);border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
@media(max-width:700px){.ntf{right:8px;bottom:40px}}