@charset "utf-8";
.p-interpolation form {
  max-width: 600px;
}
.p-interpolation form .form-line .form-box {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.p-interpolation form .form-line .form-box .label {
  width: 25px;
  text-align: left;
  margin-right: 10px;
}
.p-interpolation form .form-line .form-box .input {
  text-align: left;
  width: calc(100% -  35px);
  min-width: calc(35px  *  0.66666666666667);
  margin-right: 0px;
}
.p-interpolation form .form-line .form-box:FIRST-CHILD {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
.p-interpolation form .form-line .form-box:FIRST-CHILD .label {
  width: 15px;
  text-align: left;
  margin-right: 10px;
}
.p-interpolation form .form-line .form-box:FIRST-CHILD .input {
  text-align: left;
  width: calc(100% -  35px);
  min-width: calc(35px  *  0.66666666666667);
  margin-right: 10px;
}
.p-interpolation form .interpalation-calculate {
  cursor: pointer;
}
.p-interpolation form .interpalation-calculate .auto-calculate {
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
  transform: scale(1.2);
}
.p-interpolation .errors[active="error-empty"]:after {
  content: attr(error-empty);
}
.p-interpolation .errors {
  color: #f00;
  font-size: 110%;
  text-align: center;
}
.p-interpolation .info {
  color: green;
}
.p-interpolation .usage {
  line-height: 20px;
}
.p-interpolation .usage label {
  font-weight: bold;
}
@media (min-width: 810px) {
  .usage div {
    clear: both;
  }
  .usage div label {
    float: left;
    width: 260px;
  }
}