.cm-editor,
.cm-editor .cm-content {
  background-color: var(--color-editor);
  color: var(--color-editor-text);
}

.cm-editor .cm-scroller {
  font-family: inherit;
}

.cm-editor .cm-gutters {
  background-color: var(--color-editor);
  border: none;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
}

.cm-editor .cm-activeLineGutter {
  background-color: var(--color-theme-lighter);
  color: var(--color-editor-active-line-text);
}

.cm-editor .cm-activeLine {
  background-color: var(--color-theme-lighter);
  color: var(--color-editor-active-line-text);
}

.cm-editor .cm-line::selection,
.cm-editor .cm-line > *::selection {
  background-color: var(--color-brand-100) !important;
  color: var(--color-brand-700) !important;
}

.cm-editor .cm-scroller::-webkit-scrollbar {
  height: 0.2rem;
  width: 0.2rem;
}

.cm-editor .cm-scroller::-webkit-scrollbar-track {
  background-color: transparent;
}

.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
  background: var(--color-brand);
  border-radius: 1rem;
}

.sqlmesh-model {
  color: var(--color-primary-500);
  background: var(--color-primary-10);
  box-shadow: inset 0 -2px 0 0 var(--color-primary-300);
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
}

.cm-tooltip {
  border: none !important;
  outline: none !important;
  background: var(--color-theme) !important;
}

.sqlmesh-model:hover {
  opacity: 0.8;
}
