@keyframes cwb-loading-frames {
  0% {
    background-color: #f0f0f6bc;
  }
  50% {
    background-color: #f6f6f8;
  }
  100% {
    background-color: #f0f0f6bc;
  }
}

@-webkit-keyframes cwb-loading-frames {
  0% {
    background-color: #f0f0f6bc;
  }
  50% {
    background-color: #f6f6f8;
  }
  100% {
    background-color: #f0f0f6bc;
  }
}

.cwb-table-wrapper td {
  .cwb-loading-shimmer {
    -webkit-animation: cwb-loading-frames 2s infinite;
    animation: cwb-loading-frames 2s infinite;
  }

  .cwb-loading-shimmer-xs {
    width: 20px;
    height: 20px;
  }

  .cwb-loading-shimmer-sm {
    width: 30px;
    height: 20px;
  }

  .cwb-loading-shimmer-md {
    width: 70px;
    height: 20px;
  }

  .cwb-loading-shimmer-lg {
    width: 95px;
    height: 20px;
  }

  .cwb-loading-shimmer-xl {
    width: 120px;
    height: 20px;
  }
}

.page-loading-placeholder {
  height: 100%;
  text-align: center;
  min-height: vh(100);

  .cwb-loading-shimmer {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .icon-cwb-shield-loader {
    font-size: 80px;
  }
}