@media (max-width: 639px) {
  .ids-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .ids-mobile {
    display: none !important;
  }
}

.ids-grid-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .ids-grid-row {
    gap: 1.5rem;
  }
}
.ids-grid-row.ids-grid-row--no-gap {
  gap: 0 !important;
}
.ids-grid-row > * {
  min-width: 0;
}
.ids-grid-row.ids-grid-row--align-start {
  align-items: start;
}
.ids-grid-row.ids-grid-row--align-center {
  align-items: center;
}
.ids-grid-row.ids-grid-row--align-end {
  align-items: end;
}
.ids-grid-row.ids-grid-row--align-baseline {
  align-items: baseline;
}
.ids-grid-row.ids-grid-row--align-stretch {
  align-items: stretch;
}
.ids-grid-row.ids-grid-row--justify-start {
  justify-content: start;
}
.ids-grid-row.ids-grid-row--justify-center {
  justify-content: center;
}
.ids-grid-row.ids-grid-row--justify-end {
  justify-content: end;
}