.asciicast {
    margin: 1em 0;
    border-radius: 0.2rem;
    overflow: clip;
    font-family: var(--font-stack-monospace);
    font-variation-settings: "MONO" 1;
}

.asciicast .ap-wrapper {
    background-color: var(--color-code-background);
}

.asciicast .ap-wrapper:fullscreen {
    background-color: var(--color-code-background);
}

.asciicast .ap-wrapper .ap-player {
    margin: 0.875rem;
    border-radius: unset;
    display: flex;
    height: unset!important;
    width: unset!important;
    flex-direction: column;
    justify-content: space-between;
}

.asciicast .ap-wrapper:fullscreen .ap-player {
    scale: 0.95!important;
    margin: unset;
}

.asciicast .ap-wrapper .ap-player .ap-terminal {
    border-width: 0;
}

.asciicast .ap-wrapper .ap-player .ap-control-bar {
    margin-top: 0.875rem;
    padding-top: 0.875rem;
    border-top: unset;
    position: unset;
    left: unset;
    bottom: unset;
    border-top: 1px solid var(--color-foreground-secondary);
    z-index: auto;
}

.asciicast .ap-wrapper .ap-player .ap-overlay {
    z-index: auto;
}

.asciicast .asciinema-player-theme-furo {
    --term-color-foreground: var(--color-code-foreground);
    --term-color-background: var(--color-code-background);
    --term-color-0: #eaeaeb;
    --term-color-1: #bf616a;
    --term-color-2: #a3be8c;
    --term-color-3: #ebcb8b;
    --term-color-4: #81a1c1;
    --term-color-5: #b48ead;
    --term-color-6: #88c0d0;
    --term-color-7: #eceff4;
}

body:not([data-theme="light"]) .asciicast .asciinema-player-theme-furo {
    /* --term-color-background: #202020; */
    --term-color-0: #3b4252;
}

.asciicast .ap-wrapper .ap-overlay-help {
    position: fixed;
    z-index: 100!important;
}