.transfer-notification-bell{flex-shrink:0;min-width:44px;min-height:44px;position:relative}.transfer-notification-count{background:var(--color-primary,#6c50e5);color:#fff;border-radius:12px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-3px;right:-5px}.notification-inbox{color:#262830;background:#fafbfc;border:1px solid #e0e1e7;border-radius:16px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 100px);margin:0;padding:0;position:fixed;inset:76px 24px auto auto;box-shadow:0 20px 70px #26283026}.notification-inbox[open]{flex-direction:column;display:flex}.notification-inbox::backdrop{background:#14162726}.notification-inbox header{background:#fff;border-bottom:1px solid #e3e4e9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.notification-inbox header h2{margin:4px 0 0;font-size:20px}.notification-inbox header small{color:#6d7180}.notification-inbox-toolbar{border-bottom:1px solid #e3e4e9;padding:8px 16px}.notification-inbox-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.notification-inbox article{overflow-wrap:anywhere;border-bottom:1px solid #e3e4e9;padding:20px 24px}.notification-inbox article.is-unread{background:#f2efff;box-shadow:inset 3px 0 #7658e8}.notification-inbox-meta,.notification-inbox-meta span{align-items:center;gap:8px;display:flex}.notification-inbox-meta{color:#686c7a;flex-wrap:wrap;justify-content:space-between;font-size:12px}.notification-inbox-meta span{color:#6c50cf;font-weight:600}.notification-inbox h3{margin:12px 0 8px;font-size:16px}.notification-inbox p{margin:8px 0;font-size:14px;line-height:1.5}.notification-inbox-route{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.notification-inbox button,.notification-inbox a{min-height:44px}.notification-inbox button:focus-visible,.notification-inbox a:focus-visible,.transfer-notification-bell:focus-visible{outline-offset:3px;outline:2px solid #795bea}.notification-inbox .secondary-button,.notification-mark-read{margin-top:8px}.notification-inbox-empty{color:#656b79;padding:28px 24px}.notification-inbox footer{background:#fff;border-top:1px solid #e3e4e9;padding:12px 24px}.notification-inbox footer a{color:#6c50cf;justify-content:space-between;align-items:center;font-weight:600;display:flex}.notification-show-more{margin:16px 24px}.transfer-notification-help{color:#6b7280;padding:0 24px;font-size:14px}@media (max-width:640px){.notification-inbox{width:100%;max-width:100%;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;inset:auto 0 0}.notification-inbox article,.notification-inbox header{padding:16px 20px}}@media (max-width:560px){.topbar{padding-inline:max(12px, env(safe-area-inset-left));gap:6px}.topbar .mobile-brand .brand>span:not(.brand-mark){display:none}.topbar .mobile-brand .brand{gap:0}.topbar .connection-status{justify-content:center;gap:0;min-width:44px;min-height:44px;padding:0;font-size:0}.topbar .global-search{min-width:44px;min-height:44px}}.notification-inbox header>div{min-width:0}.notification-inbox header small{overflow-wrap:anywhere}.notification-inbox .quiet-button,.notification-inbox .secondary-button{white-space:normal;text-align:start;max-width:100%;height:auto}.notification-inbox button svg,.notification-inbox a svg{flex-shrink:0}
