.overlay{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%}.center,.overlay{display:flex;justify-content:center;align-items:center}.center{width:80px;height:80px;position:relative}.center,.circle{border-radius:50%}.circle{background-image:linear-gradient(to right top,#6c6c6c,#014e97,#1f78b4,#0c8eeb,#a6cee3,#f0f0f0);position:absolute;top:0;left:0;animation:loading 2s ease-out infinite}.circle:first-child{width:5px;height:5px;animation-delay:-.05s}.circle:nth-child(2){width:9px;height:9px;animation-delay:-.11s}.circle:nth-child(3){width:12px;height:12px;animation-delay:-.22s}.circle:nth-child(4){width:15px;height:15px;animation-delay:-.4s}.circle:nth-child(5){width:15px;height:15px;animation-delay:-.7s}@keyframes loading{0%{transform:rotate(0deg);transform-origin:40px 40px;opacity:1;box-shadow:0 0 0 hsla(0,0%,100%,.7)}50%{opacity:1;box-shadow:0 0 3px hsla(0,0%,100%,.7)}90%{opacity:.1;box-shadow:0 0 5px 1px hsla(0,0%,100%,.7)}to{transform:rotate(1turn);transform-origin:40px 40px;opacity:0;box-shadow:0 0 0 hsla(0,0%,100%,.7)}}