.grid-matches .skeleton-container {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  min-height: 147px;
  justify-content: center;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-inline: 20px;
}

.skeleton-line {
  width: 100%;
  height: 16px;
  position: relative;
  background: #656772;
  overflow: hidden;
}

.skeleton-line:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100px;
  left: -100px;
  top: 0;
  background: linear-gradient(to right, transparent, #ffffff70, transparent);
  animation: reflect 1500ms ease-out infinite;
}

@keyframes reflect {
  to {
    left: calc(100% + 100px);
  }
}

@keyframes shimmer {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 0.9;
  }

  100% {
    opacity: 0.6;
  }
}

@keyframes wave-lines {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes wave-squares {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

/* Match item */
.skeleton-header, .skeleton-body, .skeleton-footer {
  display: flex;
}
.skeleton-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.skeleton-header__league {
  width: 20%;
}
.skeleton-header__status {
  width: 20%;
  display: flex;
  justify-content: center;
  margin-top: -30px;
}
.skeleton-header__date {
  width: 20%;
}
.skeleton-body {
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.skeleton-body__team {
  width: 15%;
}
.skeleton-body__vs {
  width: 10%;
  display: flex;
  justify-content: center;
}
.skeleton-footer {
  justify-content: space-between;
  align-items: center;
}
.skeleton-footer__values {
  width: 20%;
}
.skeleton-footer__action {
  width: 10%;
}