/* *:not(.monaco-editor .margin):not(.monaco-editor .lines-content.monaco-editor-background):not(.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor):not(.monaco-scrollable-element > .scrollbar.vertical > .slider):not(.monaco-scrollable-element > .scrollbar.horizontal > .slider):not(.pane .pane-body .monaco-list .monaco-scrollable-element .monaco-list-rows) {
  transition-duration: 100ms !important;
} */

:root,
::after,
::before {
  --tab-height: 25px;
  --tab-radius: 8px;
  --ui-radius: 6px;
  --base-color: #bd93f9;
  --gradient-one: #cba6f7;
  --gradient-two: #89b4fa;
  --side-pane-color: var(--vscode-editor-background);
  --focus-border: #3f4f81;
  --sash-size: 2px !important;
  --sash-hover-size: 2px !important;
}

body > .monaco-workbench > .monaco-grid-view > .monaco-grid-branch-node > .monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
  background: var(--vscode-editor-background) !important;
}

.editor-container {
  -webkit-font-smoothing: antialiased;
}

.monaco-workbench .part.titlebar .window-controls-container .window-icon,
.monaco-workbench .part.editor > .content > .watermark {
  display: none !important;
}

.monaco-workbench .part.editor .tabs-and-actions-container .window-controls-container {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  -webkit-app-region: no-drag;
  height: 100%;
}

