.input-without-spin::-webkit-inner-spin-button,
.input-without-spin::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.styleratio {
  background-color: black; /* Cambia el fondo del input a negro */
  color: white;
  border: transparent; /* Cambia el color del texto del input a blanco */
}

.styleratio:focus {
  background-color: black; /* Cambiar aquí el color verde deseado */
  color: #fff; /* Cambiar aquí el color del texto deseado */
  box-shadow: 0 0 10px rgb(40, 230, 23);

}
.styleratio::placeholder {
  color: #4b4b4b; /* Cambia el color del texto del placeholder a un tono más blanco */
}