.xt_woofc-spinner-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: collapse;
  background-color: var(--xt-woofc-spinner-overlay-color);
  transition: opacity 0.3s, visibility 0.3s ease 0.1s;
  border-radius: var(--xt-woofc-radius);
  z-index: 1;

  .xt_woofc-loading .xt_woofc-cart-opened & {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
  }

  .xt_woofc-stoploading & {
    opacity: 0;
    visibility: collapse;
  }
}

.xt_woofc-spinner-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.xt_woofc-spinner {
  margin: 0 !important;
}

@keyframes xt_wooqv_spin {
  100% {
    transform: rotate(360deg);
  }
}

.xt_woofc-loading {
  @import "spinkit/1-rotating-plane";
  @import "spinkit/2-double-bounce";
  @import "spinkit/3-wave";
  @import "spinkit/4-wandering-cubes";
  @import "spinkit/5-pulse";
  @import "spinkit/6-chasing-dots";
  @import "spinkit/7-three-bounce";
  @import "spinkit/8-circle";
  @import "spinkit/9-cube-grid";
  @import "spinkit/10-fading-circle";
  @import "spinkit/11-folding-cube";
  @import "spinkit/loading-text";
}