:root {
    --base-font-size: 14px;
    --base-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --theme-color: #363636;
    --code-theme-background: #F5F8F9;
    --code-theme-text: #65757A;
    --code-block-padding: 14px;

    --sidebar-background: #FDB515;
    --sidebar-border-width: 0;
    --sidebar-nav-link-border-color--active: #FFE500;
    --sidebar-nav-link-color: #483406;
    --search-input-border-width: 0;
    --sidebar-nav-link-text-decoration: none;
    --sidebar-nav-pagelink-background-image: none;
    --sidebar-nav-pagelink-background-image--active: none;
    --sidebar-nav-pagelink-background-image--collapse: none;
    --sidebar-nav-pagelink-background-image--loaded: none;
    --sidebar-nav-pagelink-padding: 0;

    --content-max-width: 900px;
    --heading-h1-color: #363636;
    --heading-h1-margin: 2rem 0;
    --heading-h1-font-size: 34px;
    --heading-h1-font-weight: 500;
    --heading-h2-font-size: 18px;
    --heading-h2-margin: 1rem 0;
    --heading-h2-padding: 0 0 0.5rem;
    --heading-h2-border-width: 0 0 0;
    --heading-color: #363636;

    --hr-border: 1px solid #F1F6F7;

    --code-inline-background: #F5F9F9;
    --code-inline-padding: 8px 10px;
    --code-inline-color: #94A7AE;
}

.sidebar > h1.app-name {
    text-align: left;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 1px;
}

.sidebar > h1 .app-name-link {
    text-transform: uppercase;
}

.sidebar .search {
    position: sticky;
    top: 17px;
}

.markdown-section {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.markdown-section pre[data-lang] + p:not(.warn) {
    color: #ADADAD;
    font-size: 12px;
}

.markdown-section pre[data-lang]:after {
    display: none;
}

.markdown-section hr {
    margin: 2rem 0;
    max-width: 340px;
}

.sidebar nav a:not(.section-link), .sidebar-nav a:not(.section-link) {
    font-size: 19px;
}

.built-by {
    display: flex;
    align-items: center;
    order: 100;
    margin: var(--search-input-margin);
    margin-top: auto;
    background: #FAFAFA;
    transition: .3s ease;
}

.built-by:hover {
    transform:scale(1.02);
}

.built-by a {
    padding: var(--sidebar-padding);
    padding-top: 25px;
    padding-bottom: 25px;
    display: block;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
}

.built-by a img {
    width: 100px;
    height: auto;
    object-fit: contain;
    margin-bottom: -8px;
    margin-left: 7px;
}

@media (min-width: 48em) {
    body.sticky .sidebar-toggle {
        display: none;
    }
}