:root {
    --legacy-symfony-version-warning-background: var(--amber-100);
    --legacy-symfony-version-warning-border-color: transparent;
    --legacy-symfony-version-warning-color: var(--text-color);
    --button-primary-bg: var(--blue-600);
    --button-primary-box-shadow: none;
    --button-primary-color: var(--white);
    --legacy-doc-variant-selectors-bg: var(--gray-100);
    --doc-item-hover-background: var(--gray-100);
    --legacy-toc-marker-color: var(--gray-300);
    --legacy-doc-codeblock-background: #f6f8fa;
    --legacy-code-color-gray: #6a737d;
    --legacy-code-color-red: #d73a49;
    --legacy-code-color-orange: #e36209;
    --legacy-code-color-blue: #005cc5;
    --legacy-code-color-purple: #6f42c1;
    --legacy-code-color-deep-blue: #032f62;
    --legacy-code-color-green: #22863a;
    --terminal-bg: var(--gray-800);
    --terminal-border-color: var(--gray-600);
}
.dark-theme {
    --legacy-symfony-version-warning-background: transparent;
    --legacy-symfony-version-warning-border-color: var(--amber-400);
    --legacy-symfony-version-warning-color: var(--amber-200);
    --button-primary-bg: var(--blue-600);
    --button-primary-box-shadow: 0 1px 10px var(--gray-900);
    --button-primary-color: var(--white);
    --legacy-doc-variant-selectors-bg: var(--gray-700);
    --doc-item-hover-background: var(--gray-700);
    --legacy-toc-marker-color: var(--gray-600);
    --legacy-doc-codeblock-background: #18202a;
    --legacy-code-color-gray: #8b949e;
    --legacy-code-color-red: #ff7b72;
    --legacy-code-color-orange: #ffa657;
    --legacy-code-color-blue: #79c0ff;
    --legacy-code-color-purple: #d2a8ff;
    --legacy-code-color-deep-blue: #a5d6ff;
    --legacy-code-color-green: #7ee787;
    --terminal-bg: var(--gray-900);
    --terminal-border-color: var(--gray-700);
}

.btn {
    appearance: none;
    background: var(--button-primary-bg);
    box-shadow: var(--button-primary-box-shadow);
    border: 0;
    border-radius: 6px;
    color: var(--button-primary-color) !important;
    font-size: var(--font-size-sm);
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
    padding: 7px 16px;
    text-align: center;
}

#version_selection {
    width: 220px;
}

.legacy-symfony-version-warning {
    background: var(--legacy-symfony-version-warning-background);
    border: 2px solid var(--legacy-symfony-version-warning-border-color);
    border-radius: var(--border-radius-md);
    color: var(--legacy-symfony-version-warning-color);
    margin-bottom: 20px;
    margin-top: 0;
    padding: 10px 15px;
}
.legacy-symfony-version-warning a {
    color: var(--link-color);
}
.legacy-symfony-version-warning p {
    margin-bottom: 0;
}
.legacy-symfony-version-warning p + p {
    margin-top: 5px;
}

.list-symfony1-books .symfony1-book {
    align-items: flex-start;
    display: flex;
    margin: 20px 0 45px;
}
.list-symfony1-books .symfony1-book h3 {
    margin-top: 0;
}

.list-symfony1-books .symfony1-book img {
    margin: 0 30px 0 0;
}

.doc-variant-selectors {
    display: flex;
    margin: 10px 0 0;
}
.doc-variant-selectors .doc-variant-selector {
    align-items: center;
    background: var(--legacy-doc-variant-selectors-bg);
    border-radius: var(--border-radius-md);
    display: flex;
    margin-right: 15px;
    padding: 5px 15px;
}
.doc-variant-selectors .doc-variant-selector .doc-variant-selector-title {
    color: var(--text-muted);
    font-size: 13px;
    margin-right: 5px;
    text-transform: uppercase;
}

.toctree-wrapper ul {
    padding-left: 0.8em;
}
.toctree-wrapper a:hover {
    border-bottom-color: var(--prose-link-color);
}
.toctree-wrapper li li {
    margin: 0 0 0.5rem 0;
    padding-left: 8px !important;
}
.toctree-wrapper li li li {
    font-size: 15px;
    list-style: disc;
    padding-left: 0;
}

