/* CSS for ACE Editor types and keyword - color palette Vittascience */

/* Shared CSS */

.ace-debug-marker {
  background: var(--vitta-yellow);
  position: absolute;
}

.ace-tm {
  background: var(--bg-1);
  color: var(--text-1);
}
.ace-tm .ace_gutter {
  background: var(--bg-3);
  color: var(--text-1);
}
.ace_gutter-layer {
  cursor: col-resize;
}

.ace_gutter-cell {
  text-align: right;
  color: var(--text-0);
}

.ace-tm .ace_gutter-active-line {
  background: var(--bg-4);
}

.ace-tm .ace_marker-layer .ace_active-line {
  background: rgba(0, 0, 0, 0.07);
}

.theme-dark .ace-tm .ace_marker-layer .ace_active-line {
  background: rgba(255, 255, 255, 0.07);
}

.theme-dark .ace_autocomplete {
  color:var(--text-1);
  background: var(--bg-1);
}

.ace-tm .ace_cursor {
  color: var(--text-0);
}

.ace-tm .ace_keyword.ace_operator {
  color: var(--text-1);
}

.ace-tm .ace_marker-layer .ace_selection {
  background: var(--vitta-green-focus-shadow);
}
#content_code{
  --ace-font-size: 16px;
}

.ace_editor,
.ace_editor * {
  font-size: var(--ace-font-size, 16px) !important;
  font-family: var(--monospace-font) !important;
  font-weight: normal !important;
}

.btn-zoom-editor{
  border: none;
  background: transparent;
  padding: 0;
  margin-bottom: 5px;
  border-radius: 50%;
  opacity: 0.4;
  transition: all 0.2s ease-in-out;
  color: var(--vitta-grey);
}

.btn-zoom-editor:last-child{
  margin-top: 10px;
  border-radius: 0.5em;
}
.btn-zoom-editor:focus-visible{
  box-shadow: var(--vitta-focus-box-shadow);
}

.btn-zoom-editor:hover, .btn-zoom-editor:focus-visible{
  color: var(--vitta-grey-dark);
  opacity: 0.6;
}

.zomm-in-out-buttons{
	position:absolute;
  display: flex;
  flex-direction: column;
	bottom: 0.5em;
	right: 10px;
	z-index: 2000;
}

#copy-editor-action-notif{
  position:absolute;
  display: flex;
  bottom: 0;
	right: 30px;
  z-index: 2000;
  width: 245px;
}

.ace-tm .ace_indent-guide {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTEwLTIzVDE3OjAxOjM2KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTEwLTIzVDE3OjAxOjM2KzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0xMC0yM1QxNzowMTozNiswMjowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OTkwN2U4Yi04YmYyLWVkNGItYjVkNy1lMGE5MzVlMDRkYzEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1ODZkNmQ0My1iY2Q1LTFkNGEtYTlmYS1iOGQ3MjgwYTE3ZTQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5N2FmMWE2ZS02MDM2LTJhNGQtODZhNy01MmI2ZWVmYzBlY2EiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5N2FmMWE2ZS02MDM2LTJhNGQtODZhNy01MmI2ZWVmYzBlY2EiIHN0RXZ0OndoZW49IjIwMjEtMTAtMjNUMTc6MDE6MzYrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTk5MDdlOGItOGJmMi1lZDRiLWI1ZDctZTBhOTM1ZTA0ZGMxIiBzdEV2dDp3aGVuPSIyMDIxLTEwLTIzVDE3OjAxOjM2KzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7bOw5AAAABBJREFUCFtjagACpvr6+gYAFB8EAigyZZ0AAAAASUVORK5CYII=') right repeat-y;
}

.ace_scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--bg-3) transparent;
}

.ace_scrollbar::-webkit-scrollbar {
  width: 11px;
}

.ace_scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.ace_scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--bg-3);
  border-radius: 6px;
  border: 3px solid transparent;
}

/* Common theme */

.ace-tm .ace_storage {
  color: var(--vitta-orange) !important;
}

.ace-tm .ace_constant
.ace-tm .ace_constant.ace_buildin,
.ace-tm .ace_constant.ace_language,
.ace-tm .ace_constant.ace_numeric {
  color: var(--vitta-purple);
}

.ace-tm .ace_support.ace_function {
  color: #3737ff;
}

.ace-tm .ace_string {
  color: var(--vitta-green) !important;
}

.ace-tm .ace_comment {
  color: #919191;
}

/* Texas Instruments theme */

.ace-ti .ace_keyword,
.ace-ti .ace_type,
.ace-ti .ace_constant.ace_language,
.ace-s-idle-dark.ace-ti .ace_keyword,
.ace-s-idle-dark.ace-ti .ace_type {
  color: var(--vitta-blue-ti) !important;
}

.ace-ti .ace_keyword.ace_operator {
  color: var(--vitta-red-ti) !important;
}

.ace-ti .ace_string {
  color: var(--vitta-green-ti) !important;
}

.ace-ti .ace_atom,
.ace-ti .ace_builtin,
.ace-ti .ace_def {
  color: var(--text-1) !important;
}

.ace-ti .ace_constant.ace_numeric {
  color: var(--text-1) !important;
}

/* Arduino theme */

.ace-ar .ace_keyword {
  color: var(--vitta-orange) !important;
}

.ace-ar .ace_keyword.ace_operator {
  color: var(--text-1) !important;
}

.ace-ar .ace_constant {
  color: var(--vitta-blue-dark) !important;
}

.ace-ar .ace_constant.ace_numeric,
.ace-ar .ace_constant.ace_buildin {
  color: var(--vitta-purple) !important;
}

.ace-ar .ace_arduino.ace_functions,
.ace-ar .ace_arduino.ace_serial {
  color: #3737ff;
}