@charset "UTF-8";
.kt-ui-component[data-component-state=loading] > *:not(.kt-ui-skeleton, [data-slot=suspense]) {
  display: none;
}

.kt-ui-skeleton {
  border-radius: var(--kt-ui-skeleton-border-radius);
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
  background-color: rgba(var(--kt-ui-skeleton-bg-color), var(--kt-ui-skeleton-bg-color-opacity));
  cursor: wait;
}

.kt-ui-skeleton::before {
  content: " ";
}

.kt-ui-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(var(--kt-ui-skeleton-wave-bg-color), 0), rgba(var(--kt-ui-skeleton-wave-bg-color), 0.5), rgba(var(--kt-ui-skeleton-wave-bg-color), 0));
  animation: skeleton--wave var(--kt-ui-skeleton-wave-speed) linear 0.5s infinite;
}

/* Region button */
.kt-ui-skeleton--type-btn {
  width: 90px;
  height: var(--ui-btn-height);
  border-radius: var(--ui-btn-radius);
}

.kt-ui-skeleton--type-btn-round {
  width: var(--ui-btn-height);
  height: var(--ui-btn-height);
  border-radius: 50%;
}

.kt-ui-skeleton--type-btn.kt-ui-skeleton--size-2xl,
.kt-ui-skeleton--type-btn-round.kt-ui-skeleton--size-2xl {
  --ui-btn-height: var(--ui-btn-size-2xl);
}

.kt-ui-skeleton--type-btn.kt-ui-skeleton--size-xl,
.kt-ui-skeleton--type-btn-round.kt-ui-skeleton--size-xl {
  --ui-btn-height: var(--ui-btn-size-xl);
}

.kt-ui-skeleton--type-btn.kt-ui-skeleton--size-lg,
.kt-ui-skeleton--type-btn-round.kt-ui-skeleton--size-lg {
  --ui-btn-height: var(--ui-btn-size-lg);
}

.kt-ui-skeleton--type-btn.kt-ui-skeleton--size-md,
.kt-ui-skeleton--type-btn-round.kt-ui-skeleton--size-md {
  --ui-btn-height: var(--ui-btn-size-md);
}

.kt-ui-skeleton--type-btn.kt-ui-skeleton--size-sm,
.kt-ui-skeleton--type-btn-round.kt-ui-skeleton--size-sm {
  --ui-btn-height: var(--ui-btn-size-sm);
}

.kt-ui-skeleton--type-btn.kt-ui-skeleton--size-xs,
.kt-ui-skeleton--type-btn-round.kt-ui-skeleton--size-xs {
  --ui-btn-height: var(--ui-btn-size-xs);
}

/* Endregion */
/* Region link skeleton */
.kt-ui-skeleton--type-link {
  width: 50px;
  height: 16px;
}

/* Endregion */
/* Region tag skeleton */
.kt-ui-skeleton--type-tag {
  width: 50px;
}

.kt-ui-skeleton--type-tag,
.kt-ui-skeleton--type-tag.kt-ui-skeleton--size-md {
  height: 24px;
}

.kt-ui-skeleton--type-tag.kt-ui-skeleton--size-sm {
  height: 20px;
}

.kt-ui-skeleton--type-tag.kt-ui-skeleton--size-lg {
  height: 28px;
}

/* Endregion */
/* Иконка */
.kt-ui-skeleton--type-icon {
  width: var(--wc-icon-size);
  height: var(--wc-icon-size);
}

.kt-ui-skeleton--type-icon.kt-ui-skeleton--size-xl {
  --wc-icon-size: var(--wc-icon-size-xl);
}

.kt-ui-skeleton--type-icon.kt-ui-skeleton--size-lg {
  --wc-icon-size: var(--wc-icon-size-lg);
}

.kt-ui-skeleton--type-icon.kt-ui-skeleton--size-md {
  --wc-icon-size: var(--wc-icon-size-md);
}

.kt-ui-skeleton--type-icon.kt-ui-skeleton--size-sm {
  --wc-icon-size: var(--wc-icon-size-sm);
}

.kt-ui-skeleton--type-icon.kt-ui-skeleton--size-xs {
  --wc-icon-size: var(--wc-icon-size-xs);
}

@keyframes skeleton--wave {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}