.spinner-loader{--clr:#f7c59f;--clr-alpha:#f7c59f1a;width:70.4px;height:70.4px;transform-style:preserve-3d;animation:1.6s infinite spinner}.spinner-loader>div{background-color:var(--clr-alpha);border:3.5px solid var(--clr);width:100%;height:100%;position:absolute}.spinner-loader div:first-of-type{transform:translateZ(-35.2px)rotateY(180deg)}.spinner-loader div:nth-of-type(2){transform-origin:100% 0;transform:rotateY(-270deg)translate(50%)}.spinner-loader div:nth-of-type(3){transform-origin:0;transform:rotateY(270deg)translate(-50%)}.spinner-loader div:nth-of-type(4){transform-origin:top;transform:rotateX(90deg)translateY(-50%)}.spinner-loader div:nth-of-type(5){transform-origin:bottom;transform:rotateX(-90deg)translateY(50%)}.spinner-loader div:nth-of-type(6){transform:translateZ(35.2px)}@keyframes spinner{0%{transform:rotate(45deg)rotateX(-25deg)rotateY(25deg)}50%{transform:rotate(45deg)rotateX(-385deg)rotateY(25deg)}to{transform:rotate(45deg)rotateX(-385deg)rotateY(385deg)}}
.loader-hash{width:2em;height:2em;position:relative;transform:rotate(165deg)}.loader-hash:before,.loader-hash:after{content:"";border-radius:.2em;width:.4em;height:.4em;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-hash:before{animation:2s infinite before8}.loader-hash:after{animation:2s infinite after6}@keyframes before8{0%{width:.5em;box-shadow:1em -.5em #ff232ebf,-1em .5em #1a73e8}35%{width:2.5em;box-shadow:0 -.5em #ff232ebf,0 .5em #1a73e8}70%{width:.5em;box-shadow:-1em -.5em #ff232ebf,1em .5em #1a73e8}to{box-shadow:1em -.5em #ff232ebf,-1em .5em #1a73e8}}@keyframes after6{0%{height:.5em;box-shadow:.5em 1em #15ff4fec,-.5em -1em #f0d01e}35%{height:2.5em;box-shadow:.5em 0 #15ff4fec,-.5em 0 #f0d01e}70%{height:.5em;box-shadow:.5em -1em #15ff4fec,-.5em 1em #f0d01e}to{box-shadow:.5em 1em #15ff4fec,-.5em -1em #f0d01e}}.loader-hash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}