MMM-octoprint.css

/*
 *
 * MMM-octoprint
 *
 * 
 * MIT Licensed.
 *
 * Custom here your css module
 *
 */
.MMM-octoprint .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.MMM-octoprint .row-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.MMM-octoprint .thumb {
    margin-bottom: 5px;
}

.MMM-octoprint .column {
    min-width: 0;
    flex-basis: 40%;
}

.MMM-octoprint .column-text-of {
    min-width: 0;
    flex-basis: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.MMM-octoprint .column-text {
    min-width: 0;
    flex-basis: 60%;
    white-space: nowrap;
}

.MMM-octoprint {
    --progress-color: green;
    --progress-background-color: gray;
    --border-radius: 10px;
}

.MMM-octoprint .container {
    max-width: 300px;
    display: flex;
    flex-direction: column;
}

/* background: */
.MMM-octoprint progress::-webkit-progress-bar {
    background-color: var(--progress-background-color);
    border-radius: var(--border-radius);
}

.MMM-octoprint progress {
    background-color: var(--progress-background-color);
    border-radius: var(--border-radius);
}

/* value: */
.MMM-octoprint progress::-webkit-progress-value {
    background-color: var(--progress-color) !important;
    border-radius: var(--border-radius);
}

.MMM-octoprint progress::-moz-progress-bar {
    background-color: var(--progress-color) !important;
    border-radius: var(--border-radius);
}

.MMM-octoprint progress {
    color: var(--progress-color);
}