:root {
  --loading-animation: loading 2s infinite linear;
  --loading-color: #ebecec;
  --loading-webkit-image: -webkit-linear-gradient(to right, #ebecec 0%, #f2f3f5 20%, #ebecec 40%, #ebecec 100%);
  --loading-image: linear-gradient(to right, #ebecec 0%, #f2f3f5 20%, #ebecec 40%, #ebecec 100%);
  --loading-repeat: no-repeat;
}

@keyframes loading {
  0% {
    background-position: -100px;
  }

  100% {
    background-position: 400px;
  }
}

.loading-skeleton {
  background-color: $base-white !important;
  & span:empty {
    flex: 1;
    height: 19px;
    animation: var(--loading-animation);
    background: var(--loading-color);
    background-image: var(--loading-webkit-image);
    background-image: var(--loading-image);
    background-repeat: var(--loading-repeat);
  }
}