custom.css

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700&display=swap');

html[data-theme='dark'] {
    --ifm-navbar-background-color: #1a1b23;
    --ifm-background-color: #1a1b23;
    --ifm-background-surface-color: #242736;

    --ifm-font-color-base: #f2f3fb;

    --ifm-pre-background: #242736;

    --ifm-color-primary: #5d9df1;
    --ifm-link-color: #5d9df1;
    --ifm-heading-color: #f2f3fb;
    --ifm-navbar-link-color: #f2f3fb;

    --ifm-line-height-base: 1.65;

    --ifm-code-background: var(--ifm-pre-background) !important;
    --ifm-footer-title-color: #f2f3fb;
    --ifm-footer-link-color: #8d92af;

    --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.1);
    --docsearch-text-color: #8d92af;

    /* TRON colors */
    --color-Neutral_Text: #F3F4FA;
    --color-Neutral_TextMuted: #b0b8d1;
    --color-Neutral_Border: #d1d5e4;
    --color-Neutral_Hover: #2a2d39;
    --color-Neutral_Background: #1A1B21;
    --color-Neutral_BackgroundMuted: #252832;
    --color-Neutral_ChipBackground: #555d76;
    --color-Neutral_ChipBackgroundActive: #8C93A8;
    --color-Neutral_SeparatorSubtle: #31384d;
    --color-Primary_ChipText: #8ebcff;
    --color-Primary_ChipBackground: #1a3a78;
    --color-Primary_TextInteractive: #6f9dff;

    /* EXPERIMENT: tokens for shared components */
    --color-neutral-text: #f3f4fa;
    --color-neutral-text-muted: #b2b8cc;
    --color-neutral-text-subtle: #8c93a8;
    --color-neutral-text-disabled: #575d71;
    --color-neutral-text-on-primary: #1a1b21;
    --color-neutral-icon-on-primary: #1a1b21;
    --color-neutral-background: #1a1b21;
    --color-neutral-background-muted: #252832;
    --color-neutral-background-subtle: #2a2d39;
    --color-neutral-background-white: #f3f4fa;
    --color-neutral-card-background: #1e2027;
    --color-neutral-border: #414758;
    --color-neutral-separator-subtle: #343847;
    --color-neutral-hover: #2D313E;
    --color-neutral-disabled: #343847;
    --color-neutral-overflow: #2a2d39;
    --color-neutral-icon: #b2b8cc;
    --color-neutral-icon-subtle: #6e758a;
    --color-neutral-icon-disabled: #575d71;
    --color-neutral-field-border: #343847;
    --color-neutral-action-secondary: #575d71;
    --color-neutral-action-secondary-hover: #6e758a;
    --color-neutral-action-secondary-active: #343847;
    --color-neutral-chip-background: #575d71;
    --color-neutral-chip-background-hover: #6e758a;
    --color-neutral-chip-background-active: #8c93a8;
    --color-neutral-chip-background-disabled: #8c93a8;
    --color-neutral-large-tooltip-background: #2a2d39;
    --color-neutral-large-tooltip-border: #343847;
    --color-neutral-small-tooltip-background: #1a1b21;
    --color-neutral-small-tooltip-border: #252832;
    --color-neutral-overlay: #101114cc;
    --color-neutral-field-background: #101114;
    --color-neutral-text-placeholder: #6e758a;
    --color-primary-text: #6f9dff;
    --color-primary-text-interactive: #6f9dff;
    --color-primary-icon: #3970d7;
    --color-primary-action: #5990ff;
    --color-primary-action-hover: #80a9ff;
    --color-primary-action-active: #3970d7;
    --color-primary-black-action: #ffffff;
    --color-primary-black-action-hover: #d1d5e4;
    --color-primary-black-action-active: #f3f4fa;
    --color-primary-field-border-active: #3970d7;
    --color-primary-chip-background: #1a3a78;
    --color-primary-chip-background-hover: #194594;
    --color-primary-chip-text: #8ebcff;
    --color-primary-shadow-active: #295cbb;
    --color-success-text: #3bb358;
    --color-success-icon: #23a64a;
    --color-success-background-subtle: #0f2b14;
    --color-success-background-subtle-hover: #14441f;
    --color-success-background-subtle-active: #006e29;
    --color-success-border: #068a35;
    --color-success-border-subtle: #006e29;
    --color-success-action: #23a64a;
    --color-success-action-hover: #3bb358;
    --color-success-action-active: #068a35;
    --color-success-chip-background: #14441f;
    --color-success-chip-background-hover: #00531e;
    --color-success-chip-text: #6ccd7c;
    --color-warning-text: #f9ce4b;
    --color-warning-icon: #f5bc38;
    --color-warning-background-subtle: #3f1b07;
    --color-warning-border-subtle: #8a4f05;
    --color-warning-field-border: #cf9117;
    --color-warning-chip-background: #5d2e0e;
    --color-warning-chip-background-hover: #6d3806;
    --color-warning-chip-text: #f9ce4b;
    --color-danger-text: #ff7157;
    --color-danger-icon: #ef6045;
    --color-danger-background-subtle: #40191b;
    --color-danger-background-subtle-hover: #672523;
    --color-danger-background-subtle-active: #aa3229;
    --color-danger-border: #cf4436;
    --color-danger-border-subtle: #aa3229;
    --color-danger-field-border: #ef6045;
    --color-danger-action: #ef6045;
    --color-danger-action-hover: #ff7157;
    --color-danger-action-active: #cf4436;
    --color-danger-chip-background: #672523;
    --color-danger-chip-background-hover: #812420;
    --color-danger-chip-text: #fe9e8a;
    --button-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

