/**
 * Small loading animation shown on rule-bearing panels until the display
 * rules JS resolves their visibility.
 */

.vpdr-loading {
  position: relative;
  overflow: hidden;
  min-height: 120px;
}

/* Keep the panel's layout space but hide its content while loading. */
.vpdr-loading > * {
  visibility: hidden;
}

.vpdr-loading ~ .vpdr-loading,
:has(.vpdr-loading) ~ .vpdr-loading,
:has(.vpdr-loading) ~ * .vpdr-loading {
  display: none;
}

.vpdr-loading::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 -27px;
  background: url("../images/1612c1609cd3ac.gif") no-repeat center / contain;
}