.settings {
   margin-top: 50px;
   background: #382b84;
   padding: 50px 30px;
   border: 10px solid #221a50;
}

.settings-result {
   font-family: "Press Start 2P";
   font-size: 42px;
}

.setting {
   display: flex;
   gap: 20px;
   margin-top: 35px;
   align-items: center;
   flex-wrap: wrap;
}

.setting-title {
   font-family: "Montserrat";
   font-size: 20px;
   font-weight: 500;
}

.setting-description{
   font-family: "Montserrat";
   font-size: 14px;
   max-width: 300px;
   opacity: 0.5;
}


.setting-range {
   appearance: none;
}

.setting-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 5px;
   background: #fff;
}

.setting-range::-webkit-slider-thumb {
   appearance: none;
   width: 5px;
   height: 20px;
   background: #fff;
   margin-top: -7px;
}

.setting-result,
.setting-mapsize {
   font-family: "Montserrat";
   font-size: 20px;
   font-weight: 500;
   background: none;
   border: 0;
   outline: 0;
   color: #fff;
   padding: 5px;
   border-bottom: 1px solid #fff;
   width: 100px;
}

.setting-mapsize option {
   color: #000
}

.setting-value {
}
.setting-label {
   font-size: 20px;
   font-family: "Montserrat";
   cursor: pointer;
}

.setting-keyboardtype{
   display: block;
}
.settings-list{
   list-style: none;
   margin-top: 15px;
}
.setting-option{
   margin-bottom: 5px;
}