.psm-booster-profile {
  display: none;
}

.psm-booster-profile.is-visible {
  display: block !important;
}

.psm-booster-panel {
  display: none !important;
}

.psm-booster-panel.is-visible.psm-field-grid {
  display: grid !important;
}

.psm-booster-panel.is-visible.psm-booster-profile__notice {
  display: block !important;
}

.psm-selector-version {
  margin: -15px 0 18px;
  color: #88919f;
  font-size: 11px;
  line-height: 1;
  text-align: right;
}

/* The form state is also expressed in data attributes. These selectors are a
   second, independent display path in case an optimizer rewrites class rules. */
.psm-selector[data-pump-application="booster"] [data-booster-profile] {
  display: block !important;
}

.psm-selector[data-pump-application="booster"][data-booster-property="house"] [data-booster-panel="house"],
.psm-selector[data-pump-application="booster"][data-booster-property="residential_building"] [data-booster-panel="residential_building"],
.psm-selector[data-pump-application="booster"][data-booster-property="commercial"] [data-booster-panel="commercial"],
.psm-selector[data-pump-application="booster"][data-booster-property="other"] [data-booster-panel="other"] {
  display: grid !important;
}

@media (max-width: 700px) {
  .psm-selector-version {
    text-align: left;
  }
}