.iconButton {
  font-size: 10px;
  color: var(--md-sys-color-primary);
}
.iconButton > .icon {
  width: 1em;
  height: 1em;
}
.bg-dark .calculator-segmented-buttons .heading {
  color: var(--SysLightOnSurface);
}
.calculator-segmented-buttons {
  max-width: 100%;
  display: flex;
  position: absolute;
  border-radius: 100px;
  top: 0;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}
.calculator-segmented-buttons:has(.calculator-segmented-buttons__segment:nth-child(4)) {
  max-width: 90%;
}
.calculator-segmented-buttons:has(.calculator-segmented-buttons__segment:nth-child(4))
  .calculator-segmented-buttons__segment {
  max-width: 25%;
  padding: 10px 8px;
}
.calculator-segmented-buttons:has(.calculator-segmented-buttons__segment:nth-child(4))
  .calculator-segmented-buttons__segment:nth-child(4) {
  max-width: 45%;
}
.calculator-segmented-buttons__segment {
  width: fit-content;
  padding: 10px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: var(--White);
  color: var(--SysLightOnSurface);
  border: 1px solid var(--SysLightOutline);
  font-size: var(--LabelLargeFontSize);
  font-weight: var(--LabelLargeFontWeight);
}
.calculator-segmented-buttons__segment:not(:last-child) {
  border-right: 0;
}
.calculator-segmented-buttons__segment--selected {
  background-color: var(--SysLightInversePrimary);
}
.calculator-segmented-buttons__segment:first-of-type {
  border-radius: 100px 0 0 100px;
}
.calculator-segmented-buttons__segment:last-of-type {
  border-radius: 0 100px 100px 0;
}
.calculator-segmented-buttons__segment-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@container calculator-container (width < 460px) {
  .calculator-segmented-buttons:has(.calculator-segmented-buttons__segment:nth-child(4))
    .calculator-segmented-buttons__segment:nth-child(4) {
    max-width: 25%;
  }
}
.headline-with-icon {
  display: flex;
  align-items: center;
  gap: var(--spacing1);
}
.headline-with-icon .heading {
  margin: 0;
  flex: 1;
}
.headline-with-icon svg {
  width: 32px;
  height: 32px;
}
.headline-with-icon.theme-dark {
  color: var(--White);
}
.headline-with-icon.theme-dark svg {
  fill: var(--White);
}
.promo-badge {
  position: absolute;
  top: -24px;
  right: 0;
  background-color: #ff4081;
  border-radius: 50%;
}
@media (max-width: 376px) {
  .promo-badge {
    right: -5px;
  }
}
.promo-badge div {
  width: 94px;
  height: 94px;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  background-color: #ff4081;
  border-radius: 160px;
  font-style: italic;
  gap: 4px;
}
@media (max-width: 905px) {
  .promo-badge div {
    width: 74px;
    height: 74px;
    font-size: 10px;
    gap: 2px;
  }
  .promo-badge div strong {
    font-size: 22px;
  }
}
.promo-badge strong {
  font-size: 28px;
}
.customer-type-selection {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing2);
}
.customer-type-selection .radio-button {
  margin-right: var(--spacing2);
}
.radio-button {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  max-width: 100%;
}
.radio-button .label {
  cursor: pointer;
  color: var(--White);
  flex: 0 0 calc(100% - 36px);
  word-wrap: break-word;
}
.radio-button.theme-light,
.radio-button.theme-grey {
  --md-radio-icon-color: var(--SysLightOnSurfaceVariant);
  --md-radio-selected-icon-color: var(--SysLightPrimary);
  --md-radio-selected-focus-icon-color: var(--SysLightPrimary);
  --md-radio-focus-icon-color: var(--SysLightPrimary);
  --md-radio-hover-icon-color: var(--SysLightPrimary);
  --md-radio-pressed-icon-color: var(--SysLightPrimary);
  --md-radio-selected-hover-icon-color: var(--SysLightPrimary);
  --md-radio-selected-hover-state-layer-color: black;
  --md-radio-selected-hover-state-layer-opacity: 0.1;
  --md-radio-selected-pressed-icon-color: var(--SysLightPrimary);
  --md-radio-selected-pressed-state-layer-color: black;
  --md-radio-selected-pressed-state-layer-opacity: 0.1;
}
.radio-button.theme-light .label,
.radio-button.theme-grey .label {
  color: var(--Black);
}
:root {
  --md-radio-icon-color: var(--SysDarkOnSurfaceVariant);
  --md-radio-selected-icon-color: var(--SysDarkPrimary);
  --md-radio-selected-focus-icon-color: var(--SysDarkPrimary);
  --md-radio-focus-icon-color: var(--SysDarkPrimary);
  --md-radio-hover-icon-color: var(--SysDarkPrimary);
  --md-radio-pressed-icon-color: var(--SysDarkPrimary);
  --md-radio-selected-hover-icon-color: var(--SysDarkPrimary);
  --md-radio-selected-hover-state-layer-color: white;
  --md-radio-selected-hover-state-layer-opacity: 0.1;
  --md-radio-selected-pressed-icon-color: var(--SysDarkPrimary);
  --md-radio-selected-pressed-state-layer-color: white;
  --md-radio-selected-pressed-state-layer-opacity: 0.1;
}
.zip-code-with-autocomplete {
  display: flex;
  flex-direction: column;
  position: relative;
}
.zip-code-with-autocomplete .hide-supporting-text {
  position: relative;
}
.zip-code-with-autocomplete md-circular-progress {
  position: absolute;
  top: 50%;
  right: 8px;
  --md-circular-progress-size: 32px;
  transform: translateY(-50%);
  z-index: 2;
}
.value_clone {
  position: absolute;
  pointer-events: none;
  bottom: var(--spacing1);
  left: var(--spacing2);
  font-family: var(--BodyLargeFontFamily);
  font-weight: var(--BodyLargeFontWeight);
  font-size: var(--BodyLargeFontSize);
  color: var(--SysLightOnSurface);
  line-height: var(--BodyLargeLineHeight);
}
.value_clone .clone_postcode {
  margin-right: 5px;
  opacity: 0;
}
.value_clone .clone_city {
  line-height: calc(var(--BodyLargeLineHeight) * 1px);
}
.suggestion-list {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  background: #fff;
  z-index: 2;
  width: 100%;
  max-height: 150px;
  overflow-y: scroll;
  padding: 6px 0;
}
.suggestion-list .suggestion-item {
  font-size: 14px;
  line-height: 20px;
  padding: var(--spacing1) var(--spacing2);
  color: var(--SysLightOnSurface);
}
.suggestion-list .suggestion-item:hover,
.suggestion-list .suggestion-item.focused {
  background-color: var(--SysLightInversePrimary);
  cursor: pointer;
}
md-filled-text-field {
  display: block;
}
:root {
  --md-filled-text-field-input-text-font: var(--BodyLargeFontFamily);
}
.theme-light {
  --md-filled-text-field-container-color: var(--SysLightInverseOnSurface);
  --md-filled-text-field-label-text-color: var(--SysLightOnSurfaceVariant);
  --md-filled-text-field-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-focus-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-focus-label-text-color: var(--SysLightPrimary);
  --md-filled-text-field-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-hover-label-text-color: var(--SysLightOnSurfaceVariant);
  --md-filled-text-field-hover-state-layer-color: var(--SysLightOnSurface);
  --md-filled-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-error-label-text-color: var(--SysLightError);
  --md-filled-text-field-error-hover-state-layer-color: var(--SysLightSurfaceVariant);
  --md-filled-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-error-hover-label-text-color: var(--SysLightError);
  --md-filled-text-field-disabled-container-color: var(--SysLightOnSurface);
  --md-filled-text-field-disabled-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-disabled-label-text-color: var(--SysLightOnSurface);
}
.theme-dark {
  --md-filled-text-field-container-color: var(--SysDarkSurfaceVariant);
  --md-filled-text-field-label-text-color: var(--SysDarkOnSurfaceVariant);
  --md-filled-text-field-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-focus-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-focus-label-text-color: var(--SysDarkPrimary);
  --md-filled-text-field-hover-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-hover-label-text-color: var(--SysDarkOnSurfaceVariant);
  --md-filled-text-field-hover-state-layer-color: var(--SysDarkOnSurface);
  --md-filled-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-error-label-text-color: var(--SysDarkError);
  --md-filled-text-field-error-hover-state-layer-color: var(--SysDarkSurfaceVariant);
  --md-filled-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-hover-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-error-hover-label-text-color: var(--SysDarkError);
  --md-filled-text-field-disabled-container-color: var(--SysDarkOnSurface);
  --md-filled-text-field-disabled-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-disabled-label-text-color: var(--SysDarkOnSurface);
}
.icon-selector-persons-count {
  display: flex;
  justify-content: space-between;
}
.icon-selector-persons-count svg {
  fill: #fff;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.icon-selector-persons-count svg.active {
  fill: var(--SysLightInversePrimary);
}
.icon-selector-persons-count.theme-light svg,
.icon-selector-persons-count.theme-grey svg {
  fill: var(--Black);
}
.icon-selector-persons-count.theme-light svg.active,
.icon-selector-persons-count.theme-grey svg.active {
  fill: var(--SysDarkInversePrimary);
}
.icon-selector-business-size {
  display: flex;
  justify-content: space-between;
}
.icon-selector-business-size svg {
  fill: #fff;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.icon-selector-business-size svg.active {
  fill: var(--SysLightInversePrimary);
}
.icon-selector-business-size.theme-light svg,
.icon-selector-business-size.theme-grey svg {
  fill: var(--Black);
}
.icon-selector-business-size.theme-light svg.active,
.icon-selector-business-size.theme-grey svg.active {
  fill: var(--SysDarkInversePrimary);
}
md-slider {
  display: block;
}
:root {
  --md-slider-handle-color: var(--SysLightPrimary);
}
.theme-light {
  --md-slider-handle-color: var(--SysLightPrimary);
  --md-slider-active-track-color: var(--SysLightPrimary);
  --md-slider-inactive-track-color: var(--SysLightSurfaceVariant);
  --md-slider-hover-handle-color: var(--SysLightPrimary);
  --md-slider-hover-state-layer-opacity: 0.08;
  --md-slider-pressed-handle-color: var(--SysLightPrimary);
  --md-slider-pressed-state-layer-color: var(--SysLightPrimary);
  --md-slider-pressed-state-layer-opacity: 0.12;
  --md-slider-disabled-handle-color: var(--SysLightOnSurface);
  --md-slider-disabled-active-track-color: var(--SysLightOnSurface);
  --md-slider-disabled-inactive-track-color: var(--SysLightOnSurface);
  --md-slider-disabled-inactive-track-opacity: 0.12;
}
.theme-dark {
  --md-slider-handle-color: var(--SysDarkPrimary);
  --md-slider-active-track-color: var(--SysDarkPrimary);
  --md-slider-inactive-track-color: var(--SysDarkSurfaceVariant);
  --md-slider-hover-handle-color: var(--SysDarkPrimary);
  --md-slider-hover-state-layer-opacity: 0.08;
  --md-slider-pressed-handle-color: var(--SysDarkPrimary);
  --md-slider-pressed-state-layer-color: var(--SysDarkPrimary);
  --md-slider-pressed-state-layer-opacity: 0.12;
  --md-slider-disabled-handle-color: var(--SysDarkOnSurface);
  --md-slider-disabled-active-track-color: var(--SysDarkOnSurface);
  --md-slider-disabled-inactive-track-color: var(--SysDarkOnSurface);
  --md-slider-disabled-inactive-track-opacity: 0.12;
}
md-slider {
  margin: 0 -9px;
}
.icon-selector-house-size {
  display: flex;
  justify-content: space-between;
}
.icon-selector-house-size svg {
  fill: #fff;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.icon-selector-house-size svg.active {
  fill: var(--SysLightInversePrimary);
}
.icon-selector-house-size.theme-light svg,
.icon-selector-house-size.theme-grey svg {
  fill: var(--Black);
}
.icon-selector-house-size.theme-light svg.active,
.icon-selector-house-size.theme-grey svg.active {
  fill: var(--SysDarkInversePrimary);
}
:root {
  --md-checkbox-container-shape: 2px;
}
.base-checkbox {
  align-self: flex-start;
}
.base-checkbox md-checkbox {
  min-width: 18px;
}
.base-checkbox label {
  cursor: pointer;
  color: var(--White);
  display: flex;
  gap: 4px;
}
.base-checkbox span {
  padding-top: 12px;
  padding-bottom: 12px;
}
.base-checkbox[error='true'] {
  border-bottom: 2px solid var(--SysLightError);
}
.theme-dark .base-checkbox[error='true'] {
  border-color: var(--SysDarkError);
}
.theme-light {
  --md-checkbox-selected-container-color: var(--SysLightPrimary);
  --md-checkbox-selected-icon-color: var(--SysLightOnPrimary);
  --md-checkbox-selected-disabled-container-color: var(--SysLightOnSurface);
  --md-checkbox-selected-disabled-icon-color: var(--SysLightSurface);
  --md-checkbox-selected-hover-container-color: var(--SysLightPrimary);
  --md-checkbox-selected-hover-state-layer-color: var(--SysLightPrimary);
  --md-checkbox-selected-hover-state-layer-opacity: 0.08;
  --md-checkbox-selected-pressed-container-color: var(--SysLightPrimary);
  --md-checkbox-selected-pressed-state-layer-color: var(--SysLightPrimary);
  --md-checkbox-selected-pressed-state-layer-opacity: 0.12;
}
.theme-dark {
  --md-checkbox-selected-container-color: var(--SysDarkPrimary);
  --md-checkbox-selected-icon-color: var(--SysDarkOnPrimary);
  --md-checkbox-selected-disabled-container-color: var(--SysDarkOnSurface);
  --md-checkbox-selected-disabled-icon-color: var(--SysDarkSurface);
  --md-checkbox-selected-hover-container-color: var(--SysDarkPrimary);
  --md-checkbox-selected-hover-state-layer-color: var(--SysDarkPrimary);
  --md-checkbox-selected-hover-state-layer-opacity: 0.08;
  --md-checkbox-selected-pressed-container-color: var(--SysDarkPrimary);
  --md-checkbox-selected-pressed-state-layer-color: var(--SysDarkPrimary);
  --md-checkbox-selected-pressed-state-layer-opacity: 0.12;
}
:root {
  --md-filled-select-text-field-input-text-font: var(--LabelLargeFontFamily);
  --md-filled-select-text-field-label-text-font: var(--LabelLargeFontFamily);
  --md-filled-select-text-field-supporting-text-font: var(--LabelSmallFontFamily);
  --md-menu-item-label-text-font: var(--LabelSmallFontFamily);
}
.base-select {
  display: flex;
  flex-direction: column;
}
.theme-light {
  --md-filled-select-text-field-container-color: var(--SysLightInverseOnSurface);
  --md-menu-item-selected-container-color: var(--SysLightPrimary);
  --md-menu-item-select-label-text-color: var(--SysLightOnSurfaceVariant);
  --md-filled-select-text-field-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-focus-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-focus-label-text-color: var(--SysLightPrimary);
  --md-filled-select-text-field-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-hover-label-text-color: var(--SysLightOnSurfaceVariant);
  --md-filled-select-text-field-hover-state-layer-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-select-text-field-error-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-error-label-text-color: var(--SysLightError);
  --md-filled-select-text-field-error-hover-state-layer-color: var(--SysLightSurfaceVariant);
  --md-filled-select-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-select-text-field-error-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-error-hover-label-text-color: var(--SysLightError);
  --md-filled-select-text-field-disabled-container-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-disabled-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-disabled-label-text-color: var(--SysLightOnSurface);
}
.theme-light md-filled-select::part(menu) {
  --md-menu-container-color: var(--SysLightInverseOnSurface);
}
.theme-dark {
  --md-filled-select-text-field-container-color: var(--SysDarkSurfaceVariant);
  --md-menu-item-selected-container-color: var(--SysDarkPrimary);
  --md-filled-select-text-field-label-text-color: var(--SysDarkOnSurfaceVariant);
  --md-filled-select-text-field-input-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-focus-input-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-focus-label-text-color: var(--SysDarkPrimary);
  --md-filled-select-text-field-hover-input-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-hover-label-text-color: var(--SysDarkOnSurfaceVariant);
  --md-filled-select-text-field-hover-state-layer-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-select-text-field-error-input-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-error-label-text-color: var(--SysDarkError);
  --md-filled-select-text-field-error-hover-state-layer-color: var(--SysDarkSurfaceVariant);
  --md-filled-select-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-select-text-field-error-hover-input-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-error-hover-label-text-color: var(--SysDarkError);
  --md-filled-select-text-field-disabled-container-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-disabled-input-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-disabled-label-text-color: var(--SysDarkOnSurface);
}
.theme-dark md-filled-select::part(menu) {
  --md-menu-container-color: var(--SysDarkSurfaceVariant);
}
.info-button {
  display: inline-block;
  position: relative;
  top: -1px;
  height: 24px;
}
.info-button .title {
  font-size: 14px;
  color: var(--RefNeutralVariantNeutralVariant70);
  text-decoration: underline;
  cursor: pointer;
  padding: 4px 0 0;
  display: inline-block;
}
.info-button .roundicon svg {
  cursor: pointer;
  fill: var(--SysLightPrimary);
}
.info-button.info-button__light svg {
  fill: var(--SysLightPrimary);
}
.info-button.info-button__dark svg {
  fill: var(--SysDarkPrimary);
}
.info-button.tooltip-open .popover-content {
  display: block;
}
.info-button .popover-content {
  display: none;
  background-color: #fff;
  border: 2px solid var(--SysLightSecondary);
  font-size: var(--BodySmallFontSize);
  line-height: var(--BodySmallLineHeight);
  color: var(--SysLightOnSurface);
  padding: var(--spacing1h);
  position: absolute;
  width: 200px;
  left: 50%;
  top: 30px;
  text-align: left;
  transform: translate(-50%);
  border-radius: 3px;
  z-index: 3;
  word-wrap: break-word;
}
.info-button .popover-content.primary {
  border: 2px solid var(--SysLightPrimary);
}
.info-button .popover-content.primary:after {
  border: 1px solid var(--SysLightPrimary);
  border-width: 2px 2px 0 0;
}
.info-button .popover-content p {
  margin-bottom: 0;
}
.info-button .popover-content:after {
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  left: 50%;
  width: 8px;
  height: 8px;
  border: 1px solid var(--SysLightSecondary);
  border-width: 2px 2px 0 0;
  transform: translate(-4px, -5px) rotate(-45deg);
  background-color: #fff;
  border-radius: 0 6px;
}
.info-button.tooltip-align-left .popover-content {
  left: 2px;
  transform: translate(0);
}
.info-button.tooltip-align-left .popover-content:after {
  left: 6px;
  transform: translate(-4px, -5px) rotate(-45deg);
}
.info-button.tooltip-align-right .popover-content {
  left: auto;
  right: 2px;
  transform: translate(0);
}
.info-button.tooltip-align-right .popover-content:after {
  left: auto;
  right: 2px;
  transform: translateY(-5px) rotate(-45deg);
}
.info-button.tooltip-size-large .popover-content {
  width: 300px;
}
.info-button.tooltip-size-small .popover-content {
  width: 150px;
}
.roundicon {
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.roundicon svg {
  width: 28px;
  height: 28px;
}
.roundicon__circle {
  border-radius: 50%;
  width: 56px;
  height: 56px;
}
@media (min-width: 1200px) {
  .roundicon__circle {
    width: 80px;
    height: 80px;
  }
}
.roundicon__circle.roundicon__small {
  width: 56px;
  height: 56px;
}
.roundicon__circle.roundicon__small svg {
  width: 20px;
  height: 20px;
}
.roundicon__simple {
  display: inline-block;
}
.roundicon__simple.roundicon__light,
.roundicon__simple.roundicon__dark {
  background-color: transparent;
}
.roundicon__light {
  background-color: var(--SysLightInverseOnSurface);
}
.roundicon__light svg {
  fill: var(--SysLightOnBackground);
}
.roundicon__transparent {
  background-color: transparent;
}
.roundicon__transparent svg {
  fill: var(--SysDarkOutlineVariant);
}
.roundicon__green {
  background-color: var(--SysLightTertiary);
}
.roundicon__green svg {
  fill: var(--SysLightOnBackground);
}
.roundicon__dark {
  background-color: var(--SysLightOnSurface);
}
.roundicon__dark svg {
  fill: var(--SysLightInverseOnSurface);
}
.roundicon__blue {
  background-color: var(--SysLightPrimary);
}
.roundicon__blue svg {
  fill: var(--SysLightOnPrimary);
}
.roundicon__sm {
  width: 5.6em;
  height: 5.6em;
}
.roundicon__xs {
  width: 3.2em;
  height: 3.2em;
}
.roundicon__xxs {
  width: 2em;
  height: 2em;
}
.roundicon__black {
  border: 2px solid var(--SysDarkOutlineVariant);
}
.bg-dark .calculator {
  border: 2px solid white;
}
.bg-dark .calculator .heading {
  color: var(--black);
}
p.error:empty {
  display: none;
}
.calculator {
  --column-gap: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-color: var(--Black);
  color: var(--White);
  gap: var(--column-gap);
  padding: 48px 24px 40px;
  border-radius: 16px;
  position: relative;
  margin-top: 30px;
  min-width: 280px;
  container: calculator-container/inline-size;
  border: 2px solid white;
}
.calculator .calculator-segmented-buttons {
  width: 100%;
  justify-content: center;
}
@media (min-width: 905px) {
  .calculator.calculator--full .column-adaptable-33-50 {
    flex-basis: calc(33.33% - 24px);
    align-self: center;
  }
  .calculator.calculator--full:has(.customer-type-selection) .variant:not(.heatflow) .customer-type-selection {
    flex-direction: column;
    justify-content: center;
  }
  .calculator.calculator--full:has(.customer-type-selection) .column-adaptable-33-50 {
    flex-basis: calc(50% - 16px);
    margin-top: 16px;
    margin-bottom: 16px;
    align-self: center;
  }
  .calculator.calculator--full:has(.customer-type-selection) .order-adaptable-1 {
    order: 1;
  }
  .calculator.calculator--full:has(.customer-type-selection) .order-adaptable-2 {
    order: 2;
    margin-left: var(--column-gap);
  }
  .calculator.calculator--full:has(.customer-type-selection) .order-adaptable-3 {
    order: 3;
  }
  .calculator.calculator--full:has(.customer-type-selection) .order-adaptable-4 {
    order: 4;
    margin-left: var(--column-gap);
  }
  .calculator.calculator--half .variant .inner {
    gap: var(--column-gap);
    flex-wrap: nowrap;
  }
  .calculator.calculator--half .variant .customer-type-selection {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.calculator md-filled-button {
  font-size: 16px;
}
@media (min-width: 600px) {
  .calculator {
    padding: 48px var(--column-gap) 40px var(--column-gap);
    min-width: 350px;
  }
}
@media (min-width: 905px) {
  .calculator {
    min-width: 390px;
  }
}
.calculator .variant {
  display: flex;
  flex-direction: column;
  gap: var(--column-gap);
  position: relative;
}
@media (min-width: 905px) {
  .calculator .variant--reduced {
    flex-direction: row;
  }
  .calculator .variant--reduced .inner {
    flex-basis: calc(66.66% - 2 * var(--column-gap) / 3);
  }
  .calculator .variant--reduced .inner .column-half {
    flex-basis: calc(50% - var(--column-gap) / 2);
  }
  .calculator .variant--reduced .base-filled-button {
    flex-basis: calc(33.33% - var(--column-gap) / 3);
  }
  .calculator .variant--reduced.heatflow {
    flex-direction: column;
  }
}
@media (min-width: 905px) and (min-width: 1440px) {
  .calculator .variant--reduced.heatflow {
    flex-direction: row;
  }
}
.calculator .variant .inner {
  display: flex;
  flex-direction: column;
  gap: var(--column-gap);
  flex-wrap: wrap;
}
@media (min-width: 905px) {
  .calculator .variant .inner {
    gap: 0;
  }
}
.calculator .variant .column {
  display: flex;
  flex-direction: column;
  gap: var(--column-gap);
}
.calculator .variant .mid-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.calculator .variant .mid-section p {
  margin: 0;
}
.calculator .variant .label-and-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  position: relative;
}
.calculator .variant .label-and-field p {
  padding-right: 80px;
}
.calculator .variant .label-and-field .small_input {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.calculator .variant md-filled-button {
  height: 56px;
  width: 100%;
}
.calculator .variant.heatflow .inner {
  gap: var(--column-gap);
  flex-wrap: nowrap;
}
.calculator .variant.heatflow .customer-type-selection {
  flex-direction: row;
  justify-content: flex-start;
}
.calculator .submitted {
  opacity: 0.7;
  pointer-events: none;
}
@media (max-width: 905px) {
  .calculator.calculator--half .headline-with-icon .headline {
    font-size: var(--HeadlineMediumFontSize);
    line-height: calc(var(--HeadlineMediumLineHeight) * 1px);
  }
  .calculator.calculator--half .promo-badge {
    right: -20px;
  }
}
@media (max-width: 600px) {
  .calculator.calculator--half .promo-badge {
    top: -24px;
  }
}
@media (max-width: 1200px) {
  .calculator.calculator--half .promo-badge {
    right: -15px;
    top: -18px;
  }
}
@media (max-width: 375px) {
  .calculator .headline-with-icon svg,
  .calculator .headline-with-icon img {
    display: none;
  }
  .calculator .headline-with-icon .heading {
    font-size: 25px !important;
  }
  .calculator .promo-badge {
    top: -19px;
  }
}
.calculator.theme-light {
  background-color: var(--White);
  color: var(--Black);
  border: 2px solid var(--RefNeutralNeutral90);
}
.calculator.theme-light .small_input {
  border: 1px solid var(--RefNeutralNeutral90);
}
.calculator.theme-grey {
  background-color: var(--RefNeutralNeutral90);
  color: var(--Black);
  border: 2px solid white;
}
.calculator.theme-grey md-filled-text-field {
  --md-filled-text-field-container-color: white;
}
.calculator.theme-grey md-filled-text-field:hover {
  --_hover-state-layer-opacity: 1;
  --_hover-state-layer-color: #f1f0f4;
}
.calculator.theme-grey .small_input {
  background: #fff;
}
.calculator.theme-grey .small_input:hover {
  background: #f1f0f4;
}
.calculator.theme-grey md-filled-select {
  --md-filled-select-text-field-container-color: white;
}
.calculator.theme-grey md-filled-select::part(field) {
  --_hover-state-layer-opacity: 1;
  --_hover-state-layer-color: #f1f0f4;
}
.calculator.theme-grey md-filled-select::part(menu) {
  --md-menu-container-color: #f1f0f4;
}
.calculator.theme-grey .base-checkbox md-checkbox {
  background: transparent;
  --md-checkbox-outline-color: var(--SysDarkPrimary);
}
.calculator.theme-light .base-checkbox md-checkbox,
.calculator.theme-grey .base-checkbox md-checkbox {
  background: transparent;
  --md-checkbox-outline-color: var(--SysLightOnSurfaceVariant);
}
.calculator.theme-dark {
  --md-filled-text-field-container-color: var(--SysLightInverseOnSurface);
  --md-filled-text-field-label-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-focus-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-focus-label-text-color: var(--SysLightPrimary);
  --md-filled-text-field-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-hover-label-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-hover-state-layer-color: var(--SysLightOnSurface);
  --md-filled-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-error-label-text-color: var(--SysLightError);
  --md-filled-text-field-error-hover-state-layer-color: var(--SysDarkSurfaceVariant);
  --md-filled-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-text-field-error-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-text-field-error-hover-label-text-color: var(--SysLightError);
  --md-filled-text-field-disabled-container-color: var(--SysDarkOnSurface);
  --md-filled-text-field-disabled-input-text-color: var(--SysDarkOnSurface);
  --md-filled-text-field-disabled-label-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-container-color: var(--SysLightInverseOnSurface);
  --md-menu-item-selected-container-color: var(--SysDarkPrimary);
  --md-filled-select-text-field-label-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-focus-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-focus-label-text-color: var(--SysDarkPrimary);
  --md-filled-select-text-field-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-hover-label-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-hover-state-layer-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-hover-state-layer-opacity: 0.08;
  --md-filled-select-text-field-error-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-error-label-text-color: var(--SysLightError);
  --md-filled-select-text-field-error-hover-state-layer-color: var(--SysDarkSurfaceVariant);
  --md-filled-select-text-field-error-error-hover-state-layer-opacity: 0.08;
  --md-filled-select-text-field-error-hover-input-text-color: var(--SysLightOnSurface);
  --md-filled-select-text-field-error-hover-label-text-color: var(--SysLightError);
  --md-filled-select-text-field-disabled-container-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-disabled-input-text-color: var(--SysDarkOnSurface);
  --md-filled-select-text-field-disabled-label-text-color: var(--SysDarkOnSurface);
  --md-filled-button-container-color: var(--SysLightPrimary);
  --md-filled-button-label-text-color: var(--SysLightOnPrimary);
  --md-filled-button-hover-state-layer-color: var(--SysLightOnPrimary);
  --md-filled-button-hover-state-layer-opacity: 0.08;
  --md-filled-button-hover-label-text-color: var(--SysLightOnPrimary);
  --md-filled-button-pressed-state-layer-color: var(--SysLightOnPrimary);
  --md-filled-button-pressed-state-layer-opacity: 0.12;
  --md-filled-button-pressed-label-text-color: var(--SysLightOnPrimary);
  --md-filled-button-disabled-container-color: var(--SysLightOnSurface);
  --md-filled-button-disabled-container-opacity: 0.12;
  --md-filled-button-disabled-label-text-color: var(--SysLightOnSurface);
}
.calculator.theme-dark md-filled-select::part(menu) {
  --md-menu-container-color: var(--SysDarkOnSurface);
}
.row-container {
  row-gap: 12px;
}
@media (min-width: 600px) {
  .calculator.calculator--full {
    padding-left: var(--column-gap);
    padding-right: var(--column-gap);
  }
}
@media (min-width: 905px) {
  .calculator.calculator--full {
    padding-left: 73px;
    padding-right: 73px;
  }
  .calculator.calculator--full .full-md-vertical-center {
    align-items: center !important;
    min-height: 132px;
  }
  .calculator.calculator--full .inner {
    flex-direction: row;
    justify-content: space-between;
  }
  .calculator.calculator--full .inner .column {
    flex-basis: 50%;
    justify-content: space-between;
    gap: 24px;
  }
  .calculator.calculator--full .inner .column-3 {
    flex-basis: 33.33%;
    justify-content: space-between;
    gap: 24px;
  }
  .calculator.calculator--full .inner .column-2-3 {
    flex-basis: 66.66%;
    justify-content: space-between;
    gap: 24px;
  }
  .calculator.calculator--full .inner .column-full {
    flex-basis: 100%;
    justify-content: space-between;
    gap: 24px;
  }
  .calculator.calculator--full .inner .customer-type-selection {
    gap: 20px;
    flex: 1 auto;
  }
}
@media (min-width: 1200px) {
  .calculator.calculator--full {
    padding-left: 96px;
    padding-right: 96px;
  }
}
.calculator__mobile-toggle {
  display: grid;
}
.calculator__mobile-toggle-open {
  justify-self: center;
}
.calculator__mobile-toggle-close {
  justify-self: flex-end;
}
@media (min-width: 905px) {
  .calculator__mobile-toggle {
    display: none;
  }
}
.small_input {
  max-width: 71px;
  height: 32px;
  display: flex;
  background-color: var(--SysLightInverseOnSurface);
  color: #000;
  border-radius: 4px;
  padding: 4px 8px;
}
.small_input:hover {
  background-color: #dfdee2;
}
.small_input input {
  width: 38px;
  text-align: left;
  margin-right: 4px;
}
.small_input .suffix {
  font-size: 12px;
  color: #44474f;
}