:root {
    --clr-blue-a200: #448aff;
    --clr-light-blue-a400: #26c6da;
    --clr-cyan-a700: #00b8d4;
    --clr-teal-a700: #00bfa5;
    --clr-green-a700: #00c853;
    --clr-light-green-a700: #64dd17;
    --clr-orange-a400: #ff9100;
    --clr-red-a200: #ff5252;
    --clr-red-a400: #ff1744;
    --clr-pink-a400: #f50057;
    --clr-deep-purple-a200: #7c4dff;
    --clr-grey: #9e9e9e;
}

.green-text {
    color: var(--clr-green-a700);
}

.red-text {
    color: var(--clr-red-a400);
}

.cyan-text {
    color: var(--clr-cyan-a700);
}

.md-typeset p,
.md-typeset li {
    text-align: justify;
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.md-typeset figcaption,
.md-typeset figcaption p {
    text-align: center;
}

.md-typeset .icon-list dl {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.3em 0.7em;
    margin-left: .625em;
}

.md-typeset .icon-list dd {
    margin: 0;
}

/* Numbered steps: <div class="sl-steps" markdown> wrapping an ordered list */
.md-typeset .sl-steps {
    --sl-bullet-size: calc(var(--md-typeset-line-height, 1.3) * 1rem);
    --sl-bullet-margin: 0.375rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.md-typeset .sl-steps>ol {
    list-style: none;
    counter-reset: steps-counter var(--sl-steps-start, 0);
    padding-inline-start: 0;

}

.md-typeset .sl-steps>ol>li {
    counter-increment: steps-counter;
    position: relative;
    padding-inline-start: calc(var(--sl-bullet-size) + 1rem);
    padding-bottom: 1px;
    margin-bottom: 0;
    margin-left: 0;
    min-height: calc(var(--sl-bullet-size) + var(--sl-bullet-margin));
}

.md-typeset .sl-steps>ol>li>p {
    margin-top: 0;
}

.md-typeset .sl-steps>ol>li::before {
    content: counter(steps-counter);
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: var(--sl-bullet-size);
    height: var(--sl-bullet-size);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 600;
    border: 0.05rem solid var(--md-typeset-table-color);
    border-radius: 99rem;
    background-color: var(--md-code-bg-color);
}

.md-typeset .sl-steps>ol>li::after {
    content: '';
    position: absolute;
    top: calc(var(--sl-bullet-size) + var(--sl-bullet-margin));
    bottom: var(--sl-bullet-margin);
    inset-inline-start: calc(var(--sl-bullet-size) / 2);
    width: 0.05rem;
    background-color: var(--md-typeset-table-color);
}

/* remove background from code block buttons toolbar */
.md-code__nav,
:hover>.md-code__nav {
    background-color: transparent;
}

/* remove code block background inside admonitions */
.md-typeset .admonition code,
.md-typeset details code {
    background-color: transparent;
}

/* match admonition font size to normal text */
.md-typeset .admonition,
.md-typeset details {
    font-size: inherit;
}

/* macOS window recording */
.rounded-video {
    border-radius: .4rem;
}

.rounded-img {
    border-radius: .4rem;
}

/* table */

.center-table {
    text-align: center;
}

.md-typeset .center-table :is(td, th):not([align]) {
    text-align: initial;
}

.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
    padding: .2rem .6rem;
}

mark {
    background: color-mix(in srgb, #ffcc00 35%, transparent) !important;
    padding: .1em .25em;
    border-radius: .2em;
    font-weight: 600;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.home-grid {
    display: grid;
    grid-template-columns: auto minmax(0, 32rem) auto;
    justify-content: center;
    align-items: start;
    gap: 5rem;
}

.home-grid>p {
    margin: 0;
    line-height: 0;
}

.flag {
    width: 5rem;
    height: auto;
    opacity: 0.95;
    pointer-events: none;
}

@media screen and (max-width: 76.234375em) {
    .home-grid {
        display: block;
    }

    .flag {
        display: none;
    }
}