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

.columnContents {
  display: flex;
  flex-direction: column;
  gap: var(--Grid-gutter);
  align-items: stretch;

  @include int.breakpoint-at-most("sm") {
    margin-top: var(--Grid-gutter);

    &.reverseMobile {
      flex-direction: column-reverse;
    }
  }

  @include int.breakpoint-at-least("md") {
    &.hasGrower {
      height: 100%;
    }

    &.sticky {
      position: sticky;
      top: calc(98px + #{int.$spacing-2}); // TODO: fixme this accounts for nav height with state nav
    }
  }
}