html { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; height: 100%; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; color: #111; font-size: 1.1em; line-height: 1.5; height: 100%; background: #fff; }
p { margin: 1em 0; }
img { border: 0; }
.text-center { text-align: center; }
.loader, .loader .block { height: 100%; }
.loader .block { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.loader .spin { margin: 0 auto; width: 200px; height: 200px; animation: spin 2s linear infinite; }
.loader .description { padding: 0; text-align: center; }
.loader .icon { width: 64px; height: 64px; flex: 0 0 64px; fill: currentColor; }
.loader .green { color: #509a37; }
.loader .red { color: #ff4136; }
.loader .hidden { display: none; }
@keyframes spin { to { transform: rotate(360deg); } }