.network-checker-notification{bottom:0;font-size:1.55rem;left:20px;position:fixed;transform:translateY(100%);width:330px;z-index:calc(var(--sider-z-index) + 1)}.network-checker-notification.offline,.network-checker-notification.online{animation:network-error-appear .3s ease-in forwards}.network-checker-notification.closed{animation:network-error-disappear .2s ease-out forwards}.network-checker-notification .network-checker-container{align-items:center;background-color:var(--background-content-color1);border-radius:2px;display:flex;flex-direction:row;justify-content:space-between;padding:18px 12px 18px 16px;width:100%}.network-checker-notification .network-checker-container .left{display:flex}.network-checker-notification .network-checker-container .left .network-status{align-items:center;display:flex;gap:15px}.network-checker-notification .network-checker-container .left .network-status svg.online-icon{fill:#009c49}.network-checker-notification .network-checker-container .left .network-status svg.offline-icon{fill:#4e4e4e}.network-checker-notification .network-checker-container .right{display:flex}.network-checker-notification .network-checker-container .right svg{fill:#4e4e4e;cursor:pointer}@keyframes network-error-appear{0%{opacity:0;transform:translateY(120%)}to{bottom:15px;opacity:1;transform:translate(0)}}@keyframes network-error-disappear{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(120%)}}