.container {
}

.container--default {
  @apply max-w-screen-xl;
}

.container--wide {
  max-width: 1430px;
}


@responsive {
  /* Removes default container padding from the element. */
  /* @note: needs to be kept in sync with tailwind configuration */
  .container-padding--zero {
    margin-left: -1rem;
    margin-right: -1rem;

    @screen xl {
      margin-left: -2rem;
      margin-right: -2rem;
    }
  }

  .container-padding--auto {
    margin-left: 0;
    margin-right: 0;
  }
}