.qeek-load {
  display: none;
  text-align: center; }
  .qeek-load-loading {
    display: inline-block; }
  .qeek-load-nested {
    position: relative;
    display: inline-block; }
    .qeek-load-nested .qeek-load {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4;
      display: block;
      width: 100%;
      height: 100%;
      max-height: 400px; }
      .qeek-load-nested .qeek-load .qeek-load-dot {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -9px;
        margin-top: -9px; }
    .qeek-load-nested .qeek-load-sm .qeek-load-dot {
      margin-left: -5px;
      margin-top: -5px; }
    .qeek-load-nested .qeek-load-lg .qeek-load-dot {
      margin-left: -15px;
      margin-top: -15px; }
  .qeek-load-nested-content {
    position: relative;
    display: inline-block;
    transition: opacity 0.3s; }
    .qeek-load-nested-content:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      width: 100%;
      height: 100%;
      background-color: #ffffff;
      opacity: 0;
      transition: all 0.3s;
      content: '';
      pointer-events: none; }
  .qeek-load-blur {
    clear: both;
    opacity: 0.5;
    pointer-events: none;
    user-select: none; }
    .qeek-load-blur:after {
      opacity: 0.4;
      pointer-events: auto; }
  .qeek-load-tip {
    color: spin-text-color; }
  .qeek-load-dot {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px; }
    .qeek-load-dot-item {
      position: absolute;
      display: block;
      width: 8px;
      height: 8px;
      background-color: #9E9E9E;
      border-radius: 50%;
      transform: scale(0.75);
      transform-origin: 50% 50%;
      opacity: 0.3;
      animation: qeekSpinMove 1s infinite linear alternate; }
      .qeek-load-dot-item:nth-child(1) {
        top: 0;
        left: 0; }
      .qeek-load-dot-item:nth-child(2) {
        top: 0;
        right: 0;
        animation-delay: 0.4s; }
      .qeek-load-dot-item:nth-child(3) {
        right: 0;
        bottom: 0;
        animation-delay: 0.8s; }
      .qeek-load-dot-item:nth-child(4) {
        bottom: 0;
        left: 0;
        animation-delay: 1.2s; }
    .qeek-load-dot-spin {
      transform: rotate(45deg);
      animation: qeekRotate 1.2s infinite linear; }
  .qeek-load-sm .qeek-load-dot {
    width: 10px;
    height: 10px; }
    .qeek-load-sm .qeek-load-dot i {
      width: 5px;
      height: 5px; }
  .qeek-load-lg .qeek-load-dot {
    width: 30px;
    height: 30px; }
    .qeek-load-lg .qeek-load-dot i {
      width: 13px;
      height: 13px; }

@keyframes qeekSpinMove {
  to {
    opacity: 1; } }

@keyframes qeekRotate {
  to {
    transform: rotate(405deg); } }