.notificationsCenter{z-index:95;position:fixed;top:84px;right:20px}.notificationBell{cursor:pointer;background:#fff;border:1px solid #d7e2e8;border-radius:13px;width:44px;height:44px;position:relative;box-shadow:0 10px 28px #10283b22}.notificationBell>b{color:#fff;background:#d43d32;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:grid;position:absolute;top:-6px;right:-5px}.notificationPanel{background:#fff;border:1px solid #d9e3e8;border-radius:16px;flex-direction:column;width:min(390px,100vw - 24px);max-height:70vh;display:flex;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 24px 70px #07111f36}.notificationPanel header{color:#fff;background:#17283d;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notificationPanel header div{flex-direction:column;display:flex}.notificationPanel header span{color:#c8d3de;font-size:10px}.notificationPanel header button{color:#fff;background:#ffffff12;border:1px solid #ffffff2b;border-radius:8px;padding:7px 10px}.notificationPanel>div{overflow:auto}.notificationPanel>div>p{text-align:center;color:#748291;padding:22px}.notificationPanel a{color:#1c2d40;border-bottom:1px solid #e4eaee;grid-template-columns:8px 1fr;gap:10px;padding:12px 14px;text-decoration:none;display:grid}.notificationPanel a>i{background:#2f86d4;border-radius:50%;width:8px;height:8px;margin-top:5px}.notificationPanel a.warning>i{background:#dfa326}.notificationPanel a.danger>i{background:#d4473d}.notificationPanel a.success>i{background:#69aa2c}.notificationPanel a>span{flex-direction:column;gap:2px;display:flex}.notificationPanel a b{text-transform:uppercase;color:#6b7a88;font-size:10px}.notificationPanel a strong{font-size:13px}.notificationPanel a small{color:#71808e}.notificationPanel footer{color:#758391;background:#f4f7f9;padding:10px 14px;font-size:9px}@media (width<=700px){.notificationsCenter{top:70px;right:10px}.notificationPanel{max-height:72vh;position:fixed;top:122px;right:8px}}