/* needed because the TOC structure is weird and includes some empty <li> elements */
.toctree-wrapper > ul:first-child {
    margin: 0;
}
.toctree-wrapper > ul:first-child > li:first-child {
    list-style: none;
    padding-left: 0;
}
.toctree-wrapper > ul:first-child > li:first-child > ul {
    margin-top: 0;
}

.toctree-wrapper > ul > li > ul > li::marker {
    content: '#';
    color: var(--legacy-toc-marker-color);
}
.toctree-wrapper > ul > li > ul {
    margin: 0.5em 0;
}
.toctree-wrapper > ul > li > ul > li::marker {
    color: var(--legacy-toc-marker-color);
}
.toctree-wrapper > ul ul ul,
.toctree-wrapper > ul ul ul ul {
    display: none;
}
.toctree-index li {
    list-style: none;
    padding-left: 0 !important;
}

.ui-prose :is(h1, h2, h3, h4, h5, h6) a:after {
    display: none;
}

.doc-pagination {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}
.doc-pagination .pagination-item {
    border-radius: var(--border-radius-md);
    flex: 1;
    line-height: var(--line-height-xs);
    list-style: none;
    margin: 0;
    padding: 15px;
    position: relative; /* needed for .stretched-link */
}
.doc-pagination .pagination-item:not(.disabled):hover {
    background: var(--doc-item-hover-background);
}
.doc-pagination .pagination-item:hover a {
    color: var(--link-color);
}
.doc-pagination .pagination-item::marker {
    content: '';
}
.doc-pagination .pagination-item.pagination-item-next {
    text-align: right;
}
.doc-pagination .pagination-item a {
    border: none;
    color: inherit;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.doc-pagination .pagination-item a:hover {
    border: none;
}
.doc-pagination .pagination-item span {
    color: var(--text-muted-color);
    font-size: 14px;
}

@media (min-width: 992px) {
    .doc-pagination .pagination-item {
        a {
            font-size: 18px;
        }
        span {
            font-size: 16px;
        }
    }
}

.admonition {
    padding: 12px;
}
.admonition.admonition-sidebar .admonition-title {
    display: none;
}

.admonition *:last-child {
    margin-bottom: 0 !important;
}

.admonition .admonition-title,
.admonition.admonition-sidebar .title {
    font-size: var(--font-size-sm);
    font-weight: bold;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

.codeblock,
.admonition .codeblock {
    background: var(--legacy-doc-codeblock-background);
    flex: 1;
    font-size: 13px;
    hyphens: none;
    margin: var(--margin-md) 0 var(--margin-md) 0 !important;
    padding: 5px 10px;
    white-space: pre-wrap;
}
@media (min-width: 768px) {
    .codeblock,
    .admonition .codeblock {
        font-size: 14px;
    }
}

.codeblock.codeblock-cli,
.admonition .codeblock.codeblock-cli {
    background: var(--terminal-bg);
    border: solid var(--terminal-border-color);
    border-width: 30px 4px 4px 4px;
    border-radius: 3px 3px 0 0;
    padding: 10px;
    position: relative;
    width: 100%;
}
.codeblock.codeblock-cli pre,
.admonition .codeblock.codeblock-cli pre {
    color: var(--white);
}

.codeblock.codeblock-cli:before,
.admonition .codeblock.codeblock-cli:before {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3), 20px 0 0 2px rgba(255, 255, 255, 0.3), 40px 0 0 2px rgba(255, 255, 255, 0.3);
    content: '';
    display: block;
    height: 7px;
    left: 8px;
    position: absolute;
    top: -18px;
    width: 7px;
}

.codeblock code,
.admonition .codeblock code {
    background: transparent !important;
    padding: 0 !important;
}
.codeblock pre,
.admonition .codeblock pre {
    margin-bottom: 0;
}

.php .imp {
    font-weight: bold;
    color: var(--legacy-code-color-red);
}
.php .st_h {
    color: var(--legacy-code-color-deep-blue);
}
.php .kw1 {
    color: var(--legacy-code-color-red);
}
.php .kw2 {
    color: var(--legacy-code-color-red);
}
.php .kw3 {
    color: var(--legacy-code-color-red);
}
.php .kw4 {
    color: var(--legacy-code-color-blue);
}
.php .sy0 {
    color: var(--legacy-code-color-orange);
}
.php .co1 {
    color: var(--legacy-code-color-gray);
    font-style: italic;
}
.php .co2 {
    color: var(--legacy-code-color-gray);
    font-style: italic;
}
.php .co4 {
    color: var(--legacy-code-color-gray);
    font-style: italic;
}
.php .coMULTI {
    color: var(--legacy-code-color-gray);
    font-style: italic;
}
.php .es0 {
    color: inherit;
}
.php .br0 {
    color: inherit;
}
.php .st0 {
    color: var(--legacy-code-color-deep-blue);
}
.php .nu0 {
    color: var(--legacy-code-color-blue);
}
.php .me1 {
    color: var(--legacy-code-color-purple);
}
.php .me2 {
    color: var(--legacy-code-color-purple);
}
.php .re0 {
    color: var(--legacy-code-color-blue);
}
.php a {
    text-decoration: none;
}

.xml .imp {
    font-weight: bold;
    color: var(--legacy-code-color-red);
}
.xml .coMULTI {
    color: var(--legacy-code-color-purple);
    font-style: italic;
}
.xml .sc-1 {
    color: var(--legacy-code-color-purple);
}
.xml .es0 {
    color: var(--legacy-code-color-deep-blue);
    font-weight: bold;
}
.xml .br0 {
    color: var(--legacy-code-color-green);
}
.xml .st0 {
    color: var(--legacy-code-color-deep-blue);
}
.xml .nu0 {
    color: var(--legacy-code-color-purple);
}
.xml .sc0 {
    color: var(--legacy-code-color-blue);
}
.xml .sc1 {
    color: var(--legacy-code-color-orange);
}
.xml .sc2 {
    color: var(--legacy-code-color-deep-blue);
}
.xml .sc3 {
    color: var(--white);
}
.xml .re0 {
    color: var(--white);
}
.xml .re1 {
    color: var(--white);
}
.xml .re2 {
    color: var(--white);
}

.css .imp {
    font-weight: bold;
    color: var(--legacy-code-color-red);
}
.css .kw1 {
    color: var(--white);
}
.css .kw2 {
    color: var(--legacy-code-color-red);
}
.css .co1 {
    color: var(--legacy-code-color-orange);
}
.css .coMULTI {
    color: var(--legacy-code-color-gray);
    font-style: italic;
}
.css .es0 {
    color: var(--legacy-code-color-deep-blue);
    font-weight: bold;
}
.css .br0 {
    color: var(--legacy-code-color-deep-blue);
}
.css .st0 {
    color: var(--legacy-code-color-red);
}
.css .nu0 {
    color: var(--legacy-code-color-purple);
}
.css .re0 {
    color: var(--legacy-code-color-purple);
}
.css .re1 {
    color: var(--legacy-code-color-blue);
}
.css .re2 {
    color: var(--legacy-code-color-blue);
}

.javascript .imp {
    font-weight: bold;
    color: var(--legacy-code-color-red);
}
.javascript .kw1 {
    color: var(--legacy-code-color-orange);
}
.javascript .kw2 {
    color: var(--legacy-code-color-orange);
}
.javascript .kw3 {
    color: var(--legacy-code-color-blue);
}
.javascript .co1 {
    color: var(--legacy-code-color-purple);
    font-style: italic;
}
.javascript .coMULTI {
    color: var(--legacy-code-color-purple);
    font-style: italic;
}
.javascript .es0 {
    color: var(--legacy-code-color-deep-blue);
}
.javascript .br0 {
    color: var(--white);
}
.javascript .st0 {
    color: var(--legacy-code-color-deep-blue);
}
.javascript .nu0 {
    color: var(--legacy-code-color-deep-blue);
}
.javascript .me1 {
    color: var(--legacy-code-color-orange);
}
.javascript .re0 {
    color: var(--white);
}