:global(.ui-tabs) {
  &[data-state~='horizontal'] {
    &:not([data-state~='group']) {
      overflow-x: auto;
      box-shadow: inset 0 -1px 0 0 var(--border-dark-02);
      & :global(.tab) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        &:first-of-type {
          border-left: none !important;
          border-top-left-radius: 0;
        }
      }
    }
    & :global(.tab) {
      justify-content: center;

      &:global(.active) {
        border-bottom: hidden;
        z-index: var(--z-index-2);
      }
    }
  }
  &[data-state~='vertical'] {
    flex-direction: column;
    &:not([data-state~='group']) {
      overflow-y: auto;
      box-shadow: inset -1px 0 0 0 var(--border-dark-02);
      & :global(.tab) {
        &:global(.active) {
          border-right: hidden;
          box-shadow: -1px 2px 0 0 var(--palette-light-04);
        }
      }
    }
    & :global(.tab) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      justify-content: flex-end;
      & > span {
        flex-grow: 1;
        text-align: right;
      }
    }
  }
}