@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Roboto+Mono:ital,wght@0,500;0,700;1,500;1,700&display=swap');
body,
input {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

body {
    overflow-wrap: anywhere;
}

code,
kbd,
.md-typeset code {
    font-family: "Roboto Mono", "SF Mono", Consolas, monospace;
    font-weight: 500;
    font-size: 97%;
}

pre,
.md-typeset pre {
    font-family: "Roboto Mono", "SF Mono", Consolas, monospace;
    font-size: 82%;
    font-weight: 400;
    background-color: transparent;
    white-space: pre-wrap;
}

@media only screen and (max-width: 44.9375em) {
    .md-typeset pre {
        margin: 1em 0;
    }
}

.md-header {
    background-color: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
}

@media only screen and (min-width: 60em) {
    .md-header-nav__source {
        display: none;
    }
    .md-search {
        padding: .2rem;
        position: relative;
        left: 3.7em;
        margin-right: 2em;
    }
    .md-search__input {
        background-color: rgba(0, 0, 0, 0.03) !important;
    }
    .md-search__input::placeholder,
    .md-search__input~.md-search__icon {
        color: rgba(0, 0, 0, 0.2) !important;
    }
}