@keyframes spin {
	0% { transform:translateZ(0) rotate(0deg); }
	100% { transform:translateZ(0) rotate(360deg); }
}
.freeze-ui { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999999; background-color:#fff; opacity:.8; transition:opacity .25s; }
.freeze-ui.is-unfreezing { opacity:0; }

	.freeze-ui:after { content:attr(data-text); display:block; max-width:125px; 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:80px; height:80px; border-radius:50%; border-width:5px; border-style:solid; border-color:transparent #21C24E #21C24E #21C24E; position:absolute; top:calc(50% - 40px); left:calc(50% - 40px); will-change:transform; animation:spin .75s infinite ease-in-out; }