.half {flex: 1 1 max(200px,40%);}
.full {flex: 1 1 100%;}
.flex:has(:is(.half,.full)) {gap: min(1rem,5vw) 5%;}
input:not(:is([type="radio"],[type="checkbox"],[type="submit"],[type=image],[type=file])),select,textarea {
  width: 100% !important;
  line-height: 1 !important;
}
input:not(:is([type="radio"],[type="checkbox"],[type="button"],[type="submit"],[type="image"],[type="file"])),select,textarea {
  outline: none;
  border: none;
  border-radius: 0;
  color: currentColor;
  height: min(53px,14vw);
  font-size: min(14px,4vw);
  background-color: transparent;
  border-bottom: 1px solid var(--cLslateGray);
  padding: min(1rem,2.5vw) min(1.5rem,5vw) !important;
}
select[multiple="multiple"] {
  height: auto!important
}
input:is([type="radio"],[type="checkbox"]) {
  margin: 0 .5rem 0 0;
  outline: none;
  flex: 0 0 auto;
  width: min(1.5rem,4vw);
  height: min(1.5rem,4vw);
  accent-color: var(--cLsunYellow)
}
input[type="checkbox"] {box-shadow: inset 0 0 0 1px var(--cLsunYellow)}
input[type="radio"]:not(:checked) {
  appearance: none;
  border-radius: 2rem;
  border: 1px solid var(--cLsunYellow)
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  text-align: left;
  font-style: normal;
  color: currentColor;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
  font-style: normal;
  text-align: left;
  color: var(--cLslateGray);
}
textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
  text-align: left;
  font-style: normal;
  color: var(--cLslateGray);
}
textarea::placeholder,
input::placeholder {
  text-align: left;
  font-style: normal;
  color: var(--cLslateGray);
}
:is(input[type="date"],select):not(:focus) {color: currentColor}
textarea {
  resize: none;
  font-family: inherit;
  height: min(150px,30vw) !important
}
input[type="date"] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
/* other */
.full label.flex {
  flex-wrap: nowrap;
  font-size: min(11px,3.5vw);
}