.code-block-dropdown {
  border: 1px solid var(--primary-700);
  border-radius: var(--radius-sm);
  margin-top: var(--rhythm-lg);
  margin-bottom: var(--rhythm-lg);
  transition: margin-left var(--transition-md), margin-right var(--transition-md);
}
.code-block-dropdown:has(.code-block.open) {
    margin-left: clamp(-396.23px, -1 * ((100vw - var(--editorial-max-width-with-gutter)) / 2) + var(--gutter), 0px);
    margin-right: clamp(-396.23px, -1 * ((100vw - var(--editorial-max-width-with-gutter)) / 2) + var(--gutter), 0px);
  }
.code-block-dropdown .toggle {
    color: var(--primary-900);
    font-family: var(--font-mono);
    font-size: var(--font-size-mono);
    font-weight: var(--font-weight-mono);
    line-height: var(--font-line-height-mono);
    letter-spacing: var(--font-letterspacing-mono);
    text-transform: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    letter-spacing: inherit;
    min-width: 100%;
    border: none;
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    max-width: 100%;
    cursor: pointer;
  }
.code-block-dropdown .toggle .title {
      font-size: 0.75rem;
      word-break: break-all;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left;
    }
.code-block-dropdown .toggle .indicator {
      min-height: 1.5rem;
      margin: 0 0 0 auto;
    }
.code-block-dropdown .toggle .indicator svg {
        color: var(--primary-700);
        transition: transform var(--transition-md), color var(--transition-md);
      }
.code-block-dropdown .toggle .indicator.open svg {
        transform: rotate(180deg);
      }
.code-block-dropdown .toggle:focus-visible {
      color: var(--primary-900);
      background-color: transparent;
    }
.code-block-dropdown .toggle:hover {
      color: var(--primary-900);
      background-color: transparent;
    }
.code-block-dropdown .toggle:focus-visible .indicator svg {
        color: var(--primary-900);
      }
.code-block-dropdown .toggle:hover .indicator svg {
        color: var(--primary-900);
      }
.code-block-dropdown .toggle svg {
      color: var(--primary-900);
      width: 1.5rem;
      min-width: 1.5rem;
      height: 1.5rem;
    }
.code-block-dropdown .code-block .highlight {
      height: 100%;
      max-height: 0;
      opacity: 0;
      pointer-events: none;
      overflow-y: hidden;
      transition: max-height var(--transition-md), opacity var(--transition-md);
      will-change: max-height, opacity;
    }
.code-block-dropdown .code-block.open .highlight {
        max-height: 100svh;
        opacity: 1;
        pointer-events: auto;
        overflow: visible;
      }
.code-block-dropdown .code-block.open.transitioned .highlight {
        max-height: none;
        max-height: initial;
      }
.code-block-dropdown .code-block pre {
      border: 0;
      border-top: 1px solid var(--primary-700);
      border-radius: 0 0 var(--radius-sm) var(--radius-sm);
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin: 0;
      padding-bottom: 4px;
      overflow-x: auto;
    }
.code-block-dropdown .code-block pre code {
        display: block;
        padding: 16px;
        padding-bottom: 12px;
      }
.code-block-dropdown .code-block pre code .line {
        padding-right: 16px;
      }
/* Generated using: hugo gen chromastyles --style=github-dark */

