.notification-handler[data-v-b77a3430]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000;position:fixed;top:0;left:0;padding:3px 0;color:#fff;font-weight:600}.notification-handler .icon[data-v-b77a3430]{margin:0 10px}.offline__notification-handler[data-v-b77a3430]{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.online__notification-handler[data-v-b77a3430]{--tw-bg-opacity:1;background-color:rgba(52,211,153,var(--tw-bg-opacity))}.slide-top-enter,.slide-top-leave-to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.slide-top-enter-active{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-top-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}