.kaiju-Project {
  background-color: var(--kaiju-theme-background-color, #222);
  color: var(--kaiju-theme-font-color, #fff);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.kaiju-Project-layout {
  display: flex;
  flex: auto;
  min-height: 0;
  width: 100%;
}

// Disabling to allow custom ant styles
// stylelint-disable
.ant-modal-header,
.ant-modal-content,
.ant-modal-title,
.ant-modal-close-x {
  border-color: #111;
  color: var(--kaiju-theme-font-color, #fff);
}

.ant-modal-footer {
  border: none;
}

.ant-confirm-body > .ant-confirm-title {
  color: var(--kaiju-theme-font-color, #fff);
}

.ant-modal-header {
  background-color: var(--kaiju-theme-background-secondary-color, #333);
}

.ant-modal-footer {
  background-color: var(--kaiju-theme-background-color, #222);
  padding-top: 0;
  padding-bottom: 15px;
}

.ant-modal-content {
  background-color: var(--kaiju-theme-background-color, #222);
}

// Globally updates the selection highlighting color.
// TODO: Move this into a base theme file.
*::selection {
  background: var(--kaiju-theme-color, #1db954);
}

*::-webkit-scrollbar {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

*::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background-color: var(--kaiju-theme-background-secondary-color, #333);
}

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

*::-webkit-scrollbar-corner {
  background-color: transparent;
}
