/* ====vscode-ui-tweaks=== */

/* ================================== */

/* Scroll Bar */
.slider {
  position: absolute !important;
  left: auto !important;
  display:auto;
}

/* ================================== */

/* Command Palette */
.quick-input-widget {
  transform: translateY(-50%) !important;
  top: 50% !important;
  padding: 10px 10px 18px 10px !important;
  background-color: #292c35 !important;
  border-radius: 15px !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  color: #fff;
  font-size: 13px !important;
  font-size:inherit;
}

/* Remove background for lists */
.monaco-list-rows {
  background: transparent !important;
}

/* List(dropdowns) hover */
.monaco-list-row:hover {
  background: #21252b !important;
}

.notifications-toasts .monaco-list-row:hover {
  background: none !important;
}

.monaco-list-row.focused {
  background-color: #21252b60 !important;
}

.synthetic-focus {
  outline-color: rgba(50, 50, 50, 1) !important;
}

.quick-input-widget .monaco-label {
  font-size: 14px !important;
}

/* Command palette text input */
.quick-input-filter .monaco-inputbox {
  border-radius: 12px !important;
  padding: 8px !important;
  border: none !important;
  background-color: #21252b !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}

/* Command pallete background */
#command-blur {
  position: absolute !important;
  width: 100% !important;
  height: calc(100% - 22px) !important;
  background: #21252b60 !important;
  top: 0 !important;
  left: 0 !important;
  backdrop-filter: blur(1.75px) !important;
}

/* Command palette's input box placeholder. */
.monaco-inputbox input::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

/* ================================== */

/* Menu Bar */
.editor-group-watermark {
  max-width: none !important;
}

/* Center and fix the width of the topmost searchbar of the menu bar */
.command-center-center {
  width: auto !important;
  width: 250px !important;
  display:auto;
}
/* ================================== */

/* Title Label 'EXPLORER' */
.title-label h2 {
  font-size: 12px !important;
}

.title-label h2::before {
  font-size: 13px !important;
}

.title-label h2::before {
  content: "🚀 ";
}
/* ================================== */

/* Menu Bar left and right arrows */
.codicon-arrow-right {
  display: none !important;
}

.codicon-arrow-left {
  display: none !important;
}

/* ================================== */

/* Position of the popup */
.monaco-workbench > .notifications-toasts {
  bottom: 30px !important;
  right: 8px !important;
}

/* Background of the popup */
.monaco-workbench .notifications-list-container .notification-list-item {
  background-color: #292c35 !important;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  height: 100% !important;
  padding: 17.5px 12px 7.5px 12px !important;
}

/* Fix the color of the text while hovering over the popup */
.monaco-workbench .notifications-list-container .notification-list-item:hover {
  color: #cccccc !important;
}

/* Button of the popup */
.monaco-workbench
  .notifications-list-container
  .notification-list-item
  .notification-list-item-buttons-container
  .monaco-text-button {
  background-color: #21252b !important;
  min-width: 100px !important;
  min-height: 35px !important;
  align-items: center !important;
  justify-content: center !important;
  display: flex;
}

/* Font color inside the button */
.monaco-workbench
  .notifications-list-container
  .notification-list-item
  .notification-list-item-buttons-container
  .monaco-text-button:hover {
  background-color: #1e2429 !important;
}

/* Bold the 'SOURCE' text in the popup */
.monaco-workbench
  .notifications-list-container
  .notification-list-item
  .notification-list-item-source {
  font-weight: bold !important;
}

/* Height of the popup */
.notification-toast-container .monaco-list-rows {
  height: 138px !important;
  display:auto;
}

/* Heigh of the popup */
.notification-toast-container .monaco-list-row {
  height: 138px !important;
  display:auto;
}

/* Style the main text message container in the popup */
.monaco-workbench
  .notifications-list-container
  .notification-list-item
  .notification-list-item-message {
  margin-left: 10px !important;
  margin-right: 9px !important;
}

/* ================================== */
