.swagger-ui {
  color: var(--text_color);
}

.swagger-ui .scheme-container,
.swagger-ui .opblock,
.swagger-ui .responses-inner,
.swagger-ui .model-box,
.swagger-ui .tab li,
.swagger-ui input,
.swagger-ui select,
.swagger-ui textarea {
  background: var(--surface_bg);
  color: var(--text_color);
  border-color: var(--border_color);
}

.swagger-ui .info .title,
.swagger-ui .opblock-tag,
.swagger-ui .opblock-summary-description,
.swagger-ui .response-col_status,
.swagger-ui .response-col_description,
.swagger-ui .model,
.swagger-ui .model-title,
.swagger-ui .parameter__name,
.swagger-ui .parameter__type,
.swagger-ui .response-col_links,
.swagger-ui .responses-table td,
.swagger-ui .responses-table th,
.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated,
.swagger-ui .opblock .opblock-summary-path a,
.swagger-ui .property,
.swagger-ui .property-row td,
.swagger-ui .description td,
.swagger-ui .prop,
.swagger-ui .prop .prop-type,
.swagger-ui .prop .prop-format,
.swagger-ui .prop .property,
.swagger-ui .prop .primitive,
.swagger-ui .property.primitive {
  color: var(--text_color);
}

.swagger-ui .opblock-description-wrapper p,
.swagger-ui .markdown p,
.swagger-ui .markdown li,
.swagger-ui tr.description td,
.swagger-ui tr.description td div,
.swagger-ui tr.description td p,
.swagger-ui tr.description .renderedMarkdown,
.swagger-ui tr.description .renderedMarkdown p {
  color: var(--muted_text);
}

.swagger-ui .opblock .opblock-summary-control,
.swagger-ui .opblock-tag,
.swagger-ui .expand-operation,
.swagger-ui .expand-methods,
.swagger-ui .models-control {
  color: var(--text_color);
}

.swagger-ui .opblock .opblock-summary-control svg,
.swagger-ui .opblock-tag svg,
.swagger-ui .expand-operation svg,
.swagger-ui .expand-methods svg,
.swagger-ui .models-control svg,
.swagger-ui .models-control svg path,
.swagger-ui .opblock .opblock-control-arrow,
.swagger-ui .opblock .opblock-control-arrow .arrow,
.swagger-ui .opblock .opblock-control-arrow .arrow path {
  fill: currentColor;
  stroke: currentColor;
  color: currentColor;
}

.swagger-ui .btn.authorize {
  background: var(--main_color);
  border-color: var(--main_color);
  color: var(--text_on_main);
}

.swagger-ui .btn.authorize:hover {
  background: var(--main_color_hover);
  border-color: var(--main_color_hover);
}

.swagger-ui .model-box-control .model-toggle::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23111111' d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") !important;
}

:root[data-theme="dark"] .swagger-ui .model-box-control .model-toggle::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23eef4fb' d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") !important;
}

:root[data-theme="light"] .swagger-ui .model-box-control .model-toggle::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23111111' d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") !important;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] .swagger-ui .model-box-control .model-toggle::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23eef4fb' d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") !important;
  }
}

@media (prefers-color-scheme: light) {
  :root[data-theme="auto"] .swagger-ui .model-box-control .model-toggle::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23111111' d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") !important;
  }
}
