.circles__loader__wrapper{position:fixed;height:100vh;width:100vw;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2000}.circles__loader{opacity:.25;width:120px;height:120px;position:relative;animation:cl-chase 2.8s linear infinite both;margin:auto}.circles__loader span{display:block;width:100%;height:100%;position:absolute;left:0;top:0;animation:cl-chase-dot 4s ease-in-out infinite both}.circles__loader span:before{content:"";display:block;width:36px;height:36px;background-color:#fff;border-radius:100%;animation:cl-chase-dot-before 4s ease-in-out infinite both}.circles__loader span:last-child{opacity:0}.circles__loader span:first-child,.circles__loader span:first-child:before{animation-delay:-1.2s}.circles__loader span:nth-child(2),.circles__loader span:nth-child(2):before{animation-delay:-.8s}.circles__loader span:nth-child(3),.circles__loader span:nth-child(3):before{animation-delay:-.4s}.circles__loader span:nth-child(4),.circles__loader span:nth-child(4):before{animation-delay:0s}.circles__loader span:nth-child(5),.circles__loader span:nth-child(5):before{animation-delay:.4s}.circles__loader span:nth-child(6),.circles__loader span:nth-child(6):before{animation-delay:.8s}@keyframes cl-chase{to{transform:rotate(1turn)}}@keyframes cl-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes cl-chase-dot-before{50%{transform:scale(.5)}0%,to{transform:scale(1)}}.pre-greenroom-loader{background:linear-gradient(251.74deg,#004d85 .77%,#5eb7de 103.55%);width:100vw;height:100vh;width:100dvw;height:100dvh;gap:40px;z-index:10000;position:absolute}.pre-greenroom-loader--flex{display:flex;flex-direction:column;justify-content:center;align-items:center}.pre-greenroom-loader__spinner{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.pre-greenroom-loader__surface{height:180px!important;width:min(400px,100% - 20px)!important;margin-left:10px;margin-right:10px}.pre-greenroom-loader__text{display:flex;align-items:center;text-align:center;color:#525252;font-family:Quicksand,Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:20px}.pre-greenroom-loader__text--white{color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.circles-spinner__container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.circles-spinner__container .loader-spinner{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}