:root{--dark-background-color: #1c1e21;--dark-close-icon-hover: #ffffff33;--dark-close-icon: #ffffff1a;--dark-close: #ffffff;--dark-text: #1c1e21;--default-background-color: #ffffff;--default-close-icon-hover: #e4e6eb;--default-close-icon: #e4e6eba5;--default-close: rgb(28, 30, 33);--default-text: #e4e6eb;--enter-animation: cubic-bezier(.14, 1, .34, 1);--exit-animation: cubic-bezier(.45, .1, .2, 1);--green-color: #00a400;--link-color: #4599ff;--main-icon-color: #bcc0c4;--nsn-transition-duration: .3s}.App{text-align:center;display:flex;align-items:center;flex-direction:column}.statusNotification{align-items:center;border-radius:8px;box-sizing:border-box;direction:ltr;display:flex;min-height:48px;justify-content:center;line-height:16px;min-width:288px;padding:16px 10px;position:fixed;text-align:left;z-index:10000;-webkit-font-smoothing:antialiased;box-shadow:0 0 10px #1e293c33}.defaultColor{background-color:var(--default-background-color);color:var(--dark-text)}.darkColor{background-color:var(--dark-background-color);color:var(--default-text)}.topLeft{top:24px;left:24px}.topRight{top:24px;right:24px}.topCenter{top:24px;left:50%;transform:translate(-50%)}.bottomRight{bottom:24px;right:24px}.bottomLeft{bottom:24px;left:24px}.bottomCenter{bottom:24px;left:50%;transform:translate(-50%)}.onlineColor{fill:var(--green-color)}.mainColor{fill:var(--main-icon-color)}.statusNotification div{padding:6px}.statusNotification>.statusNotificationIcon{box-sizing:border-box;pointer-events:all;position:relative;-webkit-font-smoothing:antialiased}.statusNotification>.statusNotificationRefresh>button{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0}.statusNotification>.statusNotificationRefresh{color:var(--link-color);direction:ltr;display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:18px;max-width:100%;min-width:0px;outline-color:var(--link-color);overflow-wrap:break-word;pointer-events:all;text-align:left;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.statusNotification>.statusNotificationRefresh:hover{text-decoration:underline solid var(--link-color) auto}.statusNotification>.statusNotificationCloseIcon{background:none;border:none;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;border-radius:50%;padding:6px;transition:background-color .15s ease}.statusNotification>.statusNotificationCloseIcon.defaultColor{background-color:var(--default-close-icon);fill:var(--default-close)}.statusNotification>.statusNotificationCloseIcon.defaultColor:hover{background-color:var(--default-close-icon-hover)}.statusNotification>.statusNotificationCloseIcon.darkColor{background-color:var(--dark-close-icon);fill:var(--dark-close)}.statusNotification>.statusNotificationCloseIcon.darkColor:hover{background-color:var(--dark-close-icon-hover)}.fade-initial{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--nsn-transition-duration) var(--enter-animation),transform var(--nsn-transition-duration) var(--enter-animation)}.fade-exit-active{opacity:0;transform:translateY(20px);transition:opacity var(--nsn-transition-duration) var(--exit-animation),transform var(--nsn-transition-duration) var(--exit-animation)}.topCenter.fade-initial{transform:translate(-50%) translateY(-20px)}.topCenter.fade-enter-active{transform:translate(-50%) translateY(0)}.topCenter.fade-exit-active{transform:translate(-50%) translateY(-20px)}.bottomCenter.fade-initial{transform:translate(-50%) translateY(20px)}.bottomCenter.fade-enter-active{transform:translate(-50%) translateY(0)}.bottomCenter.fade-exit-active{transform:translate(-50%) translateY(20px)}.topLeft.fade-initial,.topRight.fade-initial,.topLeft.fade-exit-active,.topRight.fade-exit-active{transform:translateY(-20px)}@media(prefers-reduced-motion:reduce){.fade-enter-active,.fade-exit-active,.topCenter.fade-enter-active,.topCenter.fade-exit-active,.bottomCenter.fade-enter-active,.bottomCenter.fade-exit-active{transition:none}}@media(max-width:480px){.statusNotification{left:8px;right:8px;bottom:8px;top:auto;min-width:unset;border-radius:8px;transform:none}.statusNotification.fade-initial{transform:translateY(20px)}.statusNotification.fade-enter-active{transform:translateY(0)}.statusNotification.fade-exit-active{transform:translateY(20px)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}