/* Stylesheet for Sphinx 8.2 collapsible admonitions */

:root {
    /* icons used for admonition titles */
    --icon-pencil: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>');
    --icon-abstract: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 5h16v2H4V5m0 4h16v2H4V9m0 4h16v2H4v-2m0 4h10v2H4v-2z"/></svg>');
    --icon-info: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"/></svg>');
    --icon-flame: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.55 11.2c-.23-.3-.5-.56-.76-.82-.65-.6-1.4-1.03-2.03-1.66C13.3 7.26 13 4.85 13.91 3c-.91.23-1.75.75-2.45 1.32-2.54 2.08-3.54 5.75-2.34 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.22.1-.46.04-.64-.12a.83.83 0 01-.15-.17c-1.1-1.43-1.28-3.48-.53-5.12C5.89 10 5 12.3 5.14 14.47c.04.5.1 1 .27 1.5.14.6.4 1.2.72 1.73 1.04 1.73 2.87 2.97 4.84 3.22 2.1.27 4.35-.12 5.96-1.6 1.8-1.66 2.45-4.32 1.5-6.6l-.13-.26c-.2-.46-.47-.87-.8-1.25l.05-.01m-3.1 6.3c-.28.24-.73.5-1.08.6-1.1.4-2.2-.16-2.87-.82 1.19-.28 1.89-1.16 2.09-2.05.17-.8-.14-1.46-.27-2.23-.12-.74-.1-1.37.18-2.06.17.38.37.76.6 1.06.76 1 1.95 1.44 2.2 2.8.04.14.06.28.06.43.03.82-.32 1.72-.92 2.27h.01z"/></svg>');
    --icon-question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 00-2-2 2 2 0 00-2 2H8a4 4 0 014-4 4 4 0 014 4 3.2 3.2 0 01-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10c0-5.53-4.5-10-10-10z"/></svg>');
    --icon-warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2 1 21z"/></svg>');
    --icon-failure: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12 6.47 2 12 2m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7z"/></svg>');
    --icon-spark: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.5 20l4.86-9.73H13V4l-5 9.73h3.5V20M12 2c2.75 0 5.1 1 7.05 2.95C21 6.9 22 9.25 22 12s-1 5.1-2.95 7.05C17.1 21 14.75 22 12 22s-5.1-1-7.05-2.95C3 17.1 2 14.75 2 12s1-5.1 2.95-7.05C6.9 3 9.25 2 12 2z"/></svg>');

    /* icons used for details summaries */
    --icon-details-open: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z"/></svg>');
}

details.admonition:not([open]) {
    padding-bottom: 0;
}

details.admonition>summary.admonition-title::after {
    background-color: currentcolor;
    content: "";
    height: 1.0rem;
    width: 1.0rem;
    -webkit-mask-image: var(--icon-details-open);
    mask-image: var(--icon-details-open);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: rotate(0deg);
    transition: transform .25s;
    float: right;
}

details.admonition[open]>summary.admonition-title::after {
    transform: rotate(90deg);
}

details.admonition:not([open])>summary.admonition-title {
    margin-bottom: 0;
    border-radius: var(--admonition-radius);
}

div.admonition>p.admonition-title::before,
details.admonition>summary.admonition-title::before {
    background-color: var(--color-admonition-fg);
    -webkit-mask-image: var(--icon-abstract);
    mask-image: var(--icon-abstract);
}

div.attention>p.admonition-title::before,
details.attention>summary.admonition-title::before {
    background-color: var(--colour-error-fg);
    -webkit-mask-image: var(--icon-warning);
    mask-image: var(--icon-warning);
}

div.caution>p.admonition-title::before,
details.caution>summary.admonition-title::before {
    background-color: var(--colour-warning-fg);
    -webkit-mask-image: var(--icon-spark);
    mask-image: var(--icon-spark);
}

div.danger>p.admonition-title::before,
details.danger>summary.admonition-title::before {
    background-color: var(--colour-error-fg);
    -webkit-mask-image: var(--icon-spark);
    mask-image: var(--icon-spark);
}

div.error>p.admonition-title::before,
details.error>summary.admonition-title::before {
    background-color: var(--colour-error-fg);
    -webkit-mask-image: var(--icon-failure);
    mask-image: var(--icon-failure);
}

div.hint>p.admonition-title::before,
details.hint>summary.admonition-title::before {
    background-color: var(--colour-success-fg);
    -webkit-mask-image: var(--icon-question);
    mask-image: var(--icon-question);
}

div.important>p.admonition-title::before,
details.important>summary.admonition-title::before {
    background-color: var(--colour-warning-fg);
    -webkit-mask-image: var(--icon-flame);
    mask-image: var(--icon-flame);
}

div.note>p.admonition-title::before,
details.note>summary.admonition-title::before {
    background-color: var(--colour-note-fg);
    -webkit-mask-image: var(--icon-pencil);
    mask-image: var(--icon-pencil);
}

div.seealso>p.admonition-title::before,
details.seealso>summary.admonition-title::before {
    background-color: var(--colour-success-fg);
    -webkit-mask-image: var(--icon-info);
    mask-image: var(--icon-info);
}

div.tip>p.admonition-title::before,
details.tip>summary.admonition-title::before {
    background-color: var(--colour-success-fg);
    -webkit-mask-image: var(--icon-info);
    mask-image: var(--icon-info);
}

div.admonition-todo>p.admonition-title::before,
details.admonition-todo>summary.admonition-title::before {
    background-color: var(--colour-todo-fg);
    -webkit-mask-image: var(--icon-pencil);
    mask-image: var(--icon-pencil);
}

div.warning>p.admonition-title::before,
details.warning>summary.admonition-title::before {
    background-color: var(--colour-warning-fg);
    -webkit-mask-image: var(--icon-warning);
    mask-image: var(--icon-warning);
}

div.caution,
div.important,
div.warning,
details.warning {
    border-color: var(--colour-warning-fg);
}

div.attention,
div.danger,
div.error {
    border-color: var(--colour-error-fg);
}