/* Конвертер роста — дополнение к calcs.css
   Загружать: /wp-content/themes/colormag/my/konverter-rosta.css
   ============================================================ */

.rc-calc--konverter-rosta .rc-calc__input-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.rc-calc--konverter-rosta .rc-calc__input-group .rc-calc__field-input {
  flex: 1 1 100px;
  min-width: 80px;
}

.rc-calc--konverter-rosta .rc-calc__unit-label {
  color: #555;
  font-size: 14px;
  min-width: 36px;
}

.rc-calc--konverter-rosta .rc-calc__mode {
  margin-bottom: 8px;
}

@media (max-width: 480px) {
  .rc-calc--konverter-rosta .rc-calc__input-group {
    gap: 6px;
  }
  .rc-calc--konverter-rosta .rc-calc__input-group .rc-calc__field-input {
    flex: 1 1 70px;
  }
}