.qeek-spin {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  animation: qeekRotate 1.2s infinite linear; }
  .qeek-spin-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-spin-dot-item:nth-child(1) {
      top: 0;
      left: 0; }
    .qeek-spin-dot-item:nth-child(2) {
      top: 0;
      right: 0;
      animation-delay: 0.4s; }
    .qeek-spin-dot-item:nth-child(3) {
      right: 0;
      bottom: 0;
      animation-delay: 0.8s; }
    .qeek-spin-dot-item:nth-child(4) {
      bottom: 0;
      left: 0;
      animation-delay: 1.2s; }

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

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