.inputs-row {
  display: flex;
  gap: 15px;
}
.input {
  margin-left: 10px;
}
input,
select {
  width: 100%;
  padding: var(--default-spacing);
  box-sizing: border-box;
  border-radius: var(--default-border-radius);
  border: var(--default-border-width) solid var(--primary-color);
}

input:disabled,
select:disabled {
  border-color: gray;
  color: darkgrey;
}
input[type="text"].w-1-2 {
  width: 50%;
}
input[type="radio"],
input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 10px 5px;
}
.infotitle {
  margin-bottom: 10px;
}
.content-group {
  padding: 10px;
}
.grid-container {
  width: 100%;
  display: grid;
}
.generated-container table tr td,
.generated-container table tr th {
  width: 50%;
}
span {
  display: inline-block;
  padding-left: 10px;
}
h3 > span {
  padding-left: 2px;
}
ul,
li {
  all: revert;
}
@media (min-width: 600px) {
  .flex {
    display: flex;
    gap: 20px;
  }
  .flex > div {
    flex: 1;
  }
  .grid-container {
    width: 90%;
  }
}
@media (min-width: 900px) {
  .grid-container {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .grid-container {
    width: 80%;
  }
}

.checkbox-quick-quizz-label {
  display: flex;
  flex-direction: row;
  align-items: center;
}