input[type="text"].-error,
input[type="url"].-error,
input[type="email"].-error,
input[type="tel"].-error,
textarea.-error {
  border-color: #dd0000;
  background-color: #fdf2f2;
}

.input__error {
  color: #dd0000;
  margin-top: 0;
  color: #fff;
  font-size: 12px;
  display: none;
  position: absolute;
  min-width: 120px;
  background-color: #dd0000;
  border-radius: 100px;
  padding: 5px 10px;
  top: -35px;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .input__error {
    top: auto;
    bottom: -10px;
    left: auto;
  }
}
.input__error::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #dd0000 transparent transparent transparent;
  position: absolute;
  bottom: -5px;
  left: 25px;
}
@media screen and (max-width: 960px) {
  .input__error::after {
    top: -5px;
    bottom: auto;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #dd0000 transparent;
  }
}
.input__error.-visible {
  display: block;
}