@import '../mixins_and_variables_and_functions';

.geo-node-header-grid-columns {
  grid-template-columns: 1fr auto;
  grid-gap: $gl-spacing-scale-5;

  @include media-breakpoint-up(md) {
    grid-template-columns: 3fr 1fr;
  }
}

.geo-node-details-grid-columns {
  grid-gap: $gl-spacing-scale-5;

  @include media-breakpoint-up(lg) {
    grid-template-columns: 1fr 3fr;
  }
}

.geo-node-core-details-grid-columns {
  grid-template-columns: 1fr 1fr;
  grid-gap: $gl-spacing-scale-5;
}

.geo-node-replication-details-grid-columns {
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;

  @include media-breakpoint-up(md) {
    grid-template-columns: 1fr 1fr 2fr 2fr;
  }
}

.geo-node-filter-grid-columns {
  grid-template-columns: 1fr;

  @include media-breakpoint-up(md) {
    grid-template-columns: 3fr 1fr;
  }
}

.geo-node-replication-counts-grid {
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 1rem;
}