body{margin:0;padding:0;font-family:Segoe UI}.loader-wrapper{justify-content:center;align-items:center;width:100%;height:100%;min-height:300px;display:flex;position:relative}.truck-wrapper{background:#fff;border:4px solid #ce3236;border-radius:100%;width:200px;height:200px;animation:.5s linear infinite bg;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-50%)scale(.8);box-shadow:inset 0 0 10px 4px #0000004d,inset 0 0 5px #ce3236}.truck-wrapper:after{content:"Loading";text-align:center;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1efcc8", endColorstr="#CE3236", GradientType=1);color:#fff;background:linear-gradient(90deg,#ce3236 0%,#ff5c60 100%);border-top:1px solid #ce3236;padding-top:8px;padding-bottom:18px;font-size:20px;animation:3s linear infinite bg;position:absolute;bottom:0}.truck{width:150px;height:110px;position:absolute;bottom:48px;left:calc(50% + 10px);transform:translate(-50%)}.truck>.truck-container{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#afbdc3", endColorstr="#8fa3ad", GradientType=1);background:linear-gradient(135deg,#afbdc3 0% 50%,#8fa3ad 51% 100%);width:80px;height:50px;animation:.4s linear infinite container;position:absolute;top:10px;left:10px}.truck>.glases{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#28b5f5", endColorstr="#0299e3", GradientType=1);background:linear-gradient(135deg,#28b5f5 0% 50%,#0299e3 52% 100%);border:4px solid #fbd734;border-bottom:none;border-top-right-radius:6px;width:25px;height:25px;animation:.4s linear infinite updown-half;position:absolute;top:35px;left:95px}.truck>.glases:after{content:"";background-color:#fbd734;border-radius:0 10px 0 0/0 15px 0 0;width:10px;height:13px;display:block;position:absolute;bottom:0;right:-10px}.truck>.glases:before{content:"";background-color:#f9bf2c;border-top-right-radius:4px;width:16px;height:12px;display:block;position:absolute;bottom:0;left:0}.truck>.bonet{z-index:-1;background-color:#f9bf2c;width:124px;height:15px;animation:.4s linear infinite updown;position:absolute;top:64px;left:10px}.truck>.bonet:after{content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6", GradientType=1);background:linear-gradient(135deg,#fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);border-top-left-radius:4px;width:6px;height:10px;display:block;position:absolute;bottom:2px;right:0}.truck>.base{background-color:#445a64;border-top-right-radius:10px;width:106px;height:15px;animation:.4s linear infinite updown;position:absolute;top:70px;left:14px}.truck>.base:before{content:"";background-color:#e54a18;border-bottom-left-radius:4px;width:5px;height:12px;display:block;position:absolute;bottom:0;left:-4px}.truck>.base:after{content:"";z-index:-1;background-color:#546e7a;border-bottom-right-radius:4px;width:20px;height:10px;display:block;position:absolute;bottom:0;right:-16px}.truck>.base-aux{background-color:#f9bf2c;border-bottom-right-radius:4px;width:82px;height:8px;animation:.4s linear infinite updown;position:absolute;top:65px;left:14px}.truck>.wheel-back{left:20px}.truck>.wheel-front{left:95px}.truck>.wheel-back,.truck>.wheel-front{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#546e7a", endColorstr="#445a64", GradientType=1);background:linear-gradient(135deg,#546e7a 0% 49%,#445a64 52% 100%);border-radius:100%;width:22px;height:22px;animation:.6s linear infinite spin;position:absolute;top:80px}.truck>.wheel-back:before,.truck>.wheel-front:before{content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#afbdc3", endColorstr="#8fa3ad", GradientType=1);background:linear-gradient(135deg,#afbdc3 0% 50%,#8fa3ad 51% 100%);border-radius:100%;width:12px;height:12px;position:absolute;top:5px;left:5px}@keyframes spin{50%{top:81px}to{transform:rotate(360deg)}}@keyframes container{30%{transform:rotate(1deg)}50%{top:11px}70%{top:10px;transform:rotate(-1deg)}}.truck>.smoke{opacity:0;background-color:#afbdc3;border-radius:100%;width:8px;height:8px;animation:.4s linear infinite fade;position:absolute;top:90px;left:6px}.truck>.smoke:after{content:"";background-color:#8fa3ad;border-radius:100%;width:6px;height:6px;position:absolute;top:-4px;left:4px}.truck>.smoke:before{content:"";background-color:#8fa3ad;border-radius:100%;width:4px;height:4px;position:absolute;top:-2px;left:0}@keyframes fade{30%{opacity:.3;left:7px}50%{opacity:.5;left:6px}70%{opacity:.1;left:4px}90%{opacity:.4;left:2px}}@keyframes bg{0%{background-position-x:0}to{background-position-x:-400px}}@keyframes updown{50%{transform:translateY(-20%)}70%{transform:translateY(-10%)}}@keyframes updown-half{50%{transform:translateY(-10%)}70%{transform:translateY(-5%)}}