/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.hidden {
  display: none !important;
}
.visibly-hidden {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.u-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* .tag-section_tariff-calculator {
}

.tag-section_tariff-calculator__title {
} */

.tag-section_tariff-calculator__overlay-text {
  white-space: break-spaces;
}

.tag-calculator__form-wrapper .form-field {
  display: flex;
  flex-direction: column;
}
.tag-calculator__form-wrapper .calculator-field_capacity,
.tag-calculator__form-wrapper .calculator-field_service-period {
  flex: 1;
  max-width: 33%;
}
.tag-calculator__form-wrapper .calculator-field_point,
.calculator-field_serviceperiod-wrapper {
  flex: 1;
}
.calculator-field_serviceperiod-wrapper {
  display: flex;
  gap: 1rem;
}
.calculator-field_serviceperiod-wrapper .calculator-field_serviceperiod-year,
.calculator-field_serviceperiod-wrapper
  .calculator-field_serviceperiod-within_day {
  width: 33%;
}
.calculator-field_serviceperiod-wrapper .calculator-field_serviceperiod-quarter,
.calculator-field_serviceperiod-wrapper .calculator-field_serviceperiod-month,
.calculator-field_serviceperiod-wrapper .calculator_period-info {
  flex: 1;
}

/* .tag-section_tariff-calculator__result {
} */

.tag-section_tariff-calculator__result
  .tag-tariff-result-row.tag-comm-utilization-charge {
  display: flex;
  flex-wrap: wrap;
}
.tag-section_tariff-calculator__result .tag-tariff-result-label {
  font-weight: bold;
}