.loading__container{background-color:#343a40cc;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:99999999}.box{animation:spin 3s linear infinite;border:4px solid #fff;box-sizing:border-box;height:80px;left:50%;position:relative;top:50%;width:80px}.box:before{animation:pulse 1.5s ease infinite;border:4px solid #fff;box-sizing:border-box;content:"";height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.line{animation:spin 1.5s ease infinite;background:#fff;height:4px;left:50%;margin-left:10px;position:absolute;top:50%;width:60px}.line:nth-of-type(2){animation-delay:.1s}.line:nth-of-type(3){animation-delay:.2s}.line:nth-of-type(4){animation-delay:.3s}.circle{animation:spin 1s linear infinite;border:10px solid hsla(0,0%,100%,.2);border-radius:100%;border-top-color:#fff;box-sizing:border-box;height:80px;left:50%;position:absolute;top:50%;width:80px}.wavecontainer{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wavecontainer .wave{animation:slide .6s linear infinite;border:2px solid #fff;box-sizing:border-box;float:left;height:40px;margin-left:-2px;margin-top:15px;position:relative;width:18px}.wavecontainer .wave:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.wavecontainer .wave:last-child{border-bottom-right-radius:10px;border-top-right-radius:10px}.wavecontainer .wave:nth-child(odd){animation-delay:.3s}.circleloader{background:#fff6;border-radius:16px;box-sizing:border-box;height:20px;left:50%;margin-top:-10px;padding:4px;position:absolute;top:50%;width:80px}.circleloader:before{animation:push 1s linear infinite;background:#fff;border-radius:16px;content:"";height:12px;left:0;position:absolute;width:20px}.switchbox{animation:spin 2s linear infinite;height:80px;left:50%;position:absolute;top:50%}.switchbox .switch{animation:cross 2s linear infinite;background:#fff;border-radius:20px;height:20px;margin-top:-10px;position:relative;top:50%;width:20px}.switchbox .switch:nth-of-type(2){animation-delay:-1s}.bouncybox{height:100px;left:50%;margin-left:20px;position:absolute;top:50%;width:40px}.bouncybox .bouncy{animation:bouncy 2s ease-in-out infinite;background:#ecf0f1;border-radius:20px;height:40px;width:40px}@keyframes bouncy{40%{height:40px}50%{border-radius:20px;height:34px;transform:translateY(65px)}65%{height:40px}}@keyframes push{50%{left:56px}}@keyframes slide{50%{margin-top:25px}}@keyframes pulse{50%{border-width:30px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes cross{50%{margin-left:60px}}