:root {
    /* use default system font based on https://devhints.io/css-system-font-stack */
    --ifm-font-family-base:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
        sans-serif;
    --ifm-heading-font-family: 'Lota Grotesque', sans-serif;
    --tsd-spacing-vertical: 1.2rem !important;
    --tsd-spacing-horizontal: 1.6rem !important;
    --ifm-list-item-margin: 0.4rem !important;
    --ifm-list-left-padding: 3.2rem !important;
    --ifm-font-weight-semibold: 600;
    --ifm-font-color-base: #242736;

    --ifm-navbar-sidebar-width: 100vw;
    --ifm-navbar-item-padding-horizontal: 28px;
    --ifm-navbar-link-color: #41465d;
    --ifm-navbar-shadow: none;

    --ifm-heading-margin-top: var(--ifm-heading-margin-bottom);
    --ifm-hero-background-color: transparent;

    --ifm-code-padding-horizontal: 6.4px;
    --ifm-code-padding-vertical: 3.2px;

    --ifm-global-spacing: 1.6rem !important;

    --ifm-color-primary-lightest: #5d9df1;
    --ifm-color-primary-lighter: #3a87ee;
    --ifm-color-primary-light: #2e80ed;
    --ifm-color-primary: #1672eb;
    --ifm-color-primary-dark: #1266d5;
    --ifm-color-primary-darker: #1161c9;
    --ifm-color-primary-darkest: #0e50a6;

    --ifm-link-color: hsl(214, 84%, 50%);
    --ifm-link-hover-color: hsl(214, 84%, 65%);
    --ifm-link-hover-decoration: none;

    --ifm-footer-background-color: #272c3d;
    --ifm-footer-title-color: #60626e;
    --ifm-footer-link-color: #6b6e80;
    --ifm-spacing-horizontal: 2.4rem;
    --max-layout-width: 1440px;

    --ifm-code-background: var(--ifm-pre-background);

    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);

    --ifm-heading-color: #242736;

    --ifm-leading: calc(var(--ifm-leading-desktop) * 1.6rem);
    --ifm-list-margin: 1.6rem;
    --ifm-pre-padding: 1.6rem;

    --ifm-hr-margin-vertical: 2.4rem;

    --ifm-h1-font-size: 2.4rem;
    --ifm-h2-font-size: 2rem;
    --ifm-h3-font-size: 1.8rem;
    --ifm-h4-font-size: 1.6rem;
    --ifm-h5-font-size: 1.4rem;
    --ifm-h6-font-size: 1.2rem;

    /* TRON colors */
    --color-Neutral_Text: #242836;
    --color-Neutral_TextMuted: #3f475d;
    --color-Neutral_Border: #d0d5e9;
    --color-Neutral_Hover: #f3f4fa;
    --color-Neutral_Background: #ffffff;
    --color-Neutral_BackgroundMuted: #f8f9fc;
    --color-Neutral_ChipBackground: #e0e3f2;
    --color-Neutral_ChipBackgroundActive: #C1C6DD;
    --color-Neutral_SeparatorSubtle: #e0e3f2;
    --color-Primary_ChipText: #1A57DA;
    --color-Primary_ChipBackground: #E1EAFF;
    --color-Primary_TextInteractive: #3970d7;

    /* EXPERIMENT: tokens for shared components */
    --color-neutral-text: #242836;
    --color-neutral-text-muted: #3f475d;
    --color-neutral-text-subtle: #6c7590;
    --color-neutral-text-disabled: #c0c6de;
    --color-neutral-text-on-primary: #ffffff;
    --color-neutral-icon-on-primary: #ffffff;
    --color-neutral-background: #ffffff;
    --color-neutral-background-muted: #f8f9fc;
    --color-neutral-background-subtle: #f3f4fa;
    --color-neutral-background-white: #ffffff;
    --color-neutral-card-background: #ffffff;
    --color-neutral-border: #d0d5e9;
    --color-neutral-separator-subtle: #e0e3f2;
    --color-neutral-hover: #EEF0F8;
    --color-neutral-disabled: #f3f4fa;
    --color-neutral-overflow: #e0e3f2;
    --color-neutral-icon: #555d76;
    --color-neutral-icon-subtle: #8a93ae;
    --color-neutral-icon-disabled: #b0b8d1;
    --color-neutral-field-border: #c0c6de;
    --color-neutral-action-secondary: #d0d5e9;
    --color-neutral-action-secondary-hover: #e0e3f2;
    --color-neutral-action-secondary-active: #c0c6de;
    --color-neutral-chip-background: #e0e3f2;
    --color-neutral-chip-background-hover: #d0d5e9;
    --color-neutral-chip-background-active: #c0c6de;
    --color-neutral-chip-background-disabled: #d0d5e9;
    --color-neutral-large-tooltip-background: #ffffff;
    --color-neutral-large-tooltip-border: #e0e3f2;
    --color-neutral-small-tooltip-background: #191b22;
    --color-neutral-small-tooltip-border: #242836;
    --color-neutral-overlay: #191b2280;
    --color-neutral-field-background: #f8f9fc;
    --color-neutral-text-placeholder: #969eb8;
    --color-primary-text: #1672eb;
    --color-primary-text-interactive: #1672eb;
    --color-primary-icon: #1672eb;
    --color-primary-action: #1672eb;
    --color-primary-action-hover: #5290f9;
    --color-primary-action-active: #1a57da;
    --color-primary-black-action: #272d3e;
    --color-primary-black-action-hover: #2b3143;
    --color-primary-black-action-active: #0a0b0f;
    --color-primary-field-border-active: #1672eb;
    --color-primary-chip-background: #e1eaff;
    --color-primary-chip-background-hover: #d8e2ff;
    --color-primary-chip-text: #1a57da;
    --color-primary-shadow-active: #b2c6ff;
    --color-success-text: #008a27;
    --color-success-icon: #008a27;
    --color-success-background-subtle: #e4f5e5;
    --color-success-background-subtle-hover: #cfe9d1;
    --color-success-background-subtle-active: #80da8d;
    --color-success-border: #00ab46;
    --color-success-border-subtle: #80da8d;
    --color-success-action: #008a27;
    --color-success-action-hover: #00ab46;
    --color-success-action-active: #086e08;
    --color-success-chip-background: #daefdc;
    --color-success-chip-background-hover: #cfe9d1;
    --color-success-chip-text: #086e08;
    --color-warning-text: #a96600;
    --color-warning-icon: #f5b315;
    --color-warning-background-subtle: #f9f0db;
    --color-warning-border-subtle: #f5b315;
    --color-warning-field-border: #f5b315;
    --color-warning-chip-background: #f7e8c4;
    --color-warning-chip-background-hover: #f7dfb1;
    --color-warning-chip-text: #8c4e02;
    --color-danger-text: #e3231d;
    --color-danger-icon: #e3231d;
    --color-danger-background-subtle: #fff0ec;
    --color-danger-background-subtle-hover: #fedad1;
    --color-danger-background-subtle-active: #ffb39f;
    --color-danger-border: #fa4d37;
    --color-danger-border-subtle: #ffb39f;
    --color-danger-field-border: #fa4d37;
    --color-danger-action: #e3231d;
    --color-danger-action-hover: #fa4d37;
    --color-danger-action-active: #bb0401;
    --color-danger-chip-background: #ffe3dc;
    --color-danger-chip-background-hover: #fedad1;
    --color-danger-chip-text: #bb0401;
    --button-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

