body {
  --titlebar-height: var(--size-4-9);
  --header-height: var(--size-4-9);
  --tab-radius: 0;
  --tab-radius-active: 0;
}

// It might be the reason of the MacOS bug
// .is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
//   padding-left: 0;
// }

.mod-sidedock .workspace-tab-header-container-inner {
  margin: 0;
  padding: var(--size-2-2);

  height: 100%;

  .workspace-tab-header.is-active {
    background-color: var(--gray-200);
  }

  .workspace-tab-header .workspace-tab-header-inner {
    padding-left: var(--size-2-3);
    padding-right: var(--size-2-3);
    height: 100%;
  }

  .workspace-tab-header-inner-icon {
    color: var(--gray-300);
  }
}
.mod-root .workspace-tab-header-container-inner {
  margin: 0;
  margin-top: -1px;
  margin-bottom: -1px;

  padding: 0;
  padding-right: var(--size-4-2);

  &:has(.workspace-tab-header.is-active) {
    .workspace-tab-header.is-active {
      border-bottom: 1px solid;
      border-color: color-mix(in srgb, var(--gray-100) 50%, transparent);
    }
  }
}

.workspace-tab-header-inner {
  &:hover {
    border-radius: var(--radius-s);
  }
}

.workspace-tab-header-new-tab {
  margin-bottom: 1px;
}
.workspace-tab-header.is-active {
  box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color) inset;
  box-shadow: unset;
  outline: 1px solid var(--tab-outline-color);

  transition: border-radius 400ms ease;

  // &:hover {
  //   border-radius: 100px;
  // }

  .workspace-tab-header-inner-close-button {
    color: var(--gray-300);
  }
}
.workspace-tab-header-container {
  padding-left: 0;

  padding-right: 0;
  // padding-top: 2px;
}
.workspace .mod-root .workspace-tab-header {
  padding: var(--size-2-2);
}
.workspace-tab-header {
  border-bottom: 1px solid transparent;
  &::before {
    content: unset;
  }
  &::after {
    content: unset;
  }
}
