.spinner,.spinner.center{position:absolute;margin:auto}.content{position:absolute;top:0}.overlay{background:rgba(0,0,0,.1);height:100vh;display:flex;justify-content:center}.spinner{font-size:48px;display:inline-flex;width:1em;height:1em}.spinner.center{top:75%;left:50%;animation:1s linear 7s forwards moment-on}.spinner .round-and-around-and-around-and-around-we-go{position:fixed;left:50%;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -0.2222em;-ms-transform-origin:center -0.2222em;transform-origin:center -0.2222em;-webkit-animation:1s linear infinite spinner-fade;animation:1s linear infinite spinner-fade}.spinner .round-and-around-and-around-and-around-we-go:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(3){-webkit-animation-delay:166ms;animation-delay:166ms;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(4){-webkit-animation-delay:249ms;animation-delay:249ms;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(5){-webkit-animation-delay:332ms;animation-delay:332ms;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(6){-webkit-animation-delay:415ms;animation-delay:415ms;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(7){-webkit-animation-delay:498ms;animation-delay:498ms;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(8){-webkit-animation-delay:581ms;animation-delay:581ms;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(9){-webkit-animation-delay:664ms;animation-delay:664ms;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(10){-webkit-animation-delay:747ms;animation-delay:747ms;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner .round-and-around-and-around-and-around-we-go:nth-child(12){-webkit-animation-delay:913ms;animation-delay:913ms;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes spinner-fade{0%{background-color:#69717d}100%{background-color:transparent}}@keyframes spinner-fade{0%{background-color:#69717d}100%{background-color:transparent}}@keyframes moment-off{from{opacity:0}to{opacity:1}}