:host {
  @apply inline-block list-none h-full text-xs text-center pl-1 pr-4 py-2 leading-none flex-grow border;
  background: var(--color-neutral-300);
  color: var(--color-neutral-700);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--color-neutral-500);

  &:not(:last-of-type) {
    border-right-width: 1px;
    border-right-style: solid;
    border-color: var(--color-neutral-500);
  }

  &.isActive {
    border-bottom-color: var(--color-neutral-300);
    box-shadow: inset 0px 3px var(--color-brand);
  }

  & > * {
    @apply align-middle;
  }

  &:hover,
  &:focus {
    stencila-icon {
      @apply opacity-100;
    }
  }
}

li {
  @apply flex list-none align-middle flex-row flex-nowrap items-center;
}

stencila-icon {
  @apply opacity-0;
}

a,
a:link,
a:visited {
  @apply block no-underline whitespace-nowrap leading-none text-current flex-grow cursor-default;
}

:host {
  @apply inline-block list-none h-full text-xs text-center pl-1 pr-4 py-2 leading-none flex-grow border;
  background: var(--color-neutral-300);
  color: var(--color-neutral-700);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--color-neutral-500);

  &:not(:last-of-type) {
    border-right-width: 1px;
    border-right-style: solid;
    border-color: var(--color-neutral-500);
  }

  &.isActive {
    border-bottom-color: var(--color-neutral-300);
    box-shadow: inset 0px 3px var(--color-brand);
  }

  & > * {
    @apply align-middle;
  }

  &:hover,
  &:focus {
    stencila-icon {
      @apply opacity-100;
    }
  }
}

li {
  @apply flex list-none align-middle flex-row flex-nowrap items-center;
}

stencila-icon {
  @apply opacity-0 rounded-sm;

  &:hover,
  &:active {
    color: var(--color-neutral-300);
    background: var(--color-neutral-700);
  }
}

a,
a:link,
a:visited {
  @apply block no-underline whitespace-nowrap leading-none text-current flex-grow cursor-default;
}

Improve usability and legibility of tab close icon
fix(Desktop): Improve usability and legibility of tab close icon
