/**
 * @file
 * Skeleton loader for the client-rendered hours blocks.
 *
 * Sized to approximate "Open Today until 5 p.m." at the inherited font size
 * so the swap to live text causes no layout shift.
 */

.broad-todays-hours__skeleton {
  display: inline-block;
  width: 11em;
  height: 1em;
  vertical-align: middle;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(128, 128, 128, 0.15) 25%, rgba(128, 128, 128, 0.3) 50%, rgba(128, 128, 128, 0.15) 75%);
  background-size: 200% 100%;
  animation: broad-hours-shimmer 1.2s ease-in-out infinite;
}

@keyframes broad-hours-shimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .broad-todays-hours__skeleton {
    animation: none;
  }
}

.broad-todays-hours.is-loaded .broad-todays-hours__skeleton {
  display: none;
}

/* Tour times may span multiple lines in config. */
.broad-tour-hours__status {
  white-space: pre-line;
}