.connection-banner[data-v-5c636054]{bottom:calc(var(--df-safe-bottom) + 1rem);z-index:1300;border:1px solid color-mix(in srgb, var(--df-warn) 45%, transparent);background:var(--df-surface-solid);width:max-content;max-width:calc(100vw - 1.5rem);box-shadow:var(--df-shadow-pop);color:var(--df-text);border-radius:1.1rem;align-items:center;gap:.65rem;padding:.5rem .55rem .5rem .95rem;line-height:1.25;display:flex;position:fixed;left:50%;transform:translate(-50%)}html.df-mobile .connection-banner[data-v-5c636054]{bottom:calc(var(--df-safe-bottom) + var(--df-tab-bar-height) + 1.1rem)}.connection-banner>.pi[data-v-5c636054]{color:var(--df-warn)}.connection-text[data-v-5c636054]{min-width:0;color:var(--df-text-muted);flex-direction:column;font-size:.8rem;display:flex}.connection-text strong[data-v-5c636054]{color:var(--df-heading);font-size:.88rem;font-weight:650}.connection-retry[data-v-5c636054]{background:var(--df-warn-soft);min-width:5.75rem;min-height:2.1rem;color:var(--df-heading);font:inherit;cursor:pointer;border:0;border-radius:.8rem;flex:none;padding:0 .8rem;font-size:.82rem;font-weight:600}.connection-retry[data-v-5c636054]:disabled{cursor:default}.connection-banner-enter-active[data-v-5c636054],.connection-banner-leave-active[data-v-5c636054]{transition:opacity .2s,transform .2s}.connection-banner-enter-from[data-v-5c636054],.connection-banner-leave-to[data-v-5c636054]{opacity:0;transform:translate(-50%,.5rem)}