cuerpo.dejar de desplazarse {
  altura: 100%;
  desbordamiento: oculto; }

.dulce-superposición {
  color de fondo: negro;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacidad=40)";
  /* IE8 */
  color de fondo: rgba(0, 0, 0, 0.4);
  posición: fija;
  izquierda: 0;
  derecha: 0;
  arriba: 0;
  abajo: 0;
  pantalla: ninguna;
  índice z: 10000; }

.dulce-alerta {
  color de fondo: blanco;
  familia de fuentes: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  ancho: 478px;
  relleno: 17px;
  radio del borde: 5px;
  alineación de texto: centro;
  posición: fija;
  izquierda: 50%;
  arriba: 50%;
  margen izquierdo: -256px;
  margen superior: -200px;
  desbordamiento: oculto;
  pantalla: ninguna;
  índice z: 99999; }
  @media todo y (ancho máximo: 540 px) {
    .dulce-alerta {
      ancho: automático;
      margen izquierdo: 0;
      margen derecho: 0;
      izquierda: 15px;
      derecha: 15px; } }
  .dulce-alerta h2 {
    color: #575757;
    tamaño de fuente: 30px;
    alineación de texto: centro;
    peso de fuente: 600;
    transformación de texto: ninguna;
    posición: relativa;
    margen: 25px 0;
    relleno: 0;
    altura de línea: 40 px;
    bloqueo de pantalla; }
  .dulce-alerta p {
    color: #797979;
    tamaño de fuente: 16px;
    alineación de texto: centro;
    peso de fuente: 300;
    posición: relativa;
    alineación de texto: heredar;
    flotador: ninguno;
    margen: 0;
    relleno: 0;
    altura de línea: normal; }
  .conjunto de campos de alerta dulce {
    borde: ninguno;
    posición: relativa; }
  .sweet-alert .sa-error-contenedor {
    color de fondo: #f1f1f1;
    margen izquierdo: -17px;
    margen derecho: -17px;
    desbordamiento: oculto;
    relleno: 0 10px;
    altura máxima: 0;
    transición de webkit: relleno 0,15 s, altura máxima 0,15 s;
    transición: relleno 0,15 s, altura máxima 0,15 s; }
    .sweet-alert .sa-error-container.show {
      relleno: 10px 0;
      altura máxima: 100 px;
      transición de webkit: relleno 0,2 s, altura máxima 0,2 s;
      transición: relleno 0,25 s, altura máxima 0,25 s; }
    .sweet-alert .sa-error-container .icon {
      pantalla: bloque en línea;
      ancho: 24px;
      altura: 24 píxeles;
      radio fronterizo: 50%;
      color de fondo: #ea7d7d;
      color blanco;
      altura de línea: 24px;
      alineación de texto: centro;
      margen derecho: 3px; }
    .sweet-alert .sa-error-contenedor p {
      pantalla: bloque en línea; }
  .sweet-alert .sa-input-error {
    posición: absoluta;
    arriba: 29px;
    derecha: 26px;
    ancho: 20px;
    altura: 20 píxeles;
    opacidad: 0;
    -webkit-transformación: escala (0,5);
    transformar: escala (0,5);
    -webkit-transformación-origen: 50% 50%;
    origen de transformación: 50% 50%;
    -webkit-transición: todos 0,1;
    transición: todos 0,1s; }
    .sweet-alert .sa-input-error::antes, .sweet-alert .sa-input-error::después {
      contenido: "";
      ancho: 20px;
      altura: 6px;
      color de fondo: #f06e57;
      radio del borde: 3px;
      posición: absoluta;
      arriba: 50%;
      margen superior: -4px;
      izquierda: 50%;
      margen izquierdo: -9px; }
    .sweet-alert .sa-input-error::antes {
      -webkit-transform: rotar (-45 grados);
      transformar: rotar (-45 grados); }
    .sweet-alert .sa-input-error::después {
      -webkit-transform: rotar (45 grados);
      transformar: rotar (45 grados); }
    .sweet-alert .sa-input-error.show {
      opacidad: 1;
      -webkit-transformación: escala(1);
      transformar: escala(1); }
  .entrada de alerta dulce {
    ancho: 100%;
    tamaño de caja: cuadro de borde;
    radio del borde: 3px;
    borde: 1px sólido #d7d7d7;
    altura: 43px;
    margen superior: 10px;
    margen inferior: 17px;
    tamaño de fuente: 18px;
    sombra de cuadro: inserción 0px 1px 1px rgba (0, 0, 0, 0.06);
    relleno: 0 12px;
    pantalla: ninguna;
    -webkit-transición: todos 0,3;
    transición: todos 0,3 s; }
    .entrada de alerta dulce: enfoque {
      esquema: ninguno;
      sombra de cuadro: 0px 0px 3px #c4e6f5;
      borde: 1px sólido #b4dbed; }
      .sweet-alert entrada:enfoque::-moz-placeholder {
        transición: opacidad 0,3s 0,03s facilidad;
        opacidad: 0,5; }
      .sweet-alert entrada:enfoque:-ms-input-placeholder {
        transición: opacidad 0,3s 0,03s facilidad;
        opacidad: 0,5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transición: opacidad 0,3s 0,03s facilidad;
        opacidad: 0,5; }
    .sweet-alerta entrada::-moz-placeholder {
      color: #bdbdbd; }
    .entrada de alerta dulce::-ms-clear {
      pantalla: ninguna; }
    .entrada de alerta dulce: -ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert entrada::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input entrada {
    bloqueo de pantalla; }
  .sweet-alert .sa-confirmar-botón-contenedor {
    pantalla: bloque en línea;
    posición: relativa; }
  .sweet-alert .la-ball-fall {
    posición: absoluta;
    izquierda: 50%;
    arriba: 50%;
    margen izquierdo: -27px;
    margen superior: 4px;
    opacidad: 0;
    visibilidad: oculta; }
  .botón de alerta dulce {
    color de fondo: #770526;
    color blanco;
    borde: ninguno;
    sombra de cuadro: ninguna;
    tamaño de fuente: 17px;
    peso de fuente: 500;
    -webkit-border-radio: 4px;
    radio del borde: 5px;
    relleno: 10px 32px;
    margen: 26px 5px 0 5px;
    cursor: puntero; }
    .botón de alerta dulce: foco {
      esquema: ninguno;
      sombra de cuadro: 0 0 2px rgba(128, 179, 235, 0.5), recuadro 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .botón de alerta dulce: pasar el cursor {
      color de fondo: #7ecff4; }
    .botón de alerta dulce: activo {
      color de fondo: #5dc2f1; }
    .botón de alerta dulce.cancelar {
      color de fondo: #C1C1C1; }
      .botón de alerta dulce.cancelar: pasar el cursor {
        color de fondo: #b9b9b9; }
      .botón de alerta dulce.cancelar:activo {
        color de fondo: #a8a8a8; }
      .botón de alerta dulce.cancelar:enfoque {
        sombra de cuadro: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inserto! Importante; }
    .botón de alerta dulce [deshabilitado] {
      opacidad: .6;
      cursor: predeterminado; }
    .botón de alerta dulce.confirmar[desactivado] {
      color: transparente; }
      .botón de alerta dulce.confirmar[desactivado] ~ .la-ball-fall {
        opacidad: 1;
        visibilidad: visible;
        retraso de transición: 0 s; }
    .botón de alerta dulce::-moz-focus-inner {
      borde: 0; }
  Botón .sweet-alert[data-has-cancel-button=false] {
    sombra de caja: ninguna! Importante; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    fondo de relleno: 40px; }
  .sweet-alert .sa-icono {
    ancho: 80px;
    altura: 80 píxeles;
    borde: 4px gris sólido;
    -webkit-border-radio: 40px;
    radio del borde: 40px;
    radio fronterizo: 50%;
    margen: 20px automático;
    relleno: 0;
    posición: relativa;
    tamaño de caja: caja de contenido; }
    .sweet-alert .sa-icon.sa-error {
      color del borde: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        posición: relativa;
        bloqueo de pantalla; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        posición: absoluta;
        altura: 5px;
        ancho: 47px;
        color de fondo: #F27474;
        bloqueo de pantalla;
        arriba: 37px;
        radio del borde: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotar (45 grados);
          transformar: rotar (45 grados);
          izquierda: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotar (-45 grados);
          transformar: rotar (-45 grados);
          derecha: 16px; }
    .sweet-alert .sa-icon.sa-advertencia {
      color del borde: #F8BB86; }
      .sweet-alert .sa-icon.sa-advertencia .sa-body {
        posición: absoluta;
        ancho: 5px;
        altura: 47px;
        izquierda: 50%;
        arriba: 10px;
        -webkit-border-radio: 2px;
        radio del borde: 2px;
        margen izquierdo: -2px;
        color de fondo: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-punto {
        posición: absoluta;
        ancho: 7px;
        altura: 7px;
        -radio-borde-webkit: 50%;
        radio fronterizo: 50%;
        margen izquierdo: -3px;
        izquierda: 50%;
        abajo: 10px;
        color de fondo: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      color del borde: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::antes {
        contenido: "";
        posición: absoluta;
        ancho: 5px;
        altura: 29px;
        izquierda: 50%;
        abajo: 17px;
        radio del borde: 2px;
        margen izquierdo: -2px;
        color de fondo: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::después {
        contenido: "";
        posición: absoluta;
        ancho: 7px;
        altura: 7px;
        radio fronterizo: 50%;
        margen izquierdo: -3px;
        arriba: 19px;
        color de fondo: #C9DAE1;
        izquierda: 50%; }
    .sweet-alert .sa-icon.sa-éxito {
      color del borde: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::antes, .sweet-alert .sa-icon.sa-success::después {
        contenido: '';
        -webkit-border-radio: 40px;
        radio del borde: 40px;
        radio fronterizo: 50%;
        posición: absoluta;
        ancho: 60px;
        altura: 120 píxeles;
        fondo: blanco;
        -webkit-transform: rotar (45 grados);
        transformar: rotar (45 grados); }
      .sweet-alert .sa-icon.sa-éxito::antes {
        -webkit-border-radius: 120px 0 0 120px;
        radio de borde: 120px 0 0 120px;
        arriba: -7px;
        izquierda: -33px;
        -webkit-transform: rotar (-45 grados);
        transformar: rotar (-45 grados);
        -webkit-transformación-origen: 60px 60px;
        origen de transformación: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::después {
        -webkit-border-radius: 0 120px 120px 0;
        radio de borde: 0 120px 120px 0;
        arriba: -11px;
        izquierda: 30px;
        -webkit-transform: rotar (-45 grados);
        transformar: rotar (-45 grados);
        -webkit-transformación-origen: 0px 60px;
        origen de transformación: 0px 60px; }
      .sweet-alert .sa-icon.sa-éxito .sa-placeholder {
        ancho: 80px;
        altura: 80 píxeles;
        borde: 4px rgba sólido (165, 220, 134, 0,2);
        -webkit-border-radio: 40px;
        radio del borde: 40px;
        radio fronterizo: 50%;
        tamaño de caja: caja de contenido;
        posición: absoluta;
        izquierda: -4px;
        arriba: -4px;
        índice z: 2; }
      .sweet-alert .sa-icon.sa-éxito .sa-fix {
        ancho: 5px;
        altura: 90 píxeles;
        color de fondo: blanco;
        posición: absoluta;
        izquierda: 28px;
        arriba: 8px;
        índice z: 1;
        -webkit-transform: rotar (-45 grados);
        transformar: rotar (-45 grados); }
      .sweet-alert .sa-icon.sa-éxito .sa-line {
        altura: 5px;
        color de fondo: #A5DC86;
        bloqueo de pantalla;
        radio del borde: 2px;
        posición: absoluta;
        índice z: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          ancho: 25 píxeles;
          izquierda: 14px;
          arriba: 46px;
          -webkit-transform: rotar (45 grados);
          transformar: rotar (45 grados); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          ancho: 47px;
          derecha: 8px;
          arriba: 38px;
          -webkit-transform: rotar (-45 grados);
          transformar: rotar (-45 grados); }
    .sweet-alert .sa-icon.sa-personalizado {
      tamaño de fondo: contener;
      radio de borde: 0;
      borde: ninguno;
      posición de fondo: centro centro;
      repetición de fondo: no repetición; }

/*
 * Animaciones
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transformar: escala (0,7);
    -webkit-transformación: escala (0,7); }
  45% {
    transformar: escala (1,05);
    -webkit-transformación: escala (1,05); }
  80% {
    transformar: escala (0,95);
    -webkit-transformación: escala (0,95); }
  100% {
    transformar: escala(1);
    -webkit-transformación: escala(1); } }

@keyframes mostrarSweetAlert {
  0% {
    transformar: escala (0,7);
    -webkit-transformación: escala (0,7); }
  45% {
    transformar: escala (1,05);
    -webkit-transformación: escala (1,05); }
  80% {
    transformar: escala (0,95);
    -webkit-transformación: escala (0,95); }
  100% {
    transformar: escala(1);
    -webkit-transformación: escala(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transformar: escala(1);
    -webkit-transformación: escala(1); }
  100% {
    transformar: escala (0,5);
    -webkit-transformación: escala (0,5); } }

@keyframes ocultarSweetAlert {
  0% {
    transformar: escala(1);
    -webkit-transformación: escala(1); }
  100% {
    transformar: escala (0,5);
    -webkit-transformación: escala (0,5); } }

@-webkit-keyframes slideFromTop {
  0% {
    arriba: 0%; }
  100% {
    arriba: 50%; } }

@keyframes diapositivaDesdeArriba {
  0% {
    arriba: 0%; }
  100% {
    arriba: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    arriba: 50%; }
  100% {
    arriba: 0%; } }

@keyframes slideToTop {
  0% {
    arriba: 50%; }
  100% {
    arriba: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    arriba: 70%; }
  100% {
    arriba: 50%; } }

@keyframes diapositivaDesdeAbajo {
  0% {
    arriba: 70%; }
  100% {
    arriba: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    arriba: 50%; }
  100% {
    arriba: 70%; } }

@keyframes slideToBottom {
  0% {
    arriba: 50%; }
  100% {
    arriba: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animación: showSweetAlert 0.3s;
  animación: showSweetAlert 0.3s; }

.showSweetAlert[animación de datos=ninguno] {
  -webkit-animación: ninguna;
  animación: ninguna; }

.showSweetAlert[animación-de-datos=deslizar-desde-arriba] {
  -webkit-animación: slideFromTop 0.3s;
  animación: slideFromTop 0.3s; }

.showSweetAlert[animación-de-datos=deslizamiento-desde-abajo] {
  -webkit-animación: slideFromBottom 0.3s;
  animación: slideFromBottom 0,3s; }

.hideSweetAlert[animación de datos=pop] {
  -webkit-animación: hideSweetAlert 0.2s;
  animación: hideSweetAlert 0.2s; }

.hideSweetAlert[animación de datos=ninguno] {
  -webkit-animación: ninguna;
  animación: ninguna; }

.hideSweetAlert[animación-de-datos=deslizar-desde-arriba] {
  -webkit-animación: slideToTop 0.4s;
  animación: slideToTop 0.4s; }

.hideSweetAlert[animación-de-datos=deslizamiento-desde-abajo] {
  -webkit-animación: slideToBottom 0.3s;
  animación: slideToBottom 0,3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    ancho: 0;
    izquierda: 1px;
    arriba: 19px; }
  54% {
    ancho: 0;
    izquierda: 1px;
    arriba: 19px; }
  70% {
    ancho: 50 píxeles;
    izquierda: -8px;
    arriba: 37px; }
  84% {
    ancho: 17px;
    izquierda: 21px;
    arriba: 48px; }
  100% {
    ancho: 25 píxeles;
    izquierda: 14px;
    arriba: 45px; } }

@keyframes animateSuccessTip {
  0% {
    ancho: 0;
    izquierda: 1px;
    arriba: 19px; }
  54% {
    ancho: 0;
    izquierda: 1px;
    arriba: 19px; }
  70% {
    ancho: 50 píxeles;
    izquierda: -8px;
    arriba: 37px; }
  84% {
    ancho: 17px;
    izquierda: 21px;
    arriba: 48px; }
  100% {
    ancho: 25 píxeles;
    izquierda: 14px;
    arriba: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    ancho: 0;
    derecha: 46px;
    arriba: 54px; }
  sesenta y cinco% {
    ancho: 0;
    derecha: 46px;
    arriba: 54px; }
  84% {
    ancho: 55 píxeles;
    derecha: 0px;
    arriba: 35px; }
  100% {
    ancho: 47px;
    derecha: 8px;
    arriba: 38px; } }

@keyframes animateSuccessLong {
  0% {
    ancho: 0;
    derecha: 46px;
    arriba: 54px; }
  sesenta y cinco% {
    ancho: 0;
    derecha: 46px;
    arriba: 54px; }
  84% {
    ancho: 55 píxeles;
    derecha: 0px;
    arriba: 35px; }
  100% {
    ancho: 47px;
    derecha: 8px;
    arriba: 38px; } }

@-webkit-keyframes rotarPlaceholder {
  0% {
    transformar: rotar (-45 grados);
    -webkit-transform: rotar (-45 grados); }
  5% {
    transformar: rotar (-45 grados);
    -webkit-transform: rotar (-45 grados); }
  12% {
    transformar: rotar (-405 grados);
    -webkit-transform: rotar (-405 grados); }
  100% {
    transformar: rotar (-405 grados);
    -webkit-transform: rotar (-405 grados); } }

@keyframes rotarPlaceholder {
  0% {
    transformar: rotar (-45 grados);
    -webkit-transform: rotar (-45 grados); }
  5% {
    transformar: rotar (-45 grados);
    -webkit-transform: rotar (-45 grados); }
  12% {
    transformar: rotar (-405 grados);
    -webkit-transform: rotar (-405 grados); }
  100% {
    transformar: rotar (-405 grados);
    -webkit-transform: rotar (-405 grados); } }

.animateSuccessTip {
  -webkit-animación: animateSuccessTip 0,75s;
  animación: animateSuccessTip 0,75 s; }

.animateSuccessLong {
  -webkit-animación: animateSuccessLong 0,75 s;
  animación: animateSuccessLong 0,75 s; }

.sa-icon.sa-success.animate::después {
  -webkit-animation: rotación fácil de Placeholder 4.25s;
  animación:rotatePlaceholder 4.25s fácil-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transformar: rotarX (100 grados);
    -webkit-transformación: rotarX (100 grados);
    opacidad: 0; }
  100% {
    transformar: rotarX(0deg);
    -webkit-transformación: rotarX(0deg);
    opacidad: 1; } }

@keyframes animateErrorIcon {
  0% {
    transformar: rotarX (100 grados);
    -webkit-transformación: rotarX (100 grados);
    opacidad: 0; }
  100% {
    transformar: rotarX(0deg);
    -webkit-transformación: rotarX(0deg);
    opacidad: 1; } }

.animateErrorIcon {
  -webkit-animación: animateErrorIcon 0.5s;
  animación: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transformar: escala (0,4);
    -webkit-transformación: escala (0,4);
    margen superior: 26px;
    opacidad: 0; }
  50% {
    transformar: escala (0,4);
    -webkit-transformación: escala (0,4);
    margen superior: 26px;
    opacidad: 0; }
  80% {
    transformar: escala (1,15);
    -webkit-transformación: escala (1,15);
    margen superior: -6px; }
  100% {
    transformar: escala(1);
    -webkit-transformación: escala(1);
    margen superior: 0;
    opacidad: 1; } }

@keyframes animateXMark {
  0% {
    transformar: escala (0,4);
    -webkit-transformación: escala (0,4);
    margen superior: 26px;
    opacidad: 0; }
  50% {
    transformar: escala (0,4);
    -webkit-transformación: escala (0,4);
    margen superior: 26px;
    opacidad: 0; }
  80% {
    transformar: escala (1,15);
    -webkit-transformación: escala (1,15);
    margen superior: -6px; }
  100% {
    transformar: escala(1);
    -webkit-transformación: escala(1);
    margen superior: 0;
    opacidad: 1; } }

.animateXMark {
  -webkit-animación: animateXMark 0.5s;
  animación: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    color del borde: #F8D486; }
  100% {
    color del borde: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    color del borde: #F8D486; }
  100% {
    color del borde: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0,75 s infinito alternativo;
  animación: pulseWarning 0,75 s infinita alternativa; }

@-webkit-keyframes pulseWarningIns {
  0% {
    color de fondo: #F8D486; }
  100% {
    color de fondo: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    color de fondo: #F8D486; }
  100% {
    color de fondo: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0,75 s infinito alternativo;
  animación: pulseWarningIns 0,75 s alternativa infinita; }

@-webkit-keyframes rotar-cargar {
  0% {
    transformar: rotar (0 grados); }
  100% {
    transformar: rotar (360 grados); } }

@keyframes rotar-cargar {
  0% {
    transformar: rotar (0 grados); }
  100% {
    transformar: rotar (360 grados); } }

/* Internet Explorer 9 tiene algunas peculiaridades especiales que se solucionan aquí */
/* Los iconos no están animados. */
/* Este archivo se fusiona automáticamente en sweet-alert.min.js a través de Gulp */
/* Icono de error */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotar (45 grados) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotar (-45 grados) \9; }

/* Icono de éxito */
.sweet-alert .sa-icon.sa-éxito {
  color del borde: transparente\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotar (45 grados) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotar (-45 grados) \9; }

/*!
 * Cargar Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licenciado por el MIT
 */
.la-bola-caída,
.la-ball-fall > div {
  posición: relativa;
  -webkit-box-sizing: borde-cuadro;
  -moz-box-sizing: cuadro de borde;
  tamaño de caja: cuadro de borde; }

.la-ball-fall {
  bloqueo de pantalla;
  tamaño de fuente: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  pantalla: bloque en línea;
  flotador: ninguno;
  color de fondo: color actual;
  borde: 0 color actual sólido; }

.la-ball-fall {
  ancho: 54px;
  altura: 18px; }

.la-ball-fall > div {
  ancho: 10px;
  altura: 10px;
  margen: 4px;
  radio de borde: 100%;
  opacidad: 0;
  -webkit-animación: la caída de la bola es infinita;
  -moz-animation: la caída de la bola 1 es fácil de entrar y salir infinita;
  -o-animación: la caída de la bola es infinita;
  animación: caída de bola 1s entrada y salida infinita; }

.la-ball-fall > div:nth-child(1) {
  -retraso-animación-webkit: -200 ms;
  -moz-animación-retraso: -200ms;
  -o-retraso-de-animación: -200 ms;
  retardo de animación: -200 ms; }

.la-ball-fall > div:nth-child(2) {
  -retraso-animación-webkit: -100 ms;
  -moz-animación-retraso: -100ms;
  -o-retraso-de-animación: -100 ms;
  retardo de animación: -100 ms; }

.la-ball-fall > div:nth-child(3) {
  -retraso-animación-webkit: 0ms;
  -moz-animación-retraso: 0ms;
  -o-retraso-de-animación: 0ms;
  retardo de animación: 0 ms; }

.la-ball-fall.la-sm {
  ancho: 26px;
  altura: 8px; }

.la-ball-fall.la-sm > div {
  ancho: 4px;
  altura: 4px;
  margen: 2px; }

.la-ball-fall.la-2x {
  ancho: 108px;
  altura: 36px; }

.la-ball-fall.la-2x > div {
  ancho: 20px;
  altura: 20 píxeles;
  margen: 8px; }

.la-ball-fall.la-3x {
  ancho: 162px;
  altura: 54px; }

.la-ball-fall.la-3x > div {
  ancho: 30px;
  altura: 30 píxeles;
  margen: 12px; }

/*
 * Animación
 */
@-webkit-keyframes caída de bola {
  0% {
    opacidad: 0;
    -webkit-transformación: traducirY(-145%);
    transformar: traducirY(-145%); }
  10% {
    opacidad: .5; }
  20% {
    opacidad: 1;
    -webkit-transformación: traducirY(0);
    transformar: traducirY(0); }
  80% {
    opacidad: 1;
    -webkit-transformación: traducirY(0);
    transformar: traducirY(0); }
  90% {
    opacidad: .5; }
  100% {
    opacidad: 0;
    -webkit-transformación: traducirY(145%);
    transformar: traducirY(145%); } }

@-moz-keyframes caída de bola {
  0% {
    opacidad: 0;
    -moz-transform: traducirY(-145%);
    transformar: traducirY(-145%); }
  10% {
    opacidad: .5; }
  20% {
    opacidad: 1;
    -moz-transform: traducirY(0);
    transformar: traducirY(0); }
  80% {
    opacidad: 1;
    -moz-transform: traducirY(0);
    transformar: traducirY(0); }
  90% {
    opacidad: .5; }
  100% {
    opacidad: 0;
    -moz-transform: traducirY(145%);
    transformar: traducirY(145%); } }

@-o-keyframes caída de bola {
  0% {
    opacidad: 0;
    -o-transformar: traducirY(-145%);
    transformar: traducirY(-145%); }
  10% {
    opacidad: .5; }
  20% {
    opacidad: 1;
    -o-transformar: traducirY(0);
    transformar: traducirY(0); }
  80% {
    opacidad: 1;
    -o-transformar: traducirY(0);
    transformar: traducirY(0); }
  90% {
    opacidad: .5; }
  100% {
    opacidad: 0;
    -o-transformar: traducirY(145%);
    transformar: traducirY(145%); } }

@keyframes caída de bola {
  0% {
    opacidad: 0;
    -webkit-transformación: traducirY(-145%);
    -moz-transform: traducirY(-145%);
    -o-transformar: traducirY(-145%);
    transformar: traducirY(-145%); }
  10% {
    opacidad: .5; }
  20% {
    opacidad: 1;
    -webkit-transformación: traducirY(0);
    -moz-transform: traducirY(0);
    -o-transformar: traducirY(0);
    transformar: traducirY(0); }
  80% {
    opacidad: 1;
    -webkit-transformación: traducirY(0);
    -moz-transform: traducirY(0);
    -o-transformar: traducirY(0);
    transformar: traducirY(0); }
  90% {
    opacidad: .5; }
  100% {
    opacidad: 0;
    -webkit-transformación: traducirY(145%);
    -moz-transform: traducirY(145%);
    -o-transformar: traducirY(145%);
    transformar: traducirY(145%); } }