.status-led {
    display: inline-block;
    width: 0.75em;
    > svg {
        display: block;
        vertical-align: middle;
    }
    .outer {
        fill: var(--cui-card-color);
    }
    .inner {
        fill: var(--cui-card-bg);
    }
}

.status-led.success {
    .led {
        stroke: hsl(from var(--cui-success) h s calc(l - 10));
        fill: var(--cui-success);
    }
    .strike {
        fill: none;
    }
}

.status-led.warning {
    .led {
        stroke: hsl(from var(--cui-warning) h s calc(l - 10));
        fill: var(--cui-warning);
    }
    .strike {
        fill: none;
    }
}

.status-led.error {
    .led {
        stroke: hsl(from var(--cui-danger) h s calc(l - 10));
        fill: var(--cui-danger);
    }
    .strike {
        fill: none;
    }
}

.status-led.missing {
    .led {
        stroke: hsl(from var(--cui-gray-600) h s calc(l - 10));
        fill: var(--cui-white);
    }
    .strike {
        fill: none;
    }
}

.status-led.disabled {
    .led {
        stroke: hsl(from var(--cui-gray-600) h s calc(l - 10));
        fill: var(--cui-white);
    }
    .strike {
        fill: hsl(from var(--cui-gray-600) h s calc(l - 10));
    }
}

.terminal {
    max-width: 100%;
    overflow: auto;
    border-radius: var(--cui-border-radius);

    color: #fff;
    background-color: RGBA(var(--cui-dark-rgb), var(--cui-bg-opacity, 1));

    .simplebar-track.simplebar-horizontal {
        height: 8px;
        margin-left: 4px;
        margin-right: 4px;
        bottom: 4px;
    }
    .simplebar-track.simplebar-vertical {
        width: 8px;
        margin-top: 4px;
        margin-bottom: 4px;
        right: 4px;
    }
    .simplebar-scrollbar::before {
     background-color: white;
    }

    /* Foreground, Background */
    scrollbar-color: #FFFFFF80 #FFFFFF10;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
}