.loader{width:48px;height:48px;display:inline-block;position:relative;transform:rotate(45deg)}.loader:before{top:-24px;animation:animloader 4s ease infinite}.loader:after,.loader:before{content:"";box-sizing:border-box;width:24px;height:24px;position:absolute;left:0}.loader:after{top:0;background:rgba(255,255,255,.85);box-shadow:0 0 10px rgba(0,0,0,.15);animation:animloader2 2s ease infinite}@keyframes animloader{0%{box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0 48px rgba(255,255,255,0)}12%{box-shadow:0 24px #008272,24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0 48px rgba(255,255,255,0)}25%{box-shadow:0 24px #008272,24px 24px #008272,24px 48px rgba(255,255,255,0),0 48px rgba(255,255,255,0)}37%{box-shadow:0 24px #008272,24px 24px #008272,24px 48px #008272,0 48px rgba(255,255,255,0)}50%{box-shadow:0 24px #008272,24px 24px #008272,24px 48px #008272,0 48px #008272}62%{box-shadow:0 24px rgba(255,255,255,0),24px 24px #008272,24px 48px #008272,0 48px #008272}75%{box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px #008272,0 48px #008272}87%{box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0 48px #008272}to{box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0 48px rgba(255,255,255,0)}}@keyframes animloader2{0%{transform:translate(0) rotateX(0) rotateY(0)}25%{transform:translate(100%) rotateX(0) rotateY(180deg)}50%{transform:translate(100%,100%) rotateX(-180deg) rotateY(180deg)}75%{transform:translateY(100%) rotateX(-180deg) rotateY(1turn)}to{transform:translate(0) rotateX(0) rotateY(1turn)}}.loader-message{margin-top:24px;font-size:22px;font-weight:600;color:white;font-family:Verdana,Geneva,Tahoma,sans-serif}