@keyframes async-rotate { 100% {transform:rotate(360deg);}}

#app-async-operation_overlay{
    z-index: 100000000;
    display: block;
    align-items: center;
    position: fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color: #2A3F54;
    opacity:0.9;
}

#app-async-operation_window{
    z-index: 100000001;
    display: flex;
    flex-flow: column nowrap;
    justify-content:  center;
    align-items: center;
    position: fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
}

#app-async-operation_window > .waiter{
    position: relative;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGZpbGw9IiNGRkZGRkYiIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNOCwwQzcuNDQ4LDAsNywwLjQ0OCw3LDF2MmMwLDAuNTUyLDAuNDQ4LDEsMSwxczEtMC40NDgsMS0xVjFDOSwwLjQ0OCw4LjU1MiwwLDgsMHogTTgsMTJjLTAuNTUyLDAtMSwwLjQ0Ny0xLDF2MiAgYzAsMC41NTMsMC40NDgsMSwxLDFzMS0wLjQ0NywxLTF2LTJDOSwxMi40NDcsOC41NTIsMTIsOCwxMnogTTEyLjI0Miw1LjE3MmwxLjQxNC0xLjQxNWMwLjM5MS0wLjM5LDAuMzkxLTEuMDI0LDAtMS40MTQgIGMtMC4zOS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwbC0xLjQxNCwxLjQxNGMtMC4zOTEsMC4zOTEtMC4zOTEsMS4wMjQsMCwxLjQxNUMxMS4yMTksNS41NjIsMTEuODUyLDUuNTYyLDEyLjI0Miw1LjE3MnogICBNMy43NTcsMTAuODI4bC0xLjQxNCwxLjQxNGMtMC4zOTEsMC4zOTEtMC4zOTEsMS4wMjQsMCwxLjQxNGMwLjM5LDAuMzkxLDEuMDIzLDAuMzkxLDEuNDE0LDBsMS40MTQtMS40MTQgIGMwLjM5MS0wLjM5MSwwLjM5MS0xLjAyMywwLTEuNDE0QzQuNzgxLDEwLjQzOCw0LjE0OCwxMC40MzgsMy43NTcsMTAuODI4eiBNMy43NTcsMi4zNDNjLTAuMzkxLTAuMzkxLTEuMDI0LTAuMzkxLTEuNDE0LDAgIGMtMC4zOTEsMC4zOS0wLjM5MSwxLjAyNCwwLDEuNDE0bDEuNDE0LDEuNDE1YzAuMzkxLDAuMzksMS4wMjQsMC4zOSwxLjQxNCwwYzAuMzkxLTAuMzkxLDAuMzkxLTEuMDI0LDAtMS40MTVMMy43NTcsMi4zNDN6ICAgTTEyLjI0MiwxMC44MjhjLTAuMzkxLTAuMzkxLTEuMDIzLTAuMzkxLTEuNDE0LDBzLTAuMzkxLDEuMDIzLDAsMS40MTRsMS40MTQsMS40MTRjMC4zOTEsMC4zOTEsMS4wMjQsMC4zOTEsMS40MTQsMCAgYzAuMzkxLTAuMzksMC4zOTEtMS4wMjMsMC0xLjQxNEwxMi4yNDIsMTAuODI4eiBNMTUsN2gtMmMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgyYzAuNTUzLDAsMS0wLjQ0OCwxLTFTMTUuNTUzLDcsMTUsN3ogICBNNCw4YzAtMC41NTItMC40NDgtMS0xLTFIMUMwLjQ0OCw3LDAsNy40NDgsMCw4czAuNDQ4LDEsMSwxaDJDMy41NTIsOSw0LDguNTUyLDQsOHoiLz48L3N2Zz4K');
    background-size: contain;
    animation:async-rotate 1s linear infinite;
}

#app-async-operation_window > .message{
    position: relative;
    font-size: 26px;
    text-align: center;
    max-width: 70%;
    color: white;
}