.notification-preference{border-top:1px solid #e2e7dc;gap:8px;margin:18px 0;padding-top:16px;display:grid}.notification-preference>label{color:#38503e;font-size:12px;font-weight:600}.notification-preference select{background:#fff;border:1px solid #cbd5c5;border-radius:8px;max-width:300px;padding:10px 12px}.notification-preference small{color:#73806c;font-size:12px;line-height:1.5}.notification-preference p{margin:0;font-size:12px}.notification-center{box-sizing:border-box;overscroll-behavior:contain;color:#24302b;background:#fffdf8;border:1px solid #d9dfd9;border-radius:16px;width:min(520px,100vw - 24px);max-height:min(86dvh,760px);margin:auto;padding:22px 22px 18px;font:14px/1.4 Arial,sans-serif;overflow:auto}.notification-center::backdrop{background:#15251c88}.notification-center header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.notification-center h2{color:#2c4636;margin:0;font:26px/1.2 Georgia,serif}.notification-center .notification-close{color:#4f6f61;cursor:pointer;background:#eaf0e9;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding:0;font-size:24px;line-height:1;display:grid}.notification-center h3{letter-spacing:.08em;text-transform:uppercase;color:#6b7a72;margin:22px 0 8px;font-size:12px;font-weight:700}.notification-center ul{margin:0;padding:0;list-style:none}.notification-center li{border-top:1px solid #e3e8e3}.notification-center li>button{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 6px;display:flex}.notification-center li>button:hover:not(:disabled){background:#eaf0e9}.notification-center li>button:focus-visible{background:#eaf0e9}.notification-center li>button:focus-visible{outline-offset:1px;outline:2px solid #4f6f61}.notification-center li>button:disabled{cursor:progress}.notification-center li img{object-fit:cover;background:#edf1e7;border-radius:6px;flex:none;width:60px;height:60px}.notification-center .notification-text{flex:1;gap:2px;min-width:0;display:grid}.notification-center .notification-text strong{overflow-wrap:anywhere;font-weight:400}.notification-center li.unread .notification-text strong{font-weight:700}.notification-center .notification-text>span{color:#59675f;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notification-center time{color:#7a867d;font-size:12px}.notification-center .notification-unread{background:#9b4050;border-radius:50%;flex:none;width:10px;height:10px}.notification-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notification-center .notification-read-all{color:#355347;font:inherit;cursor:pointer;background:#fff;border:1px solid #bdc9bf;border-radius:8px;margin:10px 0 0;padding:8px 14px}.notification-center .notification-read-all:disabled{opacity:.6;cursor:progress}.notification-center .notification-empty,.notification-center .notification-more{color:#6b7a72;margin:6px 0;font-size:13px}.notification-center .notification-error{color:#963b35}.account-notification-badge{box-sizing:border-box;color:#fff;background:#9b4050;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font:700 11px/1 Arial,sans-serif;display:inline-grid}.account-menu summary,.account-native-menu{position:relative}.account-menu summary>.account-notification-badge,.account-native-menu>.account-notification-badge{pointer-events:none;border:2px solid #fffdf8;position:absolute;top:-5px;left:24px}.account-dropdown .account-notifications-entry{justify-content:space-between;align-items:center;gap:8px;display:flex}
