: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>');
    /* CloudTips logo */
    --md-admonition-icon--cloudtips: url('data:image/svg+xml;charset=utf-8,<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="31" height="31" viewBox="-1.5 -1.5 30.9797 30.9989"><path style="fill: rgb(100,150,220); fill-rule: evenodd" stroke-linecap="round" d="M 13.9898 27.9989 C 21.7162 27.9989 27.9797 21.7312 27.9797 13.9995 C 27.9797 6.2678 21.7162 0 13.9898 0 C 6.2635 0 0 6.2678 0 13.9995 C 0 21.7312 6.2635 27.9989 13.9898 27.9989 Z M 20.0445 8.8474 L 10.9846 17.9135 C 11.8911 18.8192 13.1198 19.3279 14.4008 19.3279 C 15.6819 19.3279 16.9105 18.8192 17.8171 17.9135 L 23.4565 12.2618 C 23.6807 12.0377 23.8586 11.7715 23.98 11.4786 C 24.1013 11.1857 24.1638 10.8717 24.1638 10.5546 C 24.1638 10.2375 24.1013 9.9235 23.98 9.6305 C 23.8586 9.3376 23.6807 9.0715 23.4565 8.8474 C 23.2326 8.623 22.9667 8.445 22.6739 8.3236 C 22.3812 8.2022 22.0674 8.1397 21.7505 8.1397 C 21.4336 8.1397 21.1199 8.2022 20.8271 8.3236 C 20.5344 8.445 20.2684 8.623 20.0445 8.8474 Z M 16.9951 10.0865 L 7.9352 19.1526 C 7.7112 19.377 7.4453 19.555 7.1525 19.6764 C 6.8598 19.7978 6.546 19.8603 6.2291 19.8603 C 5.9123 19.8603 5.5985 19.7978 5.3057 19.6764 C 5.013 19.555 4.7471 19.377 4.5231 19.1526 C 4.0719 18.6992 3.8185 18.0854 3.8185 17.4454 C 3.8185 16.8055 4.0719 16.1917 4.5231 15.7382 L 10.1626 10.0865 C 11.0691 9.1808 12.2978 8.6721 13.5788 8.6721 C 14.8599 8.6721 16.0885 9.1808 16.9951 10.0865 Z"/></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 {
    background-color: rgb(113 47 244 / 10%);
}
.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 {
    background-color: rgb(241 95 44 / 10%)
}
.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);
}

/* CloudTips admonition styling */

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


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

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

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

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