@use "../../../../styles/int.scss";

.container {
  display: flex;
  flex-flow: column;
  gap: int.$spacing-4;
  margin-top: int.$spacing-8;
  position: relative;

  @include int.election-layer-zindex("content");

  @include int.breakpoint-at-least("md") {
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: int.$spacing-8;
  }

  &.isSplash {
    gap: int.$spacing-6;
    margin-top: 0;
  }
}