/**
 * @ant_title_ant@
 *
 * @author      @ant_author_ant@
 * @copyright   @ant_copyright_ant@
 * @package     @ant_package_ant@
 * @license     @ant_license_ant@
 * @version     @ant_version_ant@
 * @date        @ant_current_date_ant@
 */

/*! Copyright Weeblr llc @_YEAR_@ - Licence: http://www.gnu.org/copyleft/gpl.html GNU/GPL */

@spinner-css-size: 24px;
@spinner-css-stroke: 0.4em;
@spinner-css-color-main: rgba(50, 125, 203, 0.5);
@spinner-css-color-spinning: #327dcb;
@spinner-css-duration: 0.6s;

.wbl-spinner-css {
  display: inline-block;
  vertical-align: middle;
  width: @spinner-css-size;
  height: @spinner-css-size;
  border: @spinner-css-stroke @spinner-css-color-main solid;
  border-top: @spinner-css-stroke @spinner-css-color-spinning solid;
  border-radius: 50%;
  webkit-animation: wbl-spinner .6s infinite linear;
  animation: wbl-spinner-kf @spinner-css-duration infinite linear;
}

.wbl-spinner-css-12 {
  width: 12px;
  height: 12px;
  border-width: 2px;
}

.wbl-spinner-css-32 {
  width: 32px;
  height: 32px;
  border-top-width: 5px;
}

@keyframes wbl-spinner-kf {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(60deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.wbl-spinner-css.wbl-spinner-light {
  border-top-color: #6e97cc;
}

.wbl-spinner-css.wbl-spinner-dark {
  border-top-color: #327dcb;
}

.wbl-spinner-css.wbl-spinner-warning {
  border-top-color: #ffac2f;
}

.wbl-spinner-css.wbl-spinner-white {
  border-top-color: #ffffff;
}

.wbl-spinner-css.wbl-spinner-black {
  border-top-color: #282828;
}