.notification-root{position:relative}.notification-bell{position:relative;width:45px;height:45px;border:1px solid #ffffff35;border-radius:12px;background:#20363f;color:#ddede7;display:grid;place-items:center;cursor:pointer}.notification-bell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-bell>span{position:absolute;right:-7px;top:-7px;min-width:21px;padding:3px 5px;font-size:11px;font-weight:700;border-radius:20px;background:#f3b980;color:#24353b;border:2px solid #152730}.notification-panel{position:absolute;right:0;top:58px;width:370px;max-width:calc(100vw - 32px);background:#f5f1e8;color:#213b41;border:1px solid #b9cfc5;box-shadow:0 22px 60px #0006;border-radius:16px;overflow:hidden;z-index:50}.notification-heading{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d5ded5}.notification-heading h2{font-size:22px}.notification-heading button{font-size:13px;background:#dbe8df;border:0;border-radius:7px;color:#25483f;padding:9px;cursor:pointer}.notification-list{max-height:400px;overflow:auto}.notification-list>a{display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid #dce2d9;font-size:15px;line-height:1.5}.notification-list>a:hover{background:#e5eee6}.notification-list>a.unread{background:#e0ede3;font-weight:650}.notification-symbol{font-size:23px;color:#3d796a}.notification-list small{display:block;margin-top:6px;font-size:12px;color:#5a736d;font-weight:400}.notification-empty,.notification-error{padding:20px;font-size:15px;line-height:1.6}.notification-error{color:#8a4231}.notification-footnote{margin:0;padding:15px 20px;color:#5b736c;font-size:12px}.notification-toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:410px;width:calc(100vw - 32px);padding:21px;border-radius:15px;background:#edf3e9;border:1px solid #91b9a9;box-shadow:0 15px 55px #0005;color:#213b41;display:flex;align-items:flex-start;gap:15px}.notification-toast>span{font-size:28px;color:#46826f}.notification-toast strong{display:block;font-size:16px;line-height:1.5}.notification-toast a{display:inline-block;font-size:14px;margin-top:9px;text-decoration:underline;color:#296752;font-weight:650}.notification-toast>button{margin-left:auto;border:0;background:none;color:#425b55;font-size:24px;cursor:pointer}@media(max-width:600px){.notification-bell{width:38px;height:38px}.notification-panel{position:fixed;top:78px;right:16px;width:calc(100vw - 32px)}.notification-toast{right:16px;bottom:16px}.notification-toast strong{font-size:15px}}