@keyframes ublaboo-spinner-icon {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes ublaboo-spinner-icon {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

.ublaboo-spinner-icon > span {
  animation-duration: 2s;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-name: ublaboo-spinner-icon; }

@keyframes ublaboo-spinner-small {
  0% {
    transform: translate(21.3px, 2.2px); }
  11.1% {
    transform: translate(8.1px, 25.2px); }
  22.2% {
    transform: translate(12.7px, -0.7px); }
  33.3% {
    transform: translate(17.2px, 25.2px); }
  44.4% {
    transform: translate(4.2px, 2.2px); }
  55.5% {
    transform: translate(24.1px, 19.5px); }
  66.6% {
    transform: translate(-0.3px, 10.3px); }
  77.7% {
    transform: translate(25.8px, 10.3px); }
  88.8% {
    transform: translate(1.2px, 19.3px); }
  100% {
    transform: translate(21.3px, 2.2px); } }

@-webkit-keyframes ublaboo-spinner-small {
  0% {
    transform: translate(21.3px, 2.2px); }
  11.1% {
    transform: translate(8.1px, 25.2px); }
  22.2% {
    transform: translate(12.7px, -0.7px); }
  33.3% {
    transform: translate(17.2px, 25.2px); }
  44.4% {
    transform: translate(4.2px, 2.2px); }
  55.5% {
    transform: translate(24.1px, 19.5px); }
  66.6% {
    transform: translate(-0.3px, 10.3px); }
  77.7% {
    transform: translate(25.8px, 10.3px); }
  88.8% {
    transform: translate(1.2px, 19.3px); }
  100% {
    transform: translate(21.3px, 2.2px); } }

@keyframes ublaboo-spinner-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes ublaboo-spinner-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ublaboo-spinner {
  line-height: 0;
  display: inline-block;
  margin: auto;
  position: relative;
  margin: 0 1em -11px 1em;
  top: 1px;
  opacity: 0;
  animation-duration: 150ms;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-name: ublaboo-spinner-in;
  animation-fill-mode: forwards; }
  .ublaboo-spinner > i {
    position: absolute;
    background-color: #37434f;
    left: 0;
    top: 0;
    animation-duration: 6s;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-timing-function: ease; }
    .ublaboo-spinner > i:nth-of-type(2) {
      animation-delay: -1.5s; }
    .ublaboo-spinner > i:nth-of-type(3) {
      animation-delay: -3s; }
    .ublaboo-spinner > i:nth-of-type(4) {
      animation-delay: -4.5s; }
  .ublaboo-spinner.ublaboo-spinner-small {
    width: 28.0px;
    height: 28.0px; }
    .ublaboo-spinner.ublaboo-spinner-small > i {
      width: 4.0px;
      height: 4.0px;
      border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      animation-name: ublaboo-spinner-small; }