@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/poppins/Poppins-Bold.ttf') format('truetype');
}

body,
html {
    font-family: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #D0D0D0;
    background-color: #121212;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #FFFFFF;
}

.content,
.content * {
    text-shadow: none !important;
}

.page-wrapper {
    background-color: #121212;
}

.page-wrapper .dark-box {
    background-color: #0D0D0D;
}

.content h1 {
    background-image: none;
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.content h2 {
    background-image: none;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.content h3,
.content h4 {
    font-size: 14px;
    letter-spacing: 0.02em;
}

.content hr {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: none;
}

.content a {
    color: #FF7043;
    text-decoration: none;
}

.content a:hover {
    color: #FF8A65;
    text-decoration: underline;
}

.content code {
    background-color: rgba(255, 255, 255, 0.08);
    color: #FF8A65;
}

.content pre > code,
.content blockquote code {
    background-color: transparent;
    color: inherit;
}

.content table th {
    color: #FFFFFF;
    border-bottom: 1px solid #3A3A3A;
}

.content table tr:last-child {
    border-bottom: 1px solid #3A3A3A;
}

.content table tr:nth-child(odd) > td {
    background-color: #1A1A1A;
}

.content table tr:nth-child(even) > td {
    background-color: #161616;
}

.content aside {
    background: #1E1E1E;
    color: #D0D0D0;
    border-radius: 8px;
}

.content aside.info {
    background: rgba(3, 169, 244, 0.12);
    color: #D0D0D0;
}

.content aside.warning {
    background-color: rgba(244, 67, 54, 0.12);
    color: #D0D0D0;
}

.content aside.success {
    background-color: rgba(76, 175, 80, 0.12);
    color: #D0D0D0;
}

.content blockquote,
.content pre {
    background-color: #0D0D0D;
}

.content .annotation {
    background-color: #0D0D0D;
}

.content blockquote > p {
    background-color: #1A1A1A;
    color: #D0D0D0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
}

.hljs,
.content pre code.hljs {
    background: transparent;
}

.fancy-heading-panel {
    background-color: #1E1E1E;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    padding-left: 12px !important;
}

.content details summary {
    color: #9A9AA0;
}

.content .search-highlight {
    text-shadow: none !important;
    border: 1px solid #FFC107;
    background: rgba(255, 193, 7, 0.25);
    color: #FFFFFF;
}

.content input[type=text],
.content input[type=number],
.content input[type=email],
.content input[type=password],
.content select,
.content textarea {
    background-color: #27272a;
    border: 1px solid #3A3A3A;
    border-radius: 8px;
    color: #FFFFFF;
    padding: 6px 10px;
}

.content input:focus,
.content select:focus,
.content textarea:focus {
    border-color: #FF5722;
    outline: none;
}

.tocify-wrapper {
    background-color: #151515;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.tocify-wrapper .logo-link {
    display: block;
    padding: 28px 32px 16px;
}

.tocify-wrapper .logo-link img.logo {
    display: block;
    width: 100%;
}

.tocify-wrapper > .search:before {
    content: "";
}

.tocify-wrapper > .search input {
    background: #27272a;
    border: 1px solid #3A3A3A;
    border-radius: 8px;
    margin: 4px 16px 12px;
    width: calc(100% - 32px);
    padding: 8px 12px;
    color: #FFFFFF;
    font-family: inherit;
}

.tocify-wrapper > .search input::placeholder {
    color: #9A9AA0;
}

.tocify-wrapper > .search input:focus {
    border-color: #FF5722;
    outline: none;
}

.tocify-wrapper .tocify-item > a {
    color: #D0D0D0;
}

.tocify-wrapper .tocify-focus {
    box-shadow: none;
    background-color: #FF5722;
}

.tocify-wrapper .tocify-focus > a,
.tocify-wrapper .tocify-focus {
    color: #FFFFFF;
}

.tocify-wrapper .tocify-subheader {
    background: #111111;
}

.tocify-wrapper .search-results {
    background: #101010;
}

.tocify-wrapper .toc-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tocify-wrapper .toc-footer a,
.tocify-wrapper .toc-footer li {
    color: #9A9AA0;
}

#toc > ul > li > a > span {
    background-color: #FF5722;
}

.lang-selector {
    background-color: #151515;
}

.page-wrapper .lang-selector {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.lang-selector button {
    color: #9A9AA0;
}

.lang-selector button:active,
.lang-selector button:hover,
.lang-selector button:focus {
    background-color: #2A2A2A;
    color: #FFFFFF;
}

.lang-selector button.active {
    background-color: #FF5722;
    color: #FFFFFF;
}

button[id^=btn-tryout],
button[id^=btn-canceltryout],
button[id^=btn-executetryout] {
    border-radius: 9999px !important;
    padding: 6px 18px !important;
    border: none !important;
    font-family: inherit;
    font-weight: 600;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
}

button[id^=btn-tryout] {
    background-color: #FF5722 !important;
}

button[id^=btn-tryout]:hover {
    background-color: #FF7043 !important;
}

button[id^=btn-executetryout] {
    background-color: #4CAF50 !important;
}

button[id^=btn-executetryout]:hover {
    background-color: #66BB6A !important;
}

button[id^=btn-canceltryout] {
    background-color: #2A2A2A !important;
    border: 1px solid #3A3A3A !important;
}

button[id^=btn-canceltryout]:hover {
    background-color: #3A3A3A !important;
}

.badge.badge-green,
.badge.badge-darkgreen {
    background-color: #4CAF50;
}

.badge.badge-red {
    background-color: #FF1744;
}

.badge.badge-darkred {
    background-color: #F44336;
}

.badge.badge-blue {
    background-color: #03A9F4;
}

.badge.badge-darkblue,
.badge.badge-purple {
    background-color: #673AB7;
}

.badge.badge-darkgoldenrod {
    background-color: #FFC107;
    color: #121212;
}

.badge.badge-black {
    background-color: #2A2A2A;
}

.badge.badge-grey {
    background-color: #3A3A3A;
}

#nav-button span {
    background-color: rgba(30, 30, 30, 0.9);
    color: #FFFFFF;
}

#nav-button {
    color: #FFFFFF;
}

* {
    scrollbar-color: #3A3A3A transparent;
}

*::-webkit-scrollbar-thumb {
    background: #3A3A3A;
}

.content pre {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.content pre code {
    scrollbar-width: thin;
    scrollbar-color: #3A3A3A rgba(255, 255, 255, 0.05);
}

.content pre code::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.content pre code::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 9999px;
}

.content pre code::-webkit-scrollbar-thumb {
    background: #3A3A3A;
    border-radius: 9999px;
}

.content pre code::-webkit-scrollbar-thumb:hover {
    background: #4A4A4A;
}