@layer equip{.eq-connection{color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-s) / 1.3 var(--eq-font)}.eq-connection[data-variant=bar]{z-index:1;pointer-events:none;position:absolute;inset:0 0 auto;overflow:clip}.eq-connection[data-variant=pill]{display:inline-flex}.eq-connection-message{--_from:0 -4px;align-items:center;gap:var(--eq-space-2);opacity:0;translate:var(--_from);transition:opacity var(--eq-dur) var(--eq-ease), translate var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease), display var(--eq-dur) allow-discrete;display:none}.eq-connection-message[data-open]{opacity:1;transition:opacity var(--eq-dur) var(--eq-ease), translate var(--eq-dur-move) var(--eq-spring), scale var(--eq-dur-move) var(--eq-spring), display var(--eq-dur) allow-discrete;display:flex;translate:0;scale:1}@starting-style{.eq-connection-message[data-open]{opacity:0;translate:var(--_from)}}.eq-connection[data-variant=bar] .eq-connection-message{--_from:0 -100%;min-height:var(--eq-h-m);padding:var(--eq-space-1) var(--eq-space-3);border-bottom:1px solid var(--eq-line-strong);background:var(--eq-raised);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);pointer-events:auto}.eq-connection[data-variant=pill] .eq-connection-message{min-height:var(--eq-h-s);padding-inline:var(--eq-space-3);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-full);background:var(--eq-raised);font-size:var(--eq-text-xs);scale:.96}.eq-connection[data-variant=pill] .eq-connection-message[data-open]{scale:1}@starting-style{.eq-connection[data-variant=pill] .eq-connection-message[data-open]{scale:.96}}.eq-connection[data-variant=pill] .eq-connection-message:has(.eq-connection-retry){padding-inline-end:0}.eq-connection-message[data-state=offline] .eq-connection-text{font-weight:var(--eq-weight-strong)}.eq-connection-message:is([data-state=saved],[data-state=back]){color:var(--eq-ink-2)}.eq-connection-icon{flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.eq-connection-icon>svg{width:16px;height:16px}.eq-connection-tick{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset var(--eq-dur-move) var(--eq-spring)}@starting-style{.eq-connection-tick{stroke-dashoffset:1px}}.eq-connection-text{min-width:0}.eq-connection-retry{flex:none;margin-inline-start:auto}}
