.loader-container{--uib-size: 45px;--uib-color: indigo;--uib-speed: 1.75s;--uib-bg-opacity: .1;position:relative;display:flex;flex-direction:column;height:var(--uib-size);width:var(--uib-size);transform:rotate(45deg);animation:rotate calc(var(--uib-speed) * 2) ease-in-out infinite}.loader-half{--uib-half-size: calc(var(--uib-size) * .435);position:absolute;display:flex;align-items:center;justify-content:center;width:var(--uib-half-size);height:var(--uib-half-size);overflow:hidden;isolation:isolate}.loader-half:first-child{top:8.25%;left:8.25%;border-radius:50% 50% calc(var(--uib-size) / 15)}.loader-half:last-child{bottom:8.25%;right:8.25%;transform:rotate(180deg);align-self:flex-end;border-radius:50% 50% calc(var(--uib-size) / 15)}.loader-half:last-child:after{animation-delay:calc(var(--uib-speed) * -1)}.loader-half:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background-color:var(--uib-color);opacity:var(--uib-bg-opacity);transition:background-color .3s ease}.loader-half:after{content:"";position:relative;z-index:1;display:block;background-color:var(--uib-color);height:100%;transform:rotate(45deg) translate(-3%,50%) scaleX(1.2);width:100%;transform-origin:bottom right;border-radius:0 0 calc(var(--uib-size) / 20) 0;animation:flow calc(var(--uib-speed) * 2) linear infinite both;transition:background-color .3s ease}@keyframes flow{0%{transform:rotate(45deg) translate(-3%,50%) scaleX(1.2)}30%{transform:rotate(45deg) translate(115%,50%) scaleX(1.2)}30.001%,50%{transform:rotate(0) translate(-85%,-85%) scaleX(1)}80%,to{transform:rotate(0) translate(0) scaleX(1)}}@keyframes rotate{0%,30%{transform:rotate(45deg)}50%,80%{transform:rotate(225deg)}to{transform:rotate(405deg)}}