.isLoading{align-items:center;display:flex;height:4rem;justify-content:center;left:50%;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity 1s;transition-timing-function:ease-out;width:4rem}.isLoading.show{opacity:1;transition:opacity 1s;transition-timing-function:ease-in;z-index:4}.isLoading.hide{display:none}.isLoading:after{content:"";animation:spin .5s linear infinite;border-radius:50%;border:4px solid var(--text-color);border-top:4px solid rgba(0,0,0,0);display:block;height:45px;width:45px}@keyframes spin{to{transform:rotate(1turn)}}