.monaco-workbench .part.editor .tabs-and-actions-container .window-controls-container .window-icon {
  width: 30px !important;
  height: 30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.monaco-workbench .part.editor .tabs-and-actions-container .window-controls-container .window-icon.window-close:hover {
  background: #FF5555 !important;
}

.monaco-workbench .part.titlebar .window-controls-container .layout-dropdown-container {
  margin-left: auto !important;
}

.monaco-workbench .part.titlebar > .window-controls-container {
  width: unset !important;
}

.monaco-workbench .part.titlebar > .window-controls-container > .window-icon {
  width: 30px !important;
}

.monaco-workbench.linux .part.titlebar > .window-title {
  font-size: 12.5px !important;
}

.monaco-workbench .part.titlebar > .titlebar-container .window-appicon > .home-bar-icon-badge,
.monaco-workbench .part.titlebar > .titlebar-container > .window-appicon:not(.codicon) {
  background-image: url(./vsc/vsc.svg) !important;
}

.monaco-workbench .part.editor > .content .editor-group-container.empty .editor-group-letterpress {
  background-image: url(./vsc/vsc-back.svg) !important;
}

.monaco-workbench .part.editor.has-watermark > .content.empty .editor-group-container > .editor-group-letterpress {
  background-position-y: 50% !important;
}

.mac,
.windows,
.linux {
  /* font-family: 'CaskaydiaCove Nerd Font' !important;
  --monaco-monospace-font: 'CaskaydiaCove Nerd Font' !important; */
  /* font-family: 'Delugia' !important;
  --monaco-monospace-font: 'Delugia Mono' !important; */
}


.monaco-workbench .part.sidebar > .title > .title-label h2 {
  font-weight: bold !important;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
  background: linear-gradient(to bottom, var(--gradient-one), var(--gradient-two)) !important;
}

/* Squiggly lines to straight lines */

.monaco-editor .squiggly-error {
  background: none !important;
  border-bottom: 0.5px solid var(--vscode-editorError-foreground) !important;
}

.monaco-editor .squiggly-warning {
  background: none !important;
  border-bottom: 0.5px solid var(--vscode-editorWarning-foreground) !important;
}

.monaco-editor .squiggly-info {
  background: none !important;
  border-bottom: 0.5px solid var(--vscode-editorInfo-foreground) !important;
}

.monaco-editor .squiggly-hint {
  background: none !important;
  border-bottom: 0.5px solid var(--vscode-editorHint-foreground) !important;
}

/*  */

/* Gradient Tab border */
body.activity-bar-at-bottom .monaco-workbench .activitybar .active-item-indicator {
  display: block !important;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.checked .active-item-indicator:before {
  border: 0 !important;
  width: 3px !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background-image: linear-gradient(to top, var(--gradient-one), var(--gradient-two)) !important;
  border-radius: 100vmax !important;
}

.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-border-bottom-container,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-border-top-container {
  background-image: linear-gradient(to left, var(--gradient-one), var(--gradient-two)) !important;
  height: 3px !important;
  display: none !important;
}

.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
  background-image: linear-gradient(90deg, var(--gradient-one), var(--gradient-two)) !important;
}

/*  */

/* Hides dirty tab white dot indicator */

.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.dirty > .tab-actions .action-label:not(:hover):before,
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty > .tab-actions .action-label:not(:hover):before {
  content: '' !important;
}

/*  */

/* Git icon background */

.codicon-git-branch:before {
  background: linear-gradient(to bottom, var(--gradient-one), var(--gradient-two)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

/*  */

/* Editor Background */

.monaco-editor,
.split-view-view .lines-content.monaco-editor-background {
  background: url(./vsc/pek.png) bottom right / 10% auto no-repeat scroll;
  /*background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url(./vsc/bg.jpg) center center / auto 100vh no-repeat scroll;*/
}

/*  */

/* Scrollbar */
.monaco-scrollable-element > .scrollbar > .slider {
  border-radius: 7px !important;
}

.monaco-scrollable-element > .scrollbar > .slider.active {
  background: linear-gradient(to top, var(--gradient-one), var(--gradient-two)) !important;
}

canvas.decorationsOverviewRuler,
.monaco-scrollable-element > .scrollbar.vertical,
.monaco-scrollable-element > .scrollbar.vertical > .slider {
  width: 7px !important;
}

.monaco-scrollable-element > .scrollbar.vertical > .slider {
  transition: all 100ms ease-out;
}

.monaco-scrollable-element > .scrollbar.horizontal,
.monaco-scrollable-element > .scrollbar.horizontal > .slider {
  height: 7px !important;
}

.monaco-scrollable-element > .scrollbar.horizontal > .slider {
  transition: all 100ms ease-out;
}

.monaco-scrollable-element > .scrollbar.horizontal > .slider {
  width: 135px !important;
}

/*  */

/* Rounded UI */

/* Suggestions */
.monaco-editor .monaco-hover,
.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
  border-radius: var(--ui-radius) !important;
  overflow: hidden !important;
  box-shadow: rgb(0 0 0 / 36%) 0px 2px calc(var(--ui-radius) + 2px) !important;
}

/* Left pane selected file */
.pane .pane-body,
.pane .pane-body .monaco-list,
.pane .pane-body .monaco-list .monaco-scrollable-element,
.pane .pane-body .monaco-list .monaco-scrollable-element .monaco-list-rows,
.pane .pane-body .monaco-list .monaco-scrollable-element .monaco-list-rows .monaco-list-row {
  overflow: visible !important;
}

.open-editors .monaco-list .monaco-list-row {
  padding-left: 0px !important;
}

.monaco-list-row:hover,
.monaco-list-row.selected,
.monaco-list-row.focused {
  border-radius: 0 var(--ui-radius) var(--ui-radius) 0 !important;
}

.monaco-workbench .monaco-list:not(.element-focused):focus:before,
.monaco-select-box,
.monaco-select-box-dropdown-container,
.monaco-select-box-dropdown-container .monaco-list-row:hover,
.monaco-select-box-dropdown-container .monaco-list-row.selected,
.monaco-select-box-dropdown-container .monaco-list-row.focused {
  border-radius: var(--ui-radius) !important;
}

.monaco-list-row.selected::before,
.monaco-list-row.selected::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  width: var(--ui-radius) !important;
  height: var(--ui-radius) !important;
  left: 0 !important;
  pointer-events: none !important;
}

.monaco-list-row.selected::before {
  top: calc(0px - var(--ui-radius)) !important;
  background: radial-gradient(circle at 100% 0%, transparent 70.71%, var(--side-pane-color) 29.289%) no-repeat;
  background-position: 100% 0%;
}

.monaco-list-row.selected::after {
  bottom: calc(0px - var(--ui-radius)) !important;
  background: radial-gradient(circle at 100% 100%, transparent 70.71%, var(--side-pane-color) 29.289%) no-repeat;
  background-position: 100% 100%;
}

.monaco-button.monaco-text-button {
  border-radius: var(--ui-radius) !important;
}

/*  */

/* Smooth cursor */

.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
  transition: all 100ms ease-out;
}

