.Stack {
  display: flex;
}

.StackItem {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
.StackItem--fill {
  flex: 1 1 auto;
}

/* Flex Direction */
.Stack--direction-row {
  flex-direction: row;
}

.Stack--direction-row-reverse {
  flex-direction: row-reverse;
}

.Stack--direction-column {
  flex-direction: column;
}

.Stack--direction-column-reverse {
  flex-direction: column-reverse;
}

/* Flex Wrap */
.Stack--wrap-nowrap {
  flex-wrap: nowrap;
}

.Stack--wrap-wrap {
  flex-wrap: wrap;
}

.Stack--wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* Justify Content */
.Stack--justify-content-flex-start {
  justify-content: flex-start;
}

.Stack--justify-content-flex-end {
  justify-content: flex-end;
}

.Stack--justify-content-center {
  justify-content: center;
}

.Stack--justify-content-space-between {
  justify-content: space-between;
}

.Stack--justify-content-space-around {
  justify-content: space-around;
}

.Stack--justify-content-space-evenly {
  justify-content: space-evenly;
}

/* Align Items */
.Stack--align-items-stretch {
  align-items: stretch;
}

.Stack--align-items-flex-start {
  align-items: flex-start;
}

.Stack--align-items-flex-end {
  align-items: flex-end;
}

.Stack--align-items-center {
  align-items: center;
}

.Stack--align-items-baseline {
  align-items: baseline;
}

/* Align Content */
.Stack--align-content-stretch {
  align-content: stretch;
}

.Stack--align-content-flex-start {
  align-content: flex-start;
}

.Stack--align-content-flex-end {
  align-content: flex-end;
}

.Stack--align-content-center {
  align-content: center;
}

.Stack--align-content-space-between {
  align-content: space-between;
}

.Stack--align-content-space-around {
  align-content: space-around;
}

/* Spacing */
.Stack__InternalWrapper {
  display: flex;
  width: 100%;
}
.Stack__InternalWrapper.Stack--direction-row.Stack--spacing-0, .Stack__InternalWrapper.Stack--direction-row-reverse.Stack--spacing-0 {
  width: calc(100% + 0);
  margin-left: 0;
  margin-right: 0;
}
.Stack__InternalWrapper.Stack--direction-row.Stack--spacing-1, .Stack__InternalWrapper.Stack--direction-row-reverse.Stack--spacing-1 {
  width: calc(100% + 8px);
  margin-left: -4px;
  margin-right: -4px;
}
.Stack__InternalWrapper.Stack--direction-row.Stack--spacing-2, .Stack__InternalWrapper.Stack--direction-row-reverse.Stack--spacing-2 {
  width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
}
.Stack__InternalWrapper.Stack--direction-row.Stack--spacing-3, .Stack__InternalWrapper.Stack--direction-row-reverse.Stack--spacing-3 {
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px;
}
.Stack__InternalWrapper.Stack--direction-row.Stack--spacing-4, .Stack__InternalWrapper.Stack--direction-row-reverse.Stack--spacing-4 {
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
}
.Stack__InternalWrapper.Stack--direction-row.Stack--spacing-5, .Stack__InternalWrapper.Stack--direction-row-reverse.Stack--spacing-5 {
  width: calc(100% + 48px);
  margin-left: -24px;
  margin-right: -24px;
}

.Stack--direction-row.Stack--spacing-0 > *,
.Stack--direction-row-reverse.Stack--spacing-0 > * {
  margin-right: 0;
  margin-left: 0;
}
.Stack--direction-row.Stack--spacing-1 > *,
.Stack--direction-row-reverse.Stack--spacing-1 > * {
  margin-right: 4px;
  margin-left: 4px;
}
.Stack--direction-row.Stack--spacing-2 > *,
.Stack--direction-row-reverse.Stack--spacing-2 > * {
  margin-right: 8px;
  margin-left: 8px;
}
.Stack--direction-row.Stack--spacing-3 > *,
.Stack--direction-row-reverse.Stack--spacing-3 > * {
  margin-right: 12px;
  margin-left: 12px;
}
.Stack--direction-row.Stack--spacing-4 > *,
.Stack--direction-row-reverse.Stack--spacing-4 > * {
  margin-right: 16px;
  margin-left: 16px;
}
.Stack--direction-row.Stack--spacing-5 > *,
.Stack--direction-row-reverse.Stack--spacing-5 > * {
  margin-right: 24px;
  margin-left: 24px;
}

.Stack--direction-column.Stack--spacing-0 > *,
.Stack--direction-column-reverse.Stack--spacing-0 > * {
  margin-top: 0;
}
.Stack--direction-column.Stack--spacing-1 > *,
.Stack--direction-column-reverse.Stack--spacing-1 > * {
  margin-top: 8px;
}
.Stack--direction-column.Stack--spacing-2 > *,
.Stack--direction-column-reverse.Stack--spacing-2 > * {
  margin-top: 16px;
}
.Stack--direction-column.Stack--spacing-3 > *,
.Stack--direction-column-reverse.Stack--spacing-3 > * {
  margin-top: 24px;
}
.Stack--direction-column.Stack--spacing-4 > *,
.Stack--direction-column-reverse.Stack--spacing-4 > * {
  margin-top: 32px;
}
.Stack--direction-column.Stack--spacing-5 > *,
.Stack--direction-column-reverse.Stack--spacing-5 > * {
  margin-top: 48px;
}

.Stack--direction-column[class*=Stack--spacing-] > *:first-child,
.Stack--direction-column-reverse[class*=Stack--spacing-] > *:last-child {
  margin-top: initial;
}

/*# sourceMappingURL=index.css.map */