.offlineModeInfoWrapper{color:#fff;display:flex;justify-content:center;align-items:center;position:-webkit-sticky;position:sticky;bottom:0;left:0;z-index:100;height:70px;width:100%}.offlineModeInfoWrapper.offline{background-color:#414141}.offlineModeInfoWrapper.online{background-color:#ff3f55}.offlineModeInfoWrapper svg{margin:0 10px 0 0}.toaster-container{position:fixed;width:100%;height:100%;pointer-events:none;z-index:99999}.toast-group{gap:8px;display:flex;position:fixed;flex-direction:column;pointer-events:auto}.toast-group.top-left{top:24px;left:24px}.toast-group.top-right{top:24px;right:24px}.toast-group.bottom-left{bottom:24px;left:24px}.toast-group.bottom-right{bottom:24px;right:24px}.toast{gap:8px;width:360px;padding:16px;display:flex;color:#2c2c2c;min-height:50px;border-radius:8px;align-items:flex-start;background-color:#fff;z-index:12}.toast .content{gap:8px;width:100%;display:flex;align-items:center}.toast .content .icon{width:16px;height:16px;flex-shrink:0}.toast .content .column{gap:4px;display:flex;flex-direction:column}.toast .content .column .title{font-weight:600;font-size:14px;line-height:14px}.toast .content .column .description{font-weight:400;font-size:14px;line-height:18px}.toast .close-btn{padding:0;width:16px;height:16px;display:flex;flex-shrink:0;border:none;align-items:center;justify-content:center;background-color:transparent;cursor:pointer}[data-type=info]{background-color:#404040;color:#fff}[data-type=info] .close-btn svg{fill:#a6a6a6}[data-type=success]{background-color:#8baf60;color:#fff}[data-type=success] .close-btn svg{fill:#c0e98e}[data-type=error]{background-color:#e34a6b;color:#fff}[data-type=error] .close-btn svg{fill:#ff839e}[data-type=warning]{background-color:#ffda2e;color:#2c2c2c}[data-type=warning] .close-btn svg{fill:#d6b000}@media screen and (min-width:320px)and (max-width:767px){.toaster-container{position:fixed;top:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;padding:0 16px}.toast-group{position:static;margin-bottom:10px;width:100%}.toast{width:100%}}