/* Start:/include/calculator-kva-kvt/style.css?17726806012281*/
/**
 * Калькулятор кВА ↔ кВт. Стили по макету (Frame 542).
 * Цвета: Neutral/050 #F2F3F4, Neutral/950 #061B31, Neutral/500 #828C97,
 * Neutral/025 #FBFBFB, Neutral/100 #E7E9EB.
 */
.kva-kvt-calc {
  font-family: 'Overpass', sans-serif;
  background: #F2F3F4;
  border-radius: 24px;
  padding: 24px;
  gap: 24px;
}

.kva-kvt-calc__title {
  font-size: 18px;
  line-height: 26px;
  color: #061B31;
}

.kva-kvt-calc__desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #828C97;
}

.kva-kvt-calc__label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #828C97;
}

.kva-kvt-calc__input-group .form-control {
  background: #FBFBFB;
  border: 1px solid #E7E9EB;
  border-radius: 8px 0 0 8px;
  font-size: 16px;
  line-height: 24px;
  color: #061B31;
  padding: 12px 16px;
}

.kva-kvt-calc__input-group .input-group-text.kva-kvt-calc__unit {
  background: #FBFBFB;
  border: 1px solid #E7E9EB;
  border-left: none;
  border-radius: 0 8px 8px 0;
  font-size: 16px;
  line-height: 24px;
  color: #061B31;
  padding: 12px 16px;
}

.kva-kvt-calc__input {
  background: #FBFBFB !important;
  border: 1px solid #E7E9EB !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #061B31 !important;
  padding: 12px 16px !important;
}

.kva-kvt-calc__input::placeholder {
  color: #828C97;
}

.kva-kvt-calc__input:focus {
  border-color: #061B31 !important;
  box-shadow: 0 0 0 1px #061B31;
}

/* Блок результата */
.kva-kvt-calc--result {
  background: #F2F3F4 !important;
}

.kva-kvt-calc__result {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #061B31;
}

@media (max-width: 767px) {
  .kva-kvt-calc {
    padding: 16px;
    gap: 16px;
    border-radius: 16px;
  }

  .kva-kvt-calc__title {
    font-size: 16px;
    line-height: 24px;
  }

  .kva-kvt-calc__desc,
  .kva-kvt-calc__label {
    font-size: 14px;
    line-height: 20px;
  }

  .kva-kvt-calc__input-group .form-control,
  .kva-kvt-calc__input-group .input-group-text,
  .kva-kvt-calc__input {
    font-size: 14px !important;
    padding: 10px 12px !important;
  }
}

/* End */
/* /include/calculator-kva-kvt/style.css?17726806012281 */