:root {
    --md-admonition-icon--beta: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M288 0H160 128C110.3 0 96 14.3 96 32s14.3 32 32 32V196.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512H378.6c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H288zM192 196.8V64h64V196.8c0 23.7 6.6 46.9 19 67.1L309.5 320h-171L173 263.9c12.4-20.2 19-43.4 19-67.1z"/></svg>');
    --md-admonition-rgb-color--beta: 255, 102, 0;

    --md-admonition-icon--tutorial: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z"/></svg>');
    --md-admonition-rgb-color--tutorial: 255, 220, 100;
    --md-admonition-title-fg-hex-color--tutorial: #2E303E;
}
/* beta */
.md-typeset .admonition.beta,
.md-typeset details.beta {
    border-color: rgb(var(--md-admonition-rgb-color--beta));
}
.md-typeset .beta > .admonition-title,
.md-typeset .beta > summary {
    background-color: rgb(var(--md-admonition-rgb-color--beta), 0.1);
}
.md-typeset .beta > .admonition-title::before,
.md-typeset .beta > summary::before {
    background-color: rgb(var(--md-admonition-rgb-color--beta));
    -webkit-mask-image: var(--md-admonition-icon--beta);
            mask-image: var(--md-admonition-icon--beta);
}

span.beta {
    color: rgb(var(--md-admonition-rgb-color--beta));
    display: inline-block;
    padding-left: 1.2rem;
    position: relative;
}
span.beta::before {
    content: "";
    height: 0.8rem;
    mask-size: contain;
    position: absolute;
    width: 1rem;
    top: 0.1rem;
    left: 0;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: rgb(var(--md-admonition-rgb-color--beta));
    -webkit-mask-image: var(--md-admonition-icon--beta);
            mask-image: var(--md-admonition-icon--beta);
}


/* tutorial */
.md-typeset .admonition.tutorial,
.md-typeset details.tutorial {
    border-color: rgb(var(--md-admonition-rgb-color--tutorial));
    /* vertical spacing on tutorial sections */
    margin: 60px auto;
}
.md-typeset .tutorial > .admonition-title,
.md-typeset .tutorial > summary {
    background-color: rgb(var(--md-admonition-rgb-color--tutorial), 0.8);
    color: var(--md-admonition-title-fg-hex-color--tutorial);
}
.md-typeset .tutorial > .admonition-title::before,
.md-typeset .tutorial > summary::before {
    background-color: var(--md-admonition-title-fg-hex-color--tutorial);
    -webkit-mask-image: var(--md-admonition-icon--tutorial);
            mask-image: var(--md-admonition-icon--tutorial);
}