.gameletgp3controlview {
    padding: 20px 0 10px;
    border-bottom: solid 1px #cae4ef;
}

.gameletgp3controlview .title {
    font-family: "Metropolis Semi Bold";
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.14px;
    color: #0d4962;
    margin-bottom: 15px;
}

.gameletgp3controlview .content {
    display: flex;
    align-items: center;
}

.gameletgp3controlview .content .nameInput,
.gameletgp3controlview .content .valueInput {
    font-family: "Metropolis Regular";
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.14px;
    width: 43%;
    margin-right: 15px;
}

.gameletgp3controlview .content .nameInput .label,
.gameletgp3controlview .content .valueInput .label {
    font-family: "Metropolis Semi Bold";
}

.gameletgp3controlview .content .nameInput .label,
.gameletgp3controlview .content .valueInput .label,
.gameletgp3controlview .content .nameInput .value,
.gameletgp3controlview .content .valueInput .value {
    color: #0d4962;
}

/* Mobile */
@media (max-width: 767px) {
    .gameletgp3controlview .title,
    .gameletgp3controlview .content .nameInput,
    .gameletgp3controlview .content .valueInput {
        font-size: 12px;
    }
}

/* DARK MODE */
.dark .gameletgp3controlview .title,
.dark .gameletgp3controlview .content .nameInput .label,
.dark .gameletgp3controlview .content .valueInput .label,
.dark .gameletgp3controlview .content .nameInput .value,
.dark .gameletgp3controlview .content .valueInput .value,
.dark .gameletgp3controlview .content .valueInput {
    color: rgba(255, 255, 255, 0.87);
}

.dark .gameletgp3controlview {
    border-color: rgba(179, 205, 216, 0.5);
}