@font-face {
    font-family: 'Lota Grotesque';
    src:
        url('/font/lota.woff2') format('woff2'),
        url('/font/lota.woff') format('woff');
    font-weight: 600;
}

.apiItemContainer h2 {
    font-size: 2.4rem;
}

.apiItemContainer h3 {
    font-size: 2rem;
}

.apiItemContainer h4 {
    font-size: 1.6rem;
}

.apiItemContainer h5 {
    font-size: 1.4rem;
}

.tsd-comment {
    margin-bottom: var(--tsd-spacing-vertical);
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
    /* Comes from the Apify design theme content typography tokens */
    --ifm-h1-font-size: 2.8rem;
    --ifm-h2-font-size: 2.4rem;
    --ifm-h3-font-size: 2rem;
    --ifm-h4-font-size: 1.8rem;
    --ifm-h5-font-size: 1.6rem;
    --ifm-h6-font-size: 1.4rem;
}

.markdown h1:first-child {
    --ifm-h1-font-size: 2.8rem;
}

@media (min-width: 768px) {
    :root {
        /* Comes from the Apify design theme content typography tokens */
        --ifm-h1-font-size: 3.2rem;
        --ifm-h2-font-size: 2.4rem;
        --ifm-h3-font-size: 2rem;
        --ifm-h4-font-size: 1.6rem;
        --ifm-h5-font-size: 1.4rem;
        --ifm-h6-font-size: 1.2rem;
    }

    .markdown h1,
        .markdown h2,
        .markdown h3,
        .markdown h4,
        .markdown h5,
        .markdown h6 {
            /* Comes from the Apify design theme content typography tokens */
            --ifm-h1-font-size: 4.2rem;
            --ifm-h2-font-size: 3.2rem;
            --ifm-h3-font-size: 2.4rem;
            --ifm-h4-font-size: 2rem;
            --ifm-h5-font-size: 1.6rem;
            --ifm-h6-font-size: 1.4rem;
        }

    .markdown h1:first-child {
        --ifm-h1-font-size: 4.2rem;
    }
}

.markdown kbd {
    background-color: white;
    padding: 1.5px 10px;
    border-radius: 5px;
    border-left: 1px solid rgb(116, 116, 116);
    border-right: 1px solid rgb(116, 116, 116);
    border-bottom: 1.5px solid rgb(116, 116, 116);
    box-shadow: 0 0 1px rgb(116, 116, 116);
    color: rgb(39, 39, 39);
    font-size: 1.5rem;
}

html[data-theme='dark'] .markdown kbd {
    background-color: #4a4a4cd3;
    color: rgb(255, 255, 255);
}

/* Setting the base size to 10px so it's easy to use rem for scaling (1.6rem = 16px) */
html {
    font-size: 10px;
}

body {
    font-family: var(--ifm-font-family-base);
    font-size: 16px;
    line-height: 24px;
}

@font-face {
    font-family: 'Lota Grotesque';
    src: url('/font/lota.woff2') format('woff2'),
    url('/font/lota.woff') format('woff');
    font-weight: 600;
}

.navbar__sub--title > a {
    font-weight: 600;
}

footer .clean-list {
    margin-bottom: 0;
}

footer .row {
    margin: unset;
}

footer .col {
    padding: unset;
}

.footer__title {
    font-size: 20px;
    font-weight: 600;
}

.footer__item {
    margin-bottom: 1.6rem;
}

.footer__item:last-child {
    margin-bottom: 0;
}

.footer__link-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

@media (max-width: 996px) {
    .footer__link-item {
        margin: 0 auto;
    }
}

.footer__link-item svg[class*=iconExternalLink] {
    margin-left: unset;
}

.footer__bottom a {
    opacity: 0.75;
}

.footer__copyright {
    color: var(--ifm-footer-title-color);
}

.navbar__title {
    /* Replaced by SVG */
    display: none;
}

.navbar__inner {
    width: 100%;
    height: 68px;
    padding: 0 var(--ifm-spacing-horizontal);
    background: var(--color-Neutral_Background);
}

.navbar__sub {
    padding: 0.8rem var(--ifm-spacing-horizontal);
    height: 58px;
}

.navbar__container {
    max-width: calc(var(--max-layout-width) - var(--ifm-spacing-horizontal) * 2);
    display: flex;
    margin: 0 auto;
    width: 100%;
}

.navbar__item.dropdown {
    padding: 0;
    display: none;
}

.navbar {
    padding: 0;
    /* height: fit-content; */
    height: auto;
}

.navbar, .main-wrapper {
    justify-content: center;
}

.main-wrapper > div {
    max-width: var(--max-layout-width);
    margin: auto;
    width: 100%;
}

@media (max-width: 960px) {
    .main-wrapper > div {
        max-width: 100%;
    }
}

aside > div > a {
    padding-left: 0px;
}

aside > div > a > b {
    display: none;
}

