.spinner{margin:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plane{height:4em;width:4em}.plane .plane{animation:sk-rotateplane 1.2s infinite ease-in-out;background-color:rgba(0,0,0,0.54);height:4em;width:4em}.plane .plane .box{height:4em;width:4em}.double-bounce{height:4em;width:4em}.double-bounce .circle{background-color:rgba(0,0,0,0.54)}.double-bounce .circle.one,.double-bounce .circle.two{animation:sk-bounce 2s infinite ease-in-out;background-color:rgba(0,0,0,0.54);border-radius:50%;height:4em;left:0;opacity:.6;position:absolute;width:4em;top:0}.double-bounce .circle.two{animation-delay:-1s}.bars{display:-ms-flexbox;display:flex}.bars .rect{animation:sk-stretchdelay 1.3s infinite ease-in-out;background-color:rgba(0,0,0,0.54);display:inline-block;height:3em;margin-right:.2em;width:.5em}.bars .rect.state-2{animation-delay:-1.1s}.bars .rect.state-3{animation-delay:-1s}.bars .rect.state-4{animation-delay:-.9s}.bars .rect.state-5{animation-delay:-.8s}.bars .rect.state-6{animation-delay:-.7s}.cubemove{height:4em;width:4em}.cubemove .cube{animation:sk-cubemove 1.8s infinite ease-in-out;background-color:rgba(0,0,0,0.54);height:1em;left:0;position:absolute;top:0;width:1em}.cubemove .cube.two{animation-delay:-.9s}.bounce{height:4em;width:4em}.bounce .circle{animation:sk-scaleout 1s infinite ease-in-out;background-color:rgba(0,0,0,0.54);border-radius:100%;height:4em;width:4em}.ring-bounce{height:4em;width:4em}.ring-bounce .circle{animation:sk-scaleout 1s infinite ease-in-out;border:0.5em solid rgba(0,0,0,0.54);border-color:rgba(0,0,0,0.54);border-radius:100%;height:4em;width:4em}.ring-rotate{height:4em;position:relative;width:4em}.ring-rotate .circle{border-bottom:0.2em solid rgba(0,0,0,0.54);border-color:rgba(0,0,0,0.54);border-left:0.2em solid rgba(0,0,0,0.54);border-radius:100%;height:4em;left:50%;position:absolute;top:50%;width:4em}.ring-rotate .circle.state-1{animation:sk-rotate 1s infinite ease-in-out;animation-delay:-.25s;height:4em;width:4em}.ring-rotate .circle.state-2{animation:sk-rotate 1s infinite ease-in-out;animation-delay:-.5s;height:3em;width:3em}.ring-rotate .circle.state-3{animation:sk-rotate 1s infinite ease-in-out;animation-delay:-.75s;height:2em;width:2em}.ring-bounce-in{height:4em;width:4em}.ring-bounce-in .circle{animation:sk-scaleout-in 2s infinite ease-in-out;border:0.5em solid rgba(0,0,0,0.54);border-color:rgba(0,0,0,0.54);border-radius:100%;height:4em;left:0;opacity:.5;position:absolute;top:0;width:4em}.ring-bounce-in .circle.two{animation-delay:-1s}.dot-bounce{height:1.8em;text-align:center;width:7em}.dot-bounce .circle{animation:sk-bouncedelay 1.4s infinite ease-in-out both;background-color:rgba(0,0,0,0.54);border-radius:100%;display:inline-block;height:1.8em;margin-right:.25em;width:1.8em}.dot-bounce .circle.state-1{animation-delay:-320ms}.dot-bounce .circle.state-2{animation-delay:-160ms}.dot-circle{height:4em;position:relative;width:4em}.dot-circle .dot{height:4em;left:0;position:absolute;top:0;width:4em}.dot-circle .dot .inner{animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;background-color:rgba(0,0,0,0.54);border-radius:100%;content:'';display:block;height:.6em;margin:0 auto;width:.6em}.dot-circle .dot.state-1{-ms-transform:rotate(30deg);transform:rotate(30deg)}.dot-circle .dot.state-1 .inner{animation-delay:-100ms}.dot-circle .dot.state-2{-ms-transform:rotate(60deg);transform:rotate(60deg)}.dot-circle .dot.state-2 .inner{animation-delay:-200ms}.dot-circle .dot.state-3{-ms-transform:rotate(90deg);transform:rotate(90deg)}.dot-circle .dot.state-3 .inner{animation-delay:-300ms}.dot-circle .dot.state-4{-ms-transform:rotate(120deg);transform:rotate(120deg)}.dot-circle .dot.state-4 .inner{animation-delay:-400ms}.dot-circle .dot.state-5{-ms-transform:rotate(150deg);transform:rotate(150deg)}.dot-circle .dot.state-5 .inner{animation-delay:-500ms}.dot-circle .dot.state-6{-ms-transform:rotate(180deg);transform:rotate(180deg)}.dot-circle .dot.state-6 .inner{animation-delay:-600ms}.dot-circle .dot.state-7{-ms-transform:rotate(210deg);transform:rotate(210deg)}.dot-circle .dot.state-7 .inner{animation-delay:-700ms}.dot-circle .dot.state-8{-ms-transform:rotate(240deg);transform:rotate(240deg)}.dot-circle .dot.state-8 .inner{animation-delay:-800ms}.dot-circle .dot.state-9{-ms-transform:rotate(270deg);transform:rotate(270deg)}.dot-circle .dot.state-9 .inner{animation-delay:-900ms}.dot-circle .dot.state-10{-ms-transform:rotate(300deg);transform:rotate(300deg)}.dot-circle .dot.state-10 .inner{animation-delay:-1000ms}.dot-circle .dot.state-11{-ms-transform:rotate(330deg);transform:rotate(330deg)}.dot-circle .dot.state-11 .inner{animation-delay:-1100ms}.dot-circle-scale .dot.state-1{-ms-transform:rotate(30deg);transform:rotate(30deg)}.dot-circle-scale .dot.state-1 .inner{animation-delay:-100ms}.dot-circle-scale .dot.state-2{-ms-transform:rotate(60deg);transform:rotate(60deg)}.dot-circle-scale .dot.state-2 .inner{animation-delay:-200ms}.dot-circle-scale .dot.state-3{-ms-transform:rotate(90deg);transform:rotate(90deg)}.dot-circle-scale .dot.state-3 .inner{animation-delay:-300ms}.dot-circle-scale .dot.state-4{-ms-transform:rotate(120deg);transform:rotate(120deg)}.dot-circle-scale .dot.state-4 .inner{animation-delay:-400ms}.dot-circle-scale .dot.state-5{-ms-transform:rotate(150deg);transform:rotate(150deg)}.dot-circle-scale .dot.state-5 .inner{animation-delay:-500ms}.dot-circle-scale .dot.state-6{-ms-transform:rotate(180deg);transform:rotate(180deg)}.dot-circle-scale .dot.state-6 .inner{animation-delay:-600ms}.dot-circle-scale .dot.state-7{-ms-transform:rotate(210deg);transform:rotate(210deg)}.dot-circle-scale .dot.state-7 .inner{animation-delay:-700ms}.dot-circle-scale .dot.state-8{-ms-transform:rotate(240deg);transform:rotate(240deg)}.dot-circle-scale .dot.state-8 .inner{animation-delay:-800ms}.dot-circle-scale .dot.state-9{-ms-transform:rotate(270deg);transform:rotate(270deg)}.dot-circle-scale .dot.state-9 .inner{animation-delay:-900ms}.dot-circle-scale .dot.state-10{-ms-transform:rotate(300deg);transform:rotate(300deg)}.dot-circle-scale .dot.state-10 .inner{animation-delay:-1000ms}.dot-circle-scale .dot.state-11{-ms-transform:rotate(330deg);transform:rotate(330deg)}.dot-circle-scale .dot.state-11 .inner{animation-delay:-1100ms}.cube-grid{height:4em;width:4em}.cube-grid .cube{animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;background-color:rgba(0,0,0,0.54);float:left;height:33%;width:33%}.cube-grid .cube.one,.cube-grid .cube.five,.cube-grid .cube.nine{animation-delay:-.2s}.cube-grid .cube.two,.cube-grid .cube.six{animation-delay:-.3s}.cube-grid .cube.three{animation-delay:-.4s}.cube-grid .cube.four,.cube-grid .cube.eight{animation-delay:-.1s}@keyframes sk-scaleout{0%{transform:scale(0)}100%{opacity:0;transform:scale(1)}}@keyframes sk-rotateplane{0%{transform:perspective(12em) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(12em) rotateX(-18.1deg) rotateY(0deg)}100%{transform:perspective(12em) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4)}20%{transform:scaleY(1)}}@keyframes sk-cubemove{25%{transform:translateX(4.2em) rotate(-90deg) scale(0.5)}50%{transform:translateX(4.2em) translateY(4.2em) rotate(-179deg)}50.1%{transform:translateX(4.2em) translateY(4.2em) rotate(-180deg)}75%{transform:translateX(0) translateY(4.2em) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg)}}@keyframes sk-scaleout{0%{transform:scale(0)}100%{opacity:0;transform:scale(1)}}@keyframes sk-rotate{0%{transform:translate(-50%, -50%) rotate(0deg)}50%{transform:translate(-50%, -50%) rotate(179deg)}100%{transform:translate(-50%, -50%) rotate(357deg)}}@keyframes sk-rotate-i{0%{transform:translate(-50%, -50%) rotate(0deg)}50%{transform:translate(-50%, -50%) rotate(-179deg)}100%{transform:translate(-50%, -50%) rotate(-357deg)}}@keyframes sk-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes sk-scaleout-in{0%{transform:scale(0)}50%{transform:scale(1)}100%{transform:scale(0)}}@keyframes sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-cubeGridScaleDelay{0%,70%,100%{transform:scale3d(1, 1, 1)}35%{transform:scale3d(0, 0, 1)}}