body {
  --transition-duration: 70ms;
  --transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}
body span,
body div:empty,
body input,
body textarea,
body svg *,
body li,
body a {
  transition-property: color, background-color, border-color, opacity, filter, text-decoration-color, fill, box-shadow;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
body div:not(:empty),
repl,
.kui--sidecar,
body th,
body td {
  transition-property: background-color, border-color, opacity, filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}

li.bx--tabs__nav-item.sidecar-bottom-stripe-button,
li.bx--tabs__nav-item.sidecar-bottom-stripe-button a {
  flex: 1;
}

a.bx--tabs__nav-link:focus,
a.bx--tabs__nav-link:active {
  width: 100%;
  padding: 0.5rem 1rem;
}

a.bx--tabs__nav-link:focus,
a.bx--tabs__nav-link:active {
  outline-color: var(--color-brand-01);
}

/* mimic bx--tabs__navlink:focus */
.kui-tab.left-tab-stripe-button:focus,
a.kui--tab-navigatable:focus {
  outline: 2px solid var(--color-brand-03);
  outline-offset: -2px;
}

a.kui-new-tab__plus:focus,
a.kui-new-tab__plus:active,
.kui--sidecar a.graphical-icon:focus,
.kui--sidecar a.graphical-icon:active,
.sidecar-bottom-stripe-toolbar a.kui--tab-navigatable:focus,
.sidecar-bottom-stripe-toolbar a.kui--tab-navigatable:active {
  outline: 2px solid var(--color-brand-03);
  outline-offset: -2px;
}

body[kui-theme-style] .bx--link {
  font-weight: 600;
  /* text-decoration: underline; */
  transition-duration: 250ms;
  pointer-events: unset;
  touch-action: unset;
  color: var(--color-text-01);

  &[href] {
    color: var(--color-brand-01);
  }
  &:visited {
    color: var(--color-text-01);
  }
  &:hover {
    color: var(--color-hover-primary-text);
  }
}

.repl-block.processing .repl-prompt-right-element-status-icon .kui--icon-processing svg circle.bx--loading__stroke-kui {
  /* stroke: var(--color-base0C); */
  stroke-dashoffset: 30;
}

body[kui-theme-style] {
  /* carbon sets a line-height of "1", which does not work in the REPL */
  line-height: unset;
}
