.animated .load-enter-active,.animated .load-enter-active *,.animated .load-leave-active,.animated .load-leave-active *{transition:all .3s}.load-leave-to .loading-bg,.load-leave-to .loading-icon,.load-leave-to .loading-text{opacity:0}.load-leave-to .loading-logo{height:var(--logo-height)!important;left:var(--logo-left)!important;top:var(--logo-top)!important;transform:translate(0)!important}.loading-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;row-gap:10px;top:0;z-index:9999}.loading-overlay .loading-bg{background:var(--background-color);height:100%;width:100%}.loading-overlay .loading-logo{height:50px}.loading-overlay .loading-icon,.loading-overlay .loading-logo{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-overlay .loading-icon{animation:load .8s linear infinite;border:3px solid #00d2e1;border-radius:4rem;clip-path:polygon(50% 0,100% 0,100% 50%,50% 50%);display:inline;height:4rem;width:4rem}.loading-overlay .loading-text{font-family:sans-serif;font-size:1.25rem;font-weight:700;left:50%;position:absolute;top:calc(50% + 4rem);transform:translate(-50%,-50%)}@keyframes load{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}