.amount__title {
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 104.4%;
}
.amount__title:not(:last-child) {
  margin-bottom: 1.4375rem;
}
.amount__subtitle {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: normal;
}
.amount__subtitle:not(:last-child) {
  margin-bottom: 3.875rem;
}
@media (min-width: 48em) and (max-width: 62em) {
  @supports (
    gap: clamp(1.25rem, -5.3928571429rem + 13.8392857143vw, 3.1875rem)
  ) {
  }
  @supports not (
    gap: clamp(1.25rem, -5.3928571429rem + 13.8392857143vw, 3.1875rem)
  ) {
  }
}
@media (min-width: 30em) and (max-width: 75em) {
  @supports (
    padding-top: clamp(1.875rem, -1.3333333333rem + 10.6944444444vw, 6.6875rem)
  ) {
  }
  @supports not (
    padding-top: clamp(1.875rem, -1.3333333333rem + 10.6944444444vw, 6.6875rem)
  ) {
  }
  @supports (
    padding-bottom: clamp(1.875rem, 0.8333333333rem + 3.4722222222vw, 3.4375rem)
  ) {
  }
  @supports not (
    padding-bottom: clamp(1.875rem, 0.8333333333rem + 3.4722222222vw, 3.4375rem)
  ) {
  }
  @supports (gap: clamp(3.125rem, 1.0416666667rem + 6.9444444444vw, 6.25rem)) {
  }
  @supports not (
    gap: clamp(3.125rem, 1.0416666667rem + 6.9444444444vw, 6.25rem)
  ) {
  }
  @supports (
    padding-top: clamp(8.4375rem, 3.0208333333rem + 18.0555555556vw, 16.5625rem)
  ) {
  }
  @supports not (
    padding-top: clamp(8.4375rem, 3.0208333333rem + 18.0555555556vw, 16.5625rem)
  ) {
  }
}
@media (min-width: 30em) and (max-width: 48em) {
  @supports (font-size: clamp(3.25rem, 2rem + 4.1666666667vw, 4rem)) {
  }
  @supports not (font-size: clamp(3.25rem, 2rem + 4.1666666667vw, 4rem)) {
  }
}

.calculator {
  padding: 50px 0 100px;
}

.calculator__container {
  position: relative;
  border-radius: 20px;
  padding: 40px;
}

.calculator__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.calculator__left {
  flex: 0 1 50%;
  width: 100%;
}

.calculator__output {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}

.calculator__output:last-child {
  margin-bottom: 0;
}

.calculator__output-items {
  max-width: 180px;
  width: 100%;
  flex-shrink: 0;
}

.calculator__output-title {
  color: #fff;
  text-align: center;
  text-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
}

.calculator__output-subtitle {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  border: 4px solid #fff;
  background: linear-gradient(
    90deg,
    #007c79 0%,
    #13ada2 25.5%,
    #53bcb9 52.5%,
    #13ada2 78.5%,
    #007c79 99.5%
  ) !important;
  padding: 9px 0 6px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}

.calculator__input {
  width: 100%;
}
.irs--round .irs-handle {
  border: 4px solid #13ada2 !important;
}
.irs-single {
  background: linear-gradient(
    90deg,
    #007c79 0%,
    #13ada2 25.5%,
    #53bcb9 52.5%,
    #13ada2 78.5%,
    #007c79 99.5%
  ) !important;
}

.irs--round .irs-bar {
  background: linear-gradient(
    90deg,
    #007c79 0%,
    #13ada2 25.5%,
    #53bcb9 52.5%,
    #13ada2 78.5%,
    #007c79 99.5%
  ) !important;
}
.calculator__right {
  order: -1;
  width: 100%;
  display: flex;
  flex: 0 1 50%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  border: 4px solid #fff;
  background: linear-gradient(
    90deg,
    #007c79 0%,
    #13ada2 25.5%,
    #53bcb9 52.5%,
    #13ada2 78.5%,
    #007c79 99.5%
  );
  padding: 42px 10px 40px;
  flex-shrink: 0;
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}

@media (min-width: 75em) {
  .calculator__wrapper {
    flex-direction: row;
  }

  .calculator__left {
    width: 50%;
  }

  .calculator__right {
    order: 0;
    width: 50%;
  }
}