.TC {
  @apply __tc-bar-sm;
}

.__tc-bar-xs {
  @apply [--tc-bar-h:45px];
}

.__tc-bar-sm {
  @apply [--tc-bar-h:53px];
}

.Tab {
  @apply w-full;
}

.TC > .TC-unselected {
  @apply hidden;
}

.TC-panel {
  @apply p-[--Widget-padding];
}

.TC-panel-heading {
  @apply flex h-11 items-center gap-2 bg-gray-100 p-2 text-sm font-semibold text-gray-900;
}

/* CIG should be full bleed when directly inside TC-panel. */
.TC-panel,
.TC-panel > form,
.TC-panel > form > .fixedScrollable {
  > .CIG {
    @apply -m-[--Widget-padding] mb-0;
  }

  > .ActionBar {
    @apply -mx-[--Widget-padding] my-0 p-[--Widget-padding];
  }
}
