/* Shared menu skeleton placeholders. */

.menu-skeleton-block,
.menu-skeleton-line,
.menu-skeleton-card,
.menu-skeleton-button {
  display: block;
}

.menu-skeleton-block {
  --vk-skeleton-radius: inherit;
}

.menu-skeleton-line {
  width: 100%;
  height: 12px;
}

.menu-skeleton-line.is-short {
  width: 42%;
}

.menu-skeleton-line.is-medium {
  width: 68%;
}

.menu-skeleton-title {
  width: 76%;
  height: 18px;
  border-radius: 999px;
}

.menu-skeleton-card {
  min-height: var(--menu-panel-row-height);
  display: grid;
  align-content: center;
  gap: 8px;
  --vk-skeleton-card-radius: var(--vk-paper-control-radius);
  --vk-skeleton-card-bg: var(--vk-skeleton-bg);
}

.menu-skeleton-button {
  min-height: var(--menu-panel-row-height);
  --vk-skeleton-button-height: var(--menu-panel-row-height);
}

.menu-skeleton-preview-image {
  position: absolute;
  inset: -1.5%;
  width: 103%;
  height: 103%;
  display: block;
  object-fit: cover;
}