body,html{height:100%;margin:0;padding:0}.spinner,.spinner:after{border-radius:50%;width:10em;height:10em}.spinner{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(140,140,140,.2);border-right:1.1em solid rgba(140,140,140,.2);border-bottom:1.1em solid rgba(140,140,140,.2);border-left:1.1em solid #8c8c8c;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:spinner 1.1s infinite linear;animation:spinner 1.1s infinite linear}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body{display:flex;justify-content:center;align-items:center;padding:15px}.message{font-size:22px;font-family:sans-serif;text-align:center}#close{position:fixed;right:32px;top:32px;width:32px;height:32px;opacity:.5;cursor:pointer}#close:after,#close:before{position:fixed;right:48px;content:' ';height:33px;width:3px;background-color:#333}#close:before{transform:rotate(45deg)}#close:after{transform:rotate(-45deg)}