.dot-spinner{--uib-size:2.8rem;--uib-speed:.9s;--uib-color:#183153;height:var(--uib-size);width:var(--uib-size);justify-content:flex-start;align-items:center;display:flex;position:relative}.dot-spinner__dot{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dot-spinner__dot:before{content:"";background-color:var(--uib-color);opacity:.5;width:20%;height:20%;animation:pulse0112 calc(var(--uib-speed)*1.111)ease-in-out infinite;border-radius:50%;transform:scale(0);box-shadow:0 0 20px #121f354d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}@keyframes pulse0112{0%,to{opacity:.5;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.loader{width:2.5em;height:2.5em;position:relative;transform:rotate(165deg)}.loader:before,.loader:after{content:"";border-radius:.25em;width:.5em;height:.5em;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader:before{animation:2s infinite before8}.loader:after{animation:2s infinite after6}@keyframes before8{0%{width:.5em;box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}35%{width:2.5em;box-shadow:0 -.5em #e11462bf,0 .5em #6fcadcbf}70%{width:.5em;box-shadow:-1em -.5em #e11462bf,1em .5em #6fcadcbf}to{box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}}@keyframes after6{0%{height:.5em;box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}35%{height:2.5em;box-shadow:.5em 0 #3db88fbf,-.5em 0 #e9a920bf}70%{height:.5em;box-shadow:.5em -1em #3db88fbf,-.5em 1em #e9a920bf}to{box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}}.loader{position:absolute;top:calc(50% - 1.25em);left:calc(50% - 1.25em)}
