.connection-banner[data-v-2b3f829c]{align-items:center;display:flex;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;left:0;min-height:calc(2.25rem + env(safe-area-inset-top));padding-left:1rem;padding-right:1rem;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:2000}.connection-banner--down[data-v-2b3f829c]{background:#fdf1dc;color:#b45309}.connection-banner--ok[data-v-2b3f829c]{background:#e6f6ec;color:#12874a}.connection-banner__icon[data-v-2b3f829c]{flex-shrink:0;height:1rem;width:1rem}.connection-banner__text[data-v-2b3f829c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-banner__action[data-v-2b3f829c]{flex-shrink:0;text-decoration-line:underline;text-underline-offset:2px}.connection-banner-enter-active[data-v-2b3f829c],.connection-banner-leave-active[data-v-2b3f829c]{transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.connection-banner-enter-from[data-v-2b3f829c],.connection-banner-leave-to[data-v-2b3f829c]{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}.el-container{box-sizing:border-box;display:flex;flex:1;flex-basis:auto;flex-direction:row;min-width:0}.el-container.is-vertical{flex-direction:column}.el-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--el-aside-width,300px)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height);padding:var(--el-footer-padding)}