#notificationPreferences{color:#e6edf3;min-width:0;scroll-margin-top:20px}#notificationPreferences h2{margin:0 0 8px}#notificationPreferences h3{font-size:14px;margin:0 0 8px}.np-sub,.np-hint,.np-permission{color:#aeb8c4;line-height:1.5;font-size:13px;margin:6px 0 14px}.np-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;border-bottom:1px solid #30363d;cursor:pointer}.np-toggle span{min-width:0}.np-toggle strong,.np-toggle small{display:block}.np-toggle strong{font-size:14px;font-weight:600}.np-toggle small{color:#aeb8c4;font-size:12px;line-height:1.45;margin-top:4px}.np-toggle input{appearance:none;-webkit-appearance:none;width:44px;height:26px;flex:0 0 44px;border-radius:20px;background:#485566;position:relative;cursor:pointer;margin:12px 0}.np-toggle input:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;top:3px;left:3px;background:#fff}.np-toggle input:checked{background:#238636}.np-toggle input:checked:before{left:21px}.np-field{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-top:18px;min-width:0}.np-field input,.np-field select,.np-button{font:inherit;color:#e6edf3;background:#0d1117;border:1px solid #46515f;border-radius:8px;min-height:44px;padding:10px 12px;box-sizing:border-box;max-width:100%;min-width:0}.np-field input{width:100%;caret-color:#58a6ff}.np-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.np-preview{margin-top:24px;padding-top:20px;border-top:1px solid #30363d}.np-example{padding:12px 0;border-bottom:1px solid #30363d;font-size:13px;overflow-wrap:anywhere}.np-example strong{font-weight:600}.np-example p{color:#c3cbd5;margin:6px 0 0;line-height:1.5;font-variant-numeric:tabular-nums}.np-button{cursor:pointer;margin-top:12px}.np-button:hover{background:#21262d}.np-status{min-height:20px;font-size:12px;color:#7ee787;margin:10px 0 0}.np-status.np-error{color:#ffb4ad}.np-permission{margin-top:20px}.np-permission button{display:block}#notificationPreferences :disabled{opacity:.55;cursor:wait}#notificationPreferences :focus-visible{outline:2px solid #58a6ff;outline-offset:4px}#notificationPreferences ::selection{background:#1f6feb;color:#fff}@media(max-width:400px){.np-grid{gap:0 10px}.np-toggle{gap:12px}}
body.light #notificationPreferences{color:#1f2328}body.light .np-sub,body.light .np-hint,body.light .np-permission,body.light .np-toggle small{color:#57606a}body.light .np-field input,body.light .np-field select,body.light .np-button{background:#fff;color:#1f2328;border-color:#8c959f}body.light .np-button:hover{background:#eaeef2}body.light .np-toggle,body.light .np-preview,body.light .np-example{border-color:#d0d7de}body.light .np-example p{color:#424a53}body.light .np-status{color:#116329}body.light .np-status.np-error{color:#a40e26}
#notificationPreferences .np-toggle{padding:12px 0;box-sizing:border-box}#notificationPreferences .np-field input,#notificationPreferences .np-field select{font-family:inherit}
