.subsection{ 
    background:rgb(56, 56, 56);
    font-size: 1.2em;
    text-align: center;
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
}

.form-label {
    width: 100%;
}

.form-left {
    float: left;
}

.form-right {
    float: right;
}

.form-center {
    margin: 0 auto;
    width: 100px;
}

.form-space {
    margin-bottom: 20px;
}


.color-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.color-item {
    width: 50%;
    box-sizing: border-box;
    padding-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.color-section {
    margin-bottom: 8px;
}

.color-section > summary {
    font-size: 1.1rem;
    cursor: pointer;
    margin-bottom: 8px;
}

.color-section > .color-container {
    margin-left: 1rem;
}

.centered-data-text {
    display: block;
    text-align: center;
}