@keyframes spin{0%{transform:translateZ(0) rotate(0)}100%{transform:translateZ(0) rotate(360deg)}}.freeze-ui{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgb(194, 193, 193);opacity:.7;transition:opacity .25s}.modal .freeze-ui{z-index:99999;}.freeze-ui.is-unfreezing{opacity:0}.freeze-ui:after{content:attr(data-text);display:block;max-width:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-family:sans-serif;color:#343a40;text-align:center;text-transform:uppercase}.freeze-ui:before{content:"";display:block;width:180px;height:180px;border-radius:50%;border-width:4px;border-style:solid;border-color:transparent #228ae6 #228ae6;position:absolute;top:calc(50% - 90px);left:calc(50% - 90px);will-change:transform;animation:spin .75s infinite ease-in-out}
.freeze-ui i{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -53px;
    text-align: center;
    font-size: 120px;
}

.freeze-ui.status-success,.freeze-ui.status-success:before{
    border-color:#449d44;
    color:#449d44;
}
.freeze-ui.status-error,.freeze-ui.status-danger,.freeze-ui.status-error:before,.freeze-ui.status-danger:before{
    border-color:#c9302c;
    color:#c9302c;
}
.freeze-ui.static:before{
    animation:spin 0.75s ease-in-out;

}
.freeze-ui .subMessage{
    text-transform:uppercase;
    font-family:sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 300px;
    margin-left: -150px;
    margin-top: 100px;
    font-size: 35px;
}