/* Overrides */

:root {
    --md-primary-fg-color--dark: var(--sky700)
}
.md-header,
.md-tabs {
    background:
        -o-linear-gradient(
            340deg,
            rgba(0,0,0,0) 33%,
            rgba(0,0,0,0.2) 95%
        ),
        -o-linear-gradient(
            340deg,
            rgb(11,39,140) 33%,
            rgb(20,142,255) 95%
        );
    background:
        linear-gradient(
            110deg,
            rgba(0,0,0,0) 33%,
            rgba(0,0,0,0.2) 95%
        ),
        linear-gradient(
            110deg,
            rgb(11,39,140) 33%,
            rgb(20,142,255) 95%
        );
}
@media screen and (max-width: 76.1875em) {
    .md-nav--primary .md-nav__title[for="__drawer"],
    .md-nav--primary .md-nav__title {
        background:
            -o-linear-gradient(
                340deg,
                rgba(0,0,0,0) 33%,
                rgba(0,0,0,0.2) 95%
            ),
            -o-linear-gradient(
                340deg,
                rgb(11,39,140) 33%,
                rgb(20,142,255) 95%
            );
        background:
            linear-gradient(
                110deg,
                rgba(0,0,0,0) 33%,
                rgba(0,0,0,0.2) 95%
            ),
            linear-gradient(
                110deg,
                rgb(11,39,140) 33%,
                rgb(20,142,255) 95%
            );
    }
}
.superNav,
.md-nav__source {
    background-color: rgb(11,39,140);
    background-image:
        linear-gradient(
            110deg,
            rgba(0,0,0,0.3) 33%,
            rgba(0,0,0,0.3) 95%
        );
}

/* Header foreground loads after design.css; wins if MaterialX stylesheet is merged before extras. */
body[data-md-color-scheme="default"] .md-header,
body[data-md-color-scheme="default"] .md-tabs,
html[data-md-color-scheme="default"] .md-header,
html[data-md-color-scheme="default"] .md-tabs {
    color: #fff !important;
}
body[data-md-color-scheme="default"] .md-header a,
body[data-md-color-scheme="default"] .md-header .md-source,
body[data-md-color-scheme="default"] .md-header .md-source__repository,
html[data-md-color-scheme="default"] .md-header a,
html[data-md-color-scheme="default"] .md-header .md-source,
html[data-md-color-scheme="default"] .md-header .md-source__repository {
    color: inherit !important;
}
@media screen and (min-width: 60em) {
    body[data-md-color-scheme="default"] .md-header .md-search__input::placeholder,
    html[data-md-color-scheme="default"] .md-header .md-search__input::placeholder {
        color: rgba(255, 255, 255, 0.72) !important;
    }
    body[data-md-color-scheme="default"] .md-header .md-search__input + .md-search__icon,
    html[data-md-color-scheme="default"] .md-header .md-search__input + .md-search__icon {
        color: #fff !important;
    }
}
body[data-md-color-scheme="default"] .md-header .md-search__input ~ .md-search__icon,
html[data-md-color-scheme="default"] .md-header .md-search__input ~ .md-search__icon {
    color: rgba(255, 255, 255, 0.72) !important;
}