html {
    scroll-padding-top: 190px;
}

.loader {
    margin: 16px auto 16px auto;
    border: 4px solid #f0f0f0;
    border-radius: 50%;
    border-top: 4px solid #4e80ee;
    width: 36px;
    height: 36px;
    animation: spin 2s linear infinite;
}

.api #api-title > span {
    display: none;
}

rapi-doc::part(btn-fill) {
    display: none;
}

.api input[type="file"], .api input[type="text"], .api input[type="password"], .api button {
    border-radius: 0.25rem !important;
}

.api .api-key-input {
    width: 300px;
}

.api .nav-bar {
    padding-top: 20px !important;
}

.api .m-btn {
    padding: 8px 16px !important;
}

.api .nav-bar-h1, .api .nav-bar-h2, .api .nav-bar-path {
    padding: 10px 16px 10px 10px !important;
}

.api #link-operations-top {
    display: none !important;
}

.api #security-scheme-bearerAuth .m-markdown p {
    font-size: var(--font-size-small);
    line-height: calc(var(--font-size-small) + 4px);
}

/*** auth ****/
.api .m-table {
    border: none !important;
}

.api #auth .small-font-size {
    display: none !important;
}

.api #auth-table.m-table {
}

.api #auth-table.m-table td, #auth-table.m-table th {
    padding: 30px 0 20px 0 !important;
}

.api #auth-table.m-table input, #auth-table.m-table btn {
    margin-top: 10px !important;
}



/*** sidebar ****/
.api #nav-bar-search {
    border-color: transparent !important;
    border-width: 2px !important;
    background: #e7ecf4 !important;
}

.api #nav-bar-search:focus {
    border-color: #4e80ee !important;
}

.api #nav-bar-search ~ div {
    color: #ccc;
}

.api .tag-description {
    border-color: #eee !important;
}
