@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,300,1,0');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
@import "vars.css";
@import "standard.css";

::-webkit-scrollbar
{
    width: 10px;
    height: 5px;
    background-color: #00000010;
    display: none;
}

::-webkit-scrollbar-thumb
{
    background: #00000050;
}

html {
    overflow-x: hidden;
    width: 100vw;
}

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

body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-family);
    font-size: var(--font-size);
    width: 100vw;
}

body * {
    font-family: var(--font-family) !important;
}

body > #swagger-ui > .swagger-ui > .wrapper
{
    display: none;
}

svg.arrow
{
    display: none;
}

.swagger-ui .opblock .opblock-summary:hover .view-line-link.copy-to-clipboard,
.swagger-ui .opblock .opblock-summary .view-line-link.copy-to-clipboard{
    /*background: #00000030;*/
    display: none;
}

.swagger-ui .curl-command .copy-to-clipboard,
.copy-to-clipboard,
.download-contents
{
    display: none !important;
}

.topbar
{
    display: none;
}

.scheme-container,
.information-container
{
    display: none;
    padding: 0 !important;
    margin: 0 !important;
}

.servers-title
{
    display: none !important;
}

section
{
    border-radius: 0 !important;    
    /*background: #00000000;*/
    margin: 0 !important;
}

.swagger-ui .wrapper
{
    padding: 0;
}

.swagger-ui .opblock .opblock-section-header
{
    background: var(--dark-color-s) !important;
    color: var(--main-color-xl) !important;
}

h3
{
    /*background: #00000070;*/
    margin: 0 !important;
}

h3 button
{
    display: none;
}

h4
{
    /*color: #dfbf20 !important;*/
    font-size: 1.1em !important;
}

.swagger-ui .opblock .tab-header .tab-item.active h4 span {
    /*color: #dfbf20 !important;*/
}

.swagger-ui article, .swagger-ui aside, .swagger-ui footer, .swagger-ui header, .swagger-ui nav, .swagger-ui section
{
    display: block;
    margin: 0;
}

.swagger-ui .opblock .opblock-summary * {
    /*font-family: 'Ubuntu' !important;*/
}
.swagger-ui .opblock .opblock-summary-path {
    font-size: 1.1em !important;
    font-weight: bold !important;
}
.swagger-ui .opblock .opblock-summary-method {
    font-size: 1em !important;
}
.swagger-ui .opblock .opblock-summary-description {
    font-size: 1em !important;
    
}

.swagger-ui .opblock
{
    background: #00000010 !important;
    margin: 1em;
    font-size: .8em !important;
}

.swagger-ui .opblock *
{
    color: whitesmoke;
    font-weight: normal;
}
.swagger-ui .opblock-description-wrapper p, .swagger-ui .opblock-external-docs-wrapper p, .swagger-ui .opblock-title_normal p, .swagger-ui .tab li {
    color: whitesmoke;
    /*font-family: 'Ubuntu';*/
    color: whitesmoke;
    font-weight: normal !important;
    font-size: 1em !important;
}

.swagger-ui .tab
{
    display: none;
}

.swagger-ui .highlight-code>.microlight,
.swagger-ui .opblock-body pre.microlight
{
    max-height: initial;
    min-height: initial;
    overflow-y: auto;
    background: #00000030 !important;
    font-weight: normal;
}

.swagger-ui .opblock textarea
{
    max-height: 2.3em;
    min-height: initial;
}

.swagger-ui .opblock .opblock-section-header>label {
    display: none !important;
}

section.response-controls
{
    display: none !important;
}

operation-tag-content *
{
    /*color: whitesmoke !important;*/
}

.swagger-ui .model-box-control:focus, .swagger-ui .models-control:focus, .swagger-ui .opblock-summary-control:focus 
{
    outline: none;
}

.swagger-ui .opblock-tag:hover {
    background: var(--dark-color-xl) !important;
}

.swagger-ui .table-container {
    padding: 1em;
}

.swagger-ui .opblock input,
.swagger-ui .opblock textarea,
.swagger-ui .opblock select
{
    /*font-family: 'Ubuntu' !important;*/
    width: calc(100% - 1.1em);
    margin: 0 0 1em;
    background: #FFFFFF90;
    font-size: 1em;
    border: none;
    padding: 0.5em;
    border: 1px #00000030 solid;
    border: 1px #0070ad30 solid;
    border-radius: 0em;
    outline: none;
    color: darkslategray !important;
}

