:root > * {
    --primary500: #464fe5;
    --primary700: #121983;
    --primary900: #050621;
    --neutral400: #bcbcc1;
    --neutral500: #a0a1a8;
    --neutral700: #55565d;
    --neutral900: #202023;

    --md-link-primary-color: var(--primary500);
    --md-link-primary-color--hover: var(--primary700);
    --md-link-primary-color--active: var(--primary900);
    --md-link--secondary-color: var(--neutral500);
    --md-link--secondary-color--hover: var(--neutral700);
    --md-link--secondary-color--active: var(--neutral900);
    --md-link-color--disabled: var(--neutral400);

    --md-icon-height: 16px;
  }

[data-md-color-scheme="slate"]{
    --md-hue: 210;
}
[data-md-color-scheme="slate"] .md-header{
    background-color: var(--md-footer-bg-color);
    color: var(--md-footer-fg-color);
}
[data-md-color-scheme="default"] .md-header{
    background-color: var(--md-default-bg-color);
    color: var(--md-default-fg-color);
}
/*.md-nav__title{*/
/*    display: none;*/
/*}*/

.md-header__ellipsis div.md-header__topic:first-of-type {
    display:none;
}
[data-md-color-scheme="slate"] .md-header__button.md-logo img{
    -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
    filter: invert(100%);
}

.md-typeset pre>code {
    white-space: pre;
}

.md-typeset .admonition {
    font-size: 0.75rem;
}

.btn__icon {
    height: 16px !important;
}

.md-typeset .link {
    color: var(--md-link-primary-color);
}

.md-typeset .link:hover {
    color: var(--md-link-primary-color--hover)
}

.md-typeset .link:active {
    color: var(--md-link-primary-color--active)
}

.md-typeset .link_secondary {
    color: var(--md-link--secondary-color);
}

.md-typeset .link_secondary:hover {
    color: var(--md-link--secondary-color--hover);
}

.md-typeset .link_secondary:active {
    color: var(--md-link--secondary-color--active);
}

.md-typeset .link_disabled {
    color: var(--md-link-color--disabled);
}

.width_fit-content {
    width: fit-content;
}

.icon_height {
    height: var(--md-icon-height);
}

.flex {
    display: flex;
    gap: 6px;
}
@media all and (min-width:1px) and (max-width: 560px) {
    img.as {
        width: 100%;
    }
}