spinners-1.json

{
  "0": {
    "h": "<div class=\"s0\"></div>",
    "c": ".s0{width: 40px;height: 40px;margin: 100px auto;background-color: #fff;border-radius: 100%;-webkit-animation: s0-scaleout 1.0s infinite ease-in-out;animation: s0-scaleout 1.0s infinite ease-in-out;}@-webkit-keyframes s0-scaleout{0%{-webkit-transform: scale(0)}100%{-webkit-transform: scale(1.0);opacity: 0;}}@keyframes s0-scaleout{0%{-webkit-transform: scale(0);transform: scale(0);}100%{-webkit-transform: scale(1.0);transform: scale(1.0);opacity: 0;}}"
  },
  "1": {
    "h": "<div class=\"s1\"></div>",
    "c": ".s1{width: 40px;height: 40px;background-color: #fff;margin: 100px auto;-webkit-animation: s1-rotateplane 1.2s infinite ease-in-out;animation: s1-rotateplane 1.2s infinite ease-in-out;}@-webkit-keyframes s1-rotateplane{0%{-webkit-transform: perspective(120px)}50%{-webkit-transform: perspective(120px) rotateY(180deg)}100%{-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes s1-rotateplane{0%{transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}}"
  },
  "2": {
    "h": "<div class=\"s2-chase\"><div class=\"s2-chase-dot\"></div><div class=\"s2-chase-dot\"></div><div class=\"s2-chase-dot\"></div><div class=\"s2-chase-dot\"></div><div class=\"s2-chase-dot\"></div><div class=\"s2-chase-dot\"></div></div>",
    "c": ".s2-chase{width: 40px;height: 40px;position: relative;animation: s2-chase 2.5s infinite linear both;}.s2-chase-dot{width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: s2-chase-dot 2.0s infinite ease-in-out both;}.s2-chase-dot:before{content: \"\";display: block;width: 25%;height: 25%;background-color: #fff;border-radius: 100%;animation: s2-chase-dot-before 2.0s infinite ease-in-out both;}.s2-chase-dot:nth-child(1){animation-delay: -1.1s;}.s2-chase-dot:nth-child(2){animation-delay: -1.0s;}.s2-chase-dot:nth-child(3){animation-delay: -0.9s;}.s2-chase-dot:nth-child(4){animation-delay: -0.8s;}.s2-chase-dot:nth-child(5){animation-delay: -0.7s;}.s2-chase-dot:nth-child(6){animation-delay: -0.6s;}.s2-chase-dot:nth-child(1):before{animation-delay: -1.1s;}.s2-chase-dot:nth-child(2):before{animation-delay: -1.0s;}.s2-chase-dot:nth-child(3):before{animation-delay: -0.9s;}.s2-chase-dot:nth-child(4):before{animation-delay: -0.8s;}.s2-chase-dot:nth-child(5):before{animation-delay: -0.7s;}.s2-chase-dot:nth-child(6):before{animation-delay: -0.6s;}@keyframes s2-chase{100%{transform: rotate(360deg);}}@keyframes s2-chase-dot{80%,100%{transform: rotate(360deg);}}@keyframes s2-chase-dot-before{50%{transform: scale(0.4);}100%,0%{transform: scale(1.0);}}"
  },
  "3": {
    "h": "<div class=\"s3\"><div class=\"double-bounce1\"></div><div class=\"double-bounce2\"></div></div>",
    "c": ".s3{width: 40px;height: 40px;position: relative;margin: 100px auto;}.s3 .double-bounce1,.s3 .double-bounce2{width: 100%;height: 100%;border-radius: 50%;background-color: #fff;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: s3-bounce 2.0s infinite ease-in-out;animation: s3-bounce 2.0s infinite ease-in-out;}.s3 .double-bounce2{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}@-webkit-keyframes s3-bounce{0%,100%{-webkit-transform: scale(0.0)}50%{-webkit-transform: scale(1.0)}}@keyframes s3-bounce{0%,100%{transform: scale(0.0);-webkit-transform: scale(0.0);}50%{transform: scale(1.0);-webkit-transform: scale(1.0);}}"
  },
  "4": {
    "h": "<div class=\"s4\"><div class=\"rect1\"></div>\n<div class=\"rect2\"></div>\n<div class=\"rect3\"></div>\n<div class=\"rect4\"></div>\n<div class=\"rect5\"></div></div>",
    "c": ".s4{width:50px;height:40px}.s4>div{background-color:#fff;height:100%;width:6px;display:inline-block;-webkit-animation:1.2s ease-in-out infinite s4-stretchdelay;animation:1.2s ease-in-out infinite s4-stretchdelay}.s4 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.s4 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.s4 .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.s4 .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes s4-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes s4-stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}"
  },
  "5": {
    "h": "<div class=\"s5\"><div class=\"cube1\"></div><div class=\"cube2\"></div></div>",
    "c": ".s5{width:40px;height:40px;position:relative}.s5 .cube1,.s5 .cube2{background-color:#fff;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:1.8s ease-in-out infinite s5-cubemove;animation:1.8s ease-in-out infinite s5-cubemove}.s5 .cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes s5-cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes s5-cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}"
  },
  "6": {
    "h": "<div class=\"s6\"><div class=\"dot1\"></div><div class=\"dot2\"></div></div>",
    "c": ".s6{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:2s linear infinite s6-rotate;animation:2s linear infinite s6-rotate}.s6 .dot1,.s6 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:2s ease-in-out infinite s6-bounce;animation:2s ease-in-out infinite s6-bounce}.s6 .dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes s6-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes s6-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes s6-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes s6-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}"
  },
  "7": {
    "h": "<div class=\"s7\"><div class=\"bounce1\"></div><div class=\"bounce2\"></div><div class=\"bounce3\"></div></div>",
    "c": ".s7{margin:100px auto 0;width:70px;text-align:center}.s7>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:1.4s ease-in-out infinite both s7-bouncedelay;animation:1.4s ease-in-out infinite both s7-bouncedelay}.s7 .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.s7 .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes s7-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes s7-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}"
  },
  "8": {
    "h": "<div class=\"s8-circle\"><div class=\"circle1\"></div><div class=\"circle2\"></div><div class=\"circle3\"></div><div class=\"circle4\"></div><div class=\"circle5\"></div><div class=\"circle6\"></div><div class=\"circle7\"></div><div class=\"circle8\"></div><div class=\"circle9\"></div><div class=\"circle10\"></div><div class=\"circle11\"></div><div class=\"circle12\"></div></div>",
    "c": ".s8-circle{margin:100px auto;width:40px;height:40px;position:relative}.s8-circle>div{width:100%;height:100%;position:absolute;left:0;top:0}.s8-circle>div:before{content:\"\";display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:1.2s ease-in-out infinite both s8-circleBounceDelay;animation:1.2s ease-in-out infinite both s8-circleBounceDelay}.s8-circle .circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.s8-circle .circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.s8-circle .circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.s8-circle .circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.s8-circle .circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.s8-circle .circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.s8-circle .circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.s8-circle .circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.s8-circle .circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.s8-circle .circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.s8-circle .circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.s8-circle .circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.s8-circle .circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.s8-circle .circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.s8-circle .circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.s8-circle .circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.s8-circle .circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.s8-circle .circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.s8-circle .circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.s8-circle .circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.s8-circle .circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.s8-circle .circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes s8-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes s8-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}"
  },
  "9": {
    "h": "<div class=\"s9-cube-grid\"><div class=\"s9-cube s9-cube1\"></div><div class=\"s9-cube s9-cube2\"></div><div class=\"s9-cube s9-cube3\"></div><div class=\"s9-cube s9-cube4\"></div><div class=\"s9-cube s9-cube5\"></div><div class=\"s9-cube s9-cube6\"></div><div class=\"s9-cube s9-cube7\"></div><div class=\"s9-cube s9-cube8\"></div><div class=\"s9-cube s9-cube9\"></div></div>",
    "c": ".s9-cube-grid{width:40px;height:40px;margin:100px auto}.s9-cube-grid .s9-cube{width:33%;height:33%;background-color:#fff;float:left;-webkit-animation:1.3s ease-in-out infinite s9-cubeGridScaleDelay;animation:1.3s ease-in-out infinite s9-cubeGridScaleDelay}.s9-cube-grid .s9-cube1,.s9-cube-grid .s9-cube5,.s9-cube-grid .s9-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}.s9-cube-grid .s9-cube2,.s9-cube-grid .s9-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.s9-cube-grid .s9-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.s9-cube-grid .s9-cube4,.s9-cube-grid .s9-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.s9-cube-grid .s9-cube7{-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes s9-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes s9-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}"
  },
  "10": {
    "h": "<div class=\"s9-fading-circle\"><div class=\"s9-circle1 s9-circle\"></div><div class=\"s9-circle2 s9-circle\"></div><div class=\"s9-circle3 s9-circle\"></div><div class=\"s9-circle4 s9-circle\"></div><div class=\"s9-circle5 s9-circle\"></div><div class=\"s9-circle6 s9-circle\"></div><div class=\"s9-circle7 s9-circle\"></div><div class=\"s9-circle8 s9-circle\"></div><div class=\"s9-circle9 s9-circle\"></div><div class=\"s9-circle10 s9-circle\"></div><div class=\"s9-circle11 s9-circle\"></div><div class=\"s9-circle12 s9-circle\"></div></div>",
    "c": ".s9-fading-circle{margin:100px auto;width:40px;height:40px;position:relative}.s9-fading-circle .s9-circle{width:100%;height:100%;position:absolute;left:0;top:0}.s9-fading-circle .s9-circle:before{content:\"\";display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:1.2s ease-in-out infinite both s9-circleFadeDelay;animation:1.2s ease-in-out infinite both s9-circleFadeDelay}.s9-fading-circle .s9-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.s9-fading-circle .s9-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.s9-fading-circle .s9-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.s9-fading-circle .s9-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.s9-fading-circle .s9-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.s9-fading-circle .s9-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.s9-fading-circle .s9-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.s9-fading-circle .s9-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.s9-fading-circle .s9-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.s9-fading-circle .s9-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.s9-fading-circle .s9-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.s9-fading-circle .s9-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.s9-fading-circle .s9-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.s9-fading-circle .s9-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.s9-fading-circle .s9-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.s9-fading-circle .s9-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.s9-fading-circle .s9-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.s9-fading-circle .s9-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.s9-fading-circle .s9-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.s9-fading-circle .s9-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.s9-fading-circle .s9-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.s9-fading-circle .s9-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes s9-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes s9-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}"
  },
  "11": {
    "h": "<div class=\"s11-folding-cube\"><div class=\"s11-cube1 s11-cube\"></div><div class=\"s11-cube2 s11-cube\"></div><div class=\"s11-cube4 s11-cube\"></div><div class=\"s11-cube3 s11-cube\"></div></div>",
    "c": ".s11-folding-cube{width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.s11-folding-cube .s11-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.s11-folding-cube .s11-cube:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-animation:2.4s linear infinite both s11-foldCubeAngle;animation:2.4s linear infinite both s11-foldCubeAngle;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.s11-folding-cube .s11-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.s11-folding-cube .s11-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.s11-folding-cube .s11-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.s11-folding-cube .s11-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.s11-folding-cube .s11-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.s11-folding-cube .s11-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes s11-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes s11-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}"
  },
  "12": {
    "h": "<div class=\"s12\"></div>",
    "c": ".s12{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:1s linear infinite s12-rotation}@keyframes s12-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
  },
  "13": {
    "h": "<div class=\"s13\"></div>",
    "c": ".s13{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:1s linear infinite s13-rotate}@keyframes s13-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
  },
  "14": {
    "h": "<div class=\"s14\"><div></div></div>",
    "c": ".s14,.s14>div{display:inline-block}.s14{transform:translateZ(1px)}.s14>div{width:64px;height:64px;margin:8px;border-radius:50%;background:#fff;animation:2.4s cubic-bezier(0,.2,.8,1) infinite s14}@keyframes s14{0%,100%{animation-timing-function:cubic-bezier(0.5,0,1,0.5)}0%{transform:rotateY(0)}50%{transform:rotateY(1800deg);animation-timing-function:cubic-bezier(0,0.5,0.5,1)}100%{transform:rotateY(3600deg)}}"
  },
  "15": {
    "h": "<div class=\"s15\"></div>",
    "c": ".s15{display:inline-block;width:80px;height:80px}.s15:after{content:\"\";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent;animation:1.2s linear infinite s15}@keyframes s15{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
  },
  "16": {
    "h": "<div class=\"s16\"><div></div><div></div><div></div></div>",
    "c": ".s16,.s16 div{display:inline-block}.s16{position:relative;width:80px;height:80px}.s16 div{position:absolute;left:8px;width:16px;background:#fff;animation:1.2s cubic-bezier(0,.5,.5,1) infinite s16}.s16 div:first-child{left:8px;animation-delay:-.24s}.s16 div:nth-child(2){left:32px;animation-delay:-.12s}.s16 div:nth-child(3){left:56px;animation-delay:0}@keyframes s16{0%{top:8px;height:64px}100%,50%{top:24px;height:32px}}"
  },
  "17": {
    "h": "<div class=\"s17\"><div></div></div>",
    "c": ".s17 div,.s17 div:after,.s17 div:before{position:absolute;width:32px;height:32px;background:#fff}.s17{display:inline-block;position:relative;width:80px;height:80px;transform:rotate(45deg);transform-origin:40px 40px}.s17 div{top:32px;left:32px;animation:1.2s cubic-bezier(.215,.61,.355,1) infinite s17}.s17 div:after,.s17 div:before{content:\"\";display:block}.s17 div:before{left:-24px;border-radius:50% 0 0 50%}.s17 div:after{top:-24px;border-radius:50% 50% 0 0}@keyframes s17{0%,60%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}100%{transform:scale(.9)}}"
  },
  "18": {
    "h": "<div class=\"s18\"><div></div><div></div><div></div><div></div></div>",
    "c": ".s18{display:inline-block;position:relative;width:80px;height:80px}.s18 div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite s18;border-color:#fff transparent transparent}.s18 div:first-child{animation-delay:-.45s}.s18 div:nth-child(2){animation-delay:-.3s}.s18 div:nth-child(3){animation-delay:-.15s}@keyframes s18{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
  },
  "19": {
    "h": "<div class=\"s19\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>",
    "c": ".s19{display:inline-block;position:relative;width:80px;height:80px}.s19 div{animation:1.2s cubic-bezier(.5,0,.5,1) infinite s19;transform-origin:40px 40px}.s19 div:after{content:\"\";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.s19 div:first-child{animation-delay:-36ms}.s19 div:first-child:after{top:63px;left:63px}.s19 div:nth-child(2){animation-delay:-72ms}.s19 div:nth-child(2):after{top:68px;left:56px}.s19 div:nth-child(3){animation-delay:-108ms}.s19 div:nth-child(3):after{top:71px;left:48px}.s19 div:nth-child(4){animation-delay:-144ms}.s19 div:nth-child(4):after{top:72px;left:40px}.s19 div:nth-child(5){animation-delay:-.18s}.s19 div:nth-child(5):after{top:71px;left:32px}.s19 div:nth-child(6){animation-delay:-216ms}.s19 div:nth-child(6):after{top:68px;left:24px}.s19 div:nth-child(7){animation-delay:-252ms}.s19 div:nth-child(7):after{top:63px;left:17px}.s19 div:nth-child(8){animation-delay:-288ms}.s19 div:nth-child(8):after{top:56px;left:12px}@keyframes s19{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
  },
  "20": {
    "h": "<div class=\"s20\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>",
    "c": ".s20{display:inline-block;position:relative;width:80px;height:80px}.s20 div{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;animation:1.2s linear infinite s20}.s20 div:first-child{animation-delay:0s;top:37px;left:66px}.s20 div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.s20 div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.s20 div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.s20 div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.s20 div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.s20 div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.s20 div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.s20 div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.s20 div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.s20 div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.s20 div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes s20{0%,100%,20%,80%{transform:scale(1)}50%{transform:scale(1.5)}}"
  },
  "21": {
    "h": "<div class=\"s21\"><div></div><div></div><div></div><div></div></div>",
    "c": ".s21{display:inline-block;position:relative;width:80px;height:80px}.s21 div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.s21 div:first-child{left:8px;animation:.6s infinite s21-e1}.s21 div:nth-child(2){left:8px;animation:.6s infinite s21-e2}.s21 div:nth-child(3){left:32px;animation:.6s infinite s21-e2}.s21 div:nth-child(4){left:56px;animation:.6s infinite s21-e3}@keyframes s21-e1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes s21-e3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes s21-e2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}"
  },
  "22": {
    "h": "<div class=\"s22\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>",
    "c": ".s22{display:inline-block;position:relative;width:80px;height:80px}.s22 div{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;animation:1.2s linear infinite s22}.s22 div:first-child{top:8px;left:8px;animation-delay:0s}.s22 div:nth-child(2){top:8px;left:32px;animation-delay:-.4s}.s22 div:nth-child(3){top:8px;left:56px;animation-delay:-.8s}.s22 div:nth-child(4){top:32px;left:8px;animation-delay:-.4s}.s22 div:nth-child(5){top:32px;left:32px;animation-delay:-.8s}.s22 div:nth-child(6){top:32px;left:56px;animation-delay:-1.2s}.s22 div:nth-child(7){top:56px;left:8px;animation-delay:-.8s}.s22 div:nth-child(8){top:56px;left:32px;animation-delay:-1.2s}.s22 div:nth-child(9){top:56px;left:56px;animation-delay:-1.6s}@keyframes s22{0%,100%{opacity:1}50%{opacity:.5}}"
  },
  "23": {
    "h": "<div class=\"s23\"></div>",
    "c": ".s23{display:inline-block;position:relative;width:80px;height:80px}.s23:after{content:\"\";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:32px solid #fff;border-color:#fff transparent;animation:1.2s infinite s23}@keyframes s23{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}100%{transform:rotate(1800deg)}}"
  },
  "24": {
    "h": "<div class=\"s24\"><div></div><div></div></div>",
    "c": ".s24{display:inline-block;position:relative;width:80px;height:80px}.s24 div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:1s cubic-bezier(0,.2,.8,1) infinite s24}.s24 div:nth-child(2){animation-delay:-.5s}@keyframes s24{0%,4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}"
  },
  "25": {
    "h": "<div class=\"s25\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>",
    "c": ".s25{color:official;display:inline-block;position:relative;width:80px;height:80px}.s25 div{transform-origin:40px 40px;animation:1.2s linear infinite s25}.s25 div:after{content:\"\";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.s25 div:first-child{transform:rotate(0);animation-delay:-1.1s}.s25 div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.s25 div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.s25 div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.s25 div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.s25 div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.s25 div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.s25 div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.s25 div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.s25 div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.s25 div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.s25 div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes s25{0%{opacity:1}100%{opacity:0}}"
  },
  "26": {
    "h": "<div class=\"s26\"></div>",
    "c": ".s26,.s26::after,.s26::before{box-sizing:border-box;border-radius:50%}.s26{width:48px;height:48px;display:block;margin:15px auto;position:relative;animation:1s linear infinite alternate s26-zeroRotation}.s26::after,.s26::before{content:\"\";position:absolute;left:0;top:0;background:#ff3d00;width:16px;height:16px;transform:translate(-50%,50%)}.s26::before{left:auto;right:0;transform:translate(50%,100%)}@keyframes s26-zeroRotation{0%{transform:scale(1) rotate(0)}100%{transform:scale(0) rotate(360deg)}}"
  },
  "27": {
    "h": "<div class=\"s27\"></div>",
    "c": ".s27{width:48px;height:48px;display:block;margin:15px auto;position:relative;color:#fff;box-sizing:border-box;animation:1s linear infinite s27-rotation}.s27::after,.s27::before{content:\"\";box-sizing:border-box;position:absolute;width:24px;height:24px;top:0;background-color:#fff;border-radius:50%;animation:1s ease-in-out infinite s27-scale50}.s27::before{top:auto;bottom:0;background-color:#ff3d00;animation-delay:.5s}@keyframes s27-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes s27-scale50{0%,100%{transform:scale(0)}50%{transform:scale(1)}}"
  },
  "28": {
    "h": "<div class=\"s28\"></div>",
    "c": ".s28{width:48px;height:48px;display:block;margin:15px auto;position:relative;color:#fff;box-sizing:border-box;animation:1s linear infinite s28-rotation}.s28::after,.s28::before{content:\"\";box-sizing:border-box;position:absolute;width:24px;height:24px;top:50%;left:50%;transform:scale(.5) translate(0,0);background-color:#fff;border-radius:50%;animation:1s ease-in-out infinite s28-anims28}.s28::before{background-color:#ff3d00;transform:scale(.5) translate(-48px,-48px)}@keyframes s28-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes s28-anims28{50%{transform:scale(1) translate(-50%,-50%)}}"
  },
  "29": {
    "h": "<div class=\"s29\"></div>",
    "c": ".s29{position:relative}.s29:after,.s29:before{content:\"\";width:15px;height:15px;display:block;position:relative;margin:10px auto;border-radius:50%;background:#fff;animation:1s ease-in-out infinite s29-left}.s29:after{background:#ff3d00;animation:1s ease-in-out infinite s29-right}@keyframes s29-right{0%,100%{transform:translate(-15px)}50%{transform:translate(15px)}}@keyframes s29-left{0%,100%{transform:translate(15px)}50%{transform:translate(-15px)}}"
  },
  "30": {
    "h": "<div class=\"s30\"></div>",
    "c": ".s30{box-sizing:border-box;position:relative;width:48px;height:48px;animation:1s linear infinite s30-flip}.s30:after,.s30:before{content:\"\";width:24px;height:24px;position:absolute;border-radius:50%;background:#ff3d00;animation:1s linear infinite s30-spin;transform-origin:12px 100%}.s30:before{transform-origin:0 50%;background:#fff}@keyframes s30-spin{to{transform:rotate(360deg)}}@keyframes s30-flip{0%,50%{transform:rotateY(0)}100%,50%{transform:rotateY(180deg)}}"
  },
  "31": {
    "h": "<div class=\"s31\"></div>",
    "c": ".s31,.s31:after,.s31:before{animation:1s linear infinite s31-spin}.s31{box-sizing:border-box;position:relative;width:48px;height:48px}.s31:after,.s31:before{content:\"\";width:24px;height:24px;position:absolute;border-radius:50%;background:#ff3d00;transform-origin:0px 100%}.s31:before{transform-origin:0 50%;background:#fff}@keyframes s31-spin{to{transform:rotate(360deg)}}"
  },
  "32": {
    "h": "<div class=\"s32\"></div>",
    "c": ".s32{box-sizing:border-box;position:relative;width:48px;height:48px;animation:1s linear infinite s32-spin}.s32:after,.s32:before{content:\"\";width:24px;height:24px;position:absolute;border-radius:50%;background:#ff3d00;animation:1s linear infinite s32-flipY;transform-origin:50% 50%}.s32:before{transform-origin:0% 100%;background:#fff}@keyframes s32-spin{to{transform:rotate(360deg)}}@keyframes s32-flipY{0%,50%{transform:rotateY(0)}100%,50%{transform:rotateY(180deg)}}"
  },
  "33": {
    "h": "<div class=\"s33\"></div>",
    "c": ".s33{width:calc(100px - 14px);height:50px;position:relative;animation:1s linear infinite s33-flippx}.s33:before{content:\"\";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;background:#ff3d00;transform-origin:-14px 50%;animation:.5s linear infinite s33-spin}@keyframes s33-flippx{0%,49%{transform:scaleX(1)}100%,50%{transform:scaleX(-1)}}@keyframes s33-spin{100%{transform:rotate(360deg)}}"
  },
  "34": {
    "h": "<div class=\"s34\"></div>",
    "c": ".s34,.s34:after,.s34:before{border-radius:50%;width:2.5em;height:2.5em;animation:1.8s ease-in-out infinite s34-bblFadInOut}.s34{color:#fff;font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}.s34:after,.s34:before{content:\"\";position:absolute;top:0}.s34:before{left:-3.5em;animation-delay:-.32s}.s34:after{left:3.5em}@keyframes s34-bblFadInOut{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}"
  },
  "35": {
    "h": "<div class=\"s35\"></div>",
    "c": ".s35{width:16px;height:16px;border-radius:50%;background-color:#fff;box-shadow:32px 0 #fff,-32px 0 #fff;position:relative;animation:.5s ease-out infinite alternate s35-flash}@keyframes s35-flash{0%{background-color:#fff2;box-shadow:32px 0 #fff2,-32px 0 #fff}50%{background-color:#fff;box-shadow:32px 0 #fff2,-32px 0 #fff2}100%{background-color:#fff2;box-shadow:32px 0 #fff,-32px 0 #fff2}}"
  },
  "36": {
    "h": "<div class=\"s36\"></div>",
    "c": ".s36{width:16px;height:16px;border-radius:50%;display:block;margin:15px auto;position:relative;background:#fff;box-sizing:border-box;animation:2s linear infinite alternate s36-shadowExpandX}@keyframes s36-shadowExpandX{0%{box-shadow:0 0,0 0;color:rgba(255,255,255,.2)}100%{box-shadow:-24px 0,24px 0;color:rgba(255,255,255,.8)}}"
  },
  "37": {
    "h": "<div class=\"s37\"></div>",
    "c": ".s37{width:12px;height:12px;border-radius:50%;display:block;margin:15px auto;position:relative;color:#fff;box-sizing:border-box;animation:1s linear infinite alternate s37-anims37}@keyframes s37-anims37{0%{box-shadow:-38px -12px,-14px 0,14px 0,38px 0}33%{box-shadow:-38px 0,-14px -12px,14px 0,38px 0}66%{box-shadow:-38px 0,-14px 0,14px -12px,38px 0}100%{box-shadow:-38px 0,-14px 0,14px 0,38px -12px}}"
  },
  "38": {
    "h": "<div class=\"s38\"></div>",
    "c": ".s38,.s38::after{left:-32px;width:16px;height:16px}.s38{position:relative;border-radius:50%;color:#fff;background:currentColor;box-shadow:32px 0,-32px 0,64px 0}.s38::after{content:\"\";position:absolute;top:0;border-radius:10px;background:#ff3d00;animation:3s linear infinite alternate s38-move}@keyframes s38-move{0%,5%{left:-32px;width:16px}15%,20%{left:-32px;width:48px}30%,35%{left:0;width:16px}45%,50%{left:0;width:48px}60%,65%{left:32px;width:16px}75%,80%{left:32px;width:48px}100%,95%{left:64px;width:16px}}"
  },
  "39": {
    "h": "<div class=\"s39\"></div>",
    "c": ".s39,.s39::after,.s39::before{width:16px;height:16px;border-radius:50%}.s39{background-color:#fff;box-shadow:32px 0 #fff,-32px 0 #fff;position:relative;animation:.3s ease-in infinite alternate s39-flash}.s39::after,.s39::before{content:\"\";position:absolute;left:-64px;top:0;background:#fff;transform-origin:35px -35px;transform:rotate(45deg);animation:.3s ease-in infinite alternate s39-hitL}.s39::after{left:64px;transform:rotate(-45deg);transform-origin:-35px -35px;animation:.3s ease-out infinite alternate s39-hitR}@keyframes s39-flash{0%,100%{background-color:rgba(255,255,255,.25);box-shadow:32px 0 rgba(255,255,255,.25),-32px 0 rgba(255,255,255,.25)}25%{background-color:rgba(255,255,255,.25);box-shadow:32px 0 rgba(255,255,255,.25),-32px 0 #fff}50%{background-color:#fff;box-shadow:32px 0 rgba(255,255,255,.25),-32px 0 rgba(255,255,255,.25)}75%{background-color:rgba(255,255,255,.25);box-shadow:32px 0 #fff,-32px 0 rgba(255,255,255,.25)}}@keyframes s39-hitL{0%{transform:rotate(45deg);background-color:#fff}100%,25%{transform:rotate(0);background-color:rgba(255,255,255,.25)}}@keyframes s39-hitR{0%,75%{transform:rotate(0);background-color:rgba(255,255,255,.25)}100%{transform:rotate(-45deg);background-color:#fff}}"
  },
  "40": {
    "h": "<div class=\"s40\"></div>",
    "c": ".s40{position:relative;width:15px;height:64px}.s40::after,.s40::before{content:\"\";position:absolute;left:0;top:0;color:#fff;background:currentColor;width:16px;height:16px;border-radius:50%;box-shadow:45px 0,-45px 0;animation:.5s linear infinite alternate s40-move}.s40::before{top:100%;box-shadow:50px 0;left:-25px;animation-direction:alternate-reverse}@keyframes s40-move{0%{top:0}50%{top:50%}100%{top:100%}}"
  }
}