/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-o2wsyskhj9]{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:1200;box-sizing:border-box;width:min(480px,calc(100% - 32px));padding:13px 16px;border:1px solid #655538;border-radius:12px;background:#1d1e22;color:#f1ede5;box-shadow:0 4px 20px #0003;font:400 12px/1.6 Montserrat,sans-serif}
#components-reconnect-modal[hidden][b-o2wsyskhj9]{display:none}
.components-reconnect-container[b-o2wsyskhj9]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#components-reconnect-modal p[b-o2wsyskhj9]{flex:1;min-width:180px;color:#e0d9cb;margin:0}
.portal-reconnect-actions[b-o2wsyskhj9]{display:flex;gap:8px;flex-wrap:wrap}
.portal-reconnect-actions:has(button:not([hidden]))[b-o2wsyskhj9]{width:100%;justify-content:flex-end}
#components-reconnect-modal button[b-o2wsyskhj9]{font:inherit;padding:6px 11px;border:1px solid #d2b374;border-radius:7px;background:transparent;color:#efd7a6;cursor:pointer}
#components-reconnect-modal button[hidden][b-o2wsyskhj9]{display:none}
#components-reconnect-modal button:focus-visible[b-o2wsyskhj9]{outline:2px solid white;outline-offset:3px}
.portal-reconnect-dots[b-o2wsyskhj9]{display:inline-flex;gap:4px;color:#d2b374}
.portal-reconnect-dots i[b-o2wsyskhj9]{height:4px;width:4px;border-radius:50%;background:currentColor;animation:rejoin-pulse-b-o2wsyskhj9 1.2s infinite}
.portal-reconnect-dots i:nth-child(2)[b-o2wsyskhj9]{animation-delay:.15s}.portal-reconnect-dots i:nth-child(3)[b-o2wsyskhj9]{animation-delay:.3s}
#components-reconnect-modal[data-connection-state="rejected"] .portal-reconnect-dots[b-o2wsyskhj9]{display:none}
@keyframes rejoin-pulse-b-o2wsyskhj9{0%,60%,100%{opacity:.4}30%{opacity:1}}
@media(prefers-reduced-motion:reduce){.portal-reconnect-dots i[b-o2wsyskhj9]{animation:none}}