.external-link::after {
    content: '';
    display: inline-block;
    margin: 0 0.05em 0 0.1em;
    width: 0.9em;
    height: 0.9em;
    vertical-align: -0.1em;
    background-color: currentColor;
    mask-image: url('/img/external-link.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.dropdown > .navbar__link::after {
    border-color: currentColor;
    border-style: solid;
    border-width: 1.6px 1.6px 0 0;
    content: '';
    display: inline-block;
    height: 6.4px;
    left: 4.8px;
    position: relative;
    vertical-align: top;
    width: 6.4px;
    top: 7px;
    transform: rotate(135deg);
    transition: all ease-in 0.2s;
    margin-right: 6px;
}

.dropdown:hover .navbar__link::after {
    transform: rotate(-45deg);
    top: 10px;
}

.navbar .icon {
    font-size: 0;
    padding: 4px;
    line-height: 0;
}

.navbar .icon::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: cover;
}

.navbar .icon[href*=github]::before {
    background-image: url('/img/github-brand.svg');
}

html[data-theme="dark"] .navbar .navbar__link[href*=github]:before {
    background-image: url('/img/github-brand-dark.svg');
}

.navbar .icon[href*=discord]::before {
    background-image: url('/img/discord-brand.svg');
}

html[data-theme="dark"] .navbar .navbar__link[href*=discord]:before {
    background-image: url('/img/discord-brand-dark.svg');
}

.navbar .icon svg[class*=iconExternalLink],
aside .icon svg[class*=iconExternalLink] {
    display: none;
}

.navbar__items {
    gap: 0.4rem;
}

.navbar__items--right {
    gap: 1.6rem;
}

.navbar__item, .menu__link, .navbar__link {
    color: var(--color-Neutral_TextMuted);
    padding: 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
    transition: all ease-in 0.12s;
}

.menu__link:hover {
    background: var(--color-Neutral_Hover);
    color: unset;
}

.menu__link--active:hover {
    background: var(--color-neutral-overflow);
}

.navbar__link:hover, .navbar__link--active:hover {
    color: unset;
}

.navbar__sub {
    display: none;
    background-color: var(--color-Neutral_BackgroundMuted);
    border: 1px solid var(--color-Neutral_SeparatorSubtle);
}

.navbar__sub--title {
    display: flex;
    align-items: center;
    width: 220px;
    margin-right: 1.6rem;
    padding-right: 2rem;
    position: relative;
    border-right: 1px solid var(--color-Neutral_SeparatorSubtle);
    justify-content: center;
}

.navbar-sidebar__item {
    width: 100%;
    padding: 1.6rem var(--ifm-spacing-horizontal);
}

header.hero div[class^=heroButtons] {
    justify-content: inherit;
}

.markdown blockquote {
    --ifm-alert-background-color: var(--ifm-color-info-contrast-background);
    --ifm-alert-background-color-highlight: rgba(84,199,236,.15);
    --ifm-alert-foreground-color: var(--ifm-color-info-contrast-foreground);
    --ifm-alert-border-color: var(--ifm-color-info-dark);
    --ifm-code-background: var(--ifm-alert-background-color-highlight);
    --ifm-link-color: var(--ifm-alert-foreground-color);
    --ifm-link-hover-color: var(--ifm-alert-foreground-color);
    --ifm-link-decoration: underline;
    --ifm-tabs-color: var(--ifm-alert-foreground-color);
    --ifm-tabs-color-active: var(--ifm-alert-foreground-color);
    --ifm-tabs-color-active-border: var(--ifm-alert-border-color);
    background-color: var(--ifm-alert-background-color);
    border: var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);
    border-left-width: var(--ifm-alert-border-left-width);
    border-radius: var(--ifm-alert-border-radius);
    box-shadow: var(--ifm-alert-shadow);
    padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
}

html[data-theme='dark'] .markdown code {
    border-color: rgba(255, 255, 255, 0.1);
}

article .card h2 {
    margin-top: 0;
}

