:host {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--table-row-text-color);
  border-style: solid;
  border-width: 1px;
  border-color: var(--table-border-color);
  background: var(--table-row-background-color);
  text-align: left;
  overflow: scroll;
  /**
   * @prop --table-border-color: [DEPRECATED] Table background color
   */
  --table-border-color: var(--color-background-base-default);
  /**
    * @prop --table-header-background-color: [DEPRECATED] Table header background color
    */
  --table-header-background-color: var(--color-background-surface-header);
  /**
    * @prop --table-header-border-color: [DEPRECATED] Table header border color
    */
  --table-header-border-color: var(--color-background-surface-default);
  /**
    * @prop --table-header-text-color: [DEPRECATED] Table header text color
    */
  --table-header-text-color: var(--gsb-color-text);
  /**
    * @prop --table-header-box-shadow: [DEPRECATED] Table header box shadow
    */
  --table-header-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.45);
  /**
    * @prop --table-row-background-color: [DEPRECATED] Table row background color
    */
  --table-row-background-color: var(--color-background-surface-default);
  /**
    * @prop --table-row-text-color: [DEPRECATED] Table row text color
    */
  --table-row-text-color: var(--color-text-primary);
  /**
    * @prop --table-row-border-color: [DEPRECATED] Table row border color
    */
  --table-row-border-color: var(--color-background-base-default);
  /**
    * @prop --table-row-hover-background-color: [DEPRECATED] Table row hover background color
    */
  --table-row-hover-background-color: var(--color-background-surface-hover);
  /**
    * @prop --table-row-hover-text-color: [DEPRECATED] Table row hover text color
    */
  --table-row-hover-text-color: var(--color-text-primary);
  /**
    * @prop --table-row-selected-background-color: [DEPRECATED]  Table row selected background color
    */
  --table-row-selected-background-color: var(
      --color-background-surface-selected
  );
  /**
    * @prop --table-row-selected-border-color: [DEPRECATED] Table row selected border color
    */
  --table-row-selected-border-color: var(--color-background-surface-selected);
}

:host([hidden]) {
  display: none;
}