.wbs-notification-trigger{position:relative}.wbs-notification-button{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(207,224,255,.34);border-radius:13px;background:rgba(12,18,54,.34);color:#eef1ff;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.16);transition:.2s}.wbs-notification-button:hover,.wbs-notification-button[aria-expanded="true"]{background:rgba(126,143,235,.2);border-color:rgba(184,225,255,.64)}.wbs-notification-button svg{width:18px;height:18px}.wbs-notification-count{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #0b102d;border-radius:999px;background:#ffcf67;color:#271d45;font:800 10px ANS,system-ui,sans-serif}.wbs-notifications-flyout{width:min(390px,calc(100vw - 28px));padding:18px!important}.wbs-notifications-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wbs-notifications-heading strong{display:block;color:#fff;font:800 20px ANS,system-ui,sans-serif}.wbs-notifications-heading small{display:block;margin-top:3px;color:#aeb7d8;font:600 11px ANS,system-ui,sans-serif}.wbs-notifications-heading>a{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(207,224,255,.3);border-radius:11px;color:#e9ebff;text-decoration:none}.wbs-notification-actions{display:flex;margin:15px 0 10px}.wbs-notification-actions a{color:#9feaff;font:700 11px ANS,system-ui,sans-serif;text-decoration:none}.wbs-notification-list{display:grid;gap:9px}.wbs-notification-item{position:relative;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px;border:1px solid rgba(207,224,255,.25);border-radius:15px;background:rgba(106,126,220,.08);color:#eef1ff;text-decoration:none}.wbs-notification-item:hover{background:rgba(126,143,235,.16);border-color:rgba(184,225,255,.5)}.wbs-notification-item.is-unread{border-color:rgba(184,152,255,.55);background:rgba(106,126,220,.14)}.wbs-notification-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(207,224,255,.3);border-radius:11px;color:#b8c8ff}.wbs-notification-icon svg{width:17px;height:17px}.wbs-notification-item strong,.wbs-notification-item small,.wbs-notification-item time{display:block}.wbs-notification-item strong{font:800 12px ANS,system-ui,sans-serif}.wbs-notification-item small{margin-top:3px;color:#c0c9e7;font:600 11px/1.35 ANS,system-ui,sans-serif}.wbs-notification-item time{margin-top:5px;color:#8995bb;font:600 10px ANS,system-ui,sans-serif}.wbs-notification-item i{position:absolute;top:14px;right:14px;width:7px;height:7px;border-radius:50%;background:#ffd064;box-shadow:0 0 10px rgba(255,208,100,.7)}.wbs-notification-empty{padding:20px 4px;text-align:center;color:#aeb7d8;font:600 12px ANS,system-ui,sans-serif}
.wbs-notification-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wbs-notification-actions a,.wbs-notification-actions button{border:0;background:none;padding:0;color:#9feaff;font:700 11px ANS,system-ui,sans-serif;text-decoration:none;cursor:pointer}.wbs-notification-actions form:last-child button{color:#ffb5c9}