:root {
    --st-font: "Anonymice Nerd Font", "monospace-fallback", monospace;
    --st-font-size: 0.85rem;
    --st-fg: #eeeeee;
    --st-bg: #222222;

    --st-0: #000000;
    --st-1: #e97777;
    --st-2: #78938a;
    --st-3: #f6d6ad;
    --st-4: #6e85b7;
    --st-5: #FF8DC7;
    --st-6: #97C4B8;
    --st-7: #eeeeee;

    --st-8: #444444;
    --st-9: #ff9f9f;
    --st-10: #92ba92;
    --st-11: #fafcc2;
    --st-12: #5c5cff;
    --st-13: #FFACC7;
    --st-14: #CCF3EE;
    --st-15: #ffffff;

    --p10k-bg: #171717;
    --p10k-cyan: #0184ab;
    --p10k-green: #3c8c02;
}

.window.window-st {
    font-family: var(--st-font);
    font-size: var(--st-font-size);
    background-color: var(--st-bg);
    color: var(--st-fg);
    user-select: text;
    -webkit-user-select: text;
    display: flex;
    flex-direction: column;

    overflow: auto;
}

.window.window-st * {
    font-size: var(--st-font-size);
}

.window.window-st span {
    white-space: pre;
}

.window.window-st .line {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    width: max-content;
}

@keyframes st-blinker {
    0% {
      opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
  }

.window.window-st .st-cursor {
    font-size: 0.7rem;
    line-height: 1.2;

    animation: st-blinker 1.5s steps(1, end) infinite;
}

.window.window-st .line .middle {
    flex-grow: 1;
}

.window.window-st .st-0 {
    color: var(--st-0);
}

.window.window-st .st-1 {
    color: var(--st-1);
}

.window.window-st .st-2 {
    color: var(--st-2);
}

.window.window-st .st-3 {
    color: var(--st-3);
}

.window.window-st .st-4 {
    color: var(--st-4);
}

.window.window-st .st-5 {
    color: var(--st-5);
}

.window.window-st .st-6 {
    color: var(--st-6);
}

.window.window-st .st-7 {
    color: var(--st-7);
}

.window.window-st .st-8 {
    color: var(--st-8);
}

.window.window-st .st-9 {
    color: var(--st-9);
}

.window.window-st .st-10 {
    color: var(--st-10);
}

.window.window-st .st-11 {
    color: var(--st-11);
}

.window.window-st .st-12 {
    color: var(--st-12);
}

.window.window-st .st-13 {
    color: var(--st-13);
}

.window.window-st .st-14 {
    color: var(--st-14);
}

.window.window-st .st-15 {
    color: var(--st-15);
}

.window.window-st .st-bg-0 {
    background-color: var(--st-0);
}

.window.window-st .st-bg-1 {
    background-color: var(--st-1);
}

.window.window-st .st-bg-2 {
    background-color: var(--st-2);
}

.window.window-st .st-bg-3 {
    background-color: var(--st-3);
}

.window.window-st .st-bg-4 {
    background-color: var(--st-4);
}

.window.window-st .st-bg-5 {
    background-color: var(--st-5);
}

.window.window-st .st-bg-6 {
    background-color: var(--st-6);
}

.window.window-st .st-bg-7 {
    background-color: var(--st-7);
}

.window.window-st .st-bg-8 {
    background-color: var(--st-8);
}

.window.window-st .st-bg-9 {
    background-color: var(--st-9);
}

.window.window-st .st-bg-10 {
    background-color: var(--st-10);
}

.window.window-st .st-bg-11 {
    background-color: var(--st-11);
}

.window.window-st .st-bg-12 {
    background-color: var(--st-12);
}

.window.window-st .st-bg-13 {
    background-color: var(--st-13);
}

.window.window-st .st-bg-14 {
    background-color: var(--st-14);
}

.window.window-st .st-bg-15 {
    background-color: var(--st-15);
}

.window.window.window-st .st-p10k-bg {
    color: var(--p10k-bg);
}

.window.window-st .st-bg-p10k-bg {
    background-color: var(--p10k-bg);
}

.window.window.window-st .st-p10k-cyan {
    color: var(--p10k-cyan);
}

.window.window.window-st .st-p10k-green {
    color: var(--p10k-green);
}