@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-layer{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:997;background:#f8f8f8}.loading-anim{position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading-anim > .item{position:relative;width:35px;height:35px;-webkit-perspective:800px;perspective:800px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.loading-anim .border{position:absolute;-webkit-border-radius:50%;border-radius:50%;border:3px solid}.loading-anim .out{top:15%;left:15%;width:70%;height:70%;border-right-color:transparent!important;border-bottom-color:transparent!important;-webkit-animation:spin .6s linear normal infinite;animation:spin .6s linear normal infinite}.loading-anim .in{top:25%;left:25%;width:50%;height:50%;border-top-color:transparent!important;border-bottom-color:transparent!important;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}.loading-anim .mid{top:40%;left:40%;width:20%;height:20%;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite}