@keyframes SkeletonFadeIn {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}

.fixture-listing_title {
  font-size: var(--typography-font-size-heading1-sm, 28px);
  line-height: var(--typography-line-height-heading2-sm, 32px);
  margin-bottom: var(--space-lg, 16px);
}

.fixture-listing_content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xl, 40px);
  min-height: 120px;
}

.fixture-listing_footer {
  display: flex;
  margin-top: 16px;
  padding-top: 16px;
  justify-content: flex-end;
  border-top: var(--title-container-bottom-borderTop, 1px solid #484849);
}

.fixture-listing_footer > a {
  text-decoration: none;
  display: flex;
  gap: 8px;
  align-items: center;
}

.fixture-listing_skeleton {
  width: 100%;
  height: 80px;
  background-color: var(--color-background-background-subtle-neutral);
  animation-name: SkeletonFadeIn;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
}