.wal_toggler {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  height: 32px;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.wal_toggler__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e9e9ea;
  cursor: pointer;
}
.wal_toggler__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--green500);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
}
.wal_toggler__btn {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--white);
  -webkit-box-shadow: 0 0 30px 0 rgba(26, 26, 26, 0.05);
          box-shadow: 0 0 30px 0 rgba(26, 26, 26, 0.05);
  cursor: pointer;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.wal_toggler__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  margin: 0;
}
.wal_toggler__input:checked ~ .wal_toggler__bg::after {
  opacity: 1;
}
.wal_toggler__input:checked ~ .wal_toggler__btn {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
.wal_toggler-item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0 6px;
}
.wal_toggler-item__row._points-redemp {
  padding: 0;
}
.wal_toggler-item__col._text {
  padding-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.wal_toggler-item__title._points-redemp {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
}
.wal_toggler-item__desc {
  color: var(--gray500);
}
.wal_toggler-item__label {
  display: block;
  cursor: pointer;
}
.wal_toggler-item__label-inside {
  margin: 0;
}
.wal_toggler-item__label._label-inside {
  position: relative;
  cursor: default;
}
.wal_toggler-item__label._label-inside .wal_toggler-item__label-inside:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1;
}

.wal_points-redemption {
  border-top: 1px solid var(--wd-form-brd-color);
  letter-spacing: -0.02em;
  padding: 12px 0;
}
.wal_points-redemption__controls {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
}
.wal_points-redemption__controls > div { overflow: hidden; }
.wal_points-redemption._open .wal_points-redemption__controls { grid-template-rows: 1fr; }
.wal_points-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
}
.wal_points-amount {
  color: #2dbe64;
}
.wal_points-slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}
.wal_points-slider .wal_points-slider__input {
  position: relative;
  min-width: 4rem;
  max-width: 70px;
  height: 40px;
  background: #f8f8fa;
  border: 0;
  width: auto;
  border-radius: 10px;
}
.wal_points-slider .wal_points-slider__input::-webkit-outer-spin-button, .wal_points-slider .wal_points-slider__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.wal_points-slider__slider {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 100%;
  height: 4px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#2DBE64), color-stop(50%, #2DBE64), color-stop(50%, #fff), to(#fff));
  background: linear-gradient(to right, #2DBE64 0%, #2DBE64 50%, #fff 50%, #fff 100%);
}
.wal_points-slider__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background: #2DBE64;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}
.wal_points-slider__slider::before {
  content: attr(min);
  left: 0;
}
.wal_points-slider__slider::after {
  content: attr(max);
  right: 0;
}
.wal_points-slider__slider::before, .wal_points-slider__slider::after {
  position: absolute;
  top: 100%;
  color: var(--gray450);
  font-size: 13px;
  margin-top: 4px;
}
.wal_points__condition {
  font-size: 13.3px;
  color: var(--gray500);
}

button._ghost {
  margin: 0; padding: 0; border: 0; border-radius: 0;
  -webkit-appearance: none;
          appearance: none;
  background: transparent; background-color: transparent; box-shadow: none;
  color: var(--wal-ghost-color, inherit); font: inherit; text-decoration: none;
}

button._ghost:hover,
button._ghost:focus,
button._ghost:active {
  background: transparent; background-color: transparent; box-shadow: none;
  color: var(--wal-ghost-color, inherit); outline: none; text-decoration: none;
}

button._ghost:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

button.wal-icon-help-button {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; min-width: 24px; height: 24px; min-height: 24px;
  cursor: pointer; line-height: 1; position: relative; z-index: 2;
}

button.wal-icon-help-button--muted._ghost {
  --wal-ghost-color: var(--gray500, var(--wal-bonuses-muted));
}

.wal-points-redemption-modal__summary {
  margin: 0 0 16px;
}
.wal-points-redemption-modal__summary-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--gray100);
}
.wal-points-redemption-modal__summary-row dt {
  color: var(--gray500);
}
.wal-points-redemption-modal__summary-row dd {
  margin: 0;
  font-weight: 600;
  text-align: right;
}
.wal-points-redemption-modal__section {
  margin-top: 14px;
}
.wal-points-redemption-modal__section-title {
  display: block;
  margin-bottom: 4px;
}
.wal-points-redemption-modal p {
  margin: 0 0 12px;
}

.range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#use_all_points_button {
  text-transform: none;
  font-size: 15px;
  padding: 8px 10px;
  min-height: 40px;
  border-radius: 8px;
  margin: 0;
  width: 70px;
  background: #f8f8fa;
}