/* GENERATED by build/build-prism.mjs from prismjs 1.30.0 - do not edit. */

pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
/* SIG Prism theme - Material Palenight palette.
   Appended LAST by build/build-prism.mjs, so it wins over the plugin CSS above
   it and over the fallback <pre> rules in richtext.css (which still style code
   blocks inside the backoffice RTE, where Prism does not run). */

pre[class*="language-"],
code[class*="language-"] {
    color: #babed8;
    background: none;
    font-family: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Monaco, Consolas, monospace;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 2;
    hyphens: none;
}

pre[class*="language-"] {
    position: relative;
    margin: 1.5rem 0;
    /* Top padding keeps the Copy button clear of the first line of code; bottom
       padding clears the 10px scrollbar styled below. */
    padding: 2.25rem 1rem 1.5rem;
    border: 0;
    border-radius: 6px;
    background: #292d3e;
    overflow: auto;
    max-width: 100%;

    /* Mobile browsers use overlay scrollbars that stay hidden until mid-gesture,
       so nothing tells a reader that a clipped line can be scrolled. Style both
       the standard properties (Firefox, Chrome 121+) and the WebKit pseudo-
       elements (Safari, Android Chrome) - defining those is also what takes
       WebKit off overlay scrollbars onto persistent ones. */
    scrollbar-width: thin;
    scrollbar-color: #4b5270 transparent;
}

pre[class*="language-"]::-webkit-scrollbar {
    height: 10px;
}

pre[class*="language-"]::-webkit-scrollbar-track {
    background: transparent;
}

pre[class*="language-"]::-webkit-scrollbar-thumb {
    background: #4b5270;
    border-radius: 5px;
}

/* Inline <code> inside a highlighted block must not inherit the pill styling
   that richtext.css gives inline code in prose. */
pre[class*="language-"] > code {
    display: block;
    border: 0;
    border-radius: 0;
    background: none;
    padding: 0;
    font: inherit;
    color: inherit;
}

/* Line numbers (plugin). The gutter divider defaults to #999, far too loud here. */
pre[class*="language-"].line-numbers {
    padding-left: 3.8em;
}

.line-numbers .line-numbers-rows {
    border-right: 1px solid #3c4260;
}

.line-numbers-rows > span:before {
    color: #4b5270;
}

/* Copy button (toolbar plugin), restyled for the dark block. */
div.code-toolbar > .toolbar {
    top: 0.75rem;
    right: 0.75rem;
}

div.code-toolbar > .toolbar > .toolbar-item > button {
    color: #babed8;
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    background: rgba(186, 190, 216, 0.12);
    border-radius: 4px;
    box-shadow: none;
}

div.code-toolbar > .toolbar > .toolbar-item > button:hover,
div.code-toolbar > .toolbar > .toolbar-item > button:focus {
    color: #fff;
    background: rgba(186, 190, 216, 0.25);
}

/* The toolbar plugin only ever reveals the copy button on :hover/:focus-within.
   Touch devices never hover, so on a phone the button is in the DOM, clickable,
   and completely invisible. Pin it visible wherever hover is unavailable - keyed
   off the input device rather than a width breakpoint, so a touch laptop gets it
   while a narrow desktop window keeps the hover reveal. */
@media (hover: none) {
    div.code-toolbar > .toolbar {
        opacity: 1;
    }
}

/* Tokens */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #676e95;
    font-style: italic;
}

.token.punctuation,
.token.operator,
.token.entity,
.token.url,
.token.regex {
    color: #89ddff;
}

.token.property,
.token.tag,
.token.deleted,
.token.variable,
.token.symbol {
    color: #f07178;
}

.token.boolean,
.token.number,
.token.constant {
    color: #f78c6c;
}

.token.selector,
.token.string,
.token.char,
.token.attr-value,
.token.builtin,
.token.inserted {
    color: #c3e88d;
}

.token.atrule,
.token.keyword,
.token.attr-name {
    color: #c792ea;
}

.token.function {
    color: #82aaff;
}

.token.class-name {
    color: #ffcb6b;
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.namespace {
    opacity: 0.7;
}

/* Container tokens whose own text would otherwise fall back to the default
   foreground. Their children keep their own colours. */
.token.template-string,
.token.string-literal,
.token.string-interpolation,
.token.interpolation-string {
    color: #c3e88d;
}

.token.interpolation {
    color: #f07178;
}

.token.directive-hash {
    color: #c792ea;
}

.token.package {
    color: #ffcb6b;
}