@font-face { font-family: "ProggyForever"; src: url("fonts/ProggyForever-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }
:root { --terminal-background: transparent; }
html, body { margin: 0; width: 100%; height: 100%; border: 0; outline: 0; box-shadow: none; background: var(--terminal-background); overflow: hidden; }
#terminal { position: absolute; inset: 0; border: 0; outline: 0; box-shadow: none; background: var(--terminal-background); }
.xterm, .xterm:focus, .xterm.focus { height: 100%; box-sizing: border-box; padding-left: 12px; border: 0; outline: 0; box-shadow: none; background: var(--terminal-background); }
.xterm-viewport {
    overflow: hidden !important;
    background: var(--terminal-background) !important;
    scrollbar-color: rgba(105, 165, 208, 0.42) transparent;
    scrollbar-width: thin;
}
.xterm-viewport::-webkit-scrollbar { width: 8px; }
.xterm-viewport::-webkit-scrollbar-track { background: transparent; }
.xterm-viewport::-webkit-scrollbar-thumb {
    min-height: 32px;
    border: 2px solid transparent;
    border-radius: 8px;
    background: rgba(105, 165, 208, 0.34);
    background-clip: content-box;
}
.xterm-viewport::-webkit-scrollbar-thumb:hover {
    background: rgba(105, 165, 208, 0.58);
    background-clip: content-box;
}
.xterm-viewport::-webkit-scrollbar-button { display: none; }
.xterm-viewport::-webkit-scrollbar-corner { background: transparent; }
.xterm .xterm-scrollable-element { background: var(--terminal-background) !important; }
.xterm .xterm-scrollable-element > .scrollbar > .slider { border-radius: 8px; }
.xterm-screen { background: var(--terminal-background); }
.xterm .xterm-rows > div:last-child {
    min-height: calc(var(--terminal-cell-height, 0px) + var(--terminal-bottom-gap, 0px));
}

.xterm .xterm-rows > div > span:last-child { position: relative; }
.xterm .xterm-rows > div > span:last-child:not(.xterm-cursor)::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: var(--terminal-right-gap, 0px);
    height: 100%;
    background: inherit;
    pointer-events: none;
}