@layer ui {
    /* Shared styles for the <asciinema-player> component (used in the homepage and the Cloud pages) */

    .ap-terminal.font-medium {
        font-size: var(--font-size-sm);
    }
    .ap-terminal.font-big {
        font-size: var(--font-size-md);
    }

    /* the fake terminal window that wraps the player (dark chrome + traffic lights) */
    .asciinema-terminal-frame {
        background: #333;
        border: solid #333;
        border-width: 30px 0 0 4px;
        border-radius: var(--radius-md);
        box-shadow: 0 0 15px 4px rgba(64, 64, 64, 0.3);
        padding-left: 3px;
    }
    .asciinema-terminal-frame:before {
        background-color: #fc2230;
        border-radius: 50%;
        box-shadow:
            0 0 0 2px #fc2230,
            1.5em 0 0 2px #fd9332,
            3em 0 0 2px #7cc74c;
        content: '';
        display: block;
        height: 7px;
        left: 10px;
        position: absolute;
        top: -1.25em;
        width: 7px;
    }

    /* placed inside the fake title bar, which is the 30px top border of the frame */
    .asciinema-playback-toggle {
        background: transparent;
        border: 1px solid #666;
        border-radius: var(--radius-sm);
        color: #ccc;
        font-family: var(--font-family-system);
        font-size: 11px;
        line-height: 1;
        padding: 3px 8px;
        position: absolute;
        right: 8px;
        top: -25px;
        z-index: 1;
    }
    .asciinema-playback-toggle:hover {
        border-color: #999;
        color: #fff;
    }
    .asciinema-playback-toggle:focus-visible {
        outline: 2px solid var(--blue-300);
        outline-offset: 1px;
    }

    .ap-player.asciinema-player-theme-symfony .loading {
        background-color: transparent;
    }
    .ap-player.asciinema-player-theme-symfony .ap-control-bar {
        display: none;
    }

    .ap-player.asciinema-player-theme-symfony .start-prompt .play-button svg.icon {
        display: none;
    }
    .ap-player.asciinema-player-theme-symfony .start-prompt .play-button span {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxODMwIDMwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48cmVjdCBpZD0ic2ZjbG91ZC1sYXJnZS13aGl0ZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4MzAiIGhlaWdodD0iMzAwIiBzdHlsZT0iZmlsbDpub25lOyIvPjxnIGlkPSJzZmNsb3VkLWxhcmdlLXdoaXRlMSIgc2VyaWY6aWQ9InNmY2xvdWQtbGFyZ2Utd2hpdGUiPjxwYXRoIGQ9Ik0zMDAsMzBjMCwtMTYuNTU3IC0xMy40NDMsLTMwIC0zMCwtMzBsLTI0MCwwYy0xNi41NTcsMCAtMzAsMTMuNDQzIC0zMCwzMGwwLDI0MGMwLDE2LjU1NyAxMy40NDMsMzAgMzAsMzBsMjQwLDBjMTYuNTU3LDAgMzAsLTEzLjQ0MyAzMCwtMzBsMCwtMjQwWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJNMjI1Ljk3MywzOC44ODljLTE2LjY5MSwwLjU3MSAtMzEuMjYzLDkuNzg1IC00Mi4xMDksMjIuNDk3Yy0xMi4wMDksMTMuOTYxIC0xOS45OTYsMzAuNTA1IC0yNS43NTksNDcuNDA0Yy0xMC4yOTIsLTguNDQ0IC0xOC4yMjksLTE5LjM2OSAtMzQuNzU2LC0yNC4xMjFjLTEyLjc2OCwtMy42NzEgLTI2LjE3NywtMi4xNjIgLTM4LjUxMiw3LjAyOWMtNS44NDIsNC4zNjIgLTkuODY3LDEwLjk1MSAtMTEuNzgsMTcuMTY1Yy00Ljk1NywxNi4xMTEgNS4yMDYsMzAuNDU4IDkuODI2LDM1LjYwM2wxMC4xMDIsMTAuODE0YzIuMDc3LDIuMTI0IDcuMDkzLDcuNjU4IDQuNjM4LDE1LjU4NmMtMi42NCw4LjYzNCAtMTMuMDQxLDE0LjIwNiAtMjMuNzA4LDEwLjkzMWMtNC43NjcsLTEuNDYyIC0xMS42MTEsLTUuMDEgLTEwLjA3NSwtOS45OTljMC42MjcsLTIuMDQ4IDIuMDkyLC0zLjU4OSAyLjg4MywtNS4zMzZjMC43MTQsLTEuNTI2IDEuMDYzLC0yLjY2IDEuMjgsLTMuMzM5YzEuOTQ4LC02LjM1NSAtMC43MTgsLTE0LjYzMiAtNy41MywtMTYuNzM4Yy02LjM2LC0xLjk1MSAtMTIuODY0LC0wLjQwNSAtMTUuMzg3LDcuNzc4Yy0yLjg1OSw5LjI5OSAxLjU5MSwyNi4xNzggMjUuNDM0LDMzLjUyM2MyNy45MzIsOC41OTYgNTEuNTU1LC02LjYxOSA1NC45MDYsLTI2LjQ0N2MyLjExMywtMTIuNDIgLTMuNTAxLC0yMS42NTQgLTEzLjc3MiwtMzMuNTJsLTguMzc3LC05LjI2N2MtNS4wNjgsLTUuMDY1IC02LjgxMSwtMTMuNzAyIC0xLjU2NCwtMjAuMzM4YzQuNDMzLC01LjYwNSAxMC43MzUsLTcuOTg3IDIxLjA3NCwtNS4xOGMxNS4wODUsNC4wOSAyMS44MDMsMTQuNTU4IDMzLjAxOCwyMy4wMDJjLTQuNjIzLDE1LjE5MyAtNy42NTUsMzAuNDQzIC0xMC4zOTIsNDQuMTE2bC0xLjY4MSwxMC4yMDJjLTguMDE2LDQyLjA0NSAtMTQuMTM5LDY1LjE0MyAtMzAuMDQ1LDc4LjRjLTMuMjA4LDIuMjgzIC03Ljc4OCw1LjY5NiAtMTQuNjksNS45MzljLTMuNjI3LDAuMTExIC00Ljc5NiwtMi4zODUgLTQuODQ2LC0zLjQ3NWMtMC4wODIsLTIuNTM0IDIuMDU3LC0zLjcgMy40NzgsLTQuODRjMi4xMywtMS4xNjMgNS4zNDQsLTMuMDg1IDUuMTI0LC05LjI0NmMtMC4yMzIsLTcuMjgxIC02LjI2MSwtMTMuNTkxIC0xNC45OCwtMTMuMzAxYy02LjUyOCwwLjIyIC0xNi40OCw2LjM1NyAtMTYuMTAyLDE3LjYwOGMwLjM4NCwxMS42MjIgMTEuMjEyLDIwLjMyOSAyNy41NDMsMTkuNzc2YzguNzI4LC0wLjI5MyAyOC4yMjIsLTMuODQ0IDQ3LjQyNywtMjYuNjczYzIyLjM1NywtMjYuMTggMjguNjA5LC01Ni4xODEgMzMuMzExLC03OC4xNDNsNS4yNTMsLTI4Ljk5OWMyLjkxMywwLjM1MiA2LjAzMywwLjU4OSA5LjQyNiwwLjY2OGMyNy44NDcsMC41ODkgNDEuNzY2LC0xMy44MjggNDEuOTgzLC0yNC4zMjNjMC4xNDEsLTYuMzQ5IC00LjE2MywtMTIuNjA0IC0xMC4xOTIsLTEyLjQ1NGMtNC4zMDcsMC4xMiAtOS43MjcsMi45OTcgLTExLjAyMiw4Ljk1NmMtMS4yNzgsNS44NDUgOC44NTYsMTEuMTI3IDAuOTM3LDE2LjI2OWMtNS42MjUsMy42MzkgLTE1LjcwOSw2LjE5OSAtMjkuOTEzLDQuMTIybDIuNTgxLC0xNC4yNzRjNS4yNzEsLTI3LjA2NSAxMS43NzIsLTYwLjM1MyAzNi40MzgsLTYxLjE2N2MxLjc5OSwtMC4wODUgOC4zNywwLjA3NiA4LjUyMyw0LjQyOWMwLjA0NCwxLjQ0NSAtMC4zMiwxLjgyNiAtMi4wMTYsNS4xNDVjLTEuNzM0LDIuNTkgLTIuMzg4LDQuODA1IC0yLjMwMyw3LjMzNmMwLjIzOCw2LjkwNiA1LjQ5MSwxMS40NTMgMTMuMDk5LDExLjE4OWMxMC4xNzIsLTAuMzQzIDEzLjA5MywtMTAuMjQyIDEyLjkyNiwtMTUuMzM0Yy0wLjQxNiwtMTEuOTY1IC0xMy4wMjIsLTE5LjUyNCAtMjkuNjk5LC0xOC45NzNaIiBzdHlsZT0iZmlsbDojMDA3ZGJkO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik02MTIuMzQ5LDEwMy4zODhsLTQ2LjM1NiwxMjguNDc1Yy04LjYzOCwyNC4xNTQgLTE3Ljc2MSw1Mi4wMjMgLTQ4LjMxOSw1Mi4wMjNjLTcuNDAxLDAgLTExLjYxLC0wLjk5MSAtMTUuNzkyLC0xLjcyOGwwLjYyLC04LjAyNWMwLjg5NCwtNS42ODQgNC44NzksLTkuMzc2IDEwLjE2MywtOS4wODljMC41MDcsMC4wNCAxLjAzLDAuMDkgMS41NDIsMC4wOWMyMC43MTYsMCAyNy42MjEsLTI4LjU5NCAyNy42MjEsLTMxLjA1OWMwLC0yLjcwNyAtMi45NiwtOS4xMTcgLTQuNDQ2LC0xMy4zMTVsLTQyLjY1MiwtMTE3LjM3MmwxNi4xNjIsMGMwLjA0LDAgMC4wNjgsMC4wMjggMC4xMjQsMC4wMjhjNC45MDgsMCA5LjY1MiwzLjM4MyAxMS42ODksNy45NDdsMzEuMiw5Ni4wODJsMC40OTUsMGwzMS44OTgsLTk2LjEzM2MyLjA2LC00LjU0MSA2Ljc5MywtNy44OTYgMTEuNjc4LC03Ljg5NmMwLjA1NiwwIDAuMDY3LC0wLjAyOCAwLjEyMywtMC4wMjhsMTQuMjUsMFptNjg2LjE2NCwwbC00Ni4zNTYsMTI4LjQ3NWMtOC42MzgsMjQuMTU0IC0xNy43NzIsNTIuMDIzIC00OC4zMzYsNTIuMDIzYy03LjM4OSwwIC0xMS41OTksLTAuOTkxIC0xNS43OTEsLTEuNzI4bDAuNjMsLTguMDI1YzAuODk1LC01LjY4NCA0Ljg4NSwtOS4zNzYgMTAuMTUyLC05LjA4OWMwLjUyNCwwLjA0IDEuMDM2LDAuMDkgMS41NDIsMC4wOWMyMC43MTYsMCAyNy42MzIsLTI4LjU5NCAyNy42MzIsLTMxLjA1OWMwLC0yLjcwNyAtMi45NzEsLTkuMTE3IC00LjQ1NywtMTMuMzE1bC00Mi42NTIsLTExNy4zNzJsMTYuMTYzLDBjMC4wMzksMCAwLjA2NywwLjAyOCAwLjExMiwwLjAyOGM0LjkwNywwIDkuNjY4LDMuMzgzIDExLjcsNy45NDdsMzEuMiw5Ni4wODJsMC41MDcsMGwzMS44ODYsLTk2LjEzM2MyLjA0OSwtNC41NDEgNi43OTMsLTcuODk2IDExLjY3OCwtNy44OTZjMC4wNTYsMCAwLjA4NCwtMC4wMjggMC4xMjMsLTAuMDI4bDE0LjI2NywwWm0tMzI0LjQxNSwtMi45NTRjMzguMjIzLDAgNjMuODQ2LDI3LjYyMSA2My44NDYsNjUuODMzYzAsMzYgLTI2LjExOCw2NS44MjcgLTYzLjg0Niw2NS44MjdjLTM3Ljk2NSwwIC02NC4xLC0yOS44MjcgLTY0LjEsLTY1LjgyN2MwLC0zOC4yMTIgMjUuNjIzLC02NS44MzMgNjQuMSwtNjUuODMzWm00NjIuNDkxLC0zOS4wNzhjLTguODIzLC00LjY1NiAtMjkuMTY1LC02LjM3MiAtMzkuMjE0LC02LjM3MmMtNTIuOTM5LDAgLTg2LjI3MSwzNi41MTggLTg2LjI3MSw4OC40NzdjMCw1Mi45MzkgMzIuMzUyLDg4LjQ3NiA4Ni4yNzEsODguNDc2YzEwLjc4NCwwIDI5LjkwMSwtMS43MTUgMzkuMjE0LC03LjM1MmMwLDAgMCwwIDAsLTAuMDAxYy0wLjIxNiwtMy4yMzYgLTEuODQ2LC02LjIxNCAtNC40NTcsLTguMTM5Yy0yLjYxLC0xLjkyNSAtNS45MzYsLTIuNjAzIC05LjA5MiwtMS44NTNjLTguNjI5LDIuMDI2IC0xOC4zNzYsMi42NCAtMjUuNjY1LDIuNjRjLTQ1LjA5NiwwIC02OS4zNiwtMzAuNjM2IC02OS4zNiwtNzMuNzcxYzAsLTQyLjQgMjQuOTk5LC03My43NzIgNjkuMzYsLTczLjc3MmM3LjUxLDAgMTYuMzYyLDAuNjcxIDI0LjU3OCwyLjU1M2MzLjQyMSwwLjc5OCA3LjAyMSwwLjA0OSA5Ljg0LC0yLjA0OGMyLjgxOSwtMi4wOTcgNC41NzIsLTUuMzI5IDQuNzkxLC04LjgzNmMwLjAwNSwtMC4wMDEgMC4wMDUsLTAuMDAyIDAuMDA1LC0wLjAwMlptNDYuMzQ0LDEwNS4xNDNjMCwzNC4wNjcgMTcuODkxLDY1LjQzOCA1OC4zMzEsNjUuNDM4YzQwLjQzOSwwIDU4LjMzMSwtMzEuMzcxIDU4LjMzMSwtNjUuNDM4YzAsLTM0LjA2NyAtMTcuODkyLC02NS40MzggLTU4LjMzMSwtNjUuNDM4Yy00MC40NCwwIC01OC4zMzEsMzEuMzcxIC01OC4zMzEsNjUuNDM4Wm0yMjcuMTA3LC02Mi40OTdjMCwwIC0xLjExMSwwIC0yLjczNywwYy0zLjM2OSwwIC02LjYsMS4zMzggLTguOTgzLDMuNzIxYy0yLjM4MiwyLjM4MiAtMy43Miw1LjYxMyAtMy43Miw4Ljk4M2MwLDE5Ljk1OCAwLDU2LjQxIDAsNTYuNDFjMCwyMC44MzMgLTguODI0LDQ1LjU4NyAtMzcuMDA5LDQ1LjU4N2MtMjEuMzIyLDAgLTI5LjY1NSwtMTUuMTk2IC0yOS42NTUsLTM4LjcyNGMwLDAgMCwtNDEuNjQ4IDAsLTYzLjI3M2MwLC0zLjM3IC0xLjMzOSwtNi42MDEgLTMuNzIxLC04Ljk4M2MtMi4zODMsLTIuMzgzIC01LjYxNCwtMy43MjEgLTguOTgzLC0zLjcyMWMtMS42MjYsMCAtMi43MzcsMCAtMi43MzcsMGwwLDc5Ljg5OGMwLDI3LjQ1IDExLjc2NCw0OC4wMzcgNDIuNjQ1LDQ4LjAzN2MyNS45OCwwIDM1LjI5MywtMTMuOTcgNDAuNDQsLTI1LjI0NGwwLjQ5LDBsMCwyMi4zMDNjMCwwIDAuNTM3LDAgMS40MDEsMGMzLjM3MiwwIDYuNjA2LC0xLjM0IDguOTg5LC0zLjcyNmMyLjM4MywtMi4zODYgMy43MTksLTUuNjIxIDMuNzE1LC04Ljk5M2MtMC4wMzgsLTMxLjgwOSAtMC4xMzUsLTExMi4yNzUgLTAuMTM1LC0xMTIuMjc1Wm0xMDQuMDI5LDIxLjA3N2wwLC03OS44OThjMCwwIDEuMTEsMCAyLjczNiwwYzMuMzcsMCA2LjYwMSwxLjMzOCA4Ljk4MywzLjcyMWMyLjM4MywyLjM4MiAzLjcyMSw1LjYxMyAzLjcyMSw4Ljk4M2MwLDMzLjY0MiAwLDEyNC43NjUgMCwxNTguNDA4YzAsMy4zNjkgLTEuMzM4LDYuNiAtMy43MjEsOC45ODNjLTIuMzgyLDIuMzgyIC01LjYxMywzLjcyIC04Ljk4MywzLjcyYy0xLjYyNiwwIC0yLjczNiwwIC0yLjczNiwwbDAsLTE5Ljg1MmwtMC40OTEsMGMtOC4zMzMsMTUuOTMxIC0yMS4wNzcsMjIuNzkzIC0zOC45NjgsMjIuNzkzYy0zNC4zMTMsMCAtNTEuNDY5LC0yOC40MyAtNTEuNDY5LC02NS40MzhjMCwtMzcuOTg5IDE0LjcwNSwtNjUuNDM4IDUxLjQ2OSwtNjUuNDM4YzI0LjUwOCwwIDM2Ljc2MywxNy44OTEgMzguOTY4LDI0LjAxOGwwLjQ5MSwwWm0tMTM4OS42NSwxMDYuNzU2bC0wLjE0NywwYy0xMS43MzMsMCAtMjMuNDExLC0zLjIxMyAtMzQuODAxLC02Ljg5NGwwLjY5NywtNi43ODFjMC42NjUsLTYuMDYxIDQuOTI1LC0xMC42NDIgMTAuMTI1LC05Ljc5MmM4LjI4NCwyLjYxNiAxOC4xMTUsNC44NzkgMjcuMTgyLDQuOTA3YzE1LjQ4NywtMC4wMjggMzcuOTY0LC04LjYyMiAzOC4wNzcsLTMxLjkwOWMtMC4xOCwtMjIuMzI1IC0yMS4yNTYsLTI5Ljk1NiAtNDAuNDg2LC0zOS4yMDNjLTE5LjYwMSwtOS40ODggLTM3LjgyNCwtMTkuOTc4IC0zNy44OCwtNDcuMDI1YzAuMDg0LC0zMC45MzUgMjQuMDAyLC00Ny4xNDkgNTYuMjMyLC00Ny4zNDZjOC44NDEsMCAxOC45OTMsMS4yMjEgMjguNzA3LDMuNjM2bC0wLjQyOCw3LjYwM2MtMC42Myw1LjIzMyAtNS4wNzYsOS4zODcgLTEwLjM4Myw4Ljk5OGMtMC4wODQsMCAtMC4wODQsMC4wNzkgLTAuMTQxLDAuMDc5Yy01LjAzMSwtMS4xMDMgLTEwLjE3NSwtMS43MzkgLTE2LjYxMywtMS43MzljLTAuMDI4LDAgLTAuMDk1LDAgLTAuMTUyLDAuMDExYy0xNC44MjksLTAuMDIyIC0zNC4wNDIsNS40NzYgLTM0LjExNSwyNi40MDZjMC4zNzIsMTkuNzAyIDIxLjMwNywyNi4zNTQgNDAuNDU4LDM2LjE0NmMxOS41MTcsOS45MTYgMzcuODYzLDIyLjAyNyAzNy45MTksNTAuODY5Yy0wLjEwNywzNy4zNzQgLTI4LjE1NSw1MS43NzUgLTY0LjI1MSw1Mi4wMzRabTY0Ny4wNzQsLTIuNjk2bC0xMi43MzYsMGwwLC0xMjUuNzUxbDExLjgwMSwwYzAuMDQsMCAwLjA1MSwwLjAyOCAwLjEwNywwLjAyOGM1LjgwOCwwIDEwLjUxMyw0LjcwNSAxMC41MTMsMTAuNTNjMCwwLjAyMiAwLjAyMiwwLjAyMiAwLjAyMiwwLjAzNGwwLDkuMzk4bDAuNDg0LDBjNi45MTcsLTE0LjMwNiAyMy42NzEsLTIyLjk0NCA0MS4xODQsLTIyLjk0NGMzMi41NDUsMCA0Ny4wOTgsMjAuMjI2IDQ3LjA5OCw1NC4wMDNsMCw2NC42NjhjLTAuMjY0LDUuNTc3IC00LjgxNywxMC4wMjkgLTEwLjQ1NiwxMC4wMjljLTAuMDI4LDAgLTAuMDI4LDAuMDA1IC0wLjAzOSwwLjAwNWwtMTIuNjk3LDBsMCwtNjUuMDljMCwtMjkuMzQ4IC02LjM4MSwtNDMuNjQzIC0yNi42MTksLTQ0Ljg2OWMtMjYuMzgyLDAgLTM4LjIyMywyMS4yMDUgLTM4LjIyMyw1MS43NzVsMCw0OC40OTljLTAuNDI4LDUuNDA4IC00Ljg5Niw5LjY4IC0xMC40MTEsOS42OGMtMC4wMjcsMCAtMC4wMjgsMC4wMDUgLTAuMDI4LDAuMDA1Wm0tMjA4LjM3OCwwbC0xMi43NjMsMGwwLC0xMDYuOTk5bC0xOS4xNTEsMGMtMC4wMjgsMCAtMC4wNTEsLTAuMDI4IC0wLjA3OSwtMC4wMjhjLTUuMjg0LDAgLTkuNjE4LC0zLjg5NSAtMTAuMzcyLC04Ljk1NGwwLC05Ljc3bDI5LjYwMiwwbDAsLTkuOTgzYzAsLTMwLjU4MSA3Ljg5NSwtNTAuNTU0IDQyLjE1NywtNTAuNTU0YzUuOTAzLDAgMTAuODU2LDAuNzM3IDE1LjUzMiwxLjQ4bC0wLjM5OSw3LjU5MmMtMC4zMjEsNS41MzggLTQuOTI0LDEwLjA1MSAtMTAuNDY4LDkuNjQ2Yy0wLjA1NiwwIC0wLjA0NSwwLjA2MiAtMC4wODQsMC4wNjJjLTAuMzgzLC0wLjAxNyAtMC43NzEsLTAuMDQ1IC0xLjE0MiwtMC4wNDVjLTE5Ljk1NiwwIC0yMi40MjEsMTIuODM2IC0yMi40MjEsMjkuODQzbDAsMTEuOTU5bDMzLjI4OCwwbDAsOC43NTFjLTAuMjU5LDUuNDU0IC00LjY0OSw5LjgyMSAtMTAuMTA4LDEwLjAwMWwtMjMuMTgsMGwwLDk3LjkwNWMtMC43MTUsNS4xMSAtNS4wNiw5LjA4OSAtMTAuMzcyLDkuMDg5Yy0wLjAyOCwwIC0wLjAxMSwwLjAwNSAtMC4wNCwwLjAwNVptLTIxOS40OCwwbC0xMi41NTYsMGwwLC0xMjUuNzUxbDExLjA4NywwYzAuMDM5LDAgMC4wNjgsMC4wMjggMC4xMTMsMC4wMjhjNS43NzQsMCAxMC40MjIsNC42NDkgMTAuNTA2LDEwLjRsMCw3LjgyOWwwLjQ5NiwwYzguODU4LC0xNC41NTQgMjEuNDQxLC0yMS4yMTEgMzkuOTI4LC0yMS4yMTFjMTQuNTU0LDAgMjkuMDk2LDcuNCAzNS43NjQsMjQuNDEzYzguNjI4LC0xNy45OTIgMjcuNjEsLTI0LjQxMyAzOC45NDQsLTI0LjQxM2MzMi4wNzIsMCA0My42NDMsMjAuNzE1IDQzLjY0Myw0OC4wODlsMCw3Mi40MTFjLTEuMDU4LDQuNjk5IC01LjIyOCw4LjIgLTEwLjIzMSw4LjJjLTAuMDE3LDAgLTAuMDE3LDAuMDA1IC0wLjAyOCwwLjAwNWwtMTIuOTA1LDBsMCwtNzQuOTQ5YzAsLTE1LjUzOCAtMy43MTQsLTM1LjAxIC0yMi40NDksLTM1LjAxYy0yMy42NTgsMCAtMzMuMDQsMjMuMTggLTMzLjA0LDQ2LjYwM2wwLDUzLjc4NGMtMC40OTUsNS4zNTcgLTQuOTI0LDkuNTY3IC0xMC40LDkuNTY3Yy0wLjAyOCwwIC0wLjAyOCwwLjAwNSAtMC4wMzksMC4wMDVsLTEyLjcyNCwwbDAsLTc0Ljk0OWMwLC0xNS41MzggLTMuNzE1LC0zNS4wMSAtMjIuNDQ5LC0zNS4wMWMtMjMuNjcxLDAgLTMzLjA0MSwyMy4xOCAtMzMuMDQxLDQ2LjYwM2wwLDUyLjUxN2MtMC4wMjgsMC4xMDIgLTAuMDc4LDAuMTY0IC0wLjA3OCwwLjMyMWMwLDUuODAyIC00LjcwNSwxMC41MTMgLTEwLjUxMywxMC41MTNjLTAuMDExLDAgLTAuMDI3LDAuMDA1IC0wLjAyOCwwLjAwNVptODEwLjAzOSwtMC4xNDNjMCwwIDEuMTExLDAgMi43MzcsMGMzLjM2OSwwIDYuNiwtMS4zMzggOC45ODMsLTMuNzJjMi4zODIsLTIuMzgzIDMuNzIxLC01LjYxNCAzLjcyMSwtOC45ODNjMCwtMzMuNjQzIDAsLTEyNC43NjYgMCwtMTU4LjQwOGMwLC0zLjM3IC0xLjMzOSwtNi42MDEgLTMuNzIxLC04Ljk4M2MtMi4zODMsLTIuMzgzIC01LjYxNCwtMy43MjEgLTguOTgzLC0zLjcyMWMtMS42MjYsMCAtMi43MzcsMCAtMi43MzcsMGwwLDE4My44MTVabTQ2LjE2NiwtNjIuNDk3YzAsLTI4LjkyIDE0LjQ2LC01Mi4yMDQgNDEuNDIsLTUyLjIwNGMyNi45NTksMCA0MS40MiwyMy4yODQgNDEuNDIsNTIuMjA0YzAsMjguOTIgLTE0LjQ2MSw1Mi4yMDQgLTQxLjQyLDUyLjIwNGMtMjYuOTYsMCAtNDEuNDIsLTIzLjI4NCAtNDEuNDIsLTUyLjIwNFptMjQwLjIwOCwwYzAsLTI0LjI2NCA3LjU5OCwtNTIuMjA0IDM3LjAwOCwtNTIuMjA0YzI3LjQ1LDAgMzcuMDA5LDI5LjQxMSAzNy4wMDksNTIuMjA0YzAsMjIuNzkzIC05LjU1OSw1Mi4yMDQgLTM3LjAwOSw1Mi4yMDRjLTI5LjQxLDAgLTM3LjAwOCwtMjcuOTQgLTM3LjAwOCwtNTIuMjA0Wm0tNzY1Ljk1NCw0Ni44NzdjMjcuMTA5LDAgMzkuMTg2LC0yNC42NiAzOS4xODYsLTQ3LjEwOWMwLC0yMy45MDcgLTE0LjUzNywtNDcuMDg3IC0zOS4xODYsLTQ3LjA4N2MtMjQuODk3LDAgLTM5LjQ1LDIzLjE4IC0zOS40NSw0Ny4wODdjMCwyMi40NDkgMTIuMDc3LDQ3LjEwOSAzOS40NSw0Ny4xMDlaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvZz48L3N2Zz4=');
        background-position: center;
        background-repeat: no-repeat;
        width: 192px;
    }

    .ap-player.asciinema-player-theme-symfony .ap-terminal {
        color: #ccc;
        font-family: var(--font-family-monospace);
        background-color: transparent;
        border-color: transparent;

        /* As we override the line height,.ap-player mess with the height of
  /* the terminal, this is a hack to have it clean. */
        padding-bottom: 0.8em;

        /*.ap-line {
    height: 1.2em;
  }*/
    }
    .ap-player.asciinema-player-theme-symfony .fg-bg {
        color: #2c3540;
    }
    .ap-player.asciinema-player-theme-symfony .bg-fg {
        background-color: #ccc;
    }
    .ap-player.asciinema-player-theme-symfony .fg-0 {
        color: #003440;
    }
    .ap-player.asciinema-player-theme-symfony .bg-0 {
        background-color: rgba(0, 0, 0, 0.05);
    }
    /* ANSI red foreground */
    .ap-player.asciinema-player-theme-symfony .fg-1 {
        color: #d36b75;
    }
    .ap-player.asciinema-player-theme-symfony .bg-1 {
        background-color: #dc322f;
    }
    /* ANSI green foreground */
    .ap-player.asciinema-player-theme-symfony .fg-2 {
        color: #95bb7c;
    }
    .ap-player.asciinema-player-theme-symfony .bg-2 {
        background-color: #859900;
    }
    /* ANSI yellow foreground */
    .ap-player.asciinema-player-theme-symfony .fg-3 {
        color: #b58900;
    }
    .ap-player.asciinema-player-theme-symfony .bg-3 {
        background-color: #b58900;
    }
    /* ANSI blue foreground */
    .ap-player.asciinema-player-theme-symfony .fg-4 {
        color: #268bd2;
    }
    .ap-player.asciinema-player-theme-symfony .bg-4 {
        background-color: #268bd2;
    }
    .ap-player.asciinema-player-theme-symfony .fg-5 {
        color: #d33682;
    }
    .ap-player.asciinema-player-theme-symfony .bg-5 {
        background-color: #d33682;
    }
    /* ANSI cyan foreground */
    .ap-player.asciinema-player-theme-symfony .fg-6 {
        color: #21acfc;
    }
    .ap-player.asciinema-player-theme-symfony .bg-6.fg-0 {
        color: #ccc;
    }
    .ap-player.asciinema-player-theme-symfony .fg-7 {
        color: #eee8d5;
    }
    .ap-player.asciinema-player-theme-symfony .bg-7 {
        background-color: #eee8d5;
    }
    .ap-player.asciinema-player-theme-symfony .fg-8 {
        color: #589ec0;
    }
    .ap-player.asciinema-player-theme-symfony .bg-8 {
        background-color: #002b36;
    }
    .ap-player.asciinema-player-theme-symfony .fg-9 {
        color: #cb4b16;
    }
    .ap-player.asciinema-player-theme-symfony .bg-9 {
        background-color: #cb4b16;
    }
    .ap-player.asciinema-player-theme-symfony .fg-10 {
        color: #586e75;
    }
    .ap-player.asciinema-player-theme-symfony .bg-10 {
        background-color: #586e75;
    }
    .ap-player.asciinema-player-theme-symfony .fg-11 {
        color: #657b83;
    }
    .ap-player.asciinema-player-theme-symfony .bg-11 {
        background-color: #657b83;
    }
    .ap-player.asciinema-player-theme-symfony .fg-12 {
        /* color: #839496;*/
    }
    .ap-player.asciinema-player-theme-symfony .bg-12 {
        background-color: #839496;
    }
    .ap-player.asciinema-player-theme-symfony .fg-13 {
        color: #6c71c4;
    }
    .ap-player.asciinema-player-theme-symfony .bg-13 {
        background-color: #268bd2;
    }
    .ap-player.asciinema-player-theme-symfony .bg-13.fg-11,
    .ap-player.asciinema-player-theme-symfony .bg-13.fg-4 {
        background-color: #ccc;
    }
    .ap-player.asciinema-player-theme-symfony .fg-14 {
        color: #93a1a1;
    }
    .ap-player.asciinema-player-theme-symfony .bg-14 {
        background-color: #93a1a1;
    }
    .ap-player.asciinema-player-theme-symfony .fg-15 {
        color: #fdf6e3;
    }
    .ap-player.asciinema-player-theme-symfony .bg-15 {
        background-color: #fdf6e3;
    }
}