.inbox-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit;text-decoration:none;border-radius:var(--radius-full, 9999px)}.inbox-indicator:focus-visible{outline:2px solid currentColor;outline-offset:2px}.inbox-indicator__icon{display:block}.inbox-indicator__badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding-inline:var(--spacing-xs);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--color-white);border-radius:var(--radius-full, 9999px);background-color:var(--error);box-shadow:0 0 0 2px var(--inbox-indicator-ring, var(--color-white))}.messages-indicator__badge{position:absolute;top:4px;right:2px}.messages-indicator__badge .messages-unread-badge{box-shadow:0 0 0 2px var(--inbox-indicator-ring, var(--color-white))}@media(min-width:769px){.messages-indicator{display:none}}.inbox-popover{inset:var(--spacing-3xl) var(--spacing-md) auto auto;margin:0;width:min(440px,calc(100vw - 2 * var(--spacing-md)));max-height:calc(100dvh - 2 * var(--spacing-3xl));overflow-y:auto;padding:var(--spacing-md);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.inbox-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.inbox-popover-heading h2{margin:0;font-size:1.25rem}.inbox-popover .inbox-list__item{flex-wrap:wrap;padding:var(--spacing-sm);gap:var(--spacing-xs)}.inbox-popover .inbox-list__body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-popover .inbox-list__mark{margin-left:auto}