/*  */

/* Active tab (Without border) */

..tab:first-child {
  margin-left: var(--tab-radius) !important;
  /* margin-left: calc(var(--tab-radius) - 2px) !important; */
}

..tab:last-child {
  margin-right: var(--tab-radius) !important;
  /* margin-right: calc(var(--tab-radius) - 2px) !important; */
}

..tab.active {
  /* border: 2px solid var(--base-color) !important; */
  /* background-color: transparent !important; */
  /* rgb(20, 24, 34) */
  border-radius: var(--tab-radius) var(--tab-radius) 0 0 !important;
  /* border-bottom: 2px solid #0c0e14 !important; */
  /* z-index: 1 !important; */
}

.tab.dirty-border-top > .tab-border-top-container {
  border-radius: var(--tab-radius) var(--tab-radius) 0 0 !important;
}

/* Border bottom radius*/
..tab.active::before,
..tab.active::after {
  content: '' !important;
  display: block !important;
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 1;
  width: var(--tab-radius) !important;
  height: var(--tab-radius) !important;
  bottom: 0px !important;
  /* bottom: -2px !important; */
  pointer-events: none !important;
  /* border-bottom: 2px solid var(--base-color) !important; */
}

...tab.active::before {
  left: calc(0px - var(--tab-radius)) !important;
  /* transform: translateX(calc(0px - var(--tab-radius))) !important; */
  /* border-right: 2px solid var(--base-color) !important; */
  border-bottom-right-radius: var(--tab-radius) !important;
  /* box-shadow: 3px 3px 0 3px var(--tab-color) !important; */
  box-shadow: 3px 3px 0 3px var(--vscode-editor-background) !important;
  /* background: radial-gradient(circle at 0% 0%, transparent 70.71%, var(--tab-color) 29.289%) no-repeat;
  background-position: 0% 0%; */
}

..tab.active::after {
  right: 0 !important;
  transform: translateX(var(--tab-radius)) !important;
  /* border-left: 2px solid var(--base-color) !important; */
  border-bottom-left-radius: var(--tab-radius) !important;
  /* box-shadow: -3px 3px 0 3px var(--tab-color) !important; */
  box-shadow: -3px 3px 0 3px var(--vscode-editor-background) !important;
  /* background: radial-gradient(circle at 100% 0%, transparent 70.71%, var(--tab-color) 29.289%) no-repeat;
  background-position: 100% 0%; */
}

/* .tabs-container:before {
  content: '' !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(90deg, rgb(12, 14, 20), rgb(189, 172, 255), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 172, 249), rgb(12, 14, 20)) !important;
  clip: rect(33px, 2600px, 33px, 0px) !important;
  position: absolute !important;
}

.tabs-container:after {
  content: '' !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(90deg, rgb(12, 14, 20), rgb(189, 172, 255), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 172, 249), rgb(12, 14, 20)) !important;
  clip: rect(33px, 2600px, 35px, 0px) !important;
  position: absolute !important;
}

.tab-label > .monaco-icon-label-container::after {
  background: transparent !important;
} */

/*  */

.tab{
    border-radius: 12px !important;
    margin: 5px !important;
    height: 40px !important;
    border:2px solid #313244 !important;
    background-color: #161925 !important;
}
.tab.active {
    border: 2px solid var(--gradient-one) !important;
    color: var(--gradient-one) !important;
    font-weight: bold !important;
}
.tab.dirty {
    border: 2px solid var(--gradient-two) !important;

}
.tabs-container{
    height: auto !important;
    padding: 5px !important;
}
.editor-actions {
    height: inherit !important;
}