<>
.lds-ring {
display: inline-block;
position: fixed;
bottom: 50%;
left: 50%;
width: 60px;
height: 60px;
transform: translate(-50%0);
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 50px;
height: 50px;
margin: 5px;
border: 5px solid #3f8ae5;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.500.51) infinite;
border-color: #3f8ae5 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.flow-logo {
position: fixed;
bottom: 100px;
left: 50%;
width: 100px;
transform: translate(-50%0);
}