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