.shell-container {
    display: flex;
    flex-flow: column nowrap;

    margin: 1rem 1rem 1rem 1rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;

    overflow: auto;
    max-height: 12rem;
}

.shell-container, .shell-component, .shell-history, .shell-prefix, .shell-prompt, .shell-history-line {
    font-family: Menlo, 'Courier New', Courier, monospace;
}

.shell-history-line {
    white-space: pre-wrap;
}

.shell-component {
    display: flex;

    padding: 0rem 0rem 0rem 0rem;
    font-size: medium;

    width: 100%;
    height: 100%;
}

.shell-input-line {
    display: flex;
    flex-flow: row nowrap;
}

.shell-prompt {
    margin: 0rem 0rem 0rem 0.5rem;
    padding: 0rem 0rem 0rem 0rem;

    /* note: warum kann es nicht vererbt werden??*/
    font-size: medium;

    flex-grow: 2;
}

.shell-container,
.shell-container input.shell-prompt,
.shell-container input.shell-prompt:focus,
.shell-container input.shell-prompt:focus-visible {
    background-color: #000;
    outline: none;
    border: none;
    color: #0f0;
}

.shell-container input.shell-prompt.root,
.shell-container input.shell-prompt.root:focus,
.shell-container input.shell-prompt.root:focus-visible {
    color: #f00;
}

.shell-history-line.root,
.shell-prefix.root {
    color: #f00;
}

.shell-train {
    display: none;
    position: absolute;

    margin: 0rem 1rem 0rem 1rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    height: 12rem;
    width: 48rem;

    background-color: rgb(0, 0, 0);
}