[data-action="notifications"]{position:relative}.notification-count{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;border-radius:50%;background:var(--orange);color:white;font-size:10px;border:2px solid white;display:grid;place-items:center;font-weight:800}.notification-popover{position:absolute;right:max(25px,calc((100vw - 1240px)/2));top:72px;width:420px;max-width:calc(100vw - 32px);background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 55px #073b6330;overflow:hidden;z-index:60;animation:menu-in .2s var(--ease)}.notification-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 10px;gap:10px}.notification-heading h2{font-size:18px;margin:0}.notification-heading>button{background:none;border:0;font-size:12px;font-weight:700;color:var(--muted);min-height:36px}.notification-tabs{display:flex;gap:8px;padding:0 20px 13px;border-bottom:1px solid var(--line)}.notification-tabs button{border:1px solid var(--line);border-radius:22px;padding:6px 13px;background:white;color:var(--muted);font-size:13px;font-weight:700;min-height:36px}.notification-tabs .active{background:var(--orange);border-color:var(--orange);color:white}.notification-list{overflow-y:auto;max-height:min(470px,calc(100dvh - 245px));overscroll-behavior:contain}.notification-item{position:relative;padding:17px 19px;display:grid;grid-template-columns:33px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);transition:background .2s}.notification-item:hover{background:#f6f9fc}.notification-item.is-unread{background:#f9fbfd}.notification-symbol{width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.notification-symbol .icon{width:17px;height:17px}.notification-symbol.green{background:#e9f7f0;color:#14956e}.notification-symbol.purple{background:#f1edff;color:#7953d7}.notification-symbol.amber{background:#fff6e5;color:#b87900}.notification-symbol.blue{background:#edf3fc;color:#447bb2}.notification-title{display:flex;gap:12px;align-items:start}.notification-title h3{font-family:'DM Sans',sans-serif;font-weight:600;font-size:14px;line-height:1.5;letter-spacing:0;margin:0}.notification-title time{font-size:10px;color:#8192a2;white-space:nowrap;padding-top:4px}.notification-item p{font-size:12px;color:var(--muted);line-height:1.65;margin:5px 0}.notification-item .text-link{font-size:12px;border:0;padding:0;min-height:30px;background:none}.notice-dot{position:absolute;width:5px;height:5px;right:8px;top:25px;border-radius:50%;background:var(--orange)}.notification-footer{width:100%;padding:16px;border:0;background:white;color:var(--orange-dark);font-weight:700;font-size:13px}.notification-footer:hover{background:#fff6f1}.notification-full{max-width:850px;margin:auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.notification-full .notification-list{max-height:none}.notification-full .notification-heading{padding:25px 25px 15px}.notification-full h2{font-size:30px}.notifications-page>.eyebrow,.notifications-page>.subtle-note{max-width:850px;margin-left:auto;margin-right:auto}.notification-full .notification-title{justify-content:space-between}@media(max-width:600px){.notification-popover{top:62px;right:16px}.notification-heading{padding:14px 16px 8px}.notification-item{padding:15px;gap:10px}.notification-tabs{padding-left:16px}.notification-tabs button,.notification-heading>button{min-height:44px}.notification-title time{font-size:10px}.notification-title h3{font-size:13px}.notification-item .text-link{min-height:36px}.notification-full h2{font-size:24px}.notification-full .notification-heading{padding:17px 15px 8px}.notification-full .notification-heading>button{font-size:11px}}