body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager {
  --nav-item-color: rgb(var(--mono-rgb-100));
  --nav-item-color-active: var(--text-accent);
  --nav-collapse-icon-color: rgb(var(--mono-rgb-100));

  &.theme-dark {
    --nav-item-background-active: rgba(0, 0, 0, 0.5);
  }

  &.is-translucent .mod-root {
    background-color: var(--background-primary) !important;
  }
  &:not(.is-translucent) .app-container {
    background-color: var(--background-primary);
  }

  // Side panels
  &:not(.is-focused) .mod-sidedock {
    background-color: var(--color-base-20) !important;
    box-shadow: none !important;
    outline-color: transparent !important;
  }
  .mod-sidedock:not(:active) {
    transition: var(--anim-duration-moderate) var(--anim-motion-cupertino) !important;
  }

  &.theme-light .mod-sidedock.mod-left-split {
    outline: var(--border-width) solid white;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05), 0 4px 32px rgba(0, 0, 0, 0.05), -32px 0px 0 32px var(--background-primary);
  }

  &.theme-dark .mod-sidedock.mod-left-split {
    outline: var(--border-width) solid var(--background-modifier-border);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), -32px 0px 0 32px var(--background-primary);
  }

  &.show-ribbon {
    &:not(.is-hidden-frameless) .workspace-ribbon .sidebar-toggle-button {
      margin-top: 12px;
      margin-left: 8px;
    }
    .workspace-ribbon.mod-left {
      padding-left: 16px;
      padding-right: 0px;
      overflow: visible;
    }
    .mod-sidedock.mod-left-split {
      margin-left: calc(-1 * var(--ribbon-width) + 8px);
      padding-left: var(--ribbon-width);
    }
    .mod-sidedock.mod-left-split.is-sidedock-collapsed {
      opacity: 0;
    }
  }
  &.is-hidden-frameless .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
    padding-left: max(var(--frame-left-space), 4px) !important;
  }

  .mod-sidedock.mod-left-split {
    z-index: var(--layer-sidedock);
    border-radius: var(--radius-window);
    display: flex;
    margin: 8px 0 8px 8px;
    height: -webkit-fill-available;

    .workspace-tabs.mod-top {
      --header-height: 40px;

      .workspace-tab-header-container {
        padding-left: 4px !important;
        padding-right: 4px !important;
      }
      .workspace-tab-header-container-inner {
        margin: 4px 0;
      }
    }
  }

  .mod-sidedock.mod-right-split > .workspace-leaf-resize-handle {
    border-inline-start: var(--divider-width) solid var(--divider-color);
  }

  // Editor panel
  &.is-popout-window .workspace .mod-root {
    margin-left: 0;
    margin-right: 0;
  }
  &:not(.show-ribbon) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root {
    margin-left: 0;
    .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
      margin-left: 0;
    }
    .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
      padding-left: 0;
    }
  }
  .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root {
    margin-right: 0;
    .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
      margin-right: 0;
    }
    .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
      padding-right: 0;
    }
  }

  .mod-root {
    padding-bottom: 0;

    .workspace-tab-container {
      box-shadow: none;
      outline: none;
      border-radius: 0;
      background-color: transparent;
    }

    .workspace-leaf-resize-handle {
      border-color: var(--divider-color);
    }
  }

  // ----------------------------------------------------------------
  // Style Settings: Tint off
  // &:not(.is-translucent):not(.sidedock-glass-tint-off) .mod-sidedock {
  &:not(.sidedock-glass-tint-off) .mod-sidedock {
    background-color: color-mix(in srgb, var(--background-primary) 98%, var(--color-accent));
  }
}
