@keyframes calendar-skeleton-shimmer {
  0% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 50%; } }

.calendar-skeleton {
  width: 100%;
  height: 425px;
  border-radius: 12px;
  background: linear-gradient(90deg, #e2e2e2 25%, #eeeeee 37%, #e2e2e2 63%);
  background-size: 400% 100%;
  animation: calendar-skeleton-shimmer 1.4s ease infinite; }

[data-calendar-container-wrapper] {
  position: relative;
  min-height: 360px; }
  [data-calendar-container-wrapper] .flatpickr-calendar {
    width: 100%;
    margin-bottom: 0.5rem; }
  [data-calendar-container-wrapper] .flatpickr-innerContainer {
    display: flex;
    justify-content: center; }

.calendar-skeleton-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(200, 200, 200, 0.75) 25%, rgba(248, 248, 248, 0.75) 37%, rgba(200, 200, 200, 0.75) 63%);
  background-size: 400% 100%;
  animation: calendar-skeleton-shimmer 1.4s ease infinite;
  z-index: 1; }

#calendar[data-calendar-skeleton-dimmed] {
  opacity: 0.5;
  pointer-events: none; }