@layer equip{.eq-notification-center{display:inline-block;position:relative}.eq-notification-center-bell{position:relative}.eq-notification-center-count{box-sizing:border-box;border-radius:var(--eq-radius-s);min-width:16px;height:16px;box-shadow:0 0 0 2px var(--eq-surface);background:var(--eq-solid);color:var(--eq-solid-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 16px var(--eq-font);font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;transition:scale var(--eq-dur-move) var(--eq-spring);padding-inline:4px;position:absolute;inset-block-start:1px;inset-inline-end:1px}@starting-style{.eq-notification-center-count{scale:.6}}.eq-notification-center-status,.eq-notification-center-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eq-popover.eq-notification-center-panel{width:min(360px, calc(100vw - 2 * var(--eq-space-4)));max-width:min(360px, calc(100vw - 2 * var(--eq-space-4)));font-size:var(--eq-text-s);padding:0;line-height:1.4;overflow:hidden}.eq-popover.eq-notification-center-panel:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-notification-center-header{justify-content:space-between;align-items:center;gap:var(--eq-space-2);min-height:var(--eq-h-l);padding:var(--eq-space-2) var(--eq-space-2) var(--eq-space-2) var(--eq-space-4);border-bottom:1px solid var(--eq-line);display:flex}.eq-notification-center-title{font-size:var(--eq-text-m);font-weight:var(--eq-weight-strong);margin:0;line-height:1.3}.eq-notification-center-body{overscroll-behavior:contain;max-height:min(420px,60dvh);padding:var(--eq-space-2);overflow-y:auto}.eq-notification-center-empty{padding:var(--eq-space-5) var(--eq-space-4)}.eq-notification-center-group+.eq-notification-center-group{margin-top:var(--eq-space-2)}.eq-notification-center-group-label{padding:var(--eq-space-1) var(--eq-space-2);color:var(--eq-ink-2);font-size:var(--eq-text-xs);font-weight:var(--eq-weight-strong);letter-spacing:.01em}.eq-notification-center-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.eq-notification-center-item{column-gap:var(--eq-space-2);padding:var(--eq-space-2);border-radius:var(--eq-radius-m);transition:background-color var(--eq-dur) var(--eq-ease), opacity var(--eq-dur) var(--eq-ease), translate var(--eq-dur-move) var(--eq-spring);grid-template-columns:8px minmax(0,1fr) auto;align-items:start;display:grid;position:relative}@starting-style{.eq-notification-center-item{opacity:0;translate:0 4px}}@media (hover:hover){.eq-notification-center-item[data-open]:hover{background:var(--eq-tint)}}.eq-notification-center-item:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-notification-center-dot{border-radius:var(--eq-radius-full);background:var(--eq-solid);width:8px;height:8px;transition:scale var(--eq-dur-move) var(--eq-spring);margin-top:6px;scale:0}.eq-notification-center-item[data-unread] .eq-notification-center-dot{scale:1}.eq-notification-center-content{gap:2px;min-width:0;display:grid}.eq-notification-center-open{max-width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:2px;justify-self:start;margin:0;padding:0;text-decoration:none}.eq-notification-center-open:after{content:"";border-radius:var(--eq-radius-m);position:absolute;inset:0}.eq-notification-center-open:focus-visible{outline:none}.eq-notification-center-open:focus-visible:after{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-notification-center-name{color:var(--eq-ink);font-weight:var(--eq-weight);overflow-wrap:anywhere}.eq-notification-center-item[data-unread] .eq-notification-center-name{font-weight:var(--eq-weight-strong)}.eq-notification-center-text{color:var(--eq-ink-2);overflow-wrap:anywhere}.eq-notification-center-time{color:var(--eq-ink-3);font-size:var(--eq-text-xs);font-variant-numeric:tabular-nums}.eq-notification-center-actions{z-index:1;color:var(--eq-ink-2);gap:2px;margin-block:-4px;display:flex;position:relative}}
