/**
 * Core Replacement: Columns and Column Block Styles 
 * To review core changes view: https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/columns/style.scss
 */
.wp-block-columns {
  container-name: columns;
  container-type: inline-size;
  display: flex;
  box-sizing: border-box;
  align-items: initial !important;
  /**
   * All Columns Alignment
   */
}
.wp-block-columns.are-vertically-aligned-top {
  align-items: flex-start;
}
.wp-block-columns.are-vertically-aligned-center {
  align-items: center;
}
.wp-block-columns.are-vertically-aligned-bottom {
  align-items: flex-end;
}

:where(.wp-block-columns) {
  margin-bottom: var(--wp--preset--spacing--40);
}

:where(.wp-block-columns.has-background) {
  padding: var(--wp--preset--spacing--50);
}

.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  /**
   * Individual Column Alignment
   */
}
.wp-block-column.is-vertically-aligned-top {
  align-self: flex-start;
}
.wp-block-column.is-vertically-aligned-center {
  align-self: center;
}
.wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end;
}
.wp-block-column.is-vertically-aligned-stretch {
  align-self: stretch;
}
.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
  width: 100%;
}