.flip{perspective:40rem;-webkit-perspective:40rem}.flip-content{width:100%;height:100%;transition:transform .4s;-webkit-transition:-webkit-transform .4s;transform-style:preserve-3d;-webkit-transform-style:-webkit-preserve-3d}.flipcard .flip-content{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transition:transform .3s;-moz-backface-visibility:hidden;-webkit-visibility:hidden}.flip-front{z-index:10}.flip-back{transform:rotateY(-180deg) translateZ(1px);-webkit-transform:rotateY(-180deg) translateZ(1px);z-index:8}.flip-front,.flip-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.loader-dots div{animation-timing-function:cubic-bezier(0,1,1,0)}.loader-dots div:nth-child(1){left:8px;animation:loader-dots1 .6s infinite}.loader-dots div:nth-child(2){left:8px;animation:loader-dots2 .6s infinite}.loader-dots div:nth-child(3){left:32px;animation:loader-dots2 .6s infinite}.loader-dots div:nth-child(4){left:56px;animation:loader-dots3 .6s infinite}@keyframes loader-dots1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loader-dots3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loader-dots2{0%{transform:translate(0)}to{transform:translate(24px)}}.skeleton-box{position:relative;overflow:hidden;background-color:#e2e8f0}.skeleton-box:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer 3s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}