.L2container{--uib-size:150px;--uib-speed:2.5s;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.L2slice{position:relative;height:calc(var(--uib-size) / 6);width:100%}.L2slice:after,.L2slice:before{--uib-a:calc(var(--uib-speed) / -2);--uib-b:calc(var(--uib-speed) / -6);content:"";position:absolute;top:0;left:calc(50% - var(--uib-size) / 12);height:100%;width:calc(100% / 6);border-radius:50%;background-color:var(--uib-color);flex-shrink:0;animation:orbit var(--uib-speed) linear infinite;transition:background-color .3s ease}.L2slice:first-child:after{animation-delay:var(--uib-a)}.L2slice:nth-child(2):before{animation-delay:var(--uib-b)}.L2slice:nth-child(2):after{animation-delay:calc(var(--uib-a) + var(--uib-b))}.L2slice:nth-child(3):before{animation-delay:calc(var(--uib-b) * 2)}.L2slice:nth-child(3):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 2)}.L2slice:nth-child(4):before{animation-delay:calc(var(--uib-b) * 3)}.L2slice:nth-child(4):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 3)}.L2slice:nth-child(5):before{animation-delay:calc(var(--uib-b) * 4)}.L2slice:nth-child(5):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 4)}.L2slice:nth-child(6):before{animation-delay:calc(var(--uib-b) * 5)}.L2slice:nth-child(6):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 5)}@keyframes orbit{0%{transform:translateX(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}5%{transform:translateX(calc(var(--uib-size) * .235)) scale(.684208);opacity:.58}10%{transform:translateX(calc(var(--uib-size) * .182)) scale(.631576);opacity:.51}15%{transform:translateX(calc(var(--uib-size) * .129)) scale(.578944);opacity:.44}20%{transform:translateX(calc(var(--uib-size) * .076)) scale(.526312);opacity:.37}25%{transform:translateX(0) scale(.47368);opacity:.3}30%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.526312);opacity:.37}35%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.578944);opacity:.44}40%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.631576);opacity:.51}45%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.684208);opacity:.58}50%{transform:translateX(calc(var(--uib-size) * -.25)) scale(.73684);opacity:.65}55%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.789472);opacity:.72}60%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.842104);opacity:.79}65%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.894736);opacity:.86}70%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.947368);opacity:.93}75%{transform:translateX(0) scale(1);opacity:1}80%{transform:translateX(calc(var(--uib-size) * .076)) scale(.947368);opacity:.93}85%{transform:translateX(calc(var(--uib-size) * .129)) scale(.894736);opacity:.86}90%{transform:translateX(calc(var(--uib-size) * .182)) scale(.842104);opacity:.79}95%{transform:translateX(calc(var(--uib-size) * .235)) scale(.789472);opacity:.72}to{transform:translateX(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}}.L2slice:first-child:after,.L2slice:first-child:before{background-color:#ffe033}.L2slice:nth-child(2):after,.L2slice:nth-child(2):before{background-color:#fff133}.L2slice:nth-child(3):after,.L2slice:nth-child(3):before{background-color:#c9ff33}.L2slice:nth-child(4):after,.L2slice:nth-child(4):before{background-color:#ffda33}.L2slice:nth-child(5):after,.L2slice:nth-child(5):before{background-color:#d3f477}.L2slice:nth-child(6):after,.L2slice:nth-child(6):before{background-color:#a6cd0b}