/* Background */ .bg { color:#e6edf3;background-color:#0d1117; }
/* PreWrapper */ .chroma { color:#e6edf3;background-color:#0d1117; }
/* Other */ .chroma .x {  }
/* Error */ .chroma .err { color:#f85149 }
/* CodeLine */ .chroma .cl {  }
/* LineLink */ .chroma .lnlinks { outline:none;-webkit-text-decoration:none;text-decoration:none;color:inherit }
/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
/* LineHighlight */ .chroma .hl { background-color:#26282c }
/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679 }
/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#6e7681 }
/* Line */ .chroma .line { display:flex; width: -moz-max-content; width: max-content; }
/* Keyword */ .chroma .k { color:#ff7b72 }
/* KeywordConstant */ .chroma .kc { color:#79c0ff }
/* KeywordDeclaration */ .chroma .kd { color:#ff7b72 }
/* KeywordNamespace */ .chroma .kn { color:#ff7b72 }
/* KeywordPseudo */ .chroma .kp { color:#79c0ff }
/* KeywordReserved */ .chroma .kr { color:#ff7b72 }
/* KeywordType */ .chroma .kt { color:#ff7b72 }
/* Name */ .chroma .n {  }
/* NameAttribute */ .chroma .na {  }
/* NameClass */ .chroma .nc { color:#f0883e;font-weight:bold }
/* NameConstant */ .chroma .no { color:#79c0ff;font-weight:bold }
/* NameDecorator */ .chroma .nd { color:#d2a8ff;font-weight:bold }
/* NameEntity */ .chroma .ni { color:#ffa657 }
/* NameException */ .chroma .ne { color:#f0883e;font-weight:bold }
/* NameLabel */ .chroma .nl { color:#79c0ff;font-weight:bold }
/* NameNamespace */ .chroma .nn { color:#ff7b72 }
/* NameOther */ .chroma .nx {  }
/* NameProperty */ .chroma .py { color:#79c0ff }
/* NameTag */ .chroma .nt { color:#7ee787 }
/* NameBuiltin */ .chroma .nb {  }
/* NameBuiltinPseudo */ .chroma .bp {  }
/* NameVariable */ .chroma .nv { color:#79c0ff }
/* NameVariableClass */ .chroma .vc { color:#79c0ff }
/* NameVariableGlobal */ .chroma .vg { color:#79c0ff }
/* NameVariableInstance */ .chroma .vi { color:#79c0ff }
/* NameVariableMagic */ .chroma .vm { color:#79c0ff }
/* NameFunction */ .chroma .nf { color:#d2a8ff;font-weight:bold }
/* NameFunctionMagic */ .chroma .fm { color:#d2a8ff;font-weight:bold }
/* Literal */ .chroma .l { color:#a5d6ff }
/* LiteralDate */ .chroma .ld { color:#79c0ff }
/* LiteralString */ .chroma .s { color:#a5d6ff }
/* LiteralStringAffix */ .chroma .sa { color:#79c0ff }
/* LiteralStringBacktick */ .chroma .sb { color:#a5d6ff }
/* LiteralStringChar */ .chroma .sc { color:#a5d6ff }
/* LiteralStringDelimiter */ .chroma .dl { color:#79c0ff }
/* LiteralStringDoc */ .chroma .sd { color:#a5d6ff }
/* LiteralStringDouble */ .chroma .s2 { color:#a5d6ff }
/* LiteralStringEscape */ .chroma .se { color:#79c0ff }
/* LiteralStringHeredoc */ .chroma .sh { color:#79c0ff }
/* LiteralStringInterpol */ .chroma .si { color:#a5d6ff }
/* LiteralStringOther */ .chroma .sx { color:#a5d6ff }
/* LiteralStringRegex */ .chroma .sr { color:#79c0ff }
/* LiteralStringSingle */ .chroma .s1 { color:#a5d6ff }
/* LiteralStringSymbol */ .chroma .ss { color:#a5d6ff }
/* LiteralNumber */ .chroma .m { color:#a5d6ff }
/* LiteralNumberBin */ .chroma .mb { color:#a5d6ff }
/* LiteralNumberFloat */ .chroma .mf { color:#a5d6ff }
/* LiteralNumberHex */ .chroma .mh { color:#a5d6ff }
/* LiteralNumberInteger */ .chroma .mi { color:#a5d6ff }
/* LiteralNumberIntegerLong */ .chroma .il { color:#a5d6ff }
/* LiteralNumberOct */ .chroma .mo { color:#a5d6ff }
/* Operator */ .chroma .o { color:#ff7b72;font-weight:bold }
/* OperatorWord */ .chroma .ow { color:#ff7b72;font-weight:bold }
/* Punctuation */ .chroma .p {  }
/* Comment */ .chroma .c { color:#8b949e;font-style:italic }
/* CommentHashbang */ .chroma .ch { color:#8b949e;font-style:italic }
/* CommentMultiline */ .chroma .cm { color:#8b949e;font-style:italic }
/* CommentSingle */ .chroma .c1 { color:#8b949e;font-style:italic }
/* CommentSpecial */ .chroma .cs { color:#8b949e;font-weight:bold;font-style:italic }
/* CommentPreproc */ .chroma .cp { color:#8b949e;font-weight:bold;font-style:italic }
/* CommentPreprocFile */ .chroma .cpf { color:#8b949e;font-weight:bold;font-style:italic }
/* Generic */ .chroma .g {  }
/* GenericDeleted */ .chroma .gd { color:#ffa198;background-color:#490202 }
/* GenericEmph */ .chroma .ge { font-style:italic }
/* GenericError */ .chroma .gr { color:#ffa198 }
/* GenericHeading */ .chroma .gh { color:#79c0ff;font-weight:bold }
/* GenericInserted */ .chroma .gi { color:#56d364;background-color:#0f5323 }
/* GenericOutput */ .chroma .go { color:#8b949e }
/* GenericPrompt */ .chroma .gp { color:#8b949e }
/* GenericStrong */ .chroma .gs { font-weight:bold }
/* GenericSubheading */ .chroma .gu { color:#79c0ff }
/* GenericTraceback */ .chroma .gt { color:#ff7b72 }
/* GenericUnderline */ .chroma .gl { -webkit-text-decoration:underline; text-decoration:underline }
/* TextWhitespace */ .chroma .w { color:#6e7681 }