.lg-grid {
  display: grid;
  grid-template-columns: repeat(var(--lg-grid, 8), 1fr);
  gap: var(--lg-gap, 2rem);
  align-items: center;
}
@media (max-width: 1024px) {
  .lg-grid {
    grid-template-columns: repeat(var(--lg-grid-tablet, 6), 1fr);
  }
  .lg-grid .lg-grid__item {
    grid-column: span 2 !important;
  }
}
@media (max-width: 600px) {
  .lg-grid {
    grid-template-columns: repeat(var(--lg-grid-mobile, 4), 1fr);
  }
  .lg-grid .lg-grid__item {
    grid-column: span 2 !important;
  }
}
.lg-grid__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  min-width: 0;
}
.lg-grid__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.lg-grid__link:hover {
  opacity: 0.65;
}
.lg-grid__link:focus-visible {
  outline: 3px solid var(--theme-palette-color-2, #012f6b);
  outline-offset: 4px;
  border-radius: 2px;
}
.lg-grid__img {
  max-height: var(--img-max-h, var(--lg-height, 80px));
  max-width: min(100%, var(--img-max-w, 100%));
  min-height: var(--img-min-h, 0px);
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.lg-grid__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--lg-height, 80px);
  background-color: var(--theme-palette-color-7, #f5f5f5);
  color: var(--theme-palette-color-5, #aaa);
  font-size: 0.75rem;
  border-radius: 4px;
}