* {
    /* Admonition icons */
    --md-admonition-icon--image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 13.25A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75ZM1.75 2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h.94l.03-.03 6.077-6.078a1.75 1.75 0 0 1 2.412-.06L14.5 10.31V2.75a.25.25 0 0 0-.25-.25Zm12.5 11a.25.25 0 0 0 .25-.25v-.917l-4.298-3.889a.25.25 0 0 0-.344.009L4.81 13.5ZM7 6a2 2 0 1 1-3.999.001A2 2 0 0 1 7 6M5.5 6a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0"/></svg>');

    /* Status icons */
    --md-status--new: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m23 12-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68zm-10 5h-2v-2h2zm0-4h-2V7h2z"></path></svg>');
    --md-status--beta: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.23 17.59v5.53H6.88V6.72c0-1.45.43-2.59 1.28-3.44C9 2.43 10.17 2 11.61 2c1.39 0 2.46.34 3.26 1 .79.68 1.18 1.62 1.18 2.81 0 .82-.26 1.59-.78 2.3s-1.19 1.2-2.02 1.47v.04c1.25.2 2.22.65 2.88 1.38.66.71.99 1.62.99 2.74 0 1.32-.46 2.4-1.37 3.23-.92.83-2.12 1.24-3.62 1.24-1.06 0-2.03-.21-2.9-.62m1.49-6.84V8.83c.87-.11 1.58-.43 2.15-.97.56-.55.84-1.16.84-1.86 0-1.38-.71-2.08-2.11-2.08-.76 0-1.35.24-1.76.73s-.61 1.17-.61 2.06v8.79c.91.53 1.8.79 2.66.79.84 0 1.5-.22 1.97-.65.47-.44.7-1.06.7-1.85 0-1.79-1.28-2.79-3.84-3.04"></path></svg>');
}

/*******************************************************************/
/* Image admonition styling */

.md-typeset .admonition.image,
.md-typeset details.image {
    border-color: var(--md-admonition-fg-color);
}
.md-typeset .image > .admonition-title::before,
.md-typeset .image > summary::before {
    background-color: var(--md-admonition-fg-color);
    -webkit-mask-image: var(--md-admonition-icon--image);
    mask-image: var(--md-admonition-icon--image);
}

/*******************************************************************/
/* Status icons in left nav */

.md-status--new::after {
    mask-image: var(--md-status--new);
}
.md-status--beta::after {
    mask-image: var(--md-status--beta);
}

/*******************************************************************/
/* Image captions */

.md-typeset figure p {
    margin: 0 auto;
}
.md-typeset figcaption {
    margin: 0 auto;
}
.md-typeset figcaption p {
    margin: 0;
    font-size: .6rem;
    color: var(--md-default-fg-color--lighter);
}

/*******************************************************************/
/* Common utils */

h1#welcome {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0 0 0 0 0);
    white-space: nowrap;
}

.md-typeset .md-button--primary {
    background: var(--md-accent-fg-color--transparent);
    color: var(--md-accent-fg-color);
}

.md-typeset .wordwrap * {
    text-wrap: auto;
}

.md-typeset kbd {
    border-radius: .2rem;
    font-size: .85em;
    padding: 0 .5em;
    margin: 0 .1em;
    box-shadow:
        0 0.1rem 0 0.05rem var(--md-typeset-kbd-border-color),
        0 0.1rem 0 var(--md-typeset-kbd-border-color),
        0 -0.05rem 0.1rem var(--md-typeset-kbd-accent-color) inset;
}

/*******************************************************************/
/* Hide dark images in light mode and vice versa */

[data-md-color-scheme="default"] img[src*="/_dark/"],
[data-md-color-scheme="slate"] img[src*="/_light/"] {
  display: none;
}

/*******************************************************************/
/* Landing page template (overrides/landing.html) */

.tx-hero {
    margin: -2.4rem -1.6rem 2.4rem;
    padding: 3.5rem 1.6rem;
}
.tx-hero h1 {
    margin: 0 0 0.5rem;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
}
.tx-hero p {
    max-width: 40rem;
    font-size: 1.15rem;
    line-height: 1.5;
}
.tx-hero__buttons {
    display: flex;
    gap: 1rem;
}

/*******************************************************************/
/* Inline badges (inline_badges.py) */

.md-typeset .mdx-badge {
    font-size: 0.8rem;
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border: .1rem solid var(--md-accent-fg-color--transparent);
    border-radius: .25rem;
    vertical-align: baseline;
}

.md-typeset .mdx-badge__icon,
.md-typeset .mdx-badge__text {
    display: inline-flex;
    align-items: center;
}

.md-typeset .mdx-badge__icon {
    justify-content: center;
    background-color: var(--md-accent-fg-color--transparent);
    padding: .15rem;
    color: var(--md-primary-fg-color);
}

.md-typeset .mdx-badge__text {
    font-size: .85em;
    padding: 0 .5rem;
}

.md-typeset .mdx-badge__text code {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
