.hub-notifications-control-label{gap:var(--space-8);align-items:center;display:inline-flex}.hub-notifications-control-glyph{display:inline-flex;position:relative}.hub-notifications-control-glyph .hub-status-dot{position:absolute;inset-block-start:calc(-1 * var(--space-2));inset-inline-end:calc(-1 * var(--space-2))}:is(.hub-button-icon:has(.hub-notifications-control-glyph),.hub-button-icon:has(.hub-notifications-control-glyph) *){overflow:visible}.hub-notifications-control-glyph .hub-count-marker{position:absolute;inset-block-start:calc(-1 * var(--space-8));inset-inline-start:calc(100% - var(--space-12))}.hub-notifications-panel-slot{flex-direction:column;display:flex}.hub-notification-region{gap:var(--layout-gap-stack);flex-direction:column;display:flex}.hub-notification-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hub-notification-rows>li+li{border-block-start:var(--border-width-1) solid var(--color-border-subtle)}.hub-notification-row{box-sizing:border-box;grid-template-columns:auto minmax(0, 1fr) var(--space-8);gap:var(--space-12);inline-size:100%;padding:var(--space-12);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:start;display:grid}.hub-notification-row:hover{background:var(--color-surface-sunken)}.hub-notification-row:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.hub-notification-row[data-read=true]{opacity:var(--hub-notification-read-opacity)}.hub-notification-row-content{gap:var(--space-4);overflow-wrap:anywhere;white-space:pre-line;flex-direction:column;min-inline-size:0;display:flex}.hub-notification-row-subject{font-weight:var(--font-weight-medium)}.hub-notification-row-trailing{justify-content:center;padding-block-start:calc((var(--type-body-line-height) - var(--space-8)) / 2);display:inline-flex}a.hub-notification-row{text-decoration:none}.hub-notification-row:has(.hub-notification-row-trailing[data-trailing=chat]){grid-template-columns:auto minmax(0,1fr) auto}.hub-notification-row-trailing[data-trailing=chat]{gap:var(--space-8);min-block-size:var(--type-body-line-height);color:var(--color-text-secondary);align-items:center;padding-block-start:0}.hub-notification-row-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-notification-skeleton{gap:var(--space-12);padding:var(--space-12);grid-template-columns:auto minmax(0,1fr);display:grid}.hub-notification-skeleton-lines{gap:var(--space-8);flex-direction:column;display:flex}.hub-notification-pinned{z-index:1;background:var(--color-surface-elevated);position:sticky;inset-block-start:0}.hub-notification-pinned:not(:empty){padding-block-end:var(--space-8)}.hub-notification-empty{gap:var(--space-16);padding:var(--space-24) var(--space-16);text-align:center;flex-direction:column;align-items:center;display:flex}.hub-notifications-inbox{box-sizing:border-box;min-block-size:100dvh;padding:var(--hub-notifications-inbox-padding);background:var(--color-canvas);color:var(--color-text-primary)}.hub-notifications-inbox[data-mode=over]{z-index:var(--layer-overlay);overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.hub-notifications-inbox-column{gap:var(--layout-gap-group);max-inline-size:var(--layout-measure);flex-direction:column;margin-inline:auto;display:flex}.hub-notifications-inbox-top{z-index:1;gap:var(--space-12);padding-block:var(--space-8);background:var(--color-canvas);flex-direction:column;display:flex;position:sticky;inset-block-start:0}.hub-notifications-inbox-card.hub-notifications-inbox-card{padding:var(--space-8)}.hub-notifications-inbox-header{gap:var(--space-8);align-items:center;margin-inline-start:calc(-1 * var(--space-8));display:flex}.hub-notifications-inbox-title{flex:1 0 auto;margin:0}.hub-notifications-inbox-title:focus{outline:none}