.loading-full-frame{--loader-color:#ccc;--loader-size:60px;--loader-border-size:3px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading-full-frame.with-message{margin-top:-20px}.loading-full-frame .inner{width:var(--loader-size);height:var(--loader-size);position:relative}.loading-full-frame .inner *{position:absolute}.loading-full-frame .inner img{opacity:.6;width:30px;height:30px;margin:15px;top:0;left:0}.loading-full-frame .inner span{width:calc(2 * var(--loader-size));text-align:center;left:calc(-.5 * var(--loader-size));font-size:12px;bottom:-20px}.loading-small{--loader-color:#fff;--loader-size:13px;--loader-border-size:2px}.lds-ring{width:var(--loader-size);height:var(--loader-size);display:inline-block;position:relative;top:0;left:0}.lds-ring div{box-sizing:border-box;width:var(--loader-size);height:var(--loader-size);border:var(--loader-border-size) solid var(--loader-color);border-color:var(--loader-color) transparent transparent transparent;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}