.loading-component{color:#333;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;display:flex}.dot-container{--uib-size:250px;--uib-color:black;--uib-speed:1s;--uib-dot-size:calc(var(--uib-size)*.1);height:calc(var(--uib-size)*.64);width:calc(var(--uib-size)*.64);justify-content:flex-start;align-items:center;display:flex;position:relative}@keyframes rainbow{0%{background-color:red}14%{background-color:orange}28%{background-color:#ff0}42%{background-color:green}57%{background-color:#00f}71%{background-color:indigo}85%{background-color:violet}to{background-color:red}}@keyframes jump{0%,to{transform:translateY(120%)}50%{transform:translateY(-120%)}}.dot{--uib-d1:-.48;--uib-d2:-.4;--uib-d3:-.32;--uib-d4:-.24;--uib-d5:-.16;--uib-d6:-.08;--uib-d7:0;bottom:calc(var(--uib-bottom) + var(--uib-dot-size)/2);right:calc(var(--uib-right) + var(--uib-dot-size)/2);height:var(--uib-dot-size);width:var(--uib-dot-size);animation:jump var(--uib-speed)ease-in-out infinite;opacity:var(--uib-scale);will-change:transform;backface-visibility:hidden;justify-content:flex-start;align-items:center;display:flex;position:absolute}.dot:before{content:"";background-color:var(--uib-color);width:100%;height:100%;transform:scale(var(--uib-scale));animation:rainbow 4s linear infinite,jump var(--uib-speed)ease-in-out infinite;border-radius:50%;transition:background-color .3s}.dot:first-child{--uib-bottom:24%;--uib-right:-35%;animation-delay:calc(var(--uib-speed)*var(--uib-d1))}.dot:nth-child(2){--uib-bottom:16%;--uib-right:-6%;animation-delay:calc(var(--uib-speed)*var(--uib-d2))}.dot:nth-child(3){--uib-bottom:8%;--uib-right:23%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(4){--uib-bottom:-1%;--uib-right:51%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(5){--uib-bottom:38%;--uib-right:-17.5%;animation-delay:calc(var(--uib-speed)*var(--uib-d2))}.dot:nth-child(6){--uib-bottom:30%;--uib-right:10%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(7){--uib-bottom:22%;--uib-right:39%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(8){--uib-bottom:14%;--uib-right:67%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(9){--uib-bottom:53%;--uib-right:-0.8%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(10){--uib-bottom:44.5%;--uib-right:27%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(11){--uib-bottom:36%;--uib-right:55.7%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(12){--uib-bottom:28.7%;--uib-right:84.3%;animation-delay:calc(var(--uib-speed)*var(--uib-d6))}.dot:nth-child(13){--uib-bottom:66.8%;--uib-right:15%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(14){--uib-bottom:58.8%;--uib-right:43%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(15){--uib-bottom:50%;--uib-right:72%;animation-delay:calc(var(--uib-speed)*var(--uib-d6))}.dot:nth-child(16){--uib-bottom:42%;--uib-right:100%;animation-delay:calc(var(--uib-speed)*var(--uib-d7))}.dot:nth-child(3){--uib-scale:.98}.dot:nth-child(2),.dot:nth-child(8){--uib-scale:.96}.dot:first-child,.dot:nth-child(7){--uib-scale:.94}.dot:nth-child(6),.dot:nth-child(12){--uib-scale:.92}.dot:nth-child(5),.dot:nth-child(11){--uib-scale:.9}.dot:nth-child(10),.dot:nth-child(16){--uib-scale:.88}.dot:nth-child(9),.dot:nth-child(15){--uib-scale:.86}.dot:nth-child(14){--uib-scale:.84}.dot:nth-child(13){--uib-scale:.82}