:global(.ui-tabs) {
  &[data-state~='horizontal'] {
    &[data-state~="large"] {
      & :global(.tab) {
        min-height: var(--cells-4);
        min-width: var(--cells-4);
        padding: 0 var(--cells-25);
      }
    }
    &[data-state~="medium"] {
      & :global(.tab) {
        min-height: var(--cells-3);
        min-width: var(--cells-3);
        padding: 0 var(--cells-2);
      }
    }
    &[data-state~="smaller"] {
      & :global(.tab) {
        min-height: var(--cells-2);
        min-width: var(--cells-2);
        padding: 0 var(--cells-15);
      }
    }
    &[data-state~="small"] {
      & :global(.tab) {
        min-height: var(--cells-15);
        min-width: var(--cells-15);
        padding: 0 var(--cells-1);
      }
    }
    &[data-state~='block'] {
      & :global(.tab) {
        flex-grow: 1;
        &:last-of-type {
          border-right: none !important;
          border-top-right-radius: 0;
        }
      }
    }
  }
  &[data-state~='vertical'] {
    &[data-state~="large"] {
      & :global(.tab) {
        padding: var(--cells-08) var(--cells-25);
      }
    }
    &[data-state~="medium"] {
      & :global(.tab) {
        padding: var(--cells-08) var(--cells-15);
      }
    }
    &[data-state~="smaller"] {
      & :global(.tab) {
        padding: var(--cells-05) var(--cells-1);
      }
    }
    &[data-state~='block'] {
      & :global(.tab) {
        flex-grow: 1;
      }
    }
  }
}