.dot-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;aspect-ratio:4;--_g:no-repeat radial-gradient(circle closest-side,#0a0a0a 90%,#a7b3fc00);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 100%;animation:l7 1s linear infinite}.dot-loader.--light{--_g:no-repeat radial-gradient(circle closest-side,#ffffff 90%,#a7b3fc00)}.dot-loader.--small{width:20px;aspect-ratio:4}.dot-loader.--medium{width:30px;aspect-ratio:4}.dot-loader.--large{width:40px;aspect-ratio:4}@keyframes l7{33%{background-size:33.3333333333% 0,33.3333333333% 100%,33.3333333333% 100%}50%{background-size:33.3333333333% 100%,33.3333333333% 0,33.3333333333% 100%}66%{background-size:33.3333333333% 100%,33.3333333333% 100%,33.3333333333% 0}}.interface-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:15px;align-items:center;background-color:#f8f9fa;z-index:10}.interface-loader .text{font-size:1.4rem;margin:0;font-weight:500}.interface-loader .spinner{width:50px;height:50px;border-radius:50%;border:5px solid #dbdcef;border-right-color:#0072f4;animation:spinner-d3wgkg 1s linear infinite}@keyframes spinner-d3wgkg{to{transform:rotate(1turn)}}.spinner-loader{width:20px;height:20px}.spinner-loader.--small{width:17px;height:17px}.spinner-loader.--dark circle{stroke:#000}.spinner-loader circle{stroke:#fff;animation:spinner 2s linear infinite;transform-origin:50% 50%;stroke-dasharray:132;fill:rgba(0,0,0,0)}@keyframes spinner{0%{stroke-dashoffset:132;transform:rotate(-90deg)}50%{stroke-dashoffset:28;transform:rotate(270deg)}to{stroke-dashoffset:132;transform:rotate(630deg)}}