@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

.api-content {
    max-width: 1400px;
    margin: auto;
    padding: 0;
}

h1, h2 {
    margin: 0 !important;
    font-weight: 600 !important;
    color: #333 !important;
}

h1 {
    font-size: 1.9em;
}

h2 {
    font-size: 1.5em;
}

hr {
    box-shadow: inset 0 0.7px #dee2e6;
    border: none;
    height: 1px;
}

/* Code samples */
code .token.number {
    color: #fff !important;
}

/* Left-hand side menu */
.menu-content label[type='group'] {
    opacity: 1;
    font-weight: 600;
}
/* set right panel background width */
.redoc-wrap > div:last-child {
    width: calc(calc(min(calc(100% - 260px), 1400px) * 0.4) + max(calc((100% - 260px - 1400px) / 2), 0px));
}

a,
button,
pre,
.react-tabs__tab-panel,
.react-tabs__tab-list > li {
    border-radius: 8px;
}