.notification-nav-link{position:relative;display:inline-flex;align-self:center;align-items:center;justify-content:center;width:52px;height:52px;padding:0;color:#1591aa;border-radius:50%;text-decoration:none}.notification-nav-link i{font-size:30px;line-height:1}.notification-nav-link:hover{color:#117b91;background:#eef8fa;text-decoration:none}.notification-nav-link:focus-visible{outline:3px solid #668cdf;outline-offset:2px}.notification-nav-count{position:absolute;top:-4px;right:-7px;display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;font-weight:700;line-height:1}.notification-inbox{width:min(100%,780px);margin:0 auto;padding:18px 0 32px}.notification-inbox__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.notification-inbox__header h1{margin:0;font-size:30px}.notification-inbox__eyebrow{margin:0 0 4px;color:#36714f;font-weight:700}.notification-inbox__summary{margin:6px 0 0;color:#65736b}.notification-list{display:grid;gap:10px}.notification-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid #dce4df;border-radius:14px;background:#fff}.notification-item--unread{border-color:#9abca6;background:#f3faf5;box-shadow:0 4px 16px #203d2b12}.notification-item__marker{width:8px;height:8px;border-radius:50%;background:transparent}.notification-item--unread .notification-item__marker{background:#2f8f5b}.notification-item__body h2{margin:0 0 5px;font-size:18px}.notification-item__body p{margin:0 0 8px;color:#415148;white-space:pre-wrap}.notification-item__body time{color:#718078;font-size:13px}.notification-item__open{min-height:42px;padding:8px 14px;border:1px solid #8eaa99;border-radius:9px;background:#fff;color:#2c6244;font-weight:700;cursor:pointer}.notification-item__open:hover{background:#eaf5ed}.notification-item__open:focus-visible{outline:3px solid #668cdf;outline-offset:2px}.notification-empty{padding:54px 20px;border:1px dashed #bdcbc2;border-radius:14px;color:#68776e;text-align:center}.notification-empty i{display:block;margin-bottom:10px;font-size:32px}.notification-empty p{margin:0}@media(max-width:575px){.notification-inbox{padding-top:8px}.notification-inbox__header{align-items:stretch;flex-direction:column}.notification-inbox__header form,.notification-inbox__header button{width:100%}.notification-item{grid-template-columns:8px minmax(0,1fr);padding:15px}.notification-item form{grid-column:2}.notification-item__open{width:100%}}
