.three-body{--uib-size:35px;--uib-speed:0.8s;--uib-color:#1E3A8A;position:relative;display:inline-block;height:var(--uib-size);width:var(--uib-size);animation:spin78236 calc(var(--uib-speed) * 2.5) infinite linear}.three-body__dot{position:absolute;height:100%;width:30%}.three-body__dot:after{content:"";position:absolute;height:0;width:100%;padding-bottom:100%;background-color:var(--uib-color);border-radius:50%}.three-body__dot:first-child{bottom:5%;left:0;transform:rotate(60deg);transform-origin:50% 85%}.three-body__dot:first-child:after{bottom:0;left:0;animation:wobble1 var(--uib-speed) infinite ease-in-out;animation-delay:calc(var(--uib-speed) * -.3)}.three-body__dot:nth-child(2){bottom:5%;right:0;transform:rotate(-60deg);transform-origin:50% 85%}.three-body__dot:nth-child(2):after{bottom:0;left:0;animation:wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -.15) ease-in-out}.three-body__dot:nth-child(3){bottom:-5%;left:0;transform:translateX(116.666%)}.three-body__dot:nth-child(3):after{top:0;left:0;animation:wobble2 var(--uib-speed) infinite ease-in-out}@keyframes spin78236{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wobble1{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-66%) scale(.65);opacity:.8}}@keyframes wobble2{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(66%) scale(.65);opacity:.8}}