#components-reconnect-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;overflow:hidden;background-color:transparent;border:0;width:100%;max-width:100%;max-height:100%;margin:0;padding:0}#components-reconnect-modal::backdrop{background:rgba(10,16,28,.5)}#components-reconnect-modal.components-reconnect-show,#components-reconnect-modal[open],#components-reconnect-modal.components-reconnect-failed,#components-reconnect-modal.components-reconnect-repeated-attempt,#components-reconnect-modal.components-reconnect-paused,#components-reconnect-modal.components-reconnect-resume-failed,#components-reconnect-modal.components-pause,#components-reconnect-modal.components-resume-failed{display:flex;align-items:center;justify-content:center}.components-reconnect-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(90% 60% at 80% 0%,color-mix(in srgb,var(--mud-palette-primary,#594ae2) 12%,transparent),transparent 60%),radial-gradient(80% 55% at 0% 100%,color-mix(in srgb,var(--mud-palette-info,#2196f3) 16%,transparent),transparent 62%),rgba(8,12,20,.5)}.components-reconnect-surface{width:min(480px,100%);border-radius:var(--mud-default-borderradius,12px);border:1px solid color-mix(in srgb,var(--mud-palette-lines-default,#e0e0e0) 70%,transparent);background:var(--mud-palette-surface,#fff);box-shadow:var(--mud-elevation-24,0 16px 30px rgba(0,0,0,.28));color:var(--mud-palette-text-primary,#1f2937);padding:20px 20px 18px}.components-reconnect-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.components-reconnect-header h2{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.components-reconnect-status-dot{width:12px;height:12px;border-radius:50%;background:var(--mud-palette-warning,#f59e0b);box-shadow:0 0 0 6px color-mix(in srgb,var(--mud-palette-warning,#f59e0b) 25%,transparent)}.components-reconnect-supporting,.components-reconnect-message{margin:0;line-height:1.45;font-size:.95rem}.components-reconnect-supporting{color:var(--mud-palette-text-secondary,#52607a);margin-bottom:14px}.components-reconnect-message{font-weight:500}.components-reconnect-danger{color:var(--mud-palette-error,#b00020)}.components-reconnect-actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}.components-reconnect-first-attempt-visible,.components-reconnect-repeated-attempt-visible,.components-reconnect-failed-visible,.components-pause-visible,.components-resume-failed-visible{display:none}dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible{display:block}dialog[open].components-reconnect-show .components-rejoin-loader{display:inline-flex}dialog[open].components-reconnect-failed .components-reconnect-failed-visible{display:block}dialog[open].components-reconnect-failed #components-reconnect-button{display:block}dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible{display:block}dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader{display:inline-flex}dialog[open].components-reconnect-paused .components-pause-visible,dialog[open].components-pause .components-pause-visible{display:block}dialog[open].components-reconnect-paused #components-resume-button,dialog[open].components-pause #components-resume-button,dialog[open].components-reconnect-resume-failed #components-resume-button,dialog[open].components-resume-failed #components-resume-button{display:block}dialog[open].components-reconnect-resume-failed .components-resume-failed-visible,dialog[open].components-resume-failed .components-resume-failed-visible{display:block}.components-rejoin-loader{display:none;margin-bottom:10px;gap:8px}.components-rejoin-loader div{width:9px;height:9px;border-radius:50%;background-color:var(--mud-palette-primary,#594ae2);animation:reconnect-pulse 1.2s infinite ease-in-out both}.components-rejoin-loader div:nth-child(1){animation-delay:-.24s}.components-rejoin-loader div:nth-child(2){animation-delay:-.12s}@keyframes reconnect-pulse{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}#components-reconnect-button,#components-resume-button{display:none;min-width:92px;cursor:pointer;padding:8px 16px;border:1px solid transparent;border-radius:999px;background-color:var(--mud-palette-primary,#594ae2);color:#fff;font-size:.875rem;font-weight:600;line-height:1.2;transition:filter 140ms ease,transform 140ms ease}#components-reconnect-button:hover,#components-resume-button:hover{filter:brightness(.95)}#components-reconnect-button:active,#components-resume-button:active{transform:translateY(1px)}@media(max-width:600px){.components-reconnect-backdrop{padding:14px}.components-reconnect-surface{padding:16px}}