.vbx-container {
  display: block;
  height: auto;

  margin-top: var(--vbx-margin-top, 0px);
  margin-right: var(--vbx-margin-right, 0px);
  margin-bottom: var(--vbx-margin-bottom, 0px);
  margin-left: var(--vbx-margin-left, 0px);

  padding-top: var(--vbx-padding-top, 0px);
  padding-right: var(--vbx-padding-right, 0px);
  padding-bottom: var(--vbx-padding-bottom, 0px);
  padding-left: var(--vbx-padding-left, 0px);

  background-color: var(--vbx-background-color, transparent);

  .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--vbx-content-gap, 0px);

    &.vbx-content-width-full {
      max-width: 100%;
    }

    &.vbx-content-width-site {
      max-width: var(--site-max-width, 76.875rem);
      margin-inline: auto;
    }

    &.vbx-content-height-auto {
      height: auto;
    }

    &.vbx-content-height-full {
      height: 100vh;
    }

    &.vbx-content-height-minimum {
      height: 0;
    }

    &.vbx-content-align-start {
      align-items: flex-start;
    }

    &.vbx-content-align-center {
      align-items: center;
    }

    &.vbx-content-align-end {
      align-items: flex-end;
    }

    &.vbx-content-align-stretch {
      align-items: stretch;
    }

    &.vbx-content-justify-start {
      justify-content: flex-start;
    }

    &.vbx-content-justify-center {
      justify-content: center;
    }

    &.vbx-content-justify-end {
      justify-content: flex-end;
    }

    &.vbx-content-justify-space-between {
      justify-content: space-between;
    }

    &.vbx-content-justify-space-around {
      justify-content: space-around;
    }

    &.vbx-content-justify-space-evenly {
      justify-content: space-evenly;
    }

    &.vbx-content-wrap-nowrap {
      flex-wrap: nowrap;
    }

    &.vbx-content-wrap-wrap {
      flex-wrap: wrap;
    }

    &.vbx-content-wrap-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
}