:root {
    --white-color: #ffffff;
    --main-color: #f6881f;
    --secondary-color: #474b4f;
    --tertiary-color: #828b95;
    --logo: url('logo.png');
    --border-radius-px: 10px;
    --box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
    --block-text-shadow: 1px 1px 1px var(--secondary-color);
    --border: 1px solid var(--secondary-color);
    --font-size: 11px;
    --font-family: Arial, Tahoma, Verdana;
}

/* #region Header */

    .swagger-ui .topbar {
        background-color: var(--main-color);
        border-bottom: var(--border);
        -webkit-border-bottom-right-radius: var(--border-radius-px);
        -webkit-border-bottom-left-radius: var(--border-radius-px);
        -moz-border-radius-bottomright: var(--border-radius-px);
        -moz-border-radius-bottomleft: var(--border-radius-px);
        border-bottom-right-radius: var(--border-radius-px);
        border-bottom-left-radius: var(--border-radius-px);
        box-shadow: var(--box-shadow);
    }

    /* #region Logo */

    .topbar-wrapper img[alt="Swagger UI"], .topbar-wrapper span {
        visibility: hidden;
    }

    .topbar-wrapper .link:after {
        content: var(--logo);
        display: block;
        position: absolute;
        padding-top: 7px;
    }

    /* #endregion */

    /* #region Version Picker */

    .swagger-ui .topbar .download-url-wrapper .select-label select {
        border: var(--border);
        box-shadow: var(--box-shadow);
    }

    /* #endregion */

/* #endregion */

/* #region Content */

    *, *:before, *:after {
        font-size: var(--font-size) !important;
        font-family: var(--font-family) !important;
    }

    .swagger-ui .info {
        margin: 20px 0;
    }

    .swagger-ui .info .title {
        font-size: 24px;
        color: var(--secondary-color);
    }

    .swagger-ui .btn {
        border: var(--border);
    }

    .swagger-ui .info a {
        font-weight: bold;
        color: var(--tertiary-color);
    }

    /* #region Blocks */

    [id*="v1_0"] {
        display: none;
    }

    .swagger-ui .opblock {
        margin: 0 0 5px;
    }

    .swagger-ui .opblock-tag {
        font-size: 18px;
        color: var(--white-color);
        background: var(--main-color);
        -webkit-border-radius: var(--border-radius-px);
        -moz-border-radius: var(--border-radius-px);
        border-radius: var(--border-radius-px);
        padding: 5px 10px;
    }

    .opblock-tag span {
        text-shadow: var(--block-text-shadow);
    }

    .swagger-ui .opblock-tag:hover {
        background: var(--tertiary-color);
    }

    .swagger-ui .opblock-tag {
        border-bottom: var(--border);
    }

     /* #region Block Content */

    .swagger-ui .btn.execute {
        background-color: var(--main-color);
        border-color: var(--secondary-color);
    }

    .swagger-ui select {
        border: var(--border);
    }

    .swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span:after {
        background: var(--tertiary-color);
    }

    .swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span:after {
        background: var(--main-color);
    }

    /* #endregion */

    /* #region Block Methods */

    .swagger-ui .opblock.opblock-post .opblock-summary-method {
        background: var(--main-color);
        border-bottom: var(--border);
    }

    .swagger-ui .opblock.opblock-get .opblock-summary-method {
        background: var(--tertiary-color);
        border-bottom: var(--border);
    }

    .swagger-ui .opblock.opblock-post,
    .swagger-ui .opblock.opblock-get {
        border-color: var(--tertiary-color);
    }

    /* #endregion */

    /* #endregion */

/* #endregion */