z-skeleton-loader {
  position: relative;
  display: flex;
  flex-direction: column;
  width: fit-content;
}
z-skeleton-loader z-skeleton-loader-element {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #0000001f;
  border-radius: 4px;
  overflow: hidden;
}
z-skeleton-loader z-skeleton-loader-element:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, #fff0, #ffffff4d, #fff0);
  animation: loading 1.5s infinite;
}
@keyframes loading {
  to {
    transform: translateX(100%);
  }
}
z-skeleton-loader z-skeleton-loader-element:not(:last-child) {
  margin-bottom: 8px;
}
z-skeleton-loader z-skeleton-loader-element[type=text] {
  height: 12px;
  border-radius: 12px;
}
z-skeleton-loader z-skeleton-loader-element[type=text][size=big] {
  height: 24px;
  border-radius: 24px;
}
z-skeleton-loader z-skeleton-loader-element[type=text][size=small] {
  height: 7px;
  border-radius: 7px;
}
z-skeleton-loader z-skeleton-loader-element[type|=chart] > svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
z-skeleton-loader z-skeleton-loader-element[type|=chart] > svg > path {
  stroke: #00000020;
  stroke-width: 1px;
  stroke-linejoin: round;
  fill: #00000008;
}
z-skeleton-loader z-skeleton-loader-element[type=button] {
  width: 100px;
  height: 31px;
}
z-skeleton-loader z-skeleton-loader-element[type=image][shape=circle] {
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
z-skeleton-loader z-skeleton-loader-element[type=image][shape=circle][size=small] {
  width: 25px;
  height: 25px;
}
z-skeleton-loader z-skeleton-loader-element[type=image][shape=circle][size=big] {
  width: 45px;
  height: 45px;
}

/*# sourceMappingURL=z-skeleton-loader.css.map */