.menu__link,
.tsd-kind-icon,
.table-of-contents__link {
    text-overflow: ellipsis;
    display: inline-block !important;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.tsd-flag {
    user-select: none;
}

.tsd-panel-header .tsd-flag-group {
    margin-right: .8rem;
    margin-left: .5rem;
}

.tsd-panel .tsd-flag {
    color: #f2f3fb;
}

.menu__caret {
    margin-right: 0.8rem;
    padding: 0.6rem;
}

.menu__caret,
.menu__link--sublist-caret {
    border-radius: 1.2rem;
}

.menu__caret:before {
    width: 1.2rem;
    height: 1.2rem;
}

.menu__link--sublist-caret:after {
    width: 2rem;
    height: 2.4rem;
    float: right;
}

aside button[class*="collapseSidebarButton"] svg {
    transform: scale(.7) rotate(180deg);
}

.table-of-contents__link {
    height: 20px;
}

.navbar .dropdown--hoverable::after {
    top: 100%;
    width: 100%;
    height: 0.6rem;
    content: '';
    display: block;
    position: absolute;
}

.navbar .dropdown__menu {
    top: calc(100% + 0.6rem);
    min-width: 96px;
    padding: 0.8rem;
    border: 1px solid var(--color-neutral-border);
    border-radius: 12px;
    box-shadow: none;
}

.navbar .dropdown__link {
    margin: unset;
    padding: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    border-radius: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.navbar .dropdown__link:hover {
    background: var(--color-Neutral_Hover);
}

.navbar .dropdown__link svg[class*=iconExternalLink] {
    margin-left: unset;
}

.navbar__toggle,
.navbar-sidebar__close {
    width: 3.6rem;
    height: 3.6rem;
    margin: unset;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

@media (max-width: 996px) {
    .navbar__toggle {
        display: flex;
    }
}

.navbar__toggle svg {
    width: 2rem;
    height: 2rem;
}

.navbar-sidebar__close svg {
    width: 1.6rem;
    height: 1.6rem;
}

.navbar-sidebar {
    width: 100vw;
}

.navbar-sidebar__items {
    height: calc(100vh - 197px);
}

.navbar-sidebar__brand {
    height: 68px;
    padding: 0 var(--ifm-spacing-horizontal);
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.navbar-sidebar__actions {
    width: 100%;
    padding: 0 var(--ifm-spacing-horizontal);
    display: none;
}

@media (max-width: 768px) {
    .navbar-sidebar__actions {
        display: block;
    }
}

.navbar-sidebar__actions__container {
    width: 100%;
    padding: 1.6rem 0;
    border-bottom: 1px solid rgb(224, 224, 224);
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.navbar__logo {
    width: 152px;
    height: 28px;
    margin-right: unset;
}

.navbar__link.subnav {
    font-size: 12.8px;
    padding: 5px;
}

.main-wrapper a[class*='sidebarLogo'] img {
    height: 48px;
    width: 176px;
    padding: 10px 0px;
}

html .plugin-pages h2 {
    font-size: 36px;
    line-height: 48px;
}

html .plugin-docs .theme-doc-markdown {
    font-size: 18px;
    line-height: 32px;
}

.markdown .tsd-panel li {
    margin-top: var(--ifm-list-item-margin);
}

.plugin-docs .theme-doc-markdown img {
    display: block;
    margin: 16px auto 32px;
}

html .plugin-docs .theme-doc-markdown h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    color: #000;
}

html[data-theme='dark'] .plugin-docs .theme-doc-markdown h1 {
    color: #fff;
}

html .plugin-typedoc-api .theme-doc-markdown h1 {
    color: #000;
}

html[data-theme='dark'] .plugin-typedoc-api .theme-doc-markdown h1 {
    color: #fff;
}

html .plugin-docs .theme-doc-markdown h2 {
    font-size: 36px;
    line-height: 48px;
}

html .plugin-docs .theme-doc-markdown h3 {
    font-size: 28px;
    line-height: 36px;
    /*color: #242736;*/
}

.theme-doc-toc-desktop .table-of-contents {
    font-size: 14px;
    line-height: 20px;
}

.navbar-sidebar .menu__link.icon {
    display: none;
}

.theme-doc-toc-desktop .table-of-contents .toc-highlight {
    height: auto;
    background: none;
}

.menu__list-item:not(:first-child) {
    margin-top: 0;
}

.theme-doc-sidebar-menu .menu__link {
    font-weight: 400;
}

.theme-doc-sidebar-menu .menu__link--active {
    font-weight: 700;
}

.theme-doc-sidebar-menu .menu__list-item-collapsible--active:hover {
    background: var(--color-neutral-overflow);
}

.theme-doc-toc-desktop .table-of-contents .table-of-contents__link--active {
    font-weight: 700;
}

.navbar__link--active,
.theme-doc-sidebar-menu.menu__list .menu__link--active,
.theme-doc-sidebar-menu.menu__list .menu__list-item-collapsible--active
 {
    color: var(--color-Neutral_Text);
    background: var(--color-neutral-overflow);
}

.navbar__link:not(.navbar__link--active):hover {
    background: var(--color-Neutral_Hover);
}

html[data-theme='dark'] .theme-doc-sidebar-menu .menu__link,
html[data-theme='dark'] .theme-doc-toc-desktop .table-of-contents .toc-highlight {
    color: #b3b8d2;
}

html[data-theme='dark'] .theme-doc-sidebar-menu .menu__link--active,
html[data-theme='dark'] .theme-doc-toc-desktop .table-of-contents .table-of-contents__link--active {
    color: #f2f3fb;
}

.theme-doc-sidebar-menu .menu__link--active,
.theme-doc-toc-desktop .table-of-contents .table-of-contents__link:hover,
.theme-doc-toc-desktop .table-of-contents .table-of-contents__link--active {
    color: #242736;
}

.hero {
    position: relative;
}

.apiItemContainer .tsd-readme h1:first-child {
    display: none;
}

nav.navbar {
    transition: transform var(--ifm-transition-slow) ease;
}

nav.navbar[class*="navbarHidden"]{
    transform: translate3d(0, calc(-210%), 0);
}

.navbar__items--right a.icon,
div[class*="colorModeToggle"]
{
    display: initial;
}

div[class*="searchBox"] {
    padding-left: 0;
    position: unset;
}

.navbar__brand {
    margin-right: 2rem;
}

@media (max-width: 996px) {
    .navbar__brand {
        margin-right: auto;
    }
}

.menu__link, .menu__list-item > .navbar__item {
    display: flex;
}

.menu__list-item > .menu__link,
.menu__list-item-collapsible,
.menu__list-item-collapsible > .menu__link,
.navbar__item.navbar__link,
.navbar__item > .navbar__link,
.navbar-sidebar__back {
    padding: 0.8rem 1.2rem;
    border-radius: 0.8rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
}

.navbar__item.navbar__link.icon {
    padding: 0.8rem;
    font-size: 0;
    line-height: 0;
    flex-shrink: 0;
}

@media (max-width: 996px) {
    .navbar__item.navbar__link.icon {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 500;
    }

    .menu__link.icon::before {
        display: none;
    }

    .navbar__inner .navbar__item.navbar__link.icon {
        display: none;
    }
}


.menu__list-item-collapsible {
    padding: unset;
}

.menu__list {
    width: 100%;
}

.menu__list > .menu__list-item {
    margin-top: 0.4rem;
}

.menu__list .menu__list {
    margin-top: unset;
    padding-left: 1.6rem;
}

.navbar-sidebar__back {
    width: 100%;
    margin: unset;
}

.theme-doc-sidebar-item-category
.theme-doc-sidebar-item-link,
.menu__list-item-collapsible {
    display: flex;
    align-items: center;
}

@media (min-width: 997px) {
    .navbar__sub {
        display: block;
    }

    .navbar__item.dropdown {
        display: flex;
    }
}

/* @media (min-width: 997px) and (max-width: 1250px) {
    .navbar__items--right a.icon {
        display: none;
    }
} */

@media (min-width: 997px) and (max-width: 1130px) {
    .navbar__link.changelog {
        display: none;
    }
}

@media (min-width: 997px) and (max-width: 1439px) {
    footer .col--offset-9 {
        --ifm-col-width: calc(4 / 12 * 100%);
        margin-left: calc(8 / 12 * 100%);
    }
}

html .theme-doc-sidebar-container {
    border: 0;
}

html .table-of-contents {
    border-left: 0;
}

html .table-of-contents ul {
    border-left: 2px solid #dfe2f5;
}

.actionLink {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: var(--color-Neutral_TextMuted);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.actionLink:hover {
    color: var(--color-Primary_TextInteractive);
}

html[data-theme='dark'] .actionLink::after {
    background-image: url('/img/arrow-right-light.svg');
}

html[data-theme='dark'] .actionLink:hover::after {
    background-image: url('/img/arrow-right-primary-light.svg');
}

.actionLink::after {
    content: " ";
    display: block;
    background-image: url('/img/arrow-right.svg');
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    margin-left: 4px;
    transition: margin 200ms ease-in-out;
}

.actionLink:hover::after {
    background-image: url('/img/arrow-right-primary.svg');
    margin-left: 8px;
}


.card {
    [class*="cardTitle"] {
        font-size: 1.6rem !important;
    }

    [class*="cardDescription"] {
        font-size: 1.2rem !important;
    }
}

.cardContentWrapper {
    display: flex;
    padding-top: 1.6rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    align-self: stretch;
    height: 100%;
}

.cardContentWrapperText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

.cardContentList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12.8px;
    align-self: stretch;
}

@media (min-width: 997px) and (max-width: 1660px) {
    :root {
        --ifm-toc-padding-vertical: 4px;
        --ifm-toc-padding-horizontal: 4px;
    }

    .navbar__item, .menu__link, .navbar__link {
        padding: 2px 8px;
    }

    .theme-doc-sidebar-menu .menu__link,
    .theme-doc-toc-desktop .table-of-contents .toc-highlight {
        font-size: 12.8px;
    }

    .theme-doc-toc-desktop {
        margin-left: -15px;
    }

    html .plugin-docs .theme-doc-markdown {
        font-size: 16px;
        line-height: 28px;
    }
}

aside li.section-header > div > .menu__link,
.plugin-id-openapi aside li.section-header > ul > li > div > .menu__link {
    text-transform: uppercase;
    opacity: 0.8;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

aside li.section-header > div > .menu__link {
    font-size: 20px;
}

aside li.section-header.menu__list-item {
    margin-top: 15px;
    margin-bottom: 5px;
}

aside li.section-header.menu__list-item:nth-child(2) {
    margin-top: 5px;
}

aside li.section-header > .menu__list {
    padding-left: 0;
}

.beta-chip {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 20px;
    content: 'beta';
    background: #ddd;
    font-size: 80%;
    line-height: 10px;
    padding: 3px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

html[data-theme='dark'] .beta-chip {
    background: #333;
}

a.tsd-anchor[href^="https://undefined"] {
    display: none;
}

.runnable-code-block .code-block.no-title pre + div {
    position: absolute;
    right: 170px;
    line-height: 28px;
}

.runnable-code-block .code-block button {
    height: 36px;
    margin-top: 1px;
}

.runnable-code-block:hover .code-block button {
    opacity: 0.4;
}

html[data-theme='dark'] .runnable-code-block svg .apify-logo {
    fill: #fff;
}


/* updating the sizes in the docs search modal */
.aa-DetachedContainer {
    .mx-0\.5 {
        margin-left: 0.2rem;
        margin-right: 0.2rem;
    }

    .mb-3 {
        margin-bottom: 1.2rem;
    }

    .mt-2 {
        margin-top: 0.8rem;
    }

    .h-16 {
        height: 6.4rem;
    }

    .rounded {
        border-radius: 0.4rem;
    }

    .rounded-l {
        border-top-left-radius: 0.4rem;
        border-bottom-left-radius: 0.4rem;
    }

    .p-2 {
        padding: 0.8rem;
    }

    .p-5 {
        padding: 2rem;
    }

    .p-7 {
        padding: 2.8rem;
    }

    .px-1 {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .px-3 {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .px-5 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .px-6 {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    .py-0\.5 {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    .py-1 {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }

    .py-3 {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    .pb-6 {
        padding-bottom: 2.4rem;
    }


    .pl-10 {
        padding-left: 4rem;
    }

    .pl-3 {
        padding-left: 1.2rem;
    }

    .pl-5 {
        padding-left: 2rem;
    }


    .text-2xl {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .text-lg {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }

    .text-sm {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .leading-6 {
        line-height: 2.4rem;
    }
}

.card-image-container_src-components-Cards-module  {
    height: 23rem !important;
& > img {
        width: 100%;
    }
}

.card_src-components-Cards-module>a>div {
    padding: 0px 1.6rem 1.6rem !important;
}

/* typography  margin and padding fixes from Infima css file */

.margin--none {
    margin: 0 !important;
}

.margin-top--none {
    margin-top: 0 !important;
}

.margin-left--none {
    margin-right: 0 !important;
}

.margin-bottom--none {
    margin-bottom: 0 !important;
}

.margin-right--none {
    margin-left: 0 !important;
}

.margin-vert--none {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.margin-horiz--none {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.margin--xs {
    margin: 0.4rem !important;
}

.margin-top--xs {
    margin-top: 0.4rem !important;
}

.margin-left--xs {
    margin-right: 0.4rem !important;
}

.margin-bottom--xs {
    margin-bottom: 0.4rem !important;
}

.margin-right--xs {
    margin-left: 0.4rem !important;
}

.margin-vert--xs {
    margin-bottom: 0.4rem !important;
    margin-top: 0.4rem !important;
}

.margin-horiz--xs {
    margin-right: 0.4rem !important;
    margin-left: 0.4rem !important;
}

.margin--sm {
    margin: 0.8rem !important;
}

.margin-top--sm {
    margin-top: 0.8rem !important;
}

.margin-left--sm {
    margin-right: 0.8rem !important;
}

.margin-bottom--sm {
    margin-bottom: 0.8rem !important;
}

.margin-right--sm {
    margin-left: 0.8rem !important;
}

.margin-vert--sm {
    margin-bottom: 0.8rem !important;
    margin-top: 0.8rem !important;
}

.margin-horiz--sm {
    margin-right: 0.8rem !important;
    margin-left: 0.8rem !important;
}

.margin--md {
    margin: 1.6rem !important;
}

.margin-top--md {
    margin-top: 1.6rem !important;
}

.margin-left--md {
    margin-right: 1.6rem !important;
}

.margin-bottom--md {
    margin-bottom: 1.6rem !important;
}

.margin-right--md {
    margin-left: 1.6rem !important;
}

.margin-vert--md {
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important;
}

.margin-horiz--md {
    margin-right: 1.6rem !important;
    margin-left: 1.6rem !important;
}

.margin--lg {
    margin: 3.2rem !important;
}

.margin-top--lg {
    margin-top: 3.2rem !important;
}

.margin-left--lg {
    margin-right: 3.2rem !important;
}

.margin-bottom--lg {
    margin-bottom: 3.2rem !important;
}

.margin-right--lg {
    margin-left: 3.2rem !important;
}

.margin-vert--lg {
    margin-bottom: 3.2rem !important;
    margin-top: 3.2rem !important;
}

.margin-horiz--lg {
    margin-right: 3.2rem !important;
    margin-left: 3.2rem !important;
}

.margin--xl {
    margin: 8rem !important;
}

.margin-top--xl {
    margin-top: 8rem !important;
}

.margin-left--xl {
    margin-right: 8rem !important;
}

.margin-bottom--xl {
    margin-bottom: 8rem !important;
}

.margin-right--xl {
    margin-left: 8rem !important;
}

.margin-vert--xl {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important;
}

.margin-horiz--xl {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
}

.padding--none {
    padding: 0 !important;
}

.padding-top--none {
    padding-top: 0 !important;
}

.padding-left--none {
    padding-right: 0 !important;
}

.padding-bottom--none {
    padding-bottom: 0 !important;
}

.padding-right--none {
    padding-left: 0 !important;
}

.padding-vert--none {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.padding-horiz--none {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.padding--xs {
    padding: 0.4rem !important;
}

.padding-top--xs {
    padding-top: 0.4rem !important;
}

.padding-left--xs {
    padding-right: 0.4rem !important;
}

.padding-bottom--xs {
    padding-bottom: 0.4rem !important;
}

.padding-right--xs {
    padding-left: 0.4rem !important;
}

.padding-vert--xs {
    padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
}

.padding-horiz--xs {
    padding-right: 0.4rem !important;
    padding-left: 0.4rem !important;
}

.padding--sm {
    padding: 0.8rem !important;
}

.padding-top--sm {
    padding-top: 0.8rem !important;
}

.padding-left--sm {
    padding-right: 0.8rem !important;
}

.padding-bottom--sm {
    padding-bottom: 0.8rem !important;
}

.padding-right--sm {
    padding-left: 0.8rem !important;
}

.padding-vert--sm {
    padding-bottom: 0.8rem !important;
    padding-top: 0.8rem !important;
}

.padding-horiz--sm {
    padding-right: 0.8rem !important;
    padding-left: 0.8rem !important;
}

.padding--md {
    padding: 1.6rem !important;
}

.padding-top--md {
    padding-top: 1.6rem !important;
}

.padding-left--md {
    padding-right: 1.6rem !important;
}

.padding-bottom--md {
    padding-bottom: 1.6rem !important;
}

.padding-right--md {
    padding-left: 1.6rem !important;
}

.padding-vert--md {
    padding-bottom: 1.6rem !important;
    padding-top: 1.6rem !important;
}

.padding-horiz--md {
    padding-right: 1.6rem !important;
    padding-left: 1.6rem !important;
}

.padding--lg {
    padding: 3.2rem !important;
}

.padding-top--lg {
    padding-top: 3.2rem !important;
}

.padding-left--lg {
    padding-right: 3.2rem !important;
}

.padding-bottom--lg {
    padding-bottom: 3.2rem !important;
}

.padding-right--lg {
    padding-left: 3.2rem !important;
}

.padding-vert--lg {
    padding-bottom: 3.2rem !important;
    padding-top: 3.2rem !important;
}

.padding-horiz--lg {
    padding-right: 3.2rem !important;
    padding-left: 3.2rem !important;
}

.padding--xl {
    padding: 8rem !important;
}

.padding-top--xl {
    padding-top: 8rem !important;
}

.padding-left--xl {
    padding-right: 8rem !important;
}

.padding-bottom--xl {
    padding-bottom: 8rem !important;
}

.padding-right--xl {
    padding-left: 8rem !important;
}

.padding-vert--xl {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important;
}

.padding-horiz--xl {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
}

/*
 * Reset the line-number counter for each .prism-code scope
 */
.prism-code {
    counter-reset: line-number;
}

/*
 * Notice the chained .language-ts class name to .prism-code
 * You can chain more languages in order to add line numbers
 */
.prism-code.language-ts .token-line::before,
.prism-code.language-typescript .token-line::before,
.prism-code.language-javascript .token-line::before,
.prism-code.language-json .token-line::before,
.prism-code.language-json5 .token-line::before,
.prism-code.language-py .token-line::before,
.prism-code.language-python .token-line::before,
.prism-code.language-dockerfile .token-line::before,
.prism-code.language-XML .token-line::before,
.prism-code.language-yaml .token-line::before,
.prism-code.language-js .token-line::before {
    counter-increment: line-number;
    content: counter(line-number);
    margin-right: calc(var(--ifm-pre-padding) * 0.8);
    text-align: right;
    min-width: 1.5rem;
    display: inline-block;
    left: var(--ifm-pre-padding);
    color: var(--color-neutral-text-subtle);
}

.theme-code-block {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid var(--color-neutral-border);
    box-shadow: none !important;

    div[class^="codeBlockTitle"]{
        border-bottom: 1px solid var(--color-neutral-border) !important;
        background: var(--color-neutral-background-subtle);
    }

    div[class^="buttonGroup"] button {
        opacity: 1 !important;

        &[title="Toggle word wrap"] {
            display: none;
        }
    }

}

.apiPage .tsd-panel-header .tsd-anchor-id {
    top: -13rem;
}

iframe[src*="youtube"] {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    margin-bottom: 1.6rem;
}

.theme-api-markdown .openapi-clients-box {
    display: block;
    float: right;
    margin-top: 16px;
    margin-left: 16px;
    margin-bottom: 12px;
    padding: 10px 16px;
    min-width: 140px;
    background: var(--ifm-background-surface-color);
    border: 1px solid var(--ifm-toc-border-color);
    border-radius: 8px;
}

.theme-api-markdown .openapi-clients-box-heading {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--ifm-color-emphasis-600);
    margin-bottom: 4px;
}

.client-docs-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding: 2px 0;
    text-decoration: none;
    transition: opacity 0.15s ease;
}

.client-docs-link:hover {
    opacity: 0.8;
    text-decoration: none;
}

a.client-docs-link {
    font-size: 13px;
    font-weight: 500;
    color: var(--ifm-color-emphasis-800);
}

.client-docs-link img {
    border-radius: 4px;
}

.theme-api-markdown .openapi-clients-box-icon {
    display: block;
    margin: 0 !important;
}

.theme-admonition {
    clear: right;
}

.theme-api-markdown .openapi__method-endpoint-path,
.theme-api-markdown .openapi-security__summary-header {
    margin-top: 0;
}

.theme-api-markdown .openapi-explorer__details-summary:before {
    width: 1.6rem;
    height: 1.6rem;
}

.theme-api-markdown .prism-code .token-line::before {
    display: none !important;
}

.menu__list-item--deprecated > .menu__link,
.menu__list-item--deprecated > .menu__link:hover {
    text-decoration: line-through;
    text-decoration-thickness: 2px !important;
}

.api-method > .menu__link,
.schema > .menu__link {
    align-items: center;
    justify-content: start;
}

.openapi-endpoint.api-method::before,
.api-method > .menu__link::before,
.schema > .menu__link::before {
    width: 55px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: middle;
    font-family: var(--ifm-font-family-monospace);
    border-radius: 0.25rem;
    border: 1px solid;
    border-inline-start-width: 5px;
    margin-right: 8px;
    padding: 3px 5px 3px 4px;
    text-align: center;
    flex-shrink: 0;
    position: relative;
    top: -1.5px;
}

.theme-api-markdown .openapi__method-endpoint .badge {
    border-inline-start-width: 5px;
    padding: 3px 5px 3px 4px;
    margin-right: 5px;
}

.get > .menu__link::before,
.openapi-endpoint.api-method.get::before,
.theme-api-markdown .openapi__method-endpoint .badge--primary {
    background-color: var(--ifm-color-info-contrast-background);
    color: var(--ifm-color-info-contrast-foreground);
    border-color: var(--ifm-color-info-dark);
}

.openapi-endpoint.api-method.get::before,
.get > .menu__link::before {
    content: 'get';
}

.openapi-endpoint.api-method.post::before,
.post > .menu__link::before {
    content: 'post';
}

.post > .menu__link::before,
.openapi-endpoint.api-method.post::before,
.theme-api-markdown .openapi__method-endpoint .badge--success {
    background-color: var(--ifm-color-success-contrast-background);
    color: var(--ifm-color-success-contrast-foreground);
    border-color: var(--ifm-color-success-dark);
}

.openapi-endpoint.api-method.delete::before,
.delete > .menu__link::before {
    content: 'del';
}

.delete > .menu__link::before,
.openapi-endpoint.api-method.delete::before,
.theme-api-markdown .openapi__method-endpoint .badge--danger {
    background-color: var(--ifm-color-danger-contrast-background);
    color: var(--ifm-color-danger-contrast-foreground);
    border-color: var(--ifm-color-danger-dark);
}

.openapi-endpoint.api-method.put::before,
.put > .menu__link::before {
    content: 'put';
}

.put > .menu__link::before,
.openapi-endpoint.api-method.put::before,
.theme-api-markdown .openapi__method-endpoint .badge--info {
    background-color: var(--ifm-color-warning-contrast-background);
    color: var(--ifm-color-warning-contrast-foreground);
    border-color: var(--ifm-color-warning-dark);
}

.openapi-endpoint.api-method.patch::before,
.patch > .menu__link::before {
    content: 'patch';
}

.patch > .menu__link::before,
.openapi-endpoint.api-method.patch::before,
.theme-api-markdown .openapi__method-endpoint .badge--warning {
    background-color: var(--ifm-color-success-contrast-background);
    color: var(--ifm-color-success-contrast-foreground);
    border-color: var(--ifm-color-success-dark);
}

.openapi-endpoint.api-method.head::before,
.head > .menu__link::before {
    content: 'head';
}

.head > .menu__link::before,
.openapi-endpoint.api-method.head::before,
.event > .menu__link::before,
.openapi-endpoint.api-method.event::before,
.schema > .menu__link::before,
.openapi-endpoint.api-method.schema::before,
.theme-api-markdown .openapi__method-endpoint .badge--secondary {
    background-color: var(--ifm-color-secondary-contrast-background);
    color: var(--ifm-color-secondary-contrast-foreground);
    border-color: var(--ifm-color-secondary-dark);
}

.openapi-endpoint.api-method.event::before,
.event > .menu__link::before {
    content: 'event';
}

.event > .menu__link::before,
.theme-api-markdown .openapi__method-endpoint .badge--secondary {
    background-color: var(--ifm-color-secondary-contrast-background);
    color: var(--ifm-color-secondary-contrast-foreground);
    border-color: var(--ifm-color-secondary-dark);
}

.theme-doc-markdown .openapi__heading {
    font-size: var(--ifm-h1-font-size);
    margin-bottom: calc(var(--ifm-h1-vertical-rhythm-bottom)* var(--ifm-leading)) !important;
}

.theme-doc-markdown .openapi-tabs__code-container .openapi-tabs__code-item span {
    text-transform: none;
}

.plugin-id-openapi .export-button {
    --ifm-button-size-multiplier: 1.5;
}

div[class^="navbarSearchContainer"] {
    padding: 0;
}

@media (max-width: 996px) {
    div[class^="navbarSearchContainer"] {
        position: static;
    }
}

.medium-zoom-image--opened {
    z-index: 999;
}

.DocSearch-Button {
    cursor: pointer;
}

.DocSearch-Button-Key {
    border: 0;
}

.DocSearch-Button-Key.ctrl:first-child {
    width: 14px !important;
    height: 15px !important;
}

/* Array brackets in API schema - rendered via CSS so they don't leak into .md export */
.openapi-array-bracket-open::before {
    content: "Array [";
}
.openapi-array-bracket-close::before {
    content: "]";
}