:root{--primary--cube:#2d51b9;--secondary--cube:#e8edf3;--cancel--red--cube:#dc143c;--caution--yellow--cube:#eed202;--ok--green--cube:#006400}.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative}.sk-folding-cube .sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-animation:sk-foldCubeAngle 2.4s linear infinite both;animation:sk-foldCubeAngle 2.4s linear infinite both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-folding-cube .sk-cube1:before{background-color:var(--primary--cube)}.sk-folding-cube .sk-cube2:before{background-color:var(--ok--green--cube);-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{background-color:var(--caution--yellow--cube);-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{background-color:var(--cancel--red--cube);-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}