.dsb_skeleton {
  background: var(--color-status-neutral-background);
  border-radius: 2px;
  min-height: 8px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.dsb_skeleton:after {
  animation: waveAnimation 1.6s linear infinite;
  background: linear-gradient(90deg, transparent, var(--color-background-inverse), transparent);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.08;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.dsb_skeleton__no-animation:after {
  display: none;
}
.dsb_skeleton__square {
  border-radius: 8px;
  height: 40px;
  width: 40px;
}
.dsb_skeleton__circle {
  border-radius: 50vh;
  height: 40px;
  width: 40px;
}
.dsb_skeleton__title {
  height: 16px;
}
.dsb_skeleton__line {
  border-radius: 8px;
}
@keyframes waveAnimation {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0%);
  }
}