[data-theme=dark] #loader .loading-bg{background-color:rgba(37,37,37,.9)}#loader .loading-bg{position:fixed;z-index:1000;width:50%;height:100%;background-color:rgba(255,255,255,.9)}#loader .loading-left-bg{animation:curtain-open-left .8s ease-out .5s forwards}#loader .loading-right-bg{right:0;animation:curtain-open-right .8s ease-out .5s forwards}#loader .spinner-box{position:fixed;z-index:1001;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;opacity:1;transition:.5s}#loader .spinner-box .loading-square-box{position:relative;width:200px;height:200px}#loader .spinner-box .quadrant{position:absolute;width:100px;height:100px;background-size:cover;background-position:50%;background-color:#5e9ca0;border-radius:4px}#loader .spinner-box .q-tl{top:0;left:0;animation:pivot-tl 1.8s 6 cubic-bezier(.4,0,.2,1)}#loader .spinner-box .q-tr{top:0;left:100px;animation:pivot-tr 1.8s 6 cubic-bezier(.4,0,.2,1)}#loader .spinner-box .q-br{top:100px;left:100px;animation:pivot-br 1.8s 6 cubic-bezier(.4,0,.2,1)}#loader .spinner-box .q-bl{top:100px;left:0;animation:pivot-bl 1.8s 6 cubic-bezier(.4,0,.2,1)}#loader.loading .loading-left-bg{transform:translateX(-100%)}#loader.loading .loading-right-bg{transform:translateX(100%)}#loader.loading .spinner-box{opacity:0;visibility:hidden;transform:scale(.8)}@keyframes pivot-tl{0%,5%{clip-path:inset(0 0 0 0);opacity:1}20%,100%{clip-path:inset(0 0 0 100%);opacity:0}}@keyframes pivot-tl{0%,5%{clip-path:inset(0 0 0 0);opacity:1}20%,100%{clip-path:inset(0 0 0 100%);opacity:0}}@keyframes pivot-tr{0%,20%{clip-path:inset(0 0 100% 0);opacity:0}25%,30%{clip-path:inset(0 0 0 0);opacity:1}45%,100%{clip-path:inset(100% 0 0 0);opacity:0}}@keyframes pivot-br{0%,45%{clip-path:inset(0 0 0 100%);opacity:0}50%,55%{clip-path:inset(0 0 0 0);opacity:1}70%,100%{clip-path:inset(0 100% 0 0);opacity:0}}@keyframes pivot-bl{0%,70%{clip-path:inset(100% 0 0 0);opacity:0}75%,80%{clip-path:inset(0 0 0 0);opacity:1}95%,100%{clip-path:inset(0 0 100% 0);opacity:0}}@keyframes curtain-open-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes curtain-open-right{from{transform:translateX(0)}to{transform:translateX(100%)}}