/*
 * Reversible block skeleton layer.
 * Disable VCE_BLOCK_SKELETON_LOADING in index.php to remove it immediately.
 */

.vce-block-skeleton--loading {
  isolation: isolate;
  overflow: hidden;
  pointer-events: none;
  position: relative;
}

.vce-block-skeleton--loading > * {
  visibility: hidden !important;
}

.vce-block-skeleton--loading::before,
.vce-block-skeleton--loading::after {
  border-radius: inherit;
  content: "";
  inset: 0;
  position: absolute;
  z-index: 20;
}

.vce-block-skeleton--loading::before {
  background: rgba(255, 255, 255, 0.08);
}

.vce-block-skeleton--loading::after {
  background-image: url("https://cheatsheetpro-images.b-cdn.net/vce/images/logo-anim-bw.svg"), url("images/logo-anim-bw.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(24px, 4vw, 38px) auto;
}