.spin-container{perspective:1000px;width:100%;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.spin-cube{position:relative;width:200px;height:40px;transform-style:preserve-3d;transition-property:transform;transition-timing-function:cubic-bezier(.25,1,.5,1)}.spin-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#2dd4bf;border-radius:8px}.spin-face:first-child{transform:rotateX(0deg) translateZ(20px)}.spin-face:nth-child(2){transform:rotateX(90deg) translateZ(20px)}.spin-face:nth-child(3){transform:rotateX(180deg) translateZ(20px)}.spin-face:nth-child(4){transform:rotateX(-90deg) translateZ(20px)}