.loader{color:#fff;text-align:center;-webkit-backdrop-filter:saturate(150%)blur(3px);backdrop-filter:saturate(150%)blur(3px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-family:sans-serif;display:flex;position:relative}.loaderFullScreen{z-index:10000000;-webkit-backdrop-filter:saturate(150%)blur(3px);backdrop-filter:saturate(150%)blur(3px);width:100vw;height:100vh;top:0;left:0;position:fixed!important}.animateContainer{grid-template-columns:repeat(3,60px);justify-content:center;place-items:center;width:260px;height:260px;padding:auto 60px;display:grid;position:relative}.animateContainer .circleCell{background:#fff;border-radius:50%;width:28px;height:28px}.animateContainer .circleCell:first-child{animation:2s cubic-bezier(.38,.08,.25,1.08) -.6s infinite circleAnimation}.animateContainer .circleCell:nth-child(2){animation:2s cubic-bezier(.38,.08,.25,1.08) -.3s infinite circleAnimation}.animateContainer .circleCell:nth-child(3){animation:2s cubic-bezier(.38,.08,.25,1.08) infinite circleAnimation}@keyframes circleAnimation{0%{opacity:0;transform:scale(1)}50%{opacity:1;background:#1975ff;transform:scale(1.3)}to{opacity:0;transform:scale(.4)}}.noel-loader{background:-o-linear-gradient(#219fc1 0%,#1a8bb2 40%,#0e5185 100%);background:-ms-linear-gradient(top,#0e5185 0%,#1a8bb2 60%,#219fc1 100%);z-index:99;background:linear-gradient(#0e5185 0%,#1a8bb2 60%,#219fc1 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.noel-loader:after{content:"";background:url(http://awesome-coding.com/theme/images/intro.png) 0 0/contain no-repeat;width:70px;height:70px;margin-left:-35px;animation:2s linear infinite snowflake-rotate;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes snowflake-rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.lunarNewYear-loader{background-color:#ec4646cc}.lunarNewYear-loader ul{width:280px;height:70px;margin:-35px -140px;list-style-type:none;position:absolute;top:50%;left:50%}.lunarNewYear-loader ul li{float:left;position:relative}.circle{border:0;border-bottom:6px solid #fff;border-radius:0 0 50% 50%;width:50px;height:50px;animation:2s cubic-bezier(.45,0,1,1) infinite rotate}.year-number{content:"";color:#fff;border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;animation:2s cubic-bezier(.95,0,1,1) infinite fall;display:flex;position:absolute;top:5px;left:5px;box-shadow:0 -15px #ffffff26,0 -10px #ffffff1a,0 -5px #ffffff0d}.lunarNewYear-loader ul li:first-child div{animation-delay:.1s}.lunarNewYear-loader ul li:nth-child(2) div{animation-delay:.2s}.lunarNewYear-loader ul li:nth-child(3) div{animation-delay:.3s}.lunarNewYear-loader ul li:nth-child(4) div{animation-delay:.4s}@keyframes rotate{0%,20%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%,20%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes fall{0%,20%{opacity:0;transform:translateY(-30px)}20%,24%,27%,30%,50%,75%{opacity:1;transform:translateY(0)}22%{transform:translateY(-10px)}25%{transform:translateY(-6px)}28%{transform:translateY(-2px)}30%{box-shadow:0 0 #ffffff4d}75%,to{opacity:0;transform:translateY(30px);box-shadow:0 -15px #ffffff26,0 -10px #ffffff1a,0 -5px #ffffff0d}}@-webkit-keyframes fall{0%,20%{opacity:0;-webkit-transform:translateY(-30px)}20%,24%,27%,30%,50%,75%{opacity:1;-webkit-transform:translateY(0)}22%{-webkit-transform:translateY(-10px)}25%{-webkit-transform:translateY(-6px)}28%{-webkit-transform:translateY(-2px)}30%{box-shadow:0 0 #ffffff4d}75%,to{opacity:0;-webkit-transform:translateY(30px);box-shadow:0 -15px #ffffff26,0 -10px #ffffff1a,0 -5px #ffffff0d}}.halloween-loader{z-index:99;background:linear-gradient(#1a1a1a,#2d1f3d);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.pumpkin{width:100px;height:100px;animation:3s ease-in-out infinite float;position:relative}.pumpkin-body{background:#ff6b00;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:0 0 20px #ff6b0080}.pumpkin-eye{background:#000;border-radius:50%;width:20px;height:20px;position:absolute;top:30px}.pumpkin-eye.left{left:25px;transform:rotate(-10deg)}.pumpkin-eye.right{right:25px;transform:rotate(10deg)}.pumpkin-mouth{border-bottom:4px solid #000;border-radius:0 0 20px 20px;width:40px;height:20px;position:absolute;bottom:20px;left:30px}.pumpkin-stem{background:#2d5a27;border-radius:5px;width:20px;height:20px;position:absolute;top:-20px;left:40px}.ghost{width:60px;height:80px;animation:3s ease-in-out 1.5s infinite float;position:absolute;top:60%}.ghost-body{background:#ffffffe6;border-radius:50% 50% 0 0;width:100%;height:100%;position:relative}.ghost-eyes{justify-content:space-around;width:100%;display:flex;position:absolute;top:30px}.ghost-eye{background:#000;border-radius:50%;width:12px;height:12px}.ghost-tail{clip-path:polygon(0 0,25% 100%,50% 0,75% 100%,100% 0,100% 100%,0 100%);background:#ffffffe6;width:100%;height:20px;position:absolute;bottom:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.valentine-loader{z-index:99;background:linear-gradient(45deg,#ff6b6b,#ff8787);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.heart-container{width:100px;height:100px;position:relative}.heart{background:red;width:30px;height:30px;animation:1.5s ease-in-out infinite heartbeat;position:absolute;transform:rotate(45deg)}.heart:before,.heart:after{content:"";background:red;border-radius:50%;width:30px;height:30px;position:absolute}.heart:before{left:-15px}.heart:after{top:-15px}.heart1{animation-delay:0s;left:0}.heart2{animation-delay:.5s;left:35px}.heart3{animation-delay:1s;left:70px}.cupid{width:60px;height:60px;animation:4s ease-in-out infinite fly;position:absolute;top:60%}.cupid-body{width:100%;height:100%;position:relative}.cupid-wing{background:#ffffffe6;border-radius:50% 50% 0 0;width:30px;height:40px;animation:.5s ease-in-out infinite flap;position:absolute}.cupid-wing.left{transform-origin:100%;left:-20px}.cupid-wing.right{transform-origin:0;animation-delay:.25s;right:-20px}.cupid-arrow{background:red;width:40px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cupid-arrow:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:8px solid red;width:0;height:0;position:absolute;top:-2px;right:-8px}@keyframes heartbeat{0%,to{transform:rotate(45deg)scale(1)}50%{transform:rotate(45deg)scale(1.2)}}@keyframes fly{0%,to{transform:translate(-100px)translateY(0)}50%{transform:translate(100px)translateY(-50px)}}@keyframes flap{0%,to{transform:rotate(0)}50%{transform:rotate(30deg)}}@keyframes candle{0%,to{height:8px}50%{height:24px}}.birthday-cake{background-image:url(/images/birthday/birthday-cake.png);background-repeat:no-repeat;background-size:contain;width:100px;height:100px}@keyframes candleScale{0%,to{opacity:.7;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.2)}}.animate-candle{transform-origin:bottom;animation-name:candleScale;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
