.loader{width:100%;height:calc(100% - 56px);position:fixed;top:56px;left:0;z-index:9999;background:#000}.loader .spinner{width:44px;height:44px;animation:spinner-y0fdc1 2s infinite ease;transform-style:preserve-3d}.loader .spinner>div{background-color:#004dff33;height:100%;position:absolute;width:100%;border:2px solid #004dff}.loader .spinner div:nth-of-type(1){transform:translateZ(-22px) rotateY(180deg)}.loader .spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.loader .spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.loader .spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.loader .spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.loader .spinner div:nth-of-type(6){transform:translateZ(22px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}