ngx-spinner
Version:
A library with more than 50 different loading spinners for Angular 4/5/6/7/8/9/10. (https://napster2210.github.io/ngx-spinner/)
298 lines (295 loc) • 115 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@angular/common'), require('@angular/platform-browser')) :
typeof define === 'function' && define.amd ? define('ngx-spinner', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/animations', '@angular/common', '@angular/platform-browser'], factory) :
(global = global || self, factory(global['ngx-spinner'] = {}, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.common, global.ng.platformBrowser));
}(this, (function (exports, i0, rxjs, operators, animations, common, platformBrowser) { 'use strict';
var LOADERS = {
'ball-8bits': 16,
'ball-atom': 4,
'ball-beat': 3,
'ball-circus': 5,
'ball-climbing-dot': 4,
'ball-clip-rotate': 1,
'ball-clip-rotate-multiple': 2,
'ball-clip-rotate-pulse': 2,
'ball-elastic-dots': 5,
'ball-fall': 3,
'ball-fussion': 4,
'ball-grid-beat': 9,
'ball-grid-pulse': 9,
'ball-newton-cradle': 4,
'ball-pulse': 3,
'ball-pulse-rise': 5,
'ball-pulse-sync': 3,
'ball-rotate': 1,
'ball-running-dots': 5,
'ball-scale': 1,
'ball-scale-multiple': 3,
'ball-scale-pulse': 2,
'ball-scale-ripple': 1,
'ball-scale-ripple-multiple': 3,
'ball-spin': 8,
'ball-spin-clockwise': 8,
'ball-spin-clockwise-fade': 8,
'ball-spin-clockwise-fade-rotating': 8,
'ball-spin-fade': 8,
'ball-spin-fade-rotating': 8,
'ball-spin-rotate': 2,
'ball-square-clockwise-spin': 8,
'ball-square-spin': 8,
'ball-triangle-path': 3,
'ball-zig-zag': 2,
'ball-zig-zag-deflect': 2,
'cog': 1,
'cube-transition': 2,
'fire': 3,
'line-scale': 5,
'line-scale-party': 5,
'line-scale-pulse-out': 5,
'line-scale-pulse-out-rapid': 5,
'line-spin-clockwise-fade': 8,
'line-spin-clockwise-fade-rotating': 8,
'line-spin-fade': 8,
'line-spin-fade-rotating': 8,
'pacman': 6,
'square-jelly-box': 2,
'square-loader': 1,
'square-spin': 1,
'timer': 1,
'triangle-skew-spin': 1
};
var DEFAULTS = {
BD_COLOR: 'rgba(51,51,51,0.8)',
SPINNER_COLOR: '#fff',
SPINNER_TYPE: 'ball-scale-multiple',
Z_INDEX: 99999,
};
var PRIMARY_SPINNER = 'primary';
var NgxSpinner = /** @class */ (function () {
function NgxSpinner(init) {
Object.assign(this, init);
}
return NgxSpinner;
}());
var NgxSpinnerService = /** @class */ (function () {
/**
* Creates an instance of NgxSpinnerService.
* @memberof NgxSpinnerService
*/
function NgxSpinnerService() {
/**
* Spinner observable
*
* @memberof NgxSpinnerService
*/
// private spinnerObservable = new ReplaySubject<NgxSpinner>(1);
this.spinnerObservable = new rxjs.BehaviorSubject(null);
}
/**
* Get subscription of desired spinner
* @memberof NgxSpinnerService
**/
NgxSpinnerService.prototype.getSpinner = function (name) {
return this.spinnerObservable.asObservable().pipe(operators.filter(function (x) { return x && x.name === name; }));
};
/**
* To show spinner
*
* @memberof NgxSpinnerService
*/
NgxSpinnerService.prototype.show = function (name, spinner) {
var _this = this;
if (name === void 0) { name = PRIMARY_SPINNER; }
setTimeout(function () {
var showPromise = new Promise(function (resolve, _reject) {
if (spinner && Object.keys(spinner).length) {
spinner['name'] = name;
_this.spinnerObservable.next(new NgxSpinner(Object.assign(Object.assign({}, spinner), { show: true })));
resolve(true);
}
else {
_this.spinnerObservable.next(new NgxSpinner({ name: name, show: true }));
resolve(true);
}
});
return showPromise;
}, 10);
};
/**
* To hide spinner
*
* @memberof NgxSpinnerService
*/
NgxSpinnerService.prototype.hide = function (name, debounce) {
var _this = this;
if (name === void 0) { name = PRIMARY_SPINNER; }
if (debounce === void 0) { debounce = 10; }
setTimeout(function () {
var hidePromise = new Promise(function (resolve, _reject) {
_this.spinnerObservable.next(new NgxSpinner({ name: name, show: false }));
resolve(true);
});
return hidePromise;
}, debounce);
};
return NgxSpinnerService;
}());
NgxSpinnerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NgxSpinnerService_Factory() { return new NgxSpinnerService(); }, token: NgxSpinnerService, providedIn: "root" });
NgxSpinnerService.decorators = [
{ type: i0.Injectable, args: [{
providedIn: 'root'
},] }
];
NgxSpinnerService.ctorParameters = function () { return []; };
var NgxSpinnerComponent = /** @class */ (function () {
/**
* Creates an instance of NgxSpinnerComponent.
*
* @memberof NgxSpinnerComponent
*/
function NgxSpinnerComponent(spinnerService, changeDetector) {
var _this = this;
this.spinnerService = spinnerService;
this.changeDetector = changeDetector;
/**
* Spinner Object
*
* @memberof NgxSpinnerComponent
*/
this.spinner = new NgxSpinner();
/**
* Unsubscribe from spinner's observable
*
* @memberof NgxSpinnerComponent
**/
this.ngUnsubscribe = new rxjs.Subject();
/**
* To set default ngx-spinner options
*
* @memberof NgxSpinnerComponent
*/
this.setDefaultOptions = function () {
_this.spinner = new NgxSpinner({
name: _this.name,
bdColor: _this.bdColor,
size: _this.size,
color: _this.color,
type: _this.type,
fullScreen: _this.fullScreen,
divArray: _this.divArray,
divCount: _this.divCount,
show: _this.show,
zIndex: _this.zIndex,
template: _this.template,
});
};
this.bdColor = DEFAULTS.BD_COLOR;
this.zIndex = DEFAULTS.Z_INDEX;
this.color = DEFAULTS.SPINNER_COLOR;
this.type = DEFAULTS.SPINNER_TYPE;
this.size = 'large';
this.fullScreen = true;
this.name = PRIMARY_SPINNER;
this.template = null;
this.divArray = [];
this.divCount = 0;
this.show = false;
}
/**
* Initialization method
*
* @memberof NgxSpinnerComponent
*/
NgxSpinnerComponent.prototype.ngOnInit = function () {
var _this = this;
this.setDefaultOptions();
this.spinnerService.getSpinner(this.name)
.pipe(operators.takeUntil(this.ngUnsubscribe))
.subscribe(function (spinner) {
_this.setDefaultOptions();
Object.assign(_this.spinner, spinner);
if (spinner.show) {
_this.onInputChange();
}
_this.changeDetector.markForCheck();
});
};
/**
* On changes event for input variables
*
* @memberof NgxSpinnerComponent
*/
NgxSpinnerComponent.prototype.ngOnChanges = function (changes) {
for (var propName in changes) {
if (propName) {
var changedProp = changes[propName];
if (changedProp.isFirstChange()) {
return;
}
else if (typeof changedProp.currentValue !== 'undefined' && changedProp.currentValue !== changedProp.previousValue) {
if (changedProp.currentValue !== '') {
this.spinner[propName] = changedProp.currentValue;
}
}
}
}
};
/**
* To get class for spinner
*
* @memberof NgxSpinnerComponent
*/
NgxSpinnerComponent.prototype.getClass = function (type, size) {
this.spinner.divCount = LOADERS[type];
this.spinner.divArray = Array(this.spinner.divCount).fill(0).map(function (x, i) { return i; });
var sizeClass = '';
switch (size.toLowerCase()) {
case 'small':
sizeClass = 'la-sm';
break;
case 'medium':
sizeClass = 'la-2x';
break;
case 'large':
sizeClass = 'la-3x';
break;
default:
break;
}
return 'la-' + type + ' ' + sizeClass;
};
/**
* Check if input variables have changed
*
* @memberof NgxSpinnerComponent
*/
NgxSpinnerComponent.prototype.onInputChange = function () {
this.spinner.class = this.getClass(this.spinner.type, this.spinner.size);
};
/**
* Component destroy event
*
* @memberof NgxSpinnerComponent
*/
NgxSpinnerComponent.prototype.ngOnDestroy = function () {
this.ngUnsubscribe.next();
this.ngUnsubscribe.complete();
};
return NgxSpinnerComponent;
}());
NgxSpinnerComponent.decorators = [
{ type: i0.Component, args: [{
selector: 'ngx-spinner',
template: "<div [@fadeIn]=\"'in'\" *ngIf=\"spinner.show\" class=\"overlay\" [style.background-color]=\"spinner.bdColor\"\n [style.z-index]=\"spinner.zIndex\" [style.position]=\"spinner.fullScreen ? 'fixed' : 'absolute'\">\n <div *ngIf=\"!template\" [class]=\"spinner.class\" [style.color]=\"spinner.color\">\n <div *ngFor=\"let index of spinner.divArray\"></div>\n </div>\n <div *ngIf=\"template\" [innerHTML]=\"template | safeHtml\"></div>\n <div class=\"loading-text\" [style.z-index]=\"spinner.zIndex\">\n <ng-content></ng-content>\n </div>\n</div>",
changeDetection: i0.ChangeDetectionStrategy.OnPush,
animations: [
animations.trigger('fadeIn', [
animations.state('in', animations.style({ opacity: 1 })),
animations.transition(':enter', [
animations.style({ opacity: 0 }),
animations.animate(300)
]),
animations.transition(':leave', animations.animate(200, animations.style({ opacity: 0 })))
])
],
styles: ["/*!\n * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)\n * Copyright 2015 Daniel Cardoso <@DanielCardoso>\n * Licensed under MIT\n */.la-ball-8bits,.la-ball-8bits>div{box-sizing:border-box;position:relative}.la-ball-8bits{color:#fff;display:block;font-size:0}.la-ball-8bits.la-dark{color:#333}.la-ball-8bits>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-8bits{height:12px;width:12px}.la-ball-8bits>div{-webkit-animation:ball-8bits 1s ease 0s infinite;animation:ball-8bits 1s ease 0s infinite;border-radius:0;height:4px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(100%,100%);width:4px}.la-ball-8bits>div:first-child{-webkit-animation-delay:-.9375s;animation-delay:-.9375s}.la-ball-8bits>div:nth-child(2){-webkit-animation-delay:-.875s;animation-delay:-.875s}.la-ball-8bits>div:nth-child(3){-webkit-animation-delay:-.8125s;animation-delay:-.8125s}.la-ball-8bits>div:nth-child(4){-webkit-animation-delay:-.75s;animation-delay:-.75s}.la-ball-8bits>div:nth-child(5){-webkit-animation-delay:-.6875s;animation-delay:-.6875s}.la-ball-8bits>div:nth-child(6){-webkit-animation-delay:-.625s;animation-delay:-.625s}.la-ball-8bits>div:nth-child(7){-webkit-animation-delay:-.5625s;animation-delay:-.5625s}.la-ball-8bits>div:nth-child(8){-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-ball-8bits>div:nth-child(9){-webkit-animation-delay:-.4375s;animation-delay:-.4375s}.la-ball-8bits>div:nth-child(10){-webkit-animation-delay:-.375s;animation-delay:-.375s}.la-ball-8bits>div:nth-child(11){-webkit-animation-delay:-.3125s;animation-delay:-.3125s}.la-ball-8bits>div:nth-child(12){-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-ball-8bits>div:nth-child(13){-webkit-animation-delay:-.1875s;animation-delay:-.1875s}.la-ball-8bits>div:nth-child(14){-webkit-animation-delay:-.125s;animation-delay:-.125s}.la-ball-8bits>div:nth-child(15){-webkit-animation-delay:-.0625s;animation-delay:-.0625s}.la-ball-8bits>div:nth-child(16){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-8bits>div:first-child{left:0;top:-100%}.la-ball-8bits>div:nth-child(2){left:33.3333333333%;top:-100%}.la-ball-8bits>div:nth-child(3){left:66.6666666667%;top:-66.6666666667%}.la-ball-8bits>div:nth-child(4){left:100%;top:-33.3333333333%}.la-ball-8bits>div:nth-child(5){left:100%;top:0}.la-ball-8bits>div:nth-child(6){left:100%;top:33.3333333333%}.la-ball-8bits>div:nth-child(7){left:66.6666666667%;top:66.6666666667%}.la-ball-8bits>div:nth-child(8){left:33.3333333333%;top:100%}.la-ball-8bits>div:nth-child(9){left:0;top:100%}.la-ball-8bits>div:nth-child(10){left:-33.3333333333%;top:100%}.la-ball-8bits>div:nth-child(11){left:-66.6666666667%;top:66.6666666667%}.la-ball-8bits>div:nth-child(12){left:-100%;top:33.3333333333%}.la-ball-8bits>div:nth-child(13){left:-100%;top:0}.la-ball-8bits>div:nth-child(14){left:-100%;top:-33.3333333333%}.la-ball-8bits>div:nth-child(15){left:-66.6666666667%;top:-66.6666666667%}.la-ball-8bits>div:nth-child(16){left:-33.3333333333%;top:-100%}.la-ball-8bits.la-sm{height:6px;width:6px}.la-ball-8bits.la-sm>div{height:2px;width:2px}.la-ball-8bits.la-2x{height:24px;width:24px}.la-ball-8bits.la-2x>div{height:8px;width:8px}.la-ball-8bits.la-3x{height:36px;width:36px}.la-ball-8bits.la-3x>div{height:12px;width:12px}@-webkit-keyframes ball-8bits{0%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes ball-8bits{0%{opacity:1}50%{opacity:1}51%{opacity:0}}.la-ball-atom,.la-ball-atom>div{box-sizing:border-box;position:relative}.la-ball-atom{color:#fff;display:block;font-size:0}.la-ball-atom.la-dark{color:#333}.la-ball-atom>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-atom{height:32px;width:32px}.la-ball-atom>div:first-child{-webkit-animation:ball-atom-shrink 4.5s linear infinite;animation:ball-atom-shrink 4.5s linear infinite;background:#aaa;border-radius:100%;height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1}.la-ball-atom>div:not(:first-child){-webkit-animation:ball-atom-zindex 1.5s steps(2) 0s infinite;animation:ball-atom-zindex 1.5s steps(2) 0s infinite;background:none;height:100%;left:0;position:absolute;width:100%;z-index:0}.la-ball-atom>div:not(:first-child):before{-webkit-animation:ball-atom-position 1.5s ease 0s infinite,ball-atom-size 1.5s ease 0s infinite;animation:ball-atom-position 1.5s ease 0s infinite,ball-atom-size 1.5s ease 0s infinite;background:currentColor;border-radius:50%;content:\"\";height:10px;left:0;margin-left:-5px;margin-top:-5px;opacity:.75;position:absolute;top:0;width:10px}.la-ball-atom>div:nth-child(2){-webkit-animation-delay:.75s;animation-delay:.75s}.la-ball-atom>div:nth-child(2):before{-webkit-animation-delay:0s,-1.125s;animation-delay:0s,-1.125s}.la-ball-atom>div:nth-child(3){-webkit-animation-delay:-.25s;animation-delay:-.25s;transform:rotate(120deg)}.la-ball-atom>div:nth-child(3):before{-webkit-animation-delay:-1s,-.75s;animation-delay:-1s,-.75s}.la-ball-atom>div:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;transform:rotate(240deg)}.la-ball-atom>div:nth-child(4):before{-webkit-animation-delay:-.5s,-.125s;animation-delay:-.5s,-.125s}.la-ball-atom.la-sm{height:16px;width:16px}.la-ball-atom.la-sm>div:not(:first-child):before{height:4px;margin-left:-2px;margin-top:-2px;width:4px}.la-ball-atom.la-2x{height:64px;width:64px}.la-ball-atom.la-2x>div:not(:first-child):before{height:20px;margin-left:-10px;margin-top:-10px;width:20px}.la-ball-atom.la-3x{height:96px;width:96px}.la-ball-atom.la-3x>div:not(:first-child):before{height:30px;margin-left:-15px;margin-top:-15px;width:30px}@-webkit-keyframes ball-atom-position{50%{left:100%;top:100%}}@keyframes ball-atom-position{50%{left:100%;top:100%}}@-webkit-keyframes ball-atom-size{50%{transform:scale(.5)}}@keyframes ball-atom-size{50%{transform:scale(.5)}}@-webkit-keyframes ball-atom-zindex{50%{z-index:10}}@keyframes ball-atom-zindex{50%{z-index:10}}@-webkit-keyframes ball-atom-shrink{50%{transform:translate(-50%,-50%) scale(.8)}}@keyframes ball-atom-shrink{50%{transform:translate(-50%,-50%) scale(.8)}}.la-ball-beat,.la-ball-beat>div{box-sizing:border-box;position:relative}.la-ball-beat{color:#fff;display:block;font-size:0}.la-ball-beat.la-dark{color:#333}.la-ball-beat>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-beat{height:18px;width:54px}.la-ball-beat>div{-webkit-animation:ball-beat .7s linear -.15s infinite;animation:ball-beat .7s linear -.15s infinite;border-radius:100%;height:10px;margin:4px;width:10px}.la-ball-beat>div:nth-child(2n-1){-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-ball-beat.la-sm{height:8px;width:26px}.la-ball-beat.la-sm>div{height:4px;margin:2px;width:4px}.la-ball-beat.la-2x{height:36px;width:108px}.la-ball-beat.la-2x>div{height:20px;margin:8px;width:20px}.la-ball-beat.la-3x{height:54px;width:162px}.la-ball-beat.la-3x>div{height:30px;margin:12px;width:30px}@-webkit-keyframes ball-beat{50%{opacity:.2;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.la-ball-circus,.la-ball-circus>div{box-sizing:border-box;position:relative}.la-ball-circus{color:#fff;display:block;font-size:0}.la-ball-circus.la-dark{color:#333}.la-ball-circus>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-circus{height:16px;width:16px}.la-ball-circus>div{-webkit-animation:ball-circus-position 2.5s cubic-bezier(.25,0,.75,1) infinite,ball-circus-size 2.5s cubic-bezier(.25,0,.75,1) infinite;animation:ball-circus-position 2.5s cubic-bezier(.25,0,.75,1) infinite,ball-circus-size 2.5s cubic-bezier(.25,0,.75,1) infinite;border-radius:100%;display:block;height:16px;height:100%;left:-100%;opacity:.5;position:absolute;top:0;width:16px;width:100%}.la-ball-circus>div:first-child{-webkit-animation-delay:0s,-.5s;animation-delay:0s,-.5s}.la-ball-circus>div:nth-child(2){-webkit-animation-delay:-.5s,-1s;animation-delay:-.5s,-1s}.la-ball-circus>div:nth-child(3){-webkit-animation-delay:-1s,-1.5s;animation-delay:-1s,-1.5s}.la-ball-circus>div:nth-child(4){-webkit-animation-delay:-1.5s,-2s;animation-delay:-1.5s,-2s}.la-ball-circus>div:nth-child(5){-webkit-animation-delay:-2s,-2.5s;animation-delay:-2s,-2.5s}.la-ball-circus.la-sm,.la-ball-circus.la-sm>div{height:8px;width:8px}.la-ball-circus.la-2x,.la-ball-circus.la-2x>div{height:32px;width:32px}.la-ball-circus.la-3x,.la-ball-circus.la-3x>div{height:48px;width:48px}@-webkit-keyframes ball-circus-position{50%{left:100%}}@keyframes ball-circus-position{50%{left:100%}}@-webkit-keyframes ball-circus-size{50%{transform:scale(.3)}}@keyframes ball-circus-size{50%{transform:scale(.3)}}.la-ball-climbing-dot,.la-ball-climbing-dot>div{box-sizing:border-box;position:relative}.la-ball-climbing-dot{color:#fff;display:block;font-size:0}.la-ball-climbing-dot.la-dark{color:#333}.la-ball-climbing-dot>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-climbing-dot{height:32px;width:42px}.la-ball-climbing-dot>div:first-child{-webkit-animation:ball-climbing-dot-jump .6s ease-in-out infinite;animation:ball-climbing-dot-jump .6s ease-in-out infinite;border-radius:100%;bottom:32%;height:14px;left:18%;position:absolute;transform-origin:center bottom;width:14px}.la-ball-climbing-dot>div:not(:first-child){-webkit-animation:ball-climbing-dot-steps 1.8s linear infinite;animation:ball-climbing-dot-steps 1.8s linear infinite;border-radius:0;height:2px;position:absolute;right:0;top:0;transform:translate(60%);width:14px}.la-ball-climbing-dot>div:not(:first-child):nth-child(2){-webkit-animation-delay:0ms;animation-delay:0ms}.la-ball-climbing-dot>div:not(:first-child):nth-child(3){-webkit-animation-delay:-.6s;animation-delay:-.6s}.la-ball-climbing-dot>div:not(:first-child):nth-child(4){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.la-ball-climbing-dot.la-sm{height:16px;width:20px}.la-ball-climbing-dot.la-sm>div:first-child{height:6px;width:6px}.la-ball-climbing-dot.la-sm>div:not(:first-child){height:1px;width:6px}.la-ball-climbing-dot.la-2x{height:64px;width:84px}.la-ball-climbing-dot.la-2x>div:first-child{height:28px;width:28px}.la-ball-climbing-dot.la-2x>div:not(:first-child){height:4px;width:28px}.la-ball-climbing-dot.la-3x{height:96px;width:126px}.la-ball-climbing-dot.la-3x>div:first-child{height:42px;width:42px}.la-ball-climbing-dot.la-3x>div:not(:first-child){height:6px;width:42px}@-webkit-keyframes ball-climbing-dot-jump{0%{transform:scaleY(.7)}20%{transform:scale(.7,1.2)}40%{transform:scale(1)}50%{bottom:125%}46%{transform:scale(1)}80%{transform:scale(.7,1.2)}90%{transform:scale(.7,1.2)}to{transform:scaleY(.7)}}@keyframes ball-climbing-dot-jump{0%{transform:scaleY(.7)}20%{transform:scale(.7,1.2)}40%{transform:scale(1)}50%{bottom:125%}46%{transform:scale(1)}80%{transform:scale(.7,1.2)}90%{transform:scale(.7,1.2)}to{transform:scaleY(.7)}}@-webkit-keyframes ball-climbing-dot-steps{0%{opacity:0;right:0;top:0}50%{opacity:1}to{opacity:0;right:100%;top:100%}}@keyframes ball-climbing-dot-steps{0%{opacity:0;right:0;top:0}50%{opacity:1}to{opacity:0;right:100%;top:100%}}.la-ball-clip-rotate-multiple,.la-ball-clip-rotate-multiple>div{box-sizing:border-box;position:relative}.la-ball-clip-rotate-multiple{color:#fff;display:block;font-size:0}.la-ball-clip-rotate-multiple.la-dark{color:#333}.la-ball-clip-rotate-multiple>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-clip-rotate-multiple{height:32px;width:32px}.la-ball-clip-rotate-multiple>div{-webkit-animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;background:transparent;border-radius:100%;border-style:solid;border-width:2px;left:50%;position:absolute;top:50%}.la-ball-clip-rotate-multiple>div:first-child{border-left-color:transparent;border-right-color:transparent;height:32px;position:absolute;width:32px}.la-ball-clip-rotate-multiple>div:last-child{-webkit-animation-direction:reverse;-webkit-animation-duration:.5s;animation-direction:reverse;animation-duration:.5s;border-bottom-color:transparent;border-top-color:transparent;height:16px;width:16px}.la-ball-clip-rotate-multiple.la-sm{height:16px;width:16px}.la-ball-clip-rotate-multiple.la-sm>div{border-width:1px}.la-ball-clip-rotate-multiple.la-sm>div:first-child{height:16px;width:16px}.la-ball-clip-rotate-multiple.la-sm>div:last-child{height:8px;width:8px}.la-ball-clip-rotate-multiple.la-2x{height:64px;width:64px}.la-ball-clip-rotate-multiple.la-2x>div{border-width:4px}.la-ball-clip-rotate-multiple.la-2x>div:first-child{height:64px;width:64px}.la-ball-clip-rotate-multiple.la-2x>div:last-child{height:32px;width:32px}.la-ball-clip-rotate-multiple.la-3x{height:96px;width:96px}.la-ball-clip-rotate-multiple.la-3x>div{border-width:6px}.la-ball-clip-rotate-multiple.la-3x>div:first-child{height:96px;width:96px}.la-ball-clip-rotate-multiple.la-3x>div:last-child{height:48px;width:48px}@-webkit-keyframes ball-clip-rotate-multiple-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes ball-clip-rotate-multiple-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.la-ball-clip-rotate-pulse,.la-ball-clip-rotate-pulse>div{box-sizing:border-box;position:relative}.la-ball-clip-rotate-pulse{color:#fff;display:block;font-size:0}.la-ball-clip-rotate-pulse.la-dark{color:#333}.la-ball-clip-rotate-pulse>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-clip-rotate-pulse{height:32px;width:32px}.la-ball-clip-rotate-pulse>div{border-radius:100%;left:50%;position:absolute;top:50%}.la-ball-clip-rotate-pulse>div:first-child{-webkit-animation:ball-clip-rotate-pulse-rotate 1s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-rotate 1s cubic-bezier(.09,.57,.49,.9) infinite;background:transparent;border-bottom-style:solid;border-bottom-width:2px;border-left:2px solid transparent;border-right:2px solid transparent;border-top-style:solid;border-top-width:2px;height:32px;position:absolute;width:32px}.la-ball-clip-rotate-pulse>div:last-child{-webkit-animation:ball-clip-rotate-pulse-scale 1s cubic-bezier(.09,.57,.49,.9) infinite;animation:ball-clip-rotate-pulse-scale 1s cubic-bezier(.09,.57,.49,.9) infinite;height:16px;width:16px}.la-ball-clip-rotate-pulse.la-sm{height:16px;width:16px}.la-ball-clip-rotate-pulse.la-sm>div:first-child{border-width:1px;height:16px;width:16px}.la-ball-clip-rotate-pulse.la-sm>div:last-child{height:8px;width:8px}.la-ball-clip-rotate-pulse.la-2x{height:64px;width:64px}.la-ball-clip-rotate-pulse.la-2x>div:first-child{border-width:4px;height:64px;width:64px}.la-ball-clip-rotate-pulse.la-2x>div:last-child{height:32px;width:32px}.la-ball-clip-rotate-pulse.la-3x{height:96px;width:96px}.la-ball-clip-rotate-pulse.la-3x>div:first-child{border-width:6px;height:96px;width:96px}.la-ball-clip-rotate-pulse.la-3x>div:last-child{height:48px;width:48px}@-webkit-keyframes ball-clip-rotate-pulse-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes ball-clip-rotate-pulse-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes ball-clip-rotate-pulse-scale{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}30%{opacity:.3;transform:translate(-50%,-50%) scale(.15)}}@keyframes ball-clip-rotate-pulse-scale{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}30%{opacity:.3;transform:translate(-50%,-50%) scale(.15)}}.la-ball-clip-rotate,.la-ball-clip-rotate>div{box-sizing:border-box;position:relative}.la-ball-clip-rotate{color:#fff;display:block;font-size:0}.la-ball-clip-rotate.la-dark{color:#333}.la-ball-clip-rotate>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-clip-rotate{height:32px;width:32px}.la-ball-clip-rotate>div{-webkit-animation:ball-clip-rotate .75s linear infinite;animation:ball-clip-rotate .75s linear infinite;background:transparent;border-bottom-color:transparent;border-radius:100%;border-width:2px;height:32px;width:32px}.la-ball-clip-rotate.la-sm{height:16px;width:16px}.la-ball-clip-rotate.la-sm>div{border-width:1px;height:16px;width:16px}.la-ball-clip-rotate.la-2x{height:64px;width:64px}.la-ball-clip-rotate.la-2x>div{border-width:4px;height:64px;width:64px}.la-ball-clip-rotate.la-3x{height:96px;width:96px}.la-ball-clip-rotate.la-3x>div{border-width:6px;height:96px;width:96px}@-webkit-keyframes ball-clip-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes ball-clip-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.la-ball-elastic-dots,.la-ball-elastic-dots>div{box-sizing:border-box;position:relative}.la-ball-elastic-dots{color:#fff;display:block}.la-ball-elastic-dots.la-dark{color:#333}.la-ball-elastic-dots>div{background-color:currentColor;border:0 solid;float:none}.la-ball-elastic-dots{font-size:0;height:10px;text-align:center;width:120px}.la-ball-elastic-dots>div{-webkit-animation:ball-elastic-dots-anim 1s infinite;animation:ball-elastic-dots-anim 1s infinite;border-radius:100%;display:inline-block;height:10px;white-space:nowrap;width:10px}.la-ball-elastic-dots.la-sm{height:4px;width:60px}.la-ball-elastic-dots.la-sm>div{height:4px;width:4px}.la-ball-elastic-dots.la-2x{height:20px;width:240px}.la-ball-elastic-dots.la-2x>div{height:20px;width:20px}.la-ball-elastic-dots.la-3x{height:30px;width:360px}.la-ball-elastic-dots.la-3x>div{height:30px;width:30px}@-webkit-keyframes ball-elastic-dots-anim{0%,to{margin:0;transform:scale(1)}50%{margin:0 5%;transform:scale(.65)}}@keyframes ball-elastic-dots-anim{0%,to{margin:0;transform:scale(1)}50%{margin:0 5%;transform:scale(.65)}}.la-ball-fall,.la-ball-fall>div{box-sizing:border-box;position:relative}.la-ball-fall{color:#fff;display:block;font-size:0}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-fall{height:18px;width:54px}.la-ball-fall>div{-webkit-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite;border-radius:100%;height:10px;margin:4px;opacity:0;width:10px}.la-ball-fall>div:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0ms;animation-delay:0ms}.la-ball-fall.la-sm{height:8px;width:26px}.la-ball-fall.la-sm>div{height:4px;margin:2px;width:4px}.la-ball-fall.la-2x{height:36px;width:108px}.la-ball-fall.la-2x>div{height:20px;margin:8px;width:20px}.la-ball-fall.la-3x{height:54px;width:162px}.la-ball-fall.la-3x>div{height:30px;margin:12px;width:30px}@-webkit-keyframes ball-fall{0%{opacity:0;transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}90%{opacity:.5}to{opacity:0;transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}90%{opacity:.5}to{opacity:0;transform:translateY(145%)}}.la-ball-fussion,.la-ball-fussion>div{box-sizing:border-box;position:relative}.la-ball-fussion{color:#fff;display:block;font-size:0}.la-ball-fussion.la-dark{color:#333}.la-ball-fussion>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-fussion{height:8px;width:8px}.la-ball-fussion>div{-webkit-animation:ball-fussion-ball1 1s ease 0s infinite;animation:ball-fussion-ball1 1s ease 0s infinite;border-radius:100%;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}.la-ball-fussion>div:first-child{left:50%;top:0;z-index:1}.la-ball-fussion>div:nth-child(2){-webkit-animation-name:ball-fussion-ball2;animation-name:ball-fussion-ball2;left:100%;top:50%;z-index:2}.la-ball-fussion>div:nth-child(3){-webkit-animation-name:ball-fussion-ball3;animation-name:ball-fussion-ball3;left:50%;top:100%;z-index:1}.la-ball-fussion>div:nth-child(4){-webkit-animation-name:ball-fussion-ball4;animation-name:ball-fussion-ball4;left:0;top:50%;z-index:2}.la-ball-fussion.la-sm{height:4px;width:4px}.la-ball-fussion.la-sm>div{height:6px;width:6px}.la-ball-fussion.la-2x{height:16px;width:16px}.la-ball-fussion.la-2x>div,.la-ball-fussion.la-3x{height:24px;width:24px}.la-ball-fussion.la-3x>div{height:36px;width:36px}@-webkit-keyframes ball-fussion-ball1{0%{opacity:.35}50%{left:200%;opacity:1;top:-100%}to{left:100%;opacity:.35;top:50%;z-index:2}}@keyframes ball-fussion-ball1{0%{opacity:.35}50%{left:200%;opacity:1;top:-100%}to{left:100%;opacity:.35;top:50%;z-index:2}}@-webkit-keyframes ball-fussion-ball2{0%{opacity:.35}50%{left:200%;opacity:1;top:200%}to{left:50%;opacity:.35;top:100%;z-index:1}}@keyframes ball-fussion-ball2{0%{opacity:.35}50%{left:200%;opacity:1;top:200%}to{left:50%;opacity:.35;top:100%;z-index:1}}@-webkit-keyframes ball-fussion-ball3{0%{opacity:.35}50%{left:-100%;opacity:1;top:200%}to{left:0;opacity:.35;top:50%;z-index:2}}@keyframes ball-fussion-ball3{0%{opacity:.35}50%{left:-100%;opacity:1;top:200%}to{left:0;opacity:.35;top:50%;z-index:2}}@-webkit-keyframes ball-fussion-ball4{0%{opacity:.35}50%{left:-100%;opacity:1;top:-100%}to{left:50%;opacity:.35;top:0;z-index:1}}@keyframes ball-fussion-ball4{0%{opacity:.35}50%{left:-100%;opacity:1;top:-100%}to{left:50%;opacity:.35;top:0;z-index:1}}.la-ball-grid-beat,.la-ball-grid-beat>div{box-sizing:border-box;position:relative}.la-ball-grid-beat{color:#fff;display:block;font-size:0}.la-ball-grid-beat.la-dark{color:#333}.la-ball-grid-beat>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-grid-beat{height:36px;width:36px}.la-ball-grid-beat>div{-webkit-animation-iteration-count:infinite;-webkit-animation-name:ball-grid-beat;animation-iteration-count:infinite;animation-name:ball-grid-beat;border-radius:100%;height:8px;margin:2px;width:8px}.la-ball-grid-beat>div:first-child{-webkit-animation-delay:.03s;-webkit-animation-duration:.65s;animation-delay:.03s;animation-duration:.65s}.la-ball-grid-beat>div:nth-child(2){-webkit-animation-delay:.09s;-webkit-animation-duration:1.02s;animation-delay:.09s;animation-duration:1.02s}.la-ball-grid-beat>div:nth-child(3){-webkit-animation-delay:-.69s;-webkit-animation-duration:1.06s;animation-delay:-.69s;animation-duration:1.06s}.la-ball-grid-beat>div:nth-child(4){-webkit-animation-delay:-.41s;-webkit-animation-duration:1.5s;animation-delay:-.41s;animation-duration:1.5s}.la-ball-grid-beat>div:nth-child(5){-webkit-animation-delay:.04s;-webkit-animation-duration:1.6s;animation-delay:.04s;animation-duration:1.6s}.la-ball-grid-beat>div:nth-child(6){-webkit-animation-delay:.07s;-webkit-animation-duration:.84s;animation-delay:.07s;animation-duration:.84s}.la-ball-grid-beat>div:nth-child(7){-webkit-animation-delay:-.66s;-webkit-animation-duration:.68s;animation-delay:-.66s;animation-duration:.68s}.la-ball-grid-beat>div:nth-child(8){-webkit-animation-delay:-.76s;-webkit-animation-duration:.93s;animation-delay:-.76s;animation-duration:.93s}.la-ball-grid-beat>div:nth-child(9){-webkit-animation-delay:-.76s;-webkit-animation-duration:1.24s;animation-delay:-.76s;animation-duration:1.24s}.la-ball-grid-beat.la-sm{height:18px;width:18px}.la-ball-grid-beat.la-sm>div{height:4px;margin:1px;width:4px}.la-ball-grid-beat.la-2x{height:72px;width:72px}.la-ball-grid-beat.la-2x>div{height:16px;margin:4px;width:16px}.la-ball-grid-beat.la-3x{height:108px;width:108px}.la-ball-grid-beat.la-3x>div{height:24px;margin:6px;width:24px}@-webkit-keyframes ball-grid-beat{0%{opacity:1}50%{opacity:.35}to{opacity:1}}@keyframes ball-grid-beat{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.la-ball-grid-pulse,.la-ball-grid-pulse>div{box-sizing:border-box;position:relative}.la-ball-grid-pulse{color:#fff;display:block;font-size:0}.la-ball-grid-pulse.la-dark{color:#333}.la-ball-grid-pulse>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-grid-pulse{height:36px;width:36px}.la-ball-grid-pulse>div{-webkit-animation-iteration-count:infinite;-webkit-animation-name:ball-grid-pulse;animation-iteration-count:infinite;animation-name:ball-grid-pulse;border-radius:100%;height:8px;margin:2px;width:8px}.la-ball-grid-pulse>div:first-child{-webkit-animation-delay:.03s;-webkit-animation-duration:.65s;animation-delay:.03s;animation-duration:.65s}.la-ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:.09s;-webkit-animation-duration:1.02s;animation-delay:.09s;animation-duration:1.02s}.la-ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:-.69s;-webkit-animation-duration:1.06s;animation-delay:-.69s;animation-duration:1.06s}.la-ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:-.41s;-webkit-animation-duration:1.5s;animation-delay:-.41s;animation-duration:1.5s}.la-ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:.04s;-webkit-animation-duration:1.6s;animation-delay:.04s;animation-duration:1.6s}.la-ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:.07s;-webkit-animation-duration:.84s;animation-delay:.07s;animation-duration:.84s}.la-ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:-.66s;-webkit-animation-duration:.68s;animation-delay:-.66s;animation-duration:.68s}.la-ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:-.76s;-webkit-animation-duration:.93s;animation-delay:-.76s;animation-duration:.93s}.la-ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:-.76s;-webkit-animation-duration:1.24s;animation-delay:-.76s;animation-duration:1.24s}.la-ball-grid-pulse.la-sm{height:18px;width:18px}.la-ball-grid-pulse.la-sm>div{height:4px;margin:1px;width:4px}.la-ball-grid-pulse.la-2x{height:72px;width:72px}.la-ball-grid-pulse.la-2x>div{height:16px;margin:4px;width:16px}.la-ball-grid-pulse.la-3x{height:108px;width:108px}.la-ball-grid-pulse.la-3x>div{height:24px;margin:6px;width:24px}@-webkit-keyframes ball-grid-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes ball-grid-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.45)}to{opacity:1;transform:scale(1)}}.la-ball-newton-cradle,.la-ball-newton-cradle>div{box-sizing:border-box;position:relative}.la-ball-newton-cradle{color:#fff;display:block;font-size:0}.la-ball-newton-cradle.la-dark{color:#333}.la-ball-newton-cradle>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-newton-cradle{height:10px;width:40px}.la-ball-newton-cradle>div{border-radius:100%;height:10px;width:10px}.la-ball-newton-cradle>div:first-child{-webkit-animation:ball-newton-cradle-left 1s ease-out 0s infinite;animation:ball-newton-cradle-left 1s ease-out 0s infinite;transform:translateX(0)}.la-ball-newton-cradle>div:last-child{-webkit-animation:ball-newton-cradle-right 1s ease-out 0s infinite;animation:ball-newton-cradle-right 1s ease-out 0s infinite;transform:translateX(0)}.la-ball-newton-cradle.la-sm{height:4px;width:20px}.la-ball-newton-cradle.la-sm>div{height:4px;width:4px}.la-ball-newton-cradle.la-2x{height:20px;width:80px}.la-ball-newton-cradle.la-2x>div{height:20px;width:20px}.la-ball-newton-cradle.la-3x{height:30px;width:120px}.la-ball-newton-cradle.la-3x>div{height:30px;width:30px}@-webkit-keyframes ball-newton-cradle-left{25%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateX(-100%)}50%{transform:translateX(0)}}@keyframes ball-newton-cradle-left{25%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateX(-100%)}50%{transform:translateX(0)}}@-webkit-keyframes ball-newton-cradle-right{50%{transform:translateX(0)}75%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ball-newton-cradle-right{50%{transform:translateX(0)}75%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateX(100%)}to{transform:translateX(0)}}.la-ball-pulse-rise,.la-ball-pulse-rise>div{box-sizing:border-box;position:relative}.la-ball-pulse-rise{color:#fff;display:block;font-size:0}.la-ball-pulse-rise.la-dark{color:#333}.la-ball-pulse-rise>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-pulse-rise{height:14px;width:70px}.la-ball-pulse-rise>div{-webkit-animation:ball-pulse-rise-even 1s cubic-bezier(.15,.36,.9,.6) 0s infinite;animation:ball-pulse-rise-even 1s cubic-bezier(.15,.36,.9,.6) 0s infinite;border-radius:100%;height:10px;margin:2px;width:10px}.la-ball-pulse-rise>div:nth-child(2n-1){-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd}.la-ball-pulse-rise.la-sm{height:6px;width:34px}.la-ball-pulse-rise.la-sm>div{height:4px;margin:1px;width:4px}.la-ball-pulse-rise.la-2x{height:28px;width:140px}.la-ball-pulse-rise.la-2x>div{height:20px;margin:4px;width:20px}.la-ball-pulse-rise.la-3x{height:42px;width:210px}.la-ball-pulse-rise.la-3x>div{height:30px;margin:6px;width:30px}@-webkit-keyframes ball-pulse-rise-even{0%{opacity:1;transform:scale(1.1)}25%{transform:translateY(-200%)}50%{opacity:.35;transform:scale(.3)}75%{transform:translateY(200%)}to{opacity:1;transform:translateY(0);transform:scale(1)}}@keyframes ball-pulse-rise-even{0%{opacity:1;transform:scale(1.1)}25%{transform:translateY(-200%)}50%{opacity:.35;transform:scale(.3)}75%{transform:translateY(200%)}to{opacity:1;transform:translateY(0);transform:scale(1)}}@-webkit-keyframes ball-pulse-rise-odd{0%{opacity:.35;transform:scale(.4)}25%{transform:translateY(200%)}50%{opacity:1;transform:scale(1.1)}75%{transform:translateY(-200%)}to{opacity:.35;transform:translateY(0);transform:scale(.75)}}@keyframes ball-pulse-rise-odd{0%{opacity:.35;transform:scale(.4)}25%{transform:translateY(200%)}50%{opacity:1;transform:scale(1.1)}75%{transform:translateY(-200%)}to{opacity:.35;transform:translateY(0);transform:scale(.75)}}.la-ball-pulse-sync,.la-ball-pulse-sync>div{box-sizing:border-box;position:relative}.la-ball-pulse-sync{color:#fff;display:block;font-size:0}.la-ball-pulse-sync.la-dark{color:#333}.la-ball-pulse-sync>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-pulse-sync{height:18px;width:54px}.la-ball-pulse-sync>div{-webkit-animation:ball-pulse-sync .6s ease-in-out infinite;animation:ball-pulse-sync .6s ease-in-out infinite;border-radius:100%;height:10px;margin:4px;width:10px}.la-ball-pulse-sync>div:first-child{-webkit-animation-delay:-.14s;animation-delay:-.14s}.la-ball-pulse-sync>div:nth-child(2){-webkit-animation-delay:-.07s;animation-delay:-.07s}.la-ball-pulse-sync>div:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-pulse-sync.la-sm{height:8px;width:26px}.la-ball-pulse-sync.la-sm>div{height:4px;margin:2px;width:4px}.la-ball-pulse-sync.la-2x{height:36px;width:108px}.la-ball-pulse-sync.la-2x>div{height:20px;margin:8px;width:20px}.la-ball-pulse-sync.la-3x{height:54px;width:162px}.la-ball-pulse-sync.la-3x>div{height:30px;margin:12px;width:30px}@-webkit-keyframes ball-pulse-sync{33%{transform:translateY(100%)}66%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes ball-pulse-sync{33%{transform:translateY(100%)}66%{transform:translateY(-100%)}to{transform:translateY(0)}}.la-ball-pulse,.la-ball-pulse>div{box-sizing:border-box;position:relative}.la-ball-pulse{color:#fff;display:block;font-size:0}.la-ball-pulse.la-dark{color:#333}.la-ball-pulse>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-pulse{height:18px;width:54px}.la-ball-pulse>div:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-pulse>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-pulse>div:nth-child(3){-webkit-animation-delay:0ms;animation-delay:0ms}.la-ball-pulse>div{-webkit-animation:ball-pulse 1s ease infinite;animation:ball-pulse 1s ease infinite;border-radius:100%;height:10px;margin:4px;width:10px}.la-ball-pulse.la-sm{height:8px;width:26px}.la-ball-pulse.la-sm>div{height:4px;margin:2px;width:4px}.la-ball-pulse.la-2x{height:36px;width:108px}.la-ball-pulse.la-2x>div{height:20px;margin:8px;width:20px}.la-ball-pulse.la-3x{height:54px;width:162px}.la-ball-pulse.la-3x>div{height:30px;margin:12px;width:30px}@-webkit-keyframes ball-pulse{0%,60%,to{opacity:1;transform:scale(1)}30%{opacity:.1;transform:scale(.01)}}@keyframes ball-pulse{0%,60%,to{opacity:1;transform:scale(1)}30%{opacity:.1;transform:scale(.01)}}.la-ball-rotate,.la-ball-rotate>div{box-sizing:border-box;position:relative}.la-ball-rotate{color:#fff;display:block;font-size:0}.la-ball-rotate.la-dark{color:#333}.la-ball-rotate>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-rotate,.la-ball-rotate>div{height:10px;width:10px}.la-ball-rotate>div{-webkit-animation:ball-rotate-animation 1s cubic-bezier(.7,-.13,.22,.86) infinite;animation:ball-rotate-animation 1s cubic-bezier(.7,-.13,.22,.86) infinite;border-radius:100%}.la-ball-rotate>div:after,.la-ball-rotate>div:before{background:currentColor;border-radius:inherit;content:\"\";height:inherit;margin:inherit;opacity:.8;position:absolute;width:inherit}.la-ball-rotate>div:before{left:-150%;top:0}.la-ball-rotate>div:after{left:150%;top:0}.la-ball-rotate.la-sm,.la-ball-rotate.la-sm>div{height:4px;width:4px}.la-ball-rotate.la-2x,.la-ball-rotate.la-2x>div{height:20px;width:20px}.la-ball-rotate.la-3x,.la-ball-rotate.la-3x>div{height:30px;width:30px}@-webkit-keyframes ball-rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes ball-rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.la-ball-running-dots,.la-ball-running-dots>div{box-sizing:border-box;position:relative}.la-ball-running-dots{color:#fff;display:block;font-size:0}.la-ball-running-dots.la-dark{color:#333}.la-ball-running-dots>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-running-dots{height:10px;width:10px}.la-ball-running-dots>div{-webkit-animation:ball-running-dots-animate 2s linear infinite;animation:ball-running-dots-animate 2s linear infinite;border-radius:100%;height:10px;margin-left:-25px;position:absolute;width:10px}.la-ball-running-dots>div:first-child{-webkit-animation-delay:0s;animation-delay:0s}.la-ball-running-dots>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.la-ball-running-dots>div:nth-child(3){-webkit-animation-delay:-.8s;animation-delay:-.8s}.la-ball-running-dots>div:nth-child(4){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.la-ball-running-dots>div:nth-child(5){-webkit-animation-delay:-1.6s;animation-delay:-1.6s}.la-ball-running-dots>div:nth-child(6){-webkit-animation-delay:-2s;animation-delay:-2s}.la-ball-running-dots>div:nth-child(7){-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.la-ball-running-dots>div:nth-child(8){-webkit-animation-delay:-2.8s;animation-delay:-2.8s}.la-ball-running-dots>div:nth-child(9){-webkit-animation-delay:-3.2s;animation-delay:-3.2s}.la-ball-running-dots>div:nth-child(10){-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.la-ball-running-dots.la-sm{height:4px;width:4px}.la-ball-running-dots.la-sm>div{height:4px;margin-left:-12px;width:4px}.la-ball-running-dots.la-2x{height:20px;width:20px}.la-ball-running-dots.la-2x>div{height:20px;margin-left:-50px;width:20px}.la-ball-running-dots.la-3x{height:30px;width:30px}.la-ball-running-dots.la-3x>div{height:30px;margin-left:-75px;width:30px}@-webkit-keyframes ball-running-dots-animate{0%,to{height:100%;transform:translateY(0) translateX(500%);width:100%}80%{transform:translateY(0) translateX(0)}85%{height:100%;transform:translateY(-125%) translateX(0);width:100%}90%{height:75%;width:200%}95%{height:100%;transform:translateY(-100%) translateX(500%);width:100%}}@keyframes ball-running-dots-animate{0%,to{height:100%;transform:translateY(0) translateX(500%);width:100%}80%{transform:translateY(0) translateX(0)}85%{height:100%;transform:translateY(-125%) translateX(0);width:100%}90%{height:75%;width:200%}95%{height:100%;transform:translateY(-100%) translateX(500%);width:100%}}.la-ball-scale-multiple,.la-ball-scale-multiple>div{box-sizing:border-box;position:relative}.la-ball-scale-multiple{color:#fff;display:block;font-size:0}.la-ball-scale-multiple.la-dark{color:#333}.la-ball-scale-multiple>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.la-ball-scale-multiple{height:32px;width:32px}.la-ball-scale-multiple>div{-webkit-animation:ball-scale-multiple 1s linear 0s infinite;animation:ball-scale-multiple 1s linear 0s infinite;border-radius:100%;height:32px;left:0;opacity:0;position:absolute;top:0;width:32px}.la-ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.la-ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.la-ball-scale-multiple.la-sm,.la-ball-scale-multiple.la-sm>div{height:16px;width:16px}.la-ball-scale-multiple.la-2x,.la-ball-scale-multiple.la-2x>div{height:64px;width:64px}.la-ball-scale-multiple.la-3x,.la-ball-scale-multiple.la-3x>div{height:96px;width:96px}@-webkit-keyframes ball-scale-multiple{0%{opacity:0;transform:scale(0)}5%{opacity:.75}to{opacity:0;transform:scale(1)}}@keyframes ball-scale-multiple{0%{opacity:0;transform:scale(0)}5%{opacity:.75}to{opacity:0;transform:scale(1)}}.la-ball-scale-pulse,.la-ball-scale-pulse>div{box-sizing:border-box;position:relative}.la-ball-scale-pulse{color:#fff;display:block;font-size:0}.la-ball-scale-pulse.la-dark{co