@keyframes shake {
  0% {
    padding-left: 0rem;
  }
  25% {
    padding-left: 0.5rem;
  }
  75% {
    padding-left: -0.5rem;
  }
  100% {
    padding-left: 0rem;
  }
}
.interface textarea:focus, .interface input:focus {
  outline: none;
}
.interface .input-row {
  position: relative;
  flex-direction: row;
  gap: 16px;
  margin: 0 0 15px 0;
}
.interface .input-row .label {
  position: relative;
  display: block;
  font-size: 14px;
  transition: all 0.2s;
  flex: 0.25;
}
.interface .input-row.invalid {
  animation: shake 0.2s ease-in-out 0s 2;
}
.interface .input-row.invalid .label {
  color: #aa0000;
}
.interface .input-row .input-wrapper {
  position: relative;
}
.interface .input-row .input-wrapper .overlay {
  position: absolute;
  right: 5px;
  top: 0px;
}
.interface .input-row .input-wrapper .overlay .info {
  font-size: 12px;
  color: rgba(1, 1, 1, 0.5);
}
.interface .input-row .input-wrapper .overlay .error {
  font-size: 12px;
}
.interface .input-row input, .interface .input-row textarea {
  display: flex;
  flex: 1;
  background: transparent;
  outline: none;
  border-bottom: 1px solid black;
  outline: none;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 3px 5px 3px 5px;
  width: 100%;
  max-width: auto;
}
.interface .input-row input:focus, .interface .input-row textarea:focus {
  outline: none;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interface .input-row input:focus ~ .label, .interface .input-row textarea:focus ~ .label {
  border: 1px solid red;
  display: block;
  opacity: 0.3;
  font-weight: bold;
}
.interface .input-row .status > span.material-icons {
  font-size: 16px;
}
.interface .input-row .error {
  display: none;
}
.interface .input-row .valid {
  display: none;
}
.interface .input-row.invalid .error {
  display: block;
}
.interface .input-row.isvalid .valid {
  display: block;
}
/*@import "basic-styles.scss";
@import "header_footer.scss";
@import "home.scss";
@import "blocks.scss";
@import "single.scss";
*/
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22https%3A%2F%2Fmverde.bourier.net%2F%22%2C%22sources%22%3A%5B%22bd_config%2F478%2Fstyles.scss%22%2C%22(stdin)%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACA%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAUJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBF%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BACtIN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */