/*
  |--------------------------------------------------------------------------
  | Dark Mode
  |--------------------------------------------------------------------------
  |
  | Swagger CSS to dark mode
  |
  */
html#dark-mode,
#dark-mode body,
#dark-mode .scheme-container {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
}

#dark-mode .scheme-container,
#dark-mode .opblock .opblock-section-header {
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.15);
}

#dark-mode .operation-filter-input,
#dark-mode .dialog-ux .modal-ux,
#dark-mode input[type=email],
#dark-mode input[type=file],
#dark-mode input[type=password],
#dark-mode input[type=search],
#dark-mode input[type=text],
#dark-mode select,
#dark-mode textarea {
    background-color: #343434FF;
    color: #e7e7e7;
}

#dark-mode .title,
#dark-mode li,
#dark-mode p,
#dark-mode table,
#dark-mode label,
#dark-mode .opblock-tag,
#dark-mode .opblock .opblock-summary-operation-id,
#dark-mode .opblock .opblock-summary-path,
#dark-mode .opblock .opblock-summary-path__deprecated,
#dark-mode h1,
#dark-mode h2,
#dark-mode h3,
#dark-mode h4,
#dark-mode h5,
#dark-mode .btn,
#dark-mode .tab li,
#dark-mode .parameter__name,
#dark-mode .parameter__type,
#dark-mode .prop-format,
#dark-mode .loading-container .loading:after {
    color: #e7e7e7;
}

#dark-mode .opblock-description-wrapper p,
#dark-mode .opblock-external-docs-wrapper p,
#dark-mode .opblock-title_normal p,
#dark-mode .response-col_status,
#dark-mode table thead tr td,
#dark-mode table thead tr th,
#dark-mode .response-col_links {
    color: wheat;
}

#dark-mode .swagger-ui {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
}

#dark-mode .parameter__extension,
#dark-mode .parameter__in,
#dark-mode .model-title {
    color: #949494;
}

#dark-mode table thead tr td,
#dark-mode table thead tr th {
    border-color: rgba(120, 120, 120, .2);
}

#dark-mode .opblock .opblock-section-header {
    background: transparent;
}

#dark-mode .opblock.opblock-post {
    background: rgba(73, 204, 144, .25);
}

#dark-mode .opblock.opblock-get {
    background: rgba(97, 175, 254, .25);
}

#dark-mode .opblock.opblock-put {
    background: rgba(252, 161, 48, .25);
}

#dark-mode .opblock.opblock-delete {
    background: rgba(249, 62, 62, .25);
}

#dark-mode .loading-container .loading:before {
    border-color: rgba(255, 255, 255, 10%);
    border-top-color: rgba(255, 255, 255, .6);
}

#dark-mode svg:not(:root) {
    fill: #e7e7e7;
}


/*
  |--------------------------------------------------------------------------
  | Overrides
  |--------------------------------------------------------------------------
  |
  | Global CSS to override swagger styles
  |
  */
.swagger-ui,
.swagger-ui .renderedMarkdown,
.swagger-ui .renderedMarkdown *,
.swagger-ui .info h3,
.swagger-ui .info .title {
    font-family: 'Inter', sans-serif !important;
}

#dark-mode .topbar {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}

.topbar {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}

#dark-mode .swagger-ui .topbar .download-url-wrapper .download-url-button {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}

.swagger-ui .topbar .download-url-wrapper .download-url-button {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}

#dark-mode .swagger-ui .topbar .download-url-wrapper input[type=text] {
    border: 2px solid #1a202c;
}

.swagger-ui .topbar .download-url-wrapper input[type=text] {
    border: 2px solid #2d3748;
}

.swagger-ui .opblock .opblock-summary-description {
    color: rgba(255, 255, 255, 0.75) !important;
}