button[aria-label="Re-fetch GraphQL schema"],
button[aria-label="Open settings dialog"],
button[aria-label="Show History"] {
  display: none !important;
}

.graphiql-dialog-section p {
  display: none !important;
}

.graphiql-container {
  background-color: #323232 !important;
  border: 1px solid var(--mui-palette-divider);
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.graphiql-container.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.disabled .graphiql-main {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.graphiql-container .graphiql-sidebar button {
  color: var(--mui-palette-text-primary) !important;
}

.graphiql-container .graphiql-editors {
  background-color: #323232 !important;
  border: 1px solid var(--mui-palette-divider);
}

.graphiql-toolbar-icon {
  color: var(--mui-palette-text-primary) !important;
}

.graphiql-un-styled {
  color: var(--mui-palette-text-primary) !important;
}

.graphiql-doc-explorer-search-input {
  background-color: #323232 !important;
  color: var(--mui-palette-text-primary) !important;
}

.graphiql-execute-button {
  background-color: var(--mui-palette-primary-main) !important;
}