.indicator-wrapper{text-align:center;position:fixed;left:1rem;bottom:1rem;padding:.3rem 1.9rem .3rem 1rem;font-size:14px;user-select:none;z-index:200;border-radius:.5rem;box-shadow:1px 1px .5rem 0 rgba(0,0,0,.25);width:min(400px,90dvw)}.indicator-wrapper.production{background-color:#c52b38;color:#eee5dc}.indicator-wrapper.staging{background-color:#ffcd5c;color:#805f33}.indicator-wrapper.staging.development{background-color:#3b6a46;color:#eee5dc}.indicator-wrapper.preprod{background-color:#1c6e8c;color:#fff}.indicator-wrapper>.close{position:absolute;top:47%;right:.5rem;font-size:1rem;transform:translateY(-50%);background:none;cursor:pointer;border:none;color:inherit;padding:.2rem;line-height:1}.indicator-wrapper>.content{padding:.5rem 0}.indicator-wrapper>.content .pre-message{font-size:1rem}.offlineModeInfoWrapper{color:#fff;display:flex;justify-content:center;align-items:center;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%}}