@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}