.code-block{background-color:var(--color__aa-navy--50);min-width:0;max-width:100%;color:var(--color__aa-navy);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:start;margin:24px 0 40px;display:grid;position:relative}.code-block .code-block__pre{white-space:pre;tab-size:2;scrollbar-width:thin;scrollbar-color:var(--color__aa-navy--30) transparent;font-family:var(--font__mono);font-variant-ligatures:none;border-radius:13px 0 0 13px;margin:0;padding:20px 8px 20px 20px;font-size:14px;font-weight:400;line-height:22px;overflow-x:auto}.code-block .code-block__pre:focus-visible{outline:2px solid var(--color__aa-bright-blue);outline-offset:-2px}.code-block .code-block__code{font:inherit;white-space:inherit}.code-block .code-block__copy{border:1px solid var(--color__aa-navy--30);background-color:var(--color__white);width:36px;height:36px;color:var(--color__aa-navy);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin:12px 12px 0 0;padding:0;transition:background-color .2s ease-out;display:inline-flex}.code-block .code-block__copy:hover{background-color:var(--color__aa-navy--tint)}.code-block .code-block__copy:focus-visible{outline:2px solid var(--color__aa-bright-blue);outline-offset:2px}.code-block[data-copy-status=copied] .code-block__copy{color:var(--color__aa-contrast-green)}.code-block[data-copy-status=failed] .code-block__copy{color:var(--color__red--dark)}.code-block .code-block__status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.code-block .code-block__pre{padding:24px 8px 24px 24px;font-size:15px;line-height:24px}.code-block .code-block__copy{margin:14px 14px 0 0}}.code-block .code-block__token--punctuation{color:var(--color__grey--low-dark)}.code-block .code-block__token--keyword{color:var(--color__aa-dark-pink)}.code-block .code-block__token--function{color:var(--color__aa-bright-blue)}.code-block .code-block__token--number,.code-block .code-block__token--variable,.code-block .code-block__token--escape{color:var(--color__red--dark)}.code-block .code-block__token--class-name{color:var(--color__aa-contrast-green)}
