.connection-wrapper[data-v-c237ab8e]{z-index:9999;pointer-events:none;position:fixed;bottom:24px;left:24px}.connection-notification[data-v-c237ab8e]{pointer-events:auto;color:#fff;border-radius:4px;align-items:center;min-width:250px;max-width:320px;padding:12px 16px;font-family:Roboto,sans-serif;font-size:.875rem;animation:.3s ease-out forwards slide-in-c237ab8e;display:flex;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.is-offline[data-v-c237ab8e]{background-color:#323232}.is-online[data-v-c237ab8e]{background-color:#43a047}.connection-icon[data-v-c237ab8e]{justify-content:center;align-items:center;margin-right:12px;display:flex}.connection-text[data-v-c237ab8e]{flex-grow:1;font-weight:400}.connection-close[data-v-c237ab8e]{cursor:pointer;opacity:.7;justify-content:center;align-items:center;width:24px;height:24px;margin-left:12px;transition:opacity .2s;display:flex}.connection-close[data-v-c237ab8e]:hover{opacity:1}@keyframes slide-in-c237ab8e{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-c237ab8e{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}