.notification-wrap{position:relative;display:flex;align-items:center}.notification-wrap .icon-button{cursor:pointer}.notification-wrap .icon-button i[hidden]{display:none}.notification-wrap .icon-button i:not([hidden]){width:16px;height:16px;right:-5px;top:-5px;border:2px solid #fff;background:#347b5b;color:#fff;font:700 8px/12px var(--font);text-align:center}.notification-panel{position:absolute;z-index:40;top:calc(100% + 12px);right:-8px;width:min(370px,calc(100vw - 24px));max-height:min(480px,calc(100vh - 100px));overflow:auto;border:1px solid #dfe8df;border-radius:16px;background:#fff;color:#1e3928;box-shadow:0 18px 54px #183a2526}.notification-panel[hidden]{display:none!important}.notification-heading{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 13px;background:#fff;border-bottom:1px solid #e9eee8}.notification-heading>div>span{font-size:8px;letter-spacing:.12em;font-weight:800;color:#6d9b76}.notification-heading h2{margin:4px 0 0;font:700 18px var(--display);letter-spacing:-.03em}.notification-clear{border:0;background:transparent;color:#39805b;font:600 11px var(--font);cursor:pointer}.notification-clear:hover{text-decoration:underline}.notification-list{padding:7px}.notification-item{display:flex;align-items:flex-start;gap:11px;padding:12px 10px;border-radius:11px;color:inherit;text-decoration:none;transition:background .15s}.notification-item:hover{background:#f2f7f1}.notification-item.is-read{opacity:.68}.notification-item-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#eaf3e8;color:#347b5b;font-size:17px}.notification-item-copy{display:grid;gap:4px;min-width:0;flex:1}.notification-item-copy b{font-size:12px;line-height:1.35}.notification-item-copy>span{font-size:11px;line-height:1.5;color:#6c7e6f}.notification-unread-dot{width:8px;height:8px;flex:none;margin:6px 2px 0;border-radius:50%;background:#38805b}.notification-empty{margin:0;padding:23px 16px;text-align:center;color:#718173;font-size:12px}.notification-panel:focus-visible,.notification-item:focus-visible,.notification-clear:focus-visible{outline:2px solid #5b9a67;outline-offset:2px}
html[data-theme="dark"] .notification-panel{background:#19241c;color:#e8efe8;border-color:#3a4c3d;box-shadow:0 18px 54px #0006}html[data-theme="dark"] .notification-heading{background:#19241c;border-color:#344436}html[data-theme="dark"] .notification-item:hover{background:#243329}html[data-theme="dark"] .notification-item-icon{background:#2b422f;color:#b5d9aa}html[data-theme="dark"] .notification-item-copy>span,html[data-theme="dark"] .notification-empty{color:#b3c2b1}html[data-theme="dark"] .notification-wrap .icon-button i:not([hidden]){border-color:#1b251e}
@media(max-width:620px){.notification-panel{right:-45px;top:calc(100% + 10px);width:min(360px,calc(100vw - 20px));max-height:calc(100vh - 90px)}.notification-heading{padding:14px}.notification-item{padding:11px 8px}}