/* ═══════════════════════════════════════════════
   Anime API — Swagger UI Dark Theme
   Synced with Landing Page color palette
   ═══════════════════════════════════════════════
   --bg-primary:    #06060b
   --bg-secondary:  #0d0d14
   --bg-card:       #111119
   --border:        rgba(255, 255, 255, 0.06)
   --border-hover:  rgba(255, 255, 255, 0.12)
   --text-primary:  #eaeaf0
   --text-secondary:#9a9ab0
   --text-muted:    #5a5a72
   --accent:        #f43f5e
   --accent-glow:   rgba(244, 63, 94, 0.25)
   --cyan:          #22d3ee
   --green:         #34d399
   --purple:        #a78bfa
   --yellow:        #fbbf24
   ═══════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ─── Root & Global ─── */
html {
    box-sizing: border-box;
    color-scheme: dark !important;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    background: #06060b !important;
    color: #eaeaf0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}

/* ─── Wrapper ─── */
.swagger-ui .wrapper {
    max-width: 1200px !important;
    padding: 0 24px !important;
}

/* ─── Top Bar ─── */
.swagger-ui .topbar {
    background: #0d0d14 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 8px 0 !important;
}

.swagger-ui .topbar a {
    max-width: 180px;
}

.swagger-ui .topbar .download-url-wrapper .select-label {
    color: #9a9ab0 !important;
    font-size: 13px !important;
}

.swagger-ui .topbar .download-url-wrapper .select-label select {
    background: #111119 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #eaeaf0 !important;
    border-radius: 6px !important;
}

.swagger-ui .topbar .download-url-wrapper input[type=text] {
    background: #111119 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #eaeaf0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.swagger-ui .topbar .download-url-wrapper .download-url-button {
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
    border: none !important;
    color: white !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

/* ─── Info Section ─── */
.swagger-ui .info {
    margin: 30px 0 20px !important;
}

.swagger-ui .info hgroup.main a {
    color: #eaeaf0 !important;
}

.swagger-ui .info .title {
    color: #eaeaf0 !important;
    font-weight: 800 !important;
    font-family: 'Inter', sans-serif !important;
}

.swagger-ui .info .title small {
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
}

.swagger-ui .info .title small pre {
    color: white !important;
    font-size: 12px !important;
}

.swagger-ui .info .description,
.swagger-ui .info .description p,
.swagger-ui .info .description div {
    color: #9a9ab0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.swagger-ui .info .description code {
    background: #111119 !important;
    color: #22d3ee !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.swagger-ui .info .description a {
    color: #22d3ee !important;
}

.swagger-ui .info .description a:hover {
    color: #67e8f9 !important;
}

.swagger-ui .info li,
.swagger-ui .info p,
.swagger-ui .info table {
    color: #9a9ab0 !important;
}

.swagger-ui .info a {
    color: #22d3ee !important;
}

.swagger-ui .info .base-url {
    color: #5a5a72 !important;
    font-size: 12px !important;
}

.swagger-ui .info .renderedMarkdown p {
    color: #9a9ab0 !important;
}

/* ─── Scheme Container ─── */
.swagger-ui .scheme-container {
    background: #0d0d14 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 16px 20px !important;
}

.swagger-ui .scheme-container .schemes>label {
    color: #9a9ab0 !important;
    font-weight: 500 !important;
}

/* ─── Filter ─── */
.swagger-ui .filter-container {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 12px 0 !important;
}

.swagger-ui .filter-container .filter input[type=text] {
    background: #0d0d14 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #eaeaf0 !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
}

.swagger-ui .filter-container .filter input[type=text]::placeholder {
    color: #5a5a72 !important;
}

.swagger-ui .filter-container .filter input[type=text]:focus {
    border-color: #22d3ee !important;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.1) !important;
    outline: none !important;
}

/* ─── Tag / Section Headers ─── */
.swagger-ui .opblock-tag-section {
    margin-bottom: 8px !important;
}

.swagger-ui .opblock-tag {
    color: #eaeaf0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 12px 16px !important;
    font-family: 'Inter', sans-serif !important;
}

.swagger-ui .opblock-tag:hover {
    background: rgba(255, 255, 255, 0.02) !important;
}

.swagger-ui .opblock-tag small {
    color: #5a5a72 !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
}

.swagger-ui .opblock-tag svg,
.swagger-ui .opblock-tag button svg {
    fill: #5a5a72 !important;
}

/* ─── Operation Blocks ─── */
.swagger-ui .opblock {
    background: #111119 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.swagger-ui .opblock .opblock-summary {
    border: none !important;
    padding: 10px 14px !important;
}

.swagger-ui .opblock .opblock-summary-method {
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    min-width: 56px !important;
    padding: 6px 0 !important;
    text-align: center !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path a,
.swagger-ui .opblock .opblock-summary-path span,
.swagger-ui .opblock .opblock-summary-path__deprecated {
    color: #eaeaf0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
}

.swagger-ui .opblock .opblock-summary-description {
    color: #5a5a72 !important;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
}

/* GET — cyan accent (same as landing .ep-method) */
.swagger-ui .opblock.opblock-get {
    background: rgba(34, 211, 238, 0.03) !important;
    border-color: rgba(34, 211, 238, 0.1) !important;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
    background: rgba(34, 211, 238, 0.15) !important;
    color: #22d3ee !important;
}

.swagger-ui .opblock.opblock-get .opblock-summary {
    border-color: transparent !important;
}

.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span::after {
    background: #22d3ee !important;
}

/* POST — green */
.swagger-ui .opblock.opblock-post {
    background: rgba(52, 211, 153, 0.03) !important;
    border-color: rgba(52, 211, 153, 0.1) !important;
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
    background: rgba(52, 211, 153, 0.15) !important;
    color: #34d399 !important;
}

/* PUT — yellow */
.swagger-ui .opblock.opblock-put {
    background: rgba(251, 191, 36, 0.03) !important;
    border-color: rgba(251, 191, 36, 0.1) !important;
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
    background: rgba(251, 191, 36, 0.15) !important;
    color: #fbbf24 !important;
}

/* DELETE — accent red */
.swagger-ui .opblock.opblock-delete {
    background: rgba(244, 63, 94, 0.03) !important;
    border-color: rgba(244, 63, 94, 0.1) !important;
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method {
    background: rgba(244, 63, 94, 0.15) !important;
    color: #f43f5e !important;
}

/* PATCH — purple */
.swagger-ui .opblock.opblock-patch {
    background: rgba(167, 139, 250, 0.03) !important;
    border-color: rgba(167, 139, 250, 0.1) !important;
}

.swagger-ui .opblock.opblock-patch .opblock-summary-method {
    background: rgba(167, 139, 250, 0.15) !important;
    color: #a78bfa !important;
}

/* ─── Operation Body ─── */
.swagger-ui .opblock-body {
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.swagger-ui .opblock-body pre,
.swagger-ui .opblock-body pre.microlight {
    background: #06060b !important;
    color: #9a9ab0 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    padding: 12px 16px !important;
}

.swagger-ui .opblock-description-wrapper,
.swagger-ui .opblock-external-docs-wrapper,
.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-external-docs-wrapper p {
    color: #9a9ab0 !important;
}

.swagger-ui .opblock-description-wrapper h4,
.swagger-ui .opblock-external-docs-wrapper h4 {
    color: #eaeaf0 !important;
}

/* ─── Section Header (Parameters, Responses) ─── */
.swagger-ui .opblock .opblock-section-header {
    background: rgba(255, 255, 255, 0.015) !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding: 8px 16px !important;
}

.swagger-ui .opblock .opblock-section-header h4 {
    color: #9a9ab0 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.swagger-ui .opblock .opblock-section-header label,
.swagger-ui .opblock .opblock-section-header label span {
    color: #5a5a72 !important;
    font-size: 12px !important;
}

/* ─── Tables ─── */
.swagger-ui table {
    border-collapse: collapse !important;
}

.swagger-ui table thead tr th,
.swagger-ui table thead tr td {
    color: #5a5a72 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 14px !important;
}

.swagger-ui table tbody tr td {
    color: #9a9ab0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    padding: 10px 14px !important;
}

.swagger-ui .parameter__name {
    color: #eaeaf0 !important;
    font-weight: 600 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
}

.swagger-ui .parameter__name.required {
    color: #eaeaf0 !important;
}

.swagger-ui .parameter__name.required::after {
    color: #f43f5e !important;
    font-weight: 700 !important;
}

.swagger-ui .parameter__type {
    color: #22d3ee !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
}

.swagger-ui .parameter__in {
    color: #5a5a72 !important;
    font-size: 11px !important;
}

.swagger-ui .parameter__deprecated {
    color: #f43f5e !important;
}

/* ─── Inputs ─── */
.swagger-ui input[type=text],
.swagger-ui input[type=password],
.swagger-ui input[type=search],
.swagger-ui input[type=email],
.swagger-ui input[type=file],
.swagger-ui textarea {
    background: #0d0d14 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #eaeaf0 !important;
    border-radius: 6px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
}

.swagger-ui input:focus,
.swagger-ui textarea:focus {
    border-color: #22d3ee !important;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.08) !important;
    outline: none !important;
}

.swagger-ui textarea {
    min-height: 100px !important;
}

.swagger-ui select {
    background: #0d0d14 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #eaeaf0 !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

.swagger-ui select option {
    background: #111119 !important;
    color: #eaeaf0 !important;
}

/* ─── Buttons ─── */
.swagger-ui .btn {
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.swagger-ui .btn.execute {
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 10px rgba(244, 63, 94, 0.25) !important;
    padding: 8px 24px !important;
}

.swagger-ui .btn.execute:hover {
    box-shadow: 0 4px 20px rgba(244, 63, 94, 0.35) !important;
    transform: translateY(-1px) !important;
}

.swagger-ui .btn.cancel {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #9a9ab0 !important;
}

.swagger-ui .btn.cancel:hover {
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #eaeaf0 !important;
}

.swagger-ui .btn.authorize {
    background: transparent !important;
    border: 1px solid rgba(52, 211, 153, 0.3) !important;
    color: #34d399 !important;
}

.swagger-ui .btn.authorize svg {
    fill: #34d399 !important;
}

.swagger-ui .try-out__btn {
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #9a9ab0 !important;
    background: transparent !important;
}

.swagger-ui .try-out__btn:hover {
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #eaeaf0 !important;
}

/* ─── Response Section ─── */
.swagger-ui .responses-inner {
    padding: 12px !important;
}

.swagger-ui .responses-header {
    color: #eaeaf0 !important;
}

.swagger-ui .responses-header .col_header {
    color: #5a5a72 !important;
}

.swagger-ui .response-col_status {
    color: #34d399 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 700 !important;
}

.swagger-ui .response-col_status .response-undocumented {
    color: #22d3ee !important;
}

.swagger-ui .responses-table .response-col_description__inner p,
.swagger-ui .response-col_description,
.swagger-ui .response-col_description .response-col_description__inner,
.swagger-ui .response-col_description .markdown p {
    color: #9a9ab0 !important;
}

.swagger-ui .response-col_links {
    color: #5a5a72 !important;
}

.swagger-ui .responses-wrapper .response-code {
    color: #eaeaf0 !important;
}

.swagger-ui .responses-wrapper .opblock-section-header {
    background: rgba(255, 255, 255, 0.015) !important;
}

/* ─── Tabs ─── */
.swagger-ui .tab li {
    color: #5a5a72 !important;
    font-size: 12px !important;
}

.swagger-ui .tab li.active {
    color: #eaeaf0 !important;
}

.swagger-ui .tab li:first-of-type::after {
    background: transparent !important;
}

.swagger-ui .tab li button,
.swagger-ui .tab li button.tablinks {
    color: inherit !important;
    background: transparent !important;
    font-family: 'Inter', sans-serif !important;
}

/* ─── Curl ─── */
.swagger-ui .curl-command {
    background: #06060b !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
}

.swagger-ui .curl-command .copy-to-clipboard {
    background: #111119 !important;
    border-radius: 4px !important;
}

.swagger-ui .curl-command .copy-to-clipboard button {
    background: transparent !important;
}

.swagger-ui .curl-command pre,
.swagger-ui .curl-command pre.microlight {
    background: transparent !important;
    border: none !important;
    color: #9a9ab0 !important;
}

/* ─── Live Response ─── */
.swagger-ui .live-responses-table .response-col_status {
    color: #34d399 !important;
}

.swagger-ui .request-url {
    background: #06060b !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
}

.swagger-ui .request-url pre {
    color: #22d3ee !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.swagger-ui .response-control-media-type {
    color: #5a5a72 !important;
}

.swagger-ui .response-control-media-type__accept-message {
    color: #34d399 !important;
}

/* ─── Code Highlights ─── */
.swagger-ui .highlight-code>.microlight {
    background: #06060b !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
}

.swagger-ui .microlight .headerline,
.swagger-ui .microlight .headerline .header-example {
    color: #9a9ab0 !important;
}

/* ─── Models Section ─── */
.swagger-ui section.models {
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    background: #111119 !important;
    overflow: hidden;
}

.swagger-ui section.models.is-open h4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.swagger-ui section.models h4 {
    color: #9a9ab0 !important;
    border: none !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    padding: 12px 16px !important;
}

.swagger-ui section.models h4 svg {
    fill: #5a5a72 !important;
}

.swagger-ui section.models .model-container {
    background: #06060b !important;
    border-radius: 8px !important;
    margin: 6px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.swagger-ui .model-title {
    color: #eaeaf0 !important;
    font-weight: 600 !important;
}

.swagger-ui .model {
    color: #9a9ab0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
}

.swagger-ui .model-toggle::after {
    filter: invert(0.5) !important;
}

.swagger-ui .model .property.primitive {
    color: #22d3ee !important;
}

.swagger-ui .prop-type {
    color: #22d3ee !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.swagger-ui .prop-format {
    color: #5a5a72 !important;
}

.swagger-ui .model-box,
.swagger-ui .model-box .model-box {
    background: transparent !important;
}

/* ─── Dialog / Modal ─── */
.swagger-ui .dialog-ux .backdrop-ux {
    background: rgba(6, 6, 11, 0.85) !important;
}

.swagger-ui .dialog-ux .modal-ux {
    background: #111119 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

.swagger-ui .dialog-ux .modal-ux-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 16px 20px !important;
}

.swagger-ui .dialog-ux .modal-ux-header h3 {
    color: #eaeaf0 !important;
    font-family: 'Inter', sans-serif !important;
}

.swagger-ui .dialog-ux .modal-ux-header .close-modal {
    filter: invert(0.6) !important;
}

.swagger-ui .dialog-ux .modal-ux-content {
    padding: 16px 20px !important;
}

.swagger-ui .dialog-ux .modal-ux-content p {
    color: #9a9ab0 !important;
}

.swagger-ui .dialog-ux .modal-ux-content label {
    color: #eaeaf0 !important;
}

/* ─── Authorization ─── */
.swagger-ui .authorization__btn {
    opacity: 0.7 !important;
}

.swagger-ui .authorization__btn svg {
    fill: #5a5a72 !important;
}

.swagger-ui .authorization__btn:hover {
    opacity: 1 !important;
}

.swagger-ui .authorization__btn:hover svg {
    fill: #eaeaf0 !important;
}

.swagger-ui .unlocked svg {
    fill: #5a5a72 !important;
}

.swagger-ui .locked svg {
    fill: #34d399 !important;
}

/* ─── SVG / Icons ─── */
.swagger-ui svg:not(:root) {
    fill: #5a5a72 !important;
}

.swagger-ui .expand-operation svg,
.swagger-ui .opblock-summary-control svg {
    fill: #5a5a72 !important;
}

.swagger-ui .expand-operation:hover svg,
.swagger-ui .opblock-summary-control:hover svg {
    fill: #9a9ab0 !important;
}

.swagger-ui .arrow {
    fill: #5a5a72 !important;
}

/* ─── Links ─── */
.swagger-ui a {
    color: #22d3ee !important;
}

.swagger-ui a:hover {
    color: #67e8f9 !important;
}

/* ─── Loading ─── */
.swagger-ui .loading-container {
    padding: 40px !important;
}

.swagger-ui .loading-container .loading::before {
    border-color: rgba(255, 255, 255, 0.06) !important;
    border-top-color: #22d3ee !important;
}

.swagger-ui .loading-container .loading::after {
    color: #9a9ab0 !important;
    font-family: 'Inter', sans-serif !important;
}

/* ─── Copy to Clipboard ─── */
.swagger-ui .copy-to-clipboard {
    background: #111119 !important;
    border-radius: 4px !important;
}

.swagger-ui .copy-to-clipboard button {
    background: transparent !important;
}

/* ─── Content type / misc ─── */
.swagger-ui .information-container {
    background: transparent !important;
}

.swagger-ui .response-content-type.controls-accept-header select {
    background: #0d0d14 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #eaeaf0 !important;
}

.swagger-ui .headers-wrapper h4 {
    color: #9a9ab0 !important;
}

.swagger-ui .headers-wrapper h4 span {
    color: #5a5a72 !important;
}

.swagger-ui .download-contents {
    background: #111119 !important;
    color: #9a9ab0 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
}

/* ─── Scrollbars (match landing page) ─── */
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

::-webkit-scrollbar-track {
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 99px !important;
}

/* ─── Checkbox ─── */
.swagger-ui input[type=checkbox] {
    accent-color: #22d3ee !important;
}

/* ─── Example Values ─── */
.swagger-ui .example__section-header {
    color: #9a9ab0 !important;
}

.swagger-ui .no-margin {
    color: #9a9ab0 !important;
}

/* ─── Response Duration ─── */
.swagger-ui .response-col_duration {
    color: #5a5a72 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* ═══════════════════════════════════════════════
   Responsive (matches landing page breakpoints)
   ═══════════════════════════════════════════════ */

@media (max-width: 768px) {
    .swagger-ui .wrapper {
        padding: 0 12px !important;
    }

    .swagger-ui .info .title {
        font-size: 22px !important;
    }

    .swagger-ui .info .description p {
        font-size: 13px !important;
    }

    .swagger-ui .opblock .opblock-summary {
        padding: 8px 10px !important;
        flex-wrap: wrap !important;
    }

    .swagger-ui .opblock .opblock-summary-path,
    .swagger-ui .opblock .opblock-summary-path a {
        font-size: 11px !important;
        word-break: break-all !important;
    }

    .swagger-ui .opblock .opblock-summary-description {
        display: none !important;
    }

    .swagger-ui .opblock .opblock-summary-method {
        font-size: 10px !important;
        min-width: 44px !important;
        padding: 4px 0 !important;
    }

    .swagger-ui table {
        font-size: 12px !important;
    }

    .swagger-ui table thead tr th,
    .swagger-ui table thead tr td,
    .swagger-ui table tbody tr td {
        padding: 6px 8px !important;
        font-size: 11px !important;
    }

    .swagger-ui .parameter__name {
        font-size: 11px !important;
    }

    .swagger-ui .parameter__type {
        font-size: 10px !important;
    }

    .swagger-ui .opblock-body pre,
    .swagger-ui .opblock-body pre.microlight {
        font-size: 10px !important;
        padding: 8px 10px !important;
    }

    .swagger-ui .btn.execute {
        padding: 6px 16px !important;
        font-size: 11px !important;
    }

    .swagger-ui .scheme-container {
        padding: 10px 12px !important;
    }

    .swagger-ui .response-col_links {
        display: none !important;
    }

    .swagger-ui .opblock-tag {
        font-size: 15px !important;
        padding: 10px 12px !important;
    }

    .swagger-ui .parameters-container,
    .swagger-ui .responses-inner {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

@media (max-width: 480px) {
    .swagger-ui .topbar {
        padding: 4px 0 !important;
    }

    .swagger-ui .topbar a img {
        max-height: 28px !important;
    }

    .swagger-ui .info .title {
        font-size: 18px !important;
    }

    .swagger-ui .opblock .opblock-summary-path,
    .swagger-ui .opblock .opblock-summary-path a {
        font-size: 10px !important;
    }

    .swagger-ui .dialog-ux .modal-ux {
        margin: 10px !important;
        width: calc(100% - 20px) !important;
    }
}