.wp-block-table {
  overflow-x: auto;

  &> .ucla-table:not(.has-border-color) {
    thead {
      border-bottom: 0;
    }
    tfoot {
      border-top: 0;
    }

    td,
    th {
      border-style: solid;
    }
  }

  

  // Border Styles
	//
	// Allow any custom border color, style or width selections to be inherited
	// from the table element that receives the border support props.

	.has-border-color {
		> *,
		tr,
		th,
		td {
			border: inherit;
		}
	}
  table[style*="border-top-color"] {
		> *,
		tr:first-child {
			border-top-color: inherit;

			th,
			td {
				border-top-color: inherit;
			}
		}

		tr:not(:first-child) {
			border-top-color: currentColor;
		}
	}
	table[style*="border-right-color"] {
		> *,
		tr,
		th,
		td:last-child {
			border-right-color: inherit;
		}
	}
	table[style*="border-bottom-color"] {
		> *,
		tr:last-child {
			border-bottom-color: inherit;

			th,
			td {
				border-bottom-color: inherit;
			}
		}

		// Border support classes and styles are applied on the table block
		// itself. This means that without the rule below every table row would
		// have a bottom border matching the color of the table's border.
		// This style gives the best visual appearance and most expected result
		// until we can control individual table rows or cells via inner blocks.
		tr:not(:last-child) {
			border-bottom-color: currentColor;
		}
	}
	table[style*="border-left-color"] {
		> *,
		tr,
		th,
		td:first-child {
			border-left-color: inherit;
		}
	}

	table[style*="border-style"] {
		> *,
		tr,
		th,
		td {
			border-style: inherit;
		}
	}

	table[style*="border-width"] {
		> *,
		tr,
		th,
		td {
			border-width: inherit;
			border-style: inherit;
		}
	}
}
