.notification-count{display:inline-block;min-width:21px;margin-left:7px;padding:2px 6px;border-radius:999px;background:#dce8d1;color:#294834;text-align:center;font-size:12px;font-weight:700}
.notification-preferences{margin-bottom:30px}
.notification-setting-list{display:grid;gap:12px;margin-top:20px}
.notification-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:none}
.notification-setting h3{margin:0 0 5px}
.notification-switches{display:flex;gap:18px;flex-wrap:wrap}
.notification-switch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}
.notification-switch input{position:absolute;width:1px;height:1px;opacity:0}
.switch-track{position:relative;display:inline-block;width:38px;height:22px;border-radius:999px;background:#aab8ac;transition:background .15s}
.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.notification-switch input:checked+.switch-track{background:#476d50}
.notification-switch input:checked+.switch-track:after{transform:translateX(16px)}
.notification-switch input:focus-visible+.switch-track{outline:3px solid #91a45d;outline-offset:3px}
.notification-switch input:disabled+.switch-track{opacity:.5}
.notification-inbox{margin-top:25px}
.notification-item{display:flex;align-items:center;justify-content:space-between;gap:20px}
.notification-item.unread{border-left:4px solid #638a66}
.notification-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.notification-setting,.notification-item{display:block}.notification-switches,.notification-actions{margin-top:14px}}