:root{
    --ila-doc-font-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
}

.ila-doc-example-snippet {
    border: 1px solid var(--il-cloud-3);
    border-radius: .5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.ila-doc-example {
    padding: 1.5rem;
}

.ila-doc-example > :last-child {
    margin-bottom: 0;
}

.ila-doc-example-toolbar {
    background-color: #f8f9fa;
    border-top: 1px solid var(--il-cloud-3);
    padding: .25rem 1rem .25rem 1.25rem;
    font-family: var(--ila-doc-font-monospace);
    font-size: .875rem;
    display: flex;
    align-items: center !important;
}

.ila-doc-example-toolbar button {
    display: flex;
    padding: .375em;
    line-height: 1;
    color: var(--bs-body-color);
    background-color: var(--bd-pre-bg);
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-left: auto !important;
    transition: all 150ms;
}

.ila-doc-example-toolbar button:hover {
    color: var(--il-industrial-blue);
    border-color: var(--il-cloud-3);
}

.ila-doc-example-toolbar .svg {
    display: inline-block;
    user-select: none;
    vertical-align: text-bottom;
    overflow: visible;
}

.ila-doc-example-source {
    background-color: var(--il-cloud);
    background-color: #f8f9fa;
    /* overflow: overlay; */
    border-top: 1px solid var(--il-cloud-3);
    padding: .75rem 1.25rem;
}

.ila-doc-example-source pre {
    font-family: var(--ila-doc-font-monospace);
    font-size: .875em;
    /* padding: .25rem 0 .25rem; */
    padding: .25rem 0 1rem;
    margin-top: .8125rem;
    margin-right: 0;
    margin-bottom: 0;
    /* overflow: initial; */
    overflow: overlay;
    white-space: pre;
    background-color: transparent;
    border: 0;
}

.ila-doc-example-source pre code {
    font-size: inherit;
    color: var(--bs-body-color);
    word-wrap: normal;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

pre code.hljs {
    background-color: initial !important;
    display: block;
    overflow-x: initial !important;
    padding: 0 !important;
}


.hljs-link, .hljs-regexp, .hljs-selector-attr, .hljs-string, .hljs-symbol, .hljs-template-variable, .hljs-variable {
    color: #0a3069 !important;
}

.hljs-property {
    color: #0550ae;
}