.swagger-ui .opblock button
{
    /*font-family: 'Ubuntu' !important;*/
    /*width: calc(100% - 1.1em);*/
    /*margin: 0 0 1em;*/
    /*background: #FFFFFF90;*/
    /*font-size: 0.8em;*/
    /*border: none;*/
    /*padding: 0.5em;*/
    /*border: 1px #00000030 solid;*/
    /*border: 1px #0070ad30 solid;*/
    /*border-radius: 0.3em;*/
    /*outline: none;*/
    /*color: darkslategray !important;*/
}

table
{
    text-align: left;
    padding: 1em !important;
    background: #00000030 !important;
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 0em !important;
}

table *
{
    font-size: 1em !important;
}

table thead
{
    background: #00000030 !important;
    border-radius: 0 !important;
}

.swagger-ui table thead tr td, .swagger-ui table thead tr th
{
    color: #dfbf20 !important;
}

table td,
table th
{
    padding: 1em 1em !important;
    white-space: nowrap !important;
    vertical-align: top !important;
    color: #dfbf20 !important;
    vertical-align: middle !important;
    height: 2em !important;
}

.swagger-ui .response-controls {
    padding: .5em;
}

.swagger-ui .execute-wrapper {
    padding: 0; 
}

.swagger-ui .responses-inner {
    padding: 1em;
}

.swagger-ui .btn {
    background: #3d4448 !important;
    /*background: #dfbf20 !important;*/
    border: 1px solid gray;
    border-radius: 0em !important;
    /* font-size: 14px; */
    font-weight: normal;
    /*padding: 5px 23px;*/
    transition: all .3s;
    /*font-family: 'Ubuntu' !important;*/
    width: calc(100% - 1.1em);
    font-size: 1em;
    padding: 0.5em;
    color: #dfbf20 !important;
    border: 1px #dfbf20 solid;
    box-shadow: none !important;
}

.swagger-ui .btn:hover {
    background: #3d444880 !important;
    border: 1px #dfbf20 solid;
}

.swagger-ui .execute-wrapper .btn {
    width: calc(100% - 2em) !important;
    margin: 0 1em 1em;
    border: 1px #dfbf20 solid;
}

.swagger-ui .btn-group {
    padding: 0 1em 1em;
}

.swagger-ui .btn-group button {
    margin: 0 1em;
}

body button.btn:not([aria-label])
{
    background: #00000070 !important;
    border: none !important;
    color: whitesmoke !important;
}

body button.btn:not([aria-label]):hover
{
    background: #FFFFFF20 !important;
    border: none !important;
    color: whitesmoke !important;
}

.swagger-ui .opblock
{
    border-color: #FFFFFF50 !important;
    border-width: 1px !important;
}

.swagger-ui .opblock .opblock-summary 
{
    border-color: var(--light-color-s) !important;
}

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

.swagger-ui .opblock.opblock-get .opblock-summary-method
{
    background: #00AAFF50 !important;
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method
{
    background: #FF500050 !important;
}

.swagger-ui .opblock.opblock-post .opblock-summary-method
{
    background: #50FF5050 !important;
}
.swagger-ui .opblock.opblock-put .opblock-summary-method
{
    background: #fca13090 !important;
}

.swagger-ui .parameter__name.required:after 
{
    content: "";
}

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

body *
{
    border-radius: 0 !important;
    font-family: var(--font-family) !important;
}

body 
{
    font-family: var(--font-family) !important;
    font-size: var(--font-size) !important;
    background-color: var(--light-color-s) !important;
    color: var(--primary-color) !important;
}

.swagger-ui .opblock
{
    border: none !important;
    background: var(--dark-color-m) !important;
    color: var(--primary-color) !important;
}

.swagger-ui .opblock *
{
    color: var(--primary-color) !important;
    font-size: var(--font-size) !important;
    font-family: var(--font-family) !important;
}

.swagger-ui .opblock-tag
{
    color: var(--main-color-xl) !important;
    font-size: 1.1em !important;
    background: var(--dark-color-xl) !important;
}

.swagger-ui .opblock-tag.no-desc span
{
    color: var(--main-color-xl) !important;
    font-size: 1.1em !important;
}

select,input
{
    width: 100% !important;
    max-width: unset !important;
}

.swagger-ui .wrapper
{
    max-width: 100% !important;
}