docs/content/_assets/css/extra.css

:root {
    /* Image admonition */
    --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>');
    /* Yoomoney logo */
    --md-admonition-icon--yoomoney: url('data:image/svg+xml;charset=utf-8,<svg width="169" height="120" viewBox="0 0 169 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M108.99 0C75.5725 0 48.9902 26.962 48.9902 60C48.9902 93.4177 75.9523 120 108.99 120C142.028 120 168.99 93.038 168.99 60C168.99 26.962 142.028 0 108.99 0ZM108.99 82.4051C96.8383 82.4051 86.5852 72.1519 86.5852 60C86.5852 47.8481 96.8383 37.5949 108.99 37.5949C121.142 37.5949 131.395 47.8481 131.395 60C131.016 72.1519 121.142 82.4051 108.99 82.4051Z" fill="white"/><path d="M48.6076 17.4684V104.81H27.3418L0 17.4684H48.6076V17.4684Z" fill="white"/></svg>');
    /* Boosty logo */
    --md-admonition-icon--boosty: url('data:image/svg+xml;charset=utf-8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2.661 14.337 6.801 0h6.362L11.88 4.444l-0.038 0.077 -3.378 11.733h3.15c-1.321 3.289 -2.35 5.867 -3.086 7.733 -5.816 -0.063 -7.442 -4.228 -6.02 -9.155M8.554 24l7.67 -11.035h-3.25l2.83 -7.073c4.852 0.508 7.137 4.33 5.791 8.952C20.16 19.81 14.344 24 8.68 24h-0.127z" fill="white" stroke-width="1"></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);
}

/* Yoomoney admonition styling */

.md-typeset .admonition.yoomoney,
.md-typeset details.yoomoney {
    border-color: rgba(113, 47, 244, 1);
}
.md-typeset .yoomoney > .admonition-title::before,
.md-typeset .yoomoney > summary::before {
    background-color: rgb(113, 47, 244);
    -webkit-mask-image: var(--md-admonition-icon--yoomoney);
    mask-image: var(--md-admonition-icon--yoomoney);
}

/* Boosty admonition styling */

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


.badge {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-sizing: border-box;
    color: rgb(33, 37, 41);
    display: inline-block;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial,
        sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 10.5px;
    font-weight: 700;
    height: 17.8438px;
    line-height: 10.5px;
    margin-right: 4px;
    padding-bottom: 3.675px;
    padding-left: 6.825px;
    padding-right: 6.825px;
    padding-top: 3.675px;
    text-align: center;
    text-size-adjust: 100%;
    text-wrap-mode: nowrap;
    vertical-align: baseline;
    white-space-collapse: collapse;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.badge.online {
    background-color: rgb(25, 135, 84);
}

.badge.online-percent {
    border: 1px solid rgb(25, 135, 84);
    color: var(--md-typeset-color);
}

.badge.offline {
    background-color: rgb(220, 53, 69);
}

.badge.unknown {
    background-color: rgb(108, 117, 125);
}

.badge.adult {
    background-color: rgb(255, 193, 7);
}

.badge.lapka {
    background-color: rgb(13, 202, 240);
}

.icon.online {
    color: rgb(25, 135, 84);
}

.icon.offline {
    color: rgb(220, 53, 69);
}

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

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

/*******************************************************************/
/* 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;
}

.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;
}

/*******************************************************************/
/* 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;
}