@keyframes spin-for-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mf-loading-container{display:flex;justify-content:center;align-items:center;height:100%}.mf-loading{position:var(--mf-loading-position);--mf-loading-position: relative;--mf-loading-zindex: 1000;--mf-loading-bg: rgba(0, 0, 0, 0.16);--mf-float-color: #859077;--mf-line-color: #eee;--mf-line-width: 4px;--mf-circle-width: 1.8rem}.mf-loading::before{position:absolute;z-index:calc(var(--mf-loading-zindex) + 1);content:"";inset:0;background-color:var(--mf-loading-bg)}.mf-loading::after{position:absolute;z-index:calc(var(--mf-loading-zindex) + 2);inset:0;margin:auto;content:"";width:var(--mf-circle-width);height:var(--mf-circle-width);border:var(--mf-line-width) solid var(--mf-line-color);border-top-color:var(--mf-float-color);border-radius:50%;animation:spin-for-loading .6s linear infinite}