.Link {
  cursor: pointer;
  text-decoration: none;
}
.Link:focus {
  outline: 1px dotted hsla(0, 0%, 10%, 0.5);
}
.Link--primary {
  color: #0074d4;
}
.Link--secondary {
  color: hsla(0, 0%, 10%, 0.5);
  text-decoration: underline;
}
.Link--checkout--secondary {
  color: hsla(0, 0%, 10%, 0.5);
  text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
  -webkit-text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
}
.Link--link--primary {
  color: #1ac59b;
  text-decoration: underline solid #1ac59b;
  -webkit-text-decoration: underline solid #1ac59b;
}
.Link--link--secondary {
  color: hsla(0, 0%, 10%, 0.9);
  text-decoration: underline dashed 1px hsla(0, 0%, 10%, 0.9);
  -webkit-text-decoration: underline dashed 1px hsla(0, 0%, 10%, 0.9);
}
.flex-container {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex-item {
  -webkit-box-flex: 0;
  box-sizing: border-box;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
}
.flex-item-align-left {
  margin-right: auto;
  text-align: left;
}
.flex-item-align-right {
  margin-left: auto;
  text-align: right;
}
.flex-item:empty {
  display: none;
}
.flex-column-break {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 0;
}
.direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.direction-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.direction-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.spacing-0 {
  margin: 0;
}
.spacing-0 > .flex-item {
  padding: 0;
}
.spacing-4 {
  margin: -2px;
}
.spacing-4 > .flex-item {
  padding: 2px;
}
.spacing-8 {
  margin: -4px;
}
.spacing-8 > .flex-item {
  padding: 4px;
}
.spacing-12 {
  margin: -6px;
}
.spacing-12 > .flex-item {
  padding: 6px;
}
.spacing-16 {
  margin: -8px;
}
.spacing-16 > .flex-item {
  padding: 8px;
}
.spacing-24 {
  margin: -12px;
}
.spacing-24 > .flex-item {
  padding: 12px;
}
.spacing-32 {
  margin: -16px;
}
.spacing-32 > .flex-item {
  padding: 16px;
}
.flex-item-no-padding {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.justify-content-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.justify-content-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-content-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.justify-content-space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.justify-content-space-evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
}
.align-items-flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-items-flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.align-items-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.wrap-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wrap-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.width-auto {
  width: auto;
}
.width-auto,
.width-fixed {
  -ms-flex-preferred-size: auto;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.width-fixed {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.width-grow {
  -ms-flex-preferred-size: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.width-1 {
  width: 8.33333333%;
}
.width-2 {
  width: 16.66666667%;
}
.width-3 {
  width: 25%;
}
.width-4 {
  width: 33.33333333%;
}
.width-5 {
  width: 41.66666667%;
}
.width-6 {
  width: 50%;
}
.width-7 {
  width: 58.33333333%;
}
.width-8 {
  width: 66.66666667%;
}
.width-9 {
  width: 75%;
}
.width-10 {
  width: 83.33333333%;
}
.width-11 {
  width: 91.66666667%;
}
.width-12 {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .direction-row-sm {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
  }
  .direction-row-reverse-sm {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  }
  .direction-column-sm {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .direction-column-reverse-sm {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
  .spacing-0-sm {
      margin: 0;
  }
  .spacing-0-sm > .flex-item {
      padding: 0;
  }
  .spacing-4-sm {
      margin: -2px;
  }
  .spacing-4-sm > .flex-item {
      padding: 2px;
  }
  .spacing-8-sm {
      margin: -4px;
  }
  .spacing-8-sm > .flex-item {
      padding: 4px;
  }
  .spacing-12-sm {
      margin: -6px;
  }
  .spacing-12-sm > .flex-item {
      padding: 6px;
  }
  .spacing-16-sm {
      margin: -8px;
  }
  .spacing-16-sm > .flex-item {
      padding: 8px;
  }
  .spacing-24-sm {
      margin: -12px;
  }
  .spacing-24-sm > .flex-item {
      padding: 12px;
  }
  .spacing-32-sm {
      margin: -16px;
  }
  .spacing-32-sm > .flex-item {
      padding: 16px;
  }
  .justify-content-flex-start-sm {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
  }
  .justify-content-flex-end-sm {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
  }
  .justify-content-center-sm {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
  }
  .justify-content-space-between-sm {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }
  .justify-content-space-around-sm {
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
  }
  .justify-content-space-evenly-sm {
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly;
  }
  .align-items-flex-start-sm {
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
  }
  .align-items-flex-end-sm {
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
  }
  .align-items-center-sm {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
  }
  .align-items-stretch-sm {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
  }
  .align-items-baseline-sm {
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      -webkit-align-items: baseline;
      align-items: baseline;
  }
  .wrap-wrap-sm {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .wrap-nowrap-sm {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }
  .width-auto-sm {
      width: auto;
  }
  .width-auto-sm,
  .width-fixed-sm {
      -ms-flex-preferred-size: auto;
      -webkit-flex-basis: auto;
      flex-basis: auto;
  }
  .width-fixed-sm {
      -ms-flex-negative: 0;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
  }
  .width-grow-sm {
      -ms-flex-preferred-size: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      -webkit-flex-basis: 0;
      flex-basis: 0;
      -webkit-flex-grow: 1;
      flex-grow: 1;
  }
  .width-1-sm {
      width: 8.33333333%;
  }
  .width-2-sm {
      width: 16.66666667%;
  }
  .width-3-sm {
      width: 25%;
  }
  .width-4-sm {
      width: 33.33333333%;
  }
  .width-5-sm {
      width: 41.66666667%;
  }
  .width-6-sm {
      width: 50%;
  }
  .width-7-sm {
      width: 58.33333333%;
  }
  .width-8-sm {
      width: 66.66666667%;
  }
  .width-9-sm {
      width: 75%;
  }
  .width-10-sm {
      width: 83.33333333%;
  }
  .width-11-sm {
      width: 91.66666667%;
  }
  .width-12-sm {
      width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .direction-row-md {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
  }
  .direction-row-reverse-md {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  }
  .direction-column-md {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .direction-column-reverse-md {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
  .spacing-0-md {
      margin: 0;
  }
  .spacing-0-md > .flex-item {
      padding: 0;
  }
  .spacing-4-md {
      margin: -2px;
  }
  .spacing-4-md > .flex-item {
      padding: 2px;
  }
  .spacing-8-md {
      margin: -4px;
  }
  .spacing-8-md > .flex-item {
      padding: 4px;
  }
  .spacing-12-md {
      margin: -6px;
  }
  .spacing-12-md > .flex-item {
      padding: 6px;
  }
  .spacing-16-md {
      margin: -8px;
  }
  .spacing-16-md > .flex-item {
      padding: 8px;
  }
  .spacing-24-md {
      margin: -12px;
  }
  .spacing-24-md > .flex-item {
      padding: 12px;
  }
  .spacing-32-md {
      margin: -16px;
  }
  .spacing-32-md > .flex-item {
      padding: 16px;
  }
  .justify-content-flex-start-md {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
  }
  .justify-content-flex-end-md {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
  }
  .justify-content-center-md {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
  }
  .justify-content-space-between-md {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }
  .justify-content-space-around-md {
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
  }
  .justify-content-space-evenly-md {
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly;
  }
  .align-items-flex-start-md {
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
  }
  .align-items-flex-end-md {
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
  }
  .align-items-center-md {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
  }
  .align-items-stretch-md {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
  }
  .align-items-baseline-md {
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      -webkit-align-items: baseline;
      align-items: baseline;
  }
  .wrap-wrap-md {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .wrap-nowrap-md {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }
  .width-auto-md {
      width: auto;
  }
  .width-auto-md,
  .width-fixed-md {
      -ms-flex-preferred-size: auto;
      -webkit-flex-basis: auto;
      flex-basis: auto;
  }
  .width-fixed-md {
      -ms-flex-negative: 0;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
  }
  .width-grow-md {
      -ms-flex-preferred-size: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      -webkit-flex-basis: 0;
      flex-basis: 0;
      -webkit-flex-grow: 1;
      flex-grow: 1;
  }
  .width-1-md {
      width: 8.33333333%;
  }
  .width-2-md {
      width: 16.66666667%;
  }
  .width-3-md {
      width: 25%;
  }
  .width-4-md {
      width: 33.33333333%;
  }
  .width-5-md {
      width: 41.66666667%;
  }
  .width-6-md {
      width: 50%;
  }
  .width-7-md {
      width: 58.33333333%;
  }
  .width-8-md {
      width: 66.66666667%;
  }
  .width-9-md {
      width: 75%;
  }
  .width-10-md {
      width: 83.33333333%;
  }
  .width-11-md {
      width: 91.66666667%;
  }
  .width-12-md {
      width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .direction-row-lg {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
  }
  .direction-row-reverse-lg {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  }
  .direction-column-lg {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .direction-column-reverse-lg {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
  .spacing-0-lg {
      margin: 0;
  }
  .spacing-0-lg > .flex-item {
      padding: 0;
  }
  .spacing-4-lg {
      margin: -2px;
  }
  .spacing-4-lg > .flex-item {
      padding: 2px;
  }
  .spacing-8-lg {
      margin: -4px;
  }
  .spacing-8-lg > .flex-item {
      padding: 4px;
  }
  .spacing-12-lg {
      margin: -6px;
  }
  .spacing-12-lg > .flex-item {
      padding: 6px;
  }
  .spacing-16-lg {
      margin: -8px;
  }
  .spacing-16-lg > .flex-item {
      padding: 8px;
  }
  .spacing-24-lg {
      margin: -12px;
  }
  .spacing-24-lg > .flex-item {
      padding: 12px;
  }
  .spacing-32-lg {
      margin: -16px;
  }
  .spacing-32-lg > .flex-item {
      padding: 16px;
  }
  .justify-content-flex-start-lg {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
  }
  .justify-content-flex-end-lg {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
  }
  .justify-content-center-lg {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
  }
  .justify-content-space-between-lg {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }
  .justify-content-space-around-lg {
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
  }
  .justify-content-space-evenly-lg {
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly;
  }
  .align-items-flex-start-lg {
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
  }
  .align-items-flex-end-lg {
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
  }
  .align-items-center-lg {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
  }
  .align-items-stretch-lg {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
  }
  .align-items-baseline-lg {
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      -webkit-align-items: baseline;
      align-items: baseline;
  }
  .wrap-wrap-lg {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .wrap-nowrap-lg {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }
  .width-auto-lg {
      width: auto;
  }
  .width-auto-lg,
  .width-fixed-lg {
      -ms-flex-preferred-size: auto;
      -webkit-flex-basis: auto;
      flex-basis: auto;
  }
  .width-fixed-lg {
      -ms-flex-negative: 0;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
  }
  .width-grow-lg {
      -ms-flex-preferred-size: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      -webkit-flex-basis: 0;
      flex-basis: 0;
      -webkit-flex-grow: 1;
      flex-grow: 1;
  }
  .width-1-lg {
      width: 8.33333333%;
  }
  .width-2-lg {
      width: 16.66666667%;
  }
  .width-3-lg {
      width: 25%;
  }
  .width-4-lg {
      width: 33.33333333%;
  }
  .width-5-lg {
      width: 41.66666667%;
  }
  .width-6-lg {
      width: 50%;
  }
  .width-7-lg {
      width: 58.33333333%;
  }
  .width-8-lg {
      width: 66.66666667%;
  }
  .width-9-lg {
      width: 75%;
  }
  .width-10-lg {
      width: 83.33333333%;
  }
  .width-11-lg {
      width: 91.66666667%;
  }
  .width-12-lg {
      width: 100%;
  }
}
.Icon--xs {
  height: 8px;
}
.Icon--xs.Icon--square {
  width: 8px;
}
.Icon--sm {
  height: 12px;
}
.Icon--sm.Icon--square {
  width: 12px;
}
.Icon--md {
  height: 16px;
}
.Icon--md.Icon--square {
  width: 16px;
}
.Icon--lg {
  height: 24px;
}
.Icon--lg.Icon--square {
  width: 24px;
}
.Icon--xlg {
  height: 48px;
}
.Icon--xlg.Icon--square {
  width: 48px;
}
.Icon--gray300 {
  fill: hsla(0, 0%, 10%, 0.4);
}
.Icon--gray400 {
  fill: hsla(0, 0%, 10%, 0.5);
}
.Icon--gray500 {
  fill: hsla(0, 0%, 10%, 0.6);
}
.Icon--gray600 {
  fill: hsla(0, 0%, 10%, 0.7);
  color: hsla(0, 0%, 10%, 0.7);
}
.Icon--white {
  fill: #ffffff;
}
.Icon--red {
  fill: #dc2727;
  color: #dc2727;
}
.Icon--blue {
  fill: #0074d4;
  color: #0074d4;
}
.Icon .Icon-fill {
  fill: #565656;
}
.Spinner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Spinner,
.Spinner-svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Spinner-svg {
  position: relative;
}
.Spinner--sm .Spinner-svg {
  height: 12px;
  width: 12px;
}
.Spinner--md .Spinner-svg {
  height: 18px;
  width: 18px;
}
.Spinner--lg .Spinner-svg {
  height: 48px;
  width: 48px;
}
.Spinner-ellipse {
  fill: transparent;
  stroke: hsla(0, 0%, 10%, 0.3);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-dasharray: 60;
  stroke-dashoffset: 20;
  -webkit-animation: SpinnerAnimationShow 0.25s ease normal, SpinnerAnimationRotation 0.6s linear infinite;
  animation: SpinnerAnimationShow 0.25s ease normal, SpinnerAnimationRotation 0.6s linear infinite;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  transition-timing-function: ease;
}
.Spinner--white .Spinner-ellipse {
  stroke: #ffffff;
}
.Spinner--green .Spinner-ellipse {
  stroke: #33ddb3;
}
@-webkit-keyframes SpinnerAnimationShow {
  0% {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes SpinnerAnimationShow {
  0% {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes SpinnerAnimationRotation {
  0% {
      -webkit-transform: scaleX(-1) rotate(0);
      transform: scaleX(-1) rotate(0);
  }
  50% {
      -webkit-transform: scaleX(-1) rotate(-180deg);
      transform: scaleX(-1) rotate(-180deg);
  }
  to {
      -webkit-transform: scaleX(-1) rotate(-1turn);
      transform: scaleX(-1) rotate(-1turn);
  }
}
@keyframes SpinnerAnimationRotation {
  0% {
      -webkit-transform: scaleX(-1) rotate(0);
      transform: scaleX(-1) rotate(0);
  }
  50% {
      -webkit-transform: scaleX(-1) rotate(-180deg);
      transform: scaleX(-1) rotate(-180deg);
  }
  to {
      -webkit-transform: scaleX(-1) rotate(-1turn);
      transform: scaleX(-1) rotate(-1turn);
  }
}
.Text {
  margin: 0;
}
.Text-fontSize--11 {
  font-size: 11px;
}
.Text-fontSize--12 {
  font-size: 12px;
}
.Text-fontSize--13 {
  font-size: 13px;
}
.Text-fontSize--14 {
  font-size: 14px;
}
.Text-fontSize--16 {
  font-size: 16px;
}
.Text-fontSize--20 {
  font-size: 20px;
}
.Text-fontSize--24 {
  font-size: 24px;
}
.Text-fontSize--36 {
  font-size: 36px;
}
.Text-fontWeight--400 {
  font-weight: 400;
}
.Text-fontWeight--500 {
  font-weight: 500;
}
.Text-fontWeight--600 {
  font-weight: 600;
}
.Text-fontWeight--700 {
  font-weight: 700;
}
.Text-fontWeight--900 {
  font-weight: 900;
}
.Text-fontStyle--italic {
  font-style: italic;
}
.Text-fontStyle--normal {
  font-style: normal;
}
.Text-color--white {
  color: #ffffff;
}
.Text-color--gray50 {
  color: hsla(0, 0%, 10%, 0.1);
}
.Text-color--gray100 {
  color: hsla(0, 0%, 10%, 0.2);
}
.Text-color--gray200 {
  color: hsla(0, 0%, 10%, 0.3);
}
.Text-color--gray300 {
  color: hsla(0, 0%, 10%, 0.4);
}
.Text-color--gray400 {
  color: hsla(0, 0%, 10%, 0.5);
}
.Text-color--gray500 {
  color: hsla(0, 0%, 10%, 0.6);
}
.Text-color--gray600 {
  color: hsla(0, 0%, 10%, 0.7);
}
.Text-color--gray700 {
  color: hsla(0, 0%, 10%, 0.8);
}
.Text-color--gray800 {
  color: hsla(0, 0%, 10%, 0.9);
}
.Text-color--gray900 {
  color: hsla(0, 0%, 10%, 1);
}
.Text-color--lightGray50 {
  color: hsla(0, 0%, 100%, 0.1);
}
.Text-color--lightGray100 {
  color: hsla(0, 0%, 100%, 0.2);
}
.Text-color--lightGray200 {
  color: hsla(0, 0%, 100%, 0.3);
}
.Text-color--lightGray300 {
  color: hsla(0, 0%, 100%, 0.4);
}
.Text-color--lightGray400 {
  color: hsla(0, 0%, 100%, 0.5);
}
.Text-color--lightGray500 {
  color: hsla(0, 0%, 100%, 0.6);
}
.Text-color--lightGray600 {
  color: hsla(0, 0%, 100%, 0.7);
}
.Text-color--lightGray700 {
  color: hsla(0, 0%, 100%, 0.8);
}
.Text-color--lightGray800 {
  color: hsla(0, 0%, 100%, 0.9);
}
.Text-color--lightGray900 {
  color: hsla(0, 0%, 100%, 1);
}
.is-fontFamily--Inconsolata .FormFieldGroup-labelContainer .Text,
.is-fontFamily--PTSans .FormFieldGroup-labelContainer .Text,
.is-fontFamily--TitilliumWeb .FormFieldGroup-labelContainer .Text,
.is-fontFamily--UbuntuMono .FormFieldGroup-labelContainer .Text {
  font-size: 14px;
}
.is-fontFamily--Lora .Text {
  letter-spacing: 0.15pt;
}
.is-fontFamily--Montserrat .Text {
  letter-spacing: -0.1pt;
}
.App-Overview.is-darkBackground .Text-color--default,
.is-darkMode .App-Payment .Text-color--default,
.is-darkMode .OrderDetailsDropdown .Text-color--default {
  color: hsla(0, 0%, 100%, 1);
}
.App-Overview.is-darkBackground .Text-color--gray50,
.is-darkMode .App-Payment .Text-color--gray50,
.is-darkMode .OrderDetailsDropdown .Text-color--gray50 {
  color: hsla(0, 0%, 100%, 0.1);
}
.App-Overview.is-darkBackground .Text-color--gray100,
.is-darkMode .App-Payment .Text-color--gray100,
.is-darkMode .OrderDetailsDropdown .Text-color--gray100 {
  color: hsla(0, 0%, 100%, 0.2);
}
.App-Overview.is-darkBackground .Text-color--gray200,
.is-darkMode .App-Payment .Text-color--gray200,
.is-darkMode .OrderDetailsDropdown .Text-color--gray200 {
  color: hsla(0, 0%, 100%, 0.3);
}
.App-Overview.is-darkBackground .Text-color--gray300,
.is-darkMode .App-Payment .Text-color--gray300,
.is-darkMode .OrderDetailsDropdown .Text-color--gray300 {
  color: hsla(0, 0%, 100%, 0.4);
}
.App-Overview.is-darkBackground .Text-color--gray400,
.is-darkMode .App-Payment .Text-color--gray400,
.is-darkMode .OrderDetailsDropdown .Text-color--gray400 {
  color: hsla(0, 0%, 100%, 0.5);
}
.App-Overview.is-darkBackground .Text-color--gray500,
.is-darkMode .App-Payment .Text-color--gray500,
.is-darkMode .OrderDetailsDropdown .Text-color--gray500 {
  color: hsla(0, 0%, 100%, 0.6);
}
.App-Overview.is-darkBackground .Text-color--gray600,
.is-darkMode .App-Payment .Text-color--gray600,
.is-darkMode .OrderDetailsDropdown .Text-color--gray600 {
  color: hsla(0, 0%, 100%, 0.7);
}
.App-Overview.is-darkBackground .Text-color--gray700,
.is-darkMode .App-Payment .Text-color--gray700,
.is-darkMode .OrderDetailsDropdown .Text-color--gray700 {
  color: hsla(0, 0%, 100%, 0.8);
}
.App-Overview.is-darkBackground .Text-color--gray800,
.is-darkMode .App-Payment .Text-color--gray800,
.is-darkMode .OrderDetailsDropdown .Text-color--gray800 {
  color: hsla(0, 0%, 100%, 0.9);
}
.App-Overview.is-darkBackground .Text-color--gray900,
.is-darkMode .App-Payment .Text-color--gray900 {
  color: hsla(0, 0%, 100%, 1);
}
@media only screen and (min-width: 992px) {
  .App-Footer.is-darkBackground .Text-color--default {
      color: hsla(0, 0%, 100%, 1);
  }
  .App-Footer.is-darkBackground .Text-color--gray50 {
      color: hsla(0, 0%, 100%, 0.1);
  }
  .App-Footer.is-darkBackground .Text-color--gray100 {
      color: hsla(0, 0%, 100%, 0.2);
  }
  .App-Footer.is-darkBackground .Text-color--gray200 {
      color: hsla(0, 0%, 100%, 0.3);
  }
  .App-Footer.is-darkBackground .Text-color--gray300 {
      color: hsla(0, 0%, 100%, 0.4);
  }
  .App-Footer.is-darkBackground .Text-color--gray400 {
      color: hsla(0, 0%, 100%, 0.5);
  }
  .App-Footer.is-darkBackground .Text-color--gray500 {
      color: hsla(0, 0%, 100%, 0.6);
  }
  .App-Footer.is-darkBackground .Text-color--gray600 {
      color: hsla(0, 0%, 100%, 0.7);
  }
  .App-Footer.is-darkBackground .Text-color--gray700 {
      color: hsla(0, 0%, 100%, 0.8);
  }
  .App-Footer.is-darkBackground .Text-color--gray800 {
      color: hsla(0, 0%, 100%, 0.9);
  }
  .App-Footer.is-darkBackground .Text-color--gray900 {
      color: hsla(0, 0%, 100%, 1);
  }
}
.Text-color--blue {
  color: #0074d4;
}
.Text-color--red {
  color: #dc2727;
}
.Text-color--green {
  color: #24b47e;
}
.Text-color--yellow {
  color: #ffde92;
}
.Text-color--orange {
  color: #bb5504;
}
.Text-transform--uppercase {
  text-transform: uppercase;
}
.Text--tabularNumbers {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03rem;
}
.Text--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Text-wordBreak--all {
  word-break: break-all;
}
.Text-wordBreak--normal {
  word-break: normal;
}
.Text-wordBreak--word {
  word-break: break-word;
}
.LinkPaymentForm--linkBranded .Accordion .Text-color--gray400 {
  color: #61747c;
}
.LinkPaymentForm--linkBranded .Accordion .Text-color--gray600 {
  color: #495f67;
}
.LinkPaymentForm--linkBranded .Accordion .Text-color--gray800 {
  color: #1d3944;
}
.Button {
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.1s ease-in, -webkit-transform 0.08s ease-in;
  transition: background-color 0.1s ease-in, transform 0.08s ease-in;
  transition: background-color 0.1s ease-in, transform 0.08s ease-in, -webkit-transform 0.08s ease-in;
}
.App-Container.is-squareBordered .Button,
.ModalContent--is-squareBordered .Button {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Button,
.ModalContent--is-veryRoundBordered .Button {
  border-radius: 22px;
}
.Button--xs {
  font-size: 10px;
}
.Button--sm {
  font-size: 12px;
}
.Button--md {
  font-size: 14px;
  padding: 8px 16px;
}
.Button--lg {
  font-size: 16px;
  padding: 12px 24px;
}
.Button--xlg {
  font-size: 20px;
  padding: 12px 40px;
}
.Button--primary {
  background-color: #0074d4;
  border-color: #0074d4;
  color: #ffffff;
}
.Button--primary:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.Button--primary:not(:disabled):hover {
  background-color: #0066ba;
}
.Button--primary:active {
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}
.Button--primary:disabled {
  background-color: #0066bac7;
}
.Button--primary:disabled:hover {
  cursor: default;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.Button--secondary {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  color: hsla(0, 0%, 10%, 0.7);
}
.Button--secondary:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.Button--secondary:not(:disabled):hover {
  background-color: hsla(0, 0%, 10%, 0.05);
}
.Button--secondary:active {
  background-color: rgba(0, 0, 0, 0.075);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}
.Button--secondary:disabled {
  background-color: rgba(0, 0, 0, 0.01);
}
.Button--secondary:disabled:hover {
  cursor: default;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.Button--link {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: #0074d4;
  outline: none;
  padding: 0;
  text-decoration-skip-ink: none;
}
.Button--link:disabled:hover {
  cursor: default;
}
.App--keyboardInteractionMode .Button--link:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.Button--menuitem {
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: hsla(0, 0%, 10%, 0.5);
  display: block;
  outline: none;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}
.Button--menuitem .Icon {
  fill: hsla(0, 0%, 10%, 0.5);
}
.Button--menuitem:hover {
  background-color: hsla(0, 0%, 10%, 0.05);
  color: hsla(0, 0%, 10%, 1);
}
.Button--menuitem:hover .Icon {
  fill: hsla(0, 0%, 10%, 1);
}
.Button--linkApp {
  background-color: #33ddb3;
  border: none;
  border-radius: 6px;
  color: #1d3944;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
}
.Button--linkApp:hover {
  background-color: #31e4b8;
  border: none;
}
.Button--linkApp:focus {
  border: 2px solid #33ddb3;
  box-shadow: none;
}
.Button--linkApp:disabled {
  opacity: 0.6;
}
.Button-Icon {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 8px;
}
.Button-Icon--right {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  margin-left: 8px;
  margin-right: 0;
  -webkit-order: 1;
  order: 1;
}
.Button-Spinner {
  opacity: 0.5;
}
.Button--fullWidth {
  width: 100%;
}
.Footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Footer-PoweredBy-Icon {
  fill: hsla(0, 0%, 10%, 0.4);
  -webkit-transform: translateY(1.5px);
  -ms-transform: translateY(1.5px);
  transform: translateY(1.5px);
  vertical-align: text-bottom;
}
.Footer-PoweredBy {
  text-align: center;
  width: 100%;
}
.Footer-Links,
.Footer-PoweredBy {
  padding: 4px;
}
.Footer-Links .Link {
  margin-right: 12px;
  text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
}
.Footer-Links .Link:last-of-type {
  margin-right: 0;
}
.is-darkMode .Footer .Text-color--gray400 {
  color: hsla(0, 0%, 100%, 0.5);
}
.is-darkMode .Footer .Footer-PoweredBy-Icon {
  fill: hsla(0, 0%, 100%, 0.4);
}
.Footer .CheckoutFooter-links .Link--checkout--secondary,
.Footer.is-darkBackground .CheckoutFooter-links .Link--checkout--secondary {
  text-decoration: none;
  -webkit-text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .Footer {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      height: 16px;
      line-height: 16px;
  }
  .Footer-Links {
      padding: 0 0 0 16px;
  }
  .Footer-PoweredBy {
      border-right: 1px solid hsla(0, 0%, 10%, 0.1);
      padding: 0 16px 0 0;
      text-align: left;
      width: auto;
  }
  .Footer.is-darkBackground .Footer-PoweredBy {
      border-right: 1px solid hsla(0, 0%, 100%, 0.1);
  }
  .Footer.is-darkBackground .Text-color--gray400 {
      color: hsla(0, 0%, 100%, 0.5);
  }
  .Footer.is-darkBackground .Footer-PoweredBy-Icon {
      fill: hsla(0, 0%, 100%, 0.4);
  }
  .Footer.is-darkBackground .Footer-Links .Link,
  .Footer.is-darkBackground .Link--checkout--secondary {
      text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
      -webkit-text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
  }
  .Footer .CheckoutFooter-links .Link--checkout--secondary:hover {
      text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
      -webkit-text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
  }
  .Footer.is-darkBackground .CheckoutFooter-links .Link--checkout--secondary:hover {
      text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
      -webkit-text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
  }
  .Footer.is-darkBackground .CheckoutFooter-links .Link--checkout--secondary:before {
      border-color: hsla(0, 0%, 100%, 0.5);
  }
  .App-Container--setupMode .Footer {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding-bottom: 32px;
      text-align: center;
      width: 100%;
  }
}
.CustomPolicyMessage {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  overflow: hidden;
  padding: 12px;
}
.CustomPolicyMessage-icon {
  color: rgba(0, 0, 0, 0.5);
  height: 16px;
  min-width: 24px;
  padding-right: 10px;
  padding-top: 4px;
}
.Body--modal-open {
  overflow: hidden;
}
.ModalOverlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-tap-highlight-color: transparent;
  -webkit-align-items: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  z-index: 14;
}
.ModalOverlay:before {
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  content: "";
  -webkit-filter: blur(20px);
  filter: blur(20px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ModalOverlay--afterOpen {
  opacity: 1;
}
.ModalOverlay--beforeClose {
  opacity: 0;
}
.ModalContent {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
  outline: none;
  overflow: auto;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  z-index: 15;
}
.ModalContent--is-squareBordered,
.ModalContent--is-squareBordered .CustomPolicyMessage {
  border-radius: 0;
}
.ModalContent--is-veryRoundBordered,
.ModalContent--is-veryRoundBordered .CustomPolicyMessage {
  border-radius: 18px;
}
.Modal--linkBranded,
.Modal--linkBranded .Button,
.Modal--linkBranded .CustomPolicyMessage {
  border-radius: 6px;
  font-family: SF Pro Text, -apple-system, Helvetica Neue, sans-serif;
}
.ModalContent--afterOpen {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.ModalContent--beforeClose {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.Policy-icon {
  fill: hsla(0, 0%, 10%, 0.9);
  color: hsla(0, 0%, 10%, 0.9);
  margin-top: 2px;
  min-width: 16px;
}
.Policy-text {
  margin-left: 12px;
  width: 100%;
}
.Policy-content {
  margin-top: 4px;
}
.Tabs-Container {
  position: relative;
}
.Tabs-TabPanelContainer > :nth-last-child(2):first-child {
  position: absolute;
}
.Tabs-TabList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.Tabs-PrintableTabPanelContainer {
  display: none;
}
@media print {
  .Tabs.is-printable .Tabs-TabPanelContainer {
      display: none;
  }
  .Tabs.is-printable .Tabs-PrintableTabPanelContainer {
      display: block;
  }
  role[tabpanel] {
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
      page-break-inside: avoid;
  }
}
.Tabs.is-icontabs .Tabs-TabList {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.Tabs.is-contenttabs .Tabs-TabList {
  box-shadow: inset 0 -1px #e3e8ee;
}
.Tabs.is-contenttabs .Tabs-TabList,
.Tabs.is-insettabs .Tabs-TabList {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.Tabs.is-insettabs .Tabs-TabList {
  border: 1px solid hsla(0, 0%, 10%, 0.1);
  border-radius: 8px;
  padding: 2px;
}
.Tabs-TabListOverflowContainer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.Tabs-TabListItemContainer--overflow-button svg {
  width: 16px;
}
.Tabs-TabListItemContainer--overflow-button .Tabs-TabListItem--overflow-toggle {
  display: block;
}
.Tabs-TabListItem--overflow-toggle .Tabs-TabListItemContent {
  height: 100%;
}
.Tabs-TabListItem--overflow-toggle .Icon {
  margin-top: 2px;
}
.Tabs.is-insettabs .Tabs-TabListItem--overflow-toggle .Tabs-TabListItemContent {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-justify-content: center;
  justify-content: center;
}
.Tabs.is-insettabs .Tabs-TabListItem--overflow-toggle .Icon {
  margin-top: 0;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(175, 175, 175, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06);
  display: none;
  padding: 6px 0;
}
.App-Container.is-squareBordered .Tabs.is-desktop .Tabs-TabListOverflowContainer {
  border-radius: 0;
}
.App-Container.App-Container.is-veryRoundBordered .Tabs.is-desktop .Tabs-TabListOverflowContainer {
  border-radius: 18px;
}
.Tabs.is-desktop.is-icontabs .Tabs-TabList > .Tabs-TabListItemContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  max-width: 100%;
  min-width: 0;
}
.Tabs.is-desktop.is-icontabs .Tabs-TabList--wrap > .Tabs-TabListItemContainer {
  margin: 0 8px 8px 0;
}
.Tabs.is-desktop.is-contenttabs .Tabs-TabList > .Tabs-TabListItemContainer {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.Tabs.is-desktop .Tabs-TabList > .Tabs-TabListItemContainer.Tabs-TabListItemContainer--overflow-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItemContainer {
  margin: 0;
  padding: 0;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:after {
  display: none;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:not(:focus) {
  box-shadow: none;
  position: static;
}
.Tabs.is-desktop .Tabs-TabListItem:hover .Tabs-TabListItemContent {
  opacity: 1;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:hover {
  background-color: hsla(0, 0%, 10%, 0.1);
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:hover .Tabs-TabListItemContent {
  opacity: 1;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentMethod {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon {
  min-width: 28px;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon img {
  display: block;
  margin: 0 auto;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem {
  border: 0;
  border-radius: 0;
  padding: 8px 12px;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentMethod {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentLabel {
  margin-left: 12px;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: -6px;
  top: -6px;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 9999;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer--is-visible {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.Tabs.is-desktop .Tabs-TabListItemContainer--overflow-button .Tabs-TabListItem:focus {
  box-shadow: 0 0 0 1px #e0e0e0;
}
.Tabs.is-desktop .Tabs-TabList--wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: start;
  justify-content: start;
}
.Tabs.is-desktop .Tabs-TabList--wrap .Tabs-TabListItemContainer {
  margin-left: 0;
}
.Tabs.is-desktop .Tabs-TabList.Tabs-TabList--wrap > .Tabs-TabListItemContainer {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.Tabs.is-mobile .Tabs-TabList {
  left: 50%;
  margin: -16px -50vw;
  overflow-x: scroll;
  overflow-x: -moz-scrollbars-none;
  padding-bottom: 16px;
  padding-top: 16px;
  position: relative;
  right: 50%;
  scrollbar-width: none;
  width: 100vw;
}
.Tabs.is-mobile.is-overflowing .Tabs-TabListItemContainer {
  -ms-flex-preferred-size: 27vw;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: 27vw;
  flex-basis: 27vw;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 320px) {
  .Tabs.is-mobile.is-overflowing .Tabs-TabListItemContainer {
      -ms-flex-preferred-size: 26vw;
      -webkit-flex-basis: 26vw;
      flex-basis: 26vw;
  }
}
.Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
  margin-left: 16px;
}
.Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:last-of-type {
  padding-right: 16px;
}
.Tabs.is-mobile .Tabs-TabListItemContainer--overflow-button {
  display: none;
}
@media only screen and (min-width: 412px) {
  .Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
      margin-left: calc(50vw - 190px);
  }
  .Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:last-of-type {
      padding-right: calc(50vw - 190px);
  }
}
.Tabs.is-mobile .Tabs-TabList::-webkit-scrollbar {
  display: none;
}
.Tabs.is-mobile.is-insettabs .Tabs-Container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.Tabs.is-mobile.is-insettabs .Tabs-TabList {
  margin-bottom: 0;
  margin-top: 0;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-bottom: 2px;
  padding-top: 2px;
}
.Tabs.is-mobile.is-insettabs .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
  margin-left: 0;
}
.Tabs.is-mobile.is-insettabs .Tabs-TabList > .Tabs-TabListItemContainer:last-of-type {
  padding-right: 0;
}
@media only screen and (max-width: 575.98px) {
  .Tabs.is-insettabs .Tabs-TabListItem {
      padding: 6px 12px;
  }
}
.Tabs.is-icontabs .Tabs-TabListItemContainer,
.Tabs.is-icontabs .Tabs-TabListOverflowContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin-left: 8px;
}
.Tabs.is-contenttabs .Tabs-TabListItemContainer,
.Tabs.is-contenttabs .Tabs-TabListOverflowContainer {
  margin-left: 8px;
}
.Tabs .Tabs-TabListItemContainer:first-of-type {
  margin-left: 0;
}
.Tabs-TabListItem {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* !important to override normalize.css */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  position: relative;
  text-align: left;
  transition: box-shadow 0.08s ease-in, border 0.08s ease-in;
  width: 100%;
}
.Tabs.is-icontabs .Tabs-TabListItem {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0;
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 12px;
  padding: 10px 12px 8px;
}
.App-Container.is-squareBordered .Tabs.is-icontabs .Tabs-TabListItem {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Tabs.is-icontabs .Tabs-TabListItem {
  border-radius: 18px;
}
.Tabs.is-icontabs .Tabs-TabListItem:focus-visible {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Tabs.is-contenttabs .Tabs-TabListItem {
  background-color: transparent;
  font-size: 14px;
  height: auto;
  line-height: 20px;
  padding: 4px 0;
}
.Tabs.is-insettabs .Tabs-TabListItem:focus-visible {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Tabs.is-insettabs .Tabs-TabListItem {
  background-color: transparent;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 20px;
  padding: 8px 32px;
}
.Tabs-TabListItem::-moz-focus-inner {
  outline: 0 !important;
}
.Tabs-TabListItem:focus {
  outline: 0 !important;
}
.Tabs-TabListItem:focus-visible {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Tabs-TabListItem:after {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease;
  will-change: transform;
}
.Tabs.is-icontabs .Tabs-TabListItem:after {
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.App-Container.is-veryRoundBordered .Tabs.is-icontabs .Tabs-TabListItem:after {
  border-radius: 18px;
}
.App-Container.is-squareBordered .Tabs.is-icontabs .Tabs-TabListItem:after {
  border-radius: 0;
}
.Tabs.is-contenttabs .Tabs-TabListItem:after {
  background: #5469d4;
  height: 2px;
  left: -1px;
  position: absolute;
  top: calc(100% - 2px);
}
.Tabs.is-insettabs .Tabs-TabListItem:after {
  background: hsla(0, 0%, 10%, 0.1);
  bottom: 8px;
  height: calc(100% - 16px);
  opacity: 1;
  top: 8px;
  width: 1px;
}
.Tabs.is-insettabs .Tabs-TabListItem--is-selected:after,
.Tabs.is-insettabs .Tabs-TabListItemContainer--is-selected + .Tabs-TabListItemContainer .Tabs-TabListItem:after,
.Tabs.is-insettabs .Tabs-TabListItemContainer:first-child .Tabs-TabListItem:after {
  opacity: 0;
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected:after {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected:after,
.Tabs.is-icontabs .Tabs-TabListItem:hover:after {
  opacity: 1;
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected {
  box-shadow: 0 0 0 1px hsla(0, 0%, 10%, 0.9), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.Tabs.is-icontabs .Tabs-TabListItem--is-selected:focus {
  box-shadow: 0 0 0 1px hsla(0, 0%, 10%, 0.9), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.Tabs.is-contenttabs .Tabs-TabListItem {
  opacity: 0.8;
}
.Tabs.is-contenttabs .Tabs-TabListItem--is-selected:after {
  opacity: 1;
}
.Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
  color: #5469d4;
  opacity: 1;
}
.Tabs.is-insettabs .Tabs-TabListItem:hover {
  -webkit-filter: brightness(0.97);
  filter: brightness(0.97);
}
.Tabs.is-insettabs .Tabs-TabListItem--is-selected {
  background-color: #5469d4;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  color: #ffffff;
  font-weight: 500;
}
.Tabs.is-insettabs .Tabs-TabListPaymentLabel:after {
  content: attr(data-text);
  content: attr(data-text) / "";
  font-weight: 500;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  visibility: hidden;
}
@media speech {
  .Tabs.is-insettabs .Tabs-TabListPaymentLabel:after {
      display: none;
  }
}
.Tabs.is-disabled .Tabs-TabListItem {
  cursor: auto;
}
.Tabs-TabListItem .Tabs-TabListItemContent {
  min-width: 0;
  opacity: 0.7;
  overflow: hidden;
  transition: opacity 0.2s ease;
  width: 100%;
  will-change: opacity;
}
.Tabs-TabListItem--is-selected .Tabs-TabListItemContent {
  opacity: 1;
}
.Tabs-TabListItem .Tabs-TabListItemContent svg {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.Tabs-TabListPaymentMethod {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.Tabs-TabListPaymentIcon {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.Tabs-TabListBadge {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.Tabs-TabListPaymentLabel {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Tabs-TabListDropdown {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
}
.Tabs-TabListDropdown.Tabs-TabListDropdown--is-closed {
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: fixed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  visibility: hidden;
  width: 1px;
}
.Tabs-TabPanelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  position: relative;
}
.Tabs-TabPanelContent {
  width: 100%;
}
.App-Container.is-squareBordered .Tabs-TabListItem {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Tabs-TabListItem {
  border-radius: 18px;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-order: 1;
  order: 1;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentLabel {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 4px;
  -webkit-order: 2;
  order: 2;
}
.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentBadge {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 8px;
  -webkit-order: 3;
  order: 3;
}
.Tabs-BadgeContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 1px;
  position: absolute;
  right: 0;
  top: 0;
}
.PoliciesModal-modal {
  max-width: 500px;
  min-width: 316px;
  overflow-x: hidden;
}
.PoliciesModal-list {
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 4px;
  padding-left: 18px;
}
.PoliciesModal-listItem {
  color: hsla(0, 0%, 10%, 0.5);
}
.PoliciesModal-listItem::marker {
  font-size: 12px;
}
.PoliciesModal-header {
  border-bottom: 1px solid hsla(0, 0%, 10%, 0.1);
}
.PoliciesModal-content,
.PoliciesModal-header {
  padding: 24px;
}
.PoliciesModal-content {
  height: 300px;
  overflow: auto;
  overflow-x: hidden;
}
.PoliciesModal-supportInfo {
  white-space: nowrap;
}
.PoliciesModal-header .Button-Icon {
  margin: 0;
}
.PoliciesModal-paymentTerms,
.PoliciesModal-scta {
  margin-top: 16px;
}
.PoliciesModal-footer {
  border-top: 1px solid hsla(0, 0%, 10%, 0.1);
  padding: 24px;
  text-align: center;
}
.PoliciesModal-customPolicyMessage {
  padding-bottom: 16px;
}
@media only screen and (max-width: 767.98px) {
  .PoliciesModal-modal {
      border-radius: 8px 8px 0 0;
      max-width: 100vw;
      overflow: hidden;
  }
  .PoliciesModal-content {
      max-height: 40vh;
      overflow-y: scroll;
  }
  .PoliciesModal-modalOverlay {
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
  }
}
@media only screen and (max-width: 320px) {
  .PoliciesModal-content {
      max-height: 30vh;
  }
}
.PoliciesModal-modal .Tabs-TabList {
  padding-left: 24px;
}
.PoliciesModal-modal .Tabs-TabListItemContainer {
  padding: 16px 0;
}
.PoliciesModal-modal .Tabs.is-contenttabs .Tabs-TabListItemContainer:not(:first-of-type) {
  margin-left: 16px;
}
.PoliciesModal-modal .Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
  color: #0074d4;
}
.PoliciesModal-modal .Tabs.is-contenttabs .Tabs-TabListItem--is-selected:after {
  opacity: 0;
}
.PoliciesModal-modal .Tabs.is-mobile .Tabs-TabList {
  left: auto;
  margin: auto;
  padding: 0;
  right: auto;
}
.PoliciesModal-modal .Tabs.is-mobile .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
  margin-left: 24px;
}
.PoliciesModal-modal .Tabs-TabPanelContainer {
  margin-top: 0;
}
.CheckoutFooter-buttonLink,
.CheckoutFooter-link {
  display: inline;
  margin-right: 4px;
  padding: 4px;
}
.CheckoutFooter-links {
  margin-left: 12px;
}
.CheckoutFooter-links.Button--link:focus {
  box-shadow: none;
  outline: 1px dotted hsla(0, 0%, 10%, 0.5);
}
@media only screen and (max-width: 991.98px) {
  .CheckoutFooter-links {
      margin-left: 0;
  }
}
.BrandIcon {
  height: 16px;
}
.BrandIcon.is-bank {
  border-radius: 2.5px;
  height: 18px;
}
.ConnectionsBankPicker-securedByStripeText {
  padding: 2px 0 4px 6px;
}
.UsBankAccountRow {
  margin-top: 16px;
  position: relative;
}
.UsBankAccountRow-container {
  background-color: #f7f7f7;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  margin: 4px 0;
  overflow: hidden;
}
.UsBankAccountRow-container .UsBankAccountRow-bankIcon {
  border-radius: 4px;
  height: 24px;
  left: 0;
  margin: 12px 8px 12px 12px;
  right: 0;
  width: 24px;
}
.UsBankAccountRow-container .UsBankAccountRow-displayName,
.UsBankAccountRow-container .UsBankAccountRow-last4 {
  margin-bottom: 0;
  padding: 16px 0;
}
.UsBankAccountRow-container .UsBankAccountRow-deleteButton {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  height: 18.4px;
  margin: 14.8px 16px;
  padding: 0;
  z-index: 100;
}
.UsBankAccountRow-container .UsBankAccountRow-deleteButton:hover > svg path {
  fill: hsla(0, 0%, 10%, 0.9);
}
.UsBankAccountRow-container .UsBankAccountRow-deleteButton:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.UsBankAccountRow-container .UsBankAccountRow-deleteButton > svg path {
  fill: hsla(0, 0%, 10%, 0.6);
}
@media print {
  .UsBankAccountRow-container .UsBankAccountRow-deleteButton {
      display: none;
  }
}
.UsBankAccountRow .ConnectionsBankPicker-securedByStripe {
  position: absolute;
  right: 2px;
  top: 2px;
}
@-webkit-keyframes ClimateProgramBadge-reveal {
  to {
      background-position: -1800px 0;
  }
}
@keyframes ClimateProgramBadge-reveal {
  to {
      background-position: -1800px 0;
  }
}
@-webkit-keyframes ClimateProgramBadge-loop {
  0% {
      background-position: 0 -24px;
  }
  25% {
      background-position: -3600px -24px;
  }
  to {
      background-position: -3600px -24px;
  }
}
@keyframes ClimateProgramBadge-loop {
  0% {
      background-position: 0 -24px;
  }
  25% {
      background-position: -3600px -24px;
  }
  to {
      background-position: -3600px -24px;
  }
}
.ClimateProgramBadge-Container {
  margin-bottom: 16px;
  padding: 4px;
}
.ClimateProgramBadge-Container:last-child {
  margin-bottom: 0;
}
.ClimateProgramBadge-Icon {
  height: 24px;
  margin-right: 16px;
  margin-top: 4px;
  padding: 0 !important;
}
.ClimateProgramBadge-IconAnimate {
  background-position: 0 0;
  background-size: 3624px 48px;
  height: 24px;
  width: 24px;
}
.ClimateProgramBadge-IconAnimate.is-icon-reveal {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: ClimateProgramBadge-reveal;
  animation-name: ClimateProgramBadge-reveal;
  -webkit-animation-timing-function: steps(75);
  animation-timing-function: steps(75);
  background-position: 0 0;
}
.ClimateProgramBadge-IconAnimate.is-icon-loop {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: ClimateProgramBadge-loop;
  animation-name: ClimateProgramBadge-loop;
  -webkit-animation-timing-function: steps(150);
  animation-timing-function: steps(150);
  background-position: 0 -24px;
}
.ClimateProgramBadge-Strong {
  font-size: 13px;
  font-weight: 700;
}
.Divider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}
.Divider hr {
  background-color: hsla(0, 0%, 10%, 0.1);
  border: none;
  height: 1px;
  width: 100%;
}
.is-darkMode .Divider hr {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.Divider-Text {
  background-color: #ffffff;
  left: 50%;
  padding: 0 8px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.is-darkMode .Divider-Text {
  background-color: rgba(10, 10, 10, 1);
}
.Notice {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  overflow: hidden;
  padding: 12px;
}
.App-Container.is-squareBordered .Notice,
.ModalContent--is-squareBordered .Notice {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Notice,
.ModalContent--is-veryRoundBordered .Notice {
  border-radius: 18px;
}
.Notice--green {
  background-color: #efffed;
}
.Notice--yellow {
  background-color: #fefbe7;
}
.Notice--red {
  background-color: rgba(220, 39, 39, 0.04);
}
.Notice-icon {
  color: rgba(0, 0, 0, 0.5);
  height: 16px;
  min-width: 24px;
  padding-right: 10px;
}
.Notice--green .Notice-icon {
  color: #24b47e;
}
.Notice--yellow .Notice-icon {
  color: #d97917;
}
.Notice--red .Notice-icon {
  color: #dc2727;
}
.MobileErrorSummary-container {
  margin-top: 8px;
}
.MobileErrorSummary-errorMessageHeading {
  margin-top: -3px;
}
.SubmitButton {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 0;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  color: #ffffff;
  cursor: pointer;
  height: 44px;
  margin-top: 12px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: all 0.2s ease, box-shadow 0.08s ease-in;
  width: 100%;
}
.SubmitButton:disabled {
  cursor: default;
}
.SubmitButton-Shimmer {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
  transition: opacity 0.2s ease;
  width: 150%;
}
.SubmitButton-Text {
  left: 0;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.2s ease;
  width: 100%;
}
.SubmitButton-IconContainer {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  transform: translateX(-16px);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 100%;
}
.SubmitButton-Icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.2s ease;
}
.SubmitButton-SpinnerIcon .Icon,
.SubmitButton-SpinnerIcon svg {
  height: 20px;
  width: 20px;
}
.SubmitButton-SpinnerIcon ellipse {
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 70;
  stroke-dashoffset: 30;
  fill: transparent;
  -webkit-animation: spinner-spin 0.6s linear infinite;
  animation: spinner-spin 0.6s linear infinite;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.SubmitButton-CheckmarkIcon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 2px)) translateX(-50%) scale(0.6);
  -ms-transform: translateY(calc(-50% + 2px)) translateX(-50%) scale(0.6);
  transform: translateY(calc(-50% + 2px)) translateX(-50%) scale(0.6);
}
.SubmitButton-CheckmarkIcon path {
  stroke-linecap: round;
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  opacity: 0;
}
.SubmitButton--clickable:hover,
.SubmitButton--complete:hover {
  background-color: rgb(0, 94, 187);
  box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 6px 15px 0 rgba(50, 50, 93, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.SubmitButton--clickable:active,
.SubmitButton--complete:active {
  -webkit-transform: scale(0.99);
  -ms-transform: scale(0.99);
  transform: scale(0.99);
}
.SubmitButton--clickable:focus,
.SubmitButton--complete:focus,
.SubmitButton--incomplete:focus {
  box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 6px 15px 0 rgba(50, 50, 93, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.SubmitButton--incomplete .SubmitButton-Text--current {
  opacity: 0.6;
}
.SubmitButton--complete-Shimmer {
  -webkit-animation: shimmer-move 3s ease infinite;
  animation: shimmer-move 3s ease infinite;
  opacity: 1;
}
.SubmitButton--complete:hover.SubmitButton--complete-Shimmer {
  opacity: 0.6;
}
.SubmitButton--success {
  background-color: #24b47e;
}
.SubmitButton--success .SubmitButton-IconContainer {
  -webkit-transform: translateX(calc(-50% + 10px));
  -ms-transform: translateX(calc(-50% + 10px));
  transform: translateX(calc(-50% + 10px));
}
.SubmitButton--disabled {
  box-shadow: none;
}
.SubmitButton-Text--pre {
  opacity: 0;
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.SubmitButton-Text--post {
  opacity: 0;
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  transform: translateX(-16px);
}
.SubmitButton-Icon--post,
.SubmitButton-Icon--pre {
  opacity: 0;
  -webkit-transform: translateY(-50%) scale(0.9);
  -ms-transform: translateY(-50%) scale(0.9);
  transform: translateY(-50%) scale(0.9);
}
.SubmitButton-Icon--current {
  opacity: 1;
}
.SubmitButton-Icon--post-center {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1.3);
  -ms-transform: translateY(-50%) scale(1.3);
  transform: translateY(-50%) scale(1.3);
  transition-duration: 0.3s;
}
.SubmitButton-Icon--post-center.SubmitButton-SpinnerIcon ellipse {
  -webkit-animation: spinner-complete 0.3s ease;
  animation: spinner-complete 0.3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.SubmitButton-CheckmarkIcon--current path {
  -webkit-animation: checkmark-check 0.3s ease;
  animation: checkmark-check 0.3s ease;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes shimmer-move {
  0% {
      -webkit-transform: translateX(-150%);
      transform: translateX(-150%);
  }
  to {
      -webkit-transform: translateX(150%);
      transform: translateX(150%);
  }
}
@keyframes shimmer-move {
  0% {
      -webkit-transform: translateX(-150%);
      transform: translateX(-150%);
  }
  to {
      -webkit-transform: translateX(150%);
      transform: translateX(150%);
  }
}
@-webkit-keyframes spinner-spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
  }
}
@keyframes spinner-spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
  }
}
@-webkit-keyframes spinner-complete {
  to {
      stroke-dashoffset: 0;
  }
}
@keyframes spinner-complete {
  to {
      stroke-dashoffset: 0;
  }
}
@-webkit-keyframes checkmark-check {
  0% {
      stroke-dashoffset: 30;
      opacity: 0;
  }
  to {
      stroke-dashoffset: 0;
      opacity: 1;
  }
}
@keyframes checkmark-check {
  0% {
      stroke-dashoffset: 30;
      opacity: 0;
  }
  to {
      stroke-dashoffset: 0;
      opacity: 1;
  }
}
.App-Container.is-squareBordered .SubmitButton {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .SubmitButton {
  border-radius: 22px;
}
.FakeWalletButton {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: black;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 16px;
}
.FakeWalletButton--googlePay svg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.PaymentRequestButtonContainer > button {
  height: 44px;
  width: 100%;
}
.PaymentRequestButtonContainer.StripeElement--focus {
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
  z-index: 2;
}
.App-Container.is-veryRoundBordered .PaymentRequestButtonContainer.StripeElement--focus,
.ModalContent--is-veryRoundBordered .PaymentRequestButtonContainer.StripeElement--focus {
  border-radius: 22px;
}
.App-Container.is-squareBordered .PaymentRequestButtonContainer.StripeElement--focus,
.ModalContent--is-squareBordered .PaymentRequestButtonContainer.StripeElement--focus {
  border-radius: 0;
}
.ConfirmPaymentButton-tooltip .Tooltip-Text {
  max-width: 300px;
  width: 300px;
}
.ConfirmPaymentButton-Submit {
  margin-top: 16px;
  width: 100%;
}
.ConfirmPaymentButton-CustomText {
  margin-bottom: 16px;
}
.CheckboxField .Checkbox {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Checkbox-InputContainer {
  margin-right: 12px;
  position: relative;
  top: 4px;
}
.Checkbox-StyledInput {
  background-color: transparent;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: block;
  height: 16px;
  min-width: 16px;
  pointer-events: none;
  transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
  width: 16px;
}
.Checkbox-StyledInput,
.Checkbox-StyledInput:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Checkbox-StyledInput:before {
  border: 0;
  border-bottom: 3px solid hsla(0, 0%, 10%, 0.9);
  border-right: 3px solid hsla(0, 0%, 10%, 0.9);
  box-sizing: initial;
  content: " ";
  cursor: default;
  display: none;
  height: 14px;
  left: 7px;
  position: absolute;
  top: -5px;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 5px;
}
.is-darkMode .Checkbox-StyledInput:before {
  border-bottom-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.Checkbox-Input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  height: 16px;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 16px;
}
.Checkbox-Label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Checkbox-ErrorMessage {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.CheckboxField--disabled .Checkbox-ErrorMessage {
  opacity: 0.5;
}
.CheckboxField--disabled .Checkbox-Description,
.CheckboxField--disabled .Checkbox-Label {
  color: hsla(0, 0%, 10%, 0.4);
}
.CheckboxField--invalid .Checkbox-StyledInput {
  box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.CheckboxField--disabled .Checkbox-StyledInput,
.CheckboxField--disabled .Checkbox-StyledInput:before {
  cursor: default;
  pointer-events: none;
}
.CheckboxField--disabled .Checkbox-StyledInput:after {
  background: #fff;
  bottom: -1px;
  content: " ";
  left: -1px;
  opacity: 0.5;
  pointer-events: auto;
  position: absolute;
  right: -4px;
  top: -4px;
}
.CheckboxField--checked .Checkbox-StyledInput:before {
  display: block;
}
.Checkbox-Input:focus ~ .Checkbox-StyledInput {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  z-index: 2;
}
.TermsOfServiceConsentCheckbox {
  margin-top: 8px;
}
.TermsOfServiceConsentCheckbox-customMessageLink {
  color: inherit;
  font-size: inherit;
  text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
}
.TermsOfServiceConsentCheckbox .Icon {
  margin-left: 3px;
  margin-right: 1px;
}
.Tooltip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  position: absolute;
}
.Tooltip .Tooltip-Text {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(129, 129, 136, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  line-height: 15px;
  max-width: 200px;
  min-width: 150px;
  padding: 14px;
  position: relative;
  z-index: 1;
}
.is-darkMode .Tooltip .Tooltip-Text .Text {
  color: hsla(0, 0%, 10%, 0.8);
}
.Tooltip .Tooltip-Arrow {
  height: 21px;
  position: absolute;
  width: 17px;
}
.Tooltip .Tooltip-Text--above {
  left: -50%;
  top: -100%;
}
.Tooltip .Tooltip-Text--above .Tooltip-Arrow {
  margin-right: -8px;
  margin-top: -7px;
  right: 50%;
  top: 100%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.Tooltip .Tooltip-Text--aboveAndLeftAligned {
  top: -100%;
}
.Tooltip .Tooltip-Text--aboveAndLeftAligned .Tooltip-Arrow {
  margin-right: -8px;
  margin-top: -7px;
  right: 90%;
  top: 100%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.Tooltip .Tooltip-Text--below {
  left: -50%;
  top: 0;
}
.Tooltip .Tooltip-Text--below .Tooltip-Arrow {
  left: 50%;
  margin-left: -9px;
  margin-top: -14px;
  top: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.Tooltip .Tooltip-Text--left {
  left: -100%;
  top: -50%;
}
.Tooltip .Tooltip-Text--left .Tooltip-Arrow {
  margin-right: -12px;
  margin-top: -10.5px;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.Tooltip .Tooltip-Text--right {
  left: 0;
  top: -50%;
}
.Tooltip .Tooltip-Text--right .Tooltip-Arrow {
  left: 0;
  margin-left: -12px;
  margin-top: -10.5px;
  top: 50%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.Tooltip-animate,
.Tooltip-animate-exited {
  opacity: 0;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.Tooltip-animate-exiting {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.Tooltip-animate-entered,
.Tooltip-animate-entering {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media only screen and (min-width: 768px) {
  .Tooltip .Tooltip-Text {
      width: 200px;
  }
}
.BacsDebitGurantee {
  text-align: left;
}
.BacsDebitGurantee-bacsIcon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin-left: 32px;
  opacity: 0.3;
  width: 90px;
}
.ConfirmSubscriptionTerms-microdeposit-explanation,
.UsBankAccountTerms-microdeposit-explanation {
  margin-bottom: 16px;
}
.ConfirmTerms {
  line-height: 17px;
  text-align: center;
}
.ConfirmTerms .Link {
  white-space: nowrap;
}
.ConfirmTerms--setup {
  text-align: left;
}
.ConfirmTerms--extraTopSpacing {
  margin-top: 8px;
}
.LinkLogOutButton:disabled {
  opacity: 0.5;
}
.ConfirmPayment-PostSubmit {
  margin-top: 12px;
}
.ConfirmPayment-PostSubmit .LinkLogOutButton-Container {
  margin-top: 8px;
}
.ConfirmPayment-PostSubmit .ClimateProgramBadge-Container {
  border-bottom: none;
  border-top: 1px solid hsla(0, 0%, 10%, 0.1);
  margin-top: 24px;
  padding-top: 24px;
}
.AutocompleteInput-container {
  position: relative;
}
.AutocompleteInput-dropdown-container {
  border-radius: 6px;
  box-shadow: 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06);
  font-size: 14px;
  line-height: 1.5;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 10;
}
.AddressAutocomplete-results {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.AddressAutocomplete-manual-entry--inDropdown,
.AddressAutocomplete-result,
.AddressAutocomplete-suggestions-container,
.AddressAutocomplete-tryAgain {
  padding: 8px 12px;
}
.AddressAutocomplete-tryAgain {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: hsla(0, 0%, 10%, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.AddressAutocomplete-tryAgainLink {
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 12px;
  line-height: normal;
}
.AddressAutocomplete-manual-entry.AddressAutocomplete-manual-entry--inDropdown {
  background-color: hsla(0, 0%, 10%, 0.05);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.AddressAutocomplete-manual-entry--below-form {
  float: left;
  font-size: 12px;
  margin-top: 8px;
  text-align: left;
}
@media only screen and (max-width: 991.98px) {
  .AddressAutocomplete-manual-entry--below-form {
      margin-top: 16px;
  }
}
.AddressAutocomplete-manual-entry button {
  color: hsla(0, 0%, 10%, 0.5);
  margin-right: 8px;
}
.AddressAutocomplete-manual-entry button:hover,
.AddressAutocomplete-manual-entry button:visited {
  color: hsla(0, 0%, 10%, 0.9);
}
.AddressAutocomplete-result--less-focus {
  color: hsla(0, 0%, 10%, 0.5);
  font-size: 12px;
  margin-left: 8px;
}
.AddressAutocomplete-result--matched {
  font-weight: 700;
}
.AddressAutocomplete-result--matched,
.AddressAutocomplete-result--unmatched {
  color: hsla(0, 0%, 10%, 1);
  font-size: 14px;
}
.AddressAutocomplete-manual-entry--inDropdown.AddressAutocomplete-manual-entry--selected,
.AddressAutocomplete-result--selected {
  background-color: hsla(0, 0%, 10%, 0.1);
}
.AddressAutocomplete-result:hover {
  cursor: pointer;
}
.AddressAutocomplete-suggestions {
  padding-right: 4px;
}
.AddressAutocomplete-suggestions-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 10%, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  margin: 2px;
}
.AddressAutocomplete-privacy-logo {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px;
}
.AddressAutocomplete--clear-button-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1));
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 8px;
  position: absolute;
  right: 8px;
}
.AddressAutocomplete--clear-button {
  border-radius: 2px;
  font-size: 12px;
  padding: 4px 8px;
  z-index: 10;
}
.AddressAutocomplete--clear-button:focus,
.AddressAutocomplete-manual-entry--below-form button:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.AddressAutocomplete--clear-dropdown-button {
  position: absolute;
  right: 16px;
  top: 12px;
  vertical-align: middle;
}
.AddressAutocomplete-spinner {
  display: none;
  height: 12px;
  position: absolute;
  right: 40px;
  top: 12px;
}
.AddressAutocomplete-results--aria-live-region {
  height: 2px;
  opacity: 0;
  position: absolute;
  width: 2px;
}
body:after {
  background: transparent;
  content: "";
  display: block;
  height: 0;
  transition: height 0.4s ease;
  width: 100%;
}
body.has-scroll-shim:after {
  height: 80px;
}
.HiddenInput {
  height: 2px;
  opacity: 0;
  position: absolute;
  width: 2px;
  z-index: -1;
}
.InputContainer {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.InputContainer:after {
  content: attr(data-max);
  height: 0;
  visibility: hidden;
}
.InputContainer-placeholder--ie {
  color: #bbbbc2;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -100%;
}
.Input--empty + .InputContainer-placeholder--ie {
  opacity: 1;
  top: 0;
}
.InputContainer .InputElement {
  position: absolute;
  top: 0;
}
.InputContainer .InputElement::-webkit-input-placeholder {
  -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement::-moz-placeholder {
  -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement:-ms-input-placeholder {
  -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement::placeholder {
  -webkit-text-fill-color: currentColor;
}
.InputContainer .InputElement::-moz-placeholder {
  color: #000;
}
.CheckoutInputContainer {
  position: relative;
}
.CheckoutInputContainer-placeholderIcon {
  left: 12px;
  pointer-events: none;
  position: absolute;
  top: calc(50% + 2px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.CheckoutInput--linkBrandedCountryCodeSelect {
  height: 100%;
  left: 0;
  top: 50%;
}
.CheckoutInputContainer-placeholderIcon svg {
  fill: hsla(0, 0%, 10%, 0.5);
}
.CheckoutInput--hasPlaceholderIcon {
  text-indent: 24px;
}
.CheckoutInputContainer--hasMailIcon {
  padding-top: 2px;
}
@media only screen and (max-width: 991.98px) {
  .CheckoutInput--hasPhoneNumberCountryCodeSelect {
      top: calc(50% + 1px);
  }
  .CheckoutInput--linkBrandedCountryCodeSelect {
      top: 50%;
  }
}
.CheckoutInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  border: 0;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 16px;
  height: 44px;
  line-height: 1.5;
  padding: 8px 12px;
  position: relative;
  transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
  width: 100%;
}
.is-darkMode .CheckoutInput {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), #000000;
  box-shadow: 0 0 0 1px rgba(35, 35, 35, 1);
  color: #ffffff;
}
.CheckoutInput:-ms-input-placeholder {
  color: hsla(0, 0%, 10%, 0.5);
}
.CheckoutInput::placeholder {
  color: hsla(0, 0%, 10%, 0.5);
}
.CheckoutInput::-webkit-input-placeholder {
  color: hsla(0, 0%, 10%, 0.5);
}
.CheckoutInput::-moz-placeholder {
  color: hsla(0, 0%, 10%, 0.5);
}
.is-fontFamily--Lato .CheckoutInput::-webkit-input-placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Lato .CheckoutInput::-moz-placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Lato .CheckoutInput:-ms-input-placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Lato .CheckoutInput::placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput::-webkit-input-placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput::-moz-placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput:-ms-input-placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Lora .CheckoutInput::placeholder {
  letter-spacing: 0.35pt;
}
.is-fontFamily--Inconsolata .CheckoutInput::-webkit-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--Inconsolata .CheckoutInput::-moz-placeholder {
  font-size: 15px;
}
.is-fontFamily--Inconsolata .CheckoutInput:-ms-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--Inconsolata .CheckoutInput::placeholder {
  font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput::-webkit-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput::-moz-placeholder {
  font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput:-ms-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--PTSans .CheckoutInput::placeholder {
  font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput::-webkit-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput::-moz-placeholder {
  font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput:-ms-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--TitilliumWeb .CheckoutInput::placeholder {
  font-size: 15px;
}
.is-fontFamily--UbuntuMono .CheckoutInput::-webkit-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--UbuntuMono .CheckoutInput::-moz-placeholder {
  font-size: 15px;
}
.is-fontFamily--UbuntuMono .CheckoutInput:-ms-input-placeholder {
  font-size: 15px;
}
.is-fontFamily--UbuntuMono .CheckoutInput::placeholder {
  font-size: 15px;
}
.is-darkMode .CheckoutInput:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
.is-darkMode .CheckoutInput::placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
.is-darkMode .CheckoutInput::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
.is-darkMode .CheckoutInput::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
.CheckoutInput + .InputContainer-placeholder--ie {
  color: hsla(0, 0%, 10%, 0.5);
  font-size: 16px;
  left: 12px;
  top: 9px;
  z-index: 2;
}
.CheckoutInput:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
  z-index: 2;
}
.CheckoutInput--fakeAutofill,
.CheckoutInput:-webkit-autofill {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.9);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
  transition: background-color 100000000s, box-shadow 0s linear;
}
.CheckoutInput--fakeAutofill::-webkit-input-placeholder,
.CheckoutInput:-webkit-autofill::-webkit-input-placeholder {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.5);
}
.CheckoutInput--fakeAutofill::placeholder,
.CheckoutInput:-webkit-autofill::placeholder {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.5);
}
.CheckoutInput--hideNativeAutofill::-webkit-contacts-auto-fill-button {
  visibility: hidden;
}
.CheckoutInput--fakeAutofill:focus,
.CheckoutInput:-webkit-autofill:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3), inset 0 0 0 1000px #fefbe7;
  transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
}
.CheckoutInput:disabled {
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px hsla(0, 0%, 10%, 0.1);
  color: hsla(0, 0%, 10%, 0.4);
  transition: background-color 100000000s, box-shadow 0s linear;
}
.CheckoutInput--fakeAutofill:disabled,
.CheckoutInput:disabled:-webkit-autofill {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.4);
}
.CheckoutInput--invalid {
  box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  color: #dc2727;
  z-index: 1;
}
.CheckoutInput--invalid.CheckoutInput--fakeAutofill,
.CheckoutInput--invalid:-webkit-autofill {
  -webkit-text-fill-color: #dc2727;
  box-shadow: 0 0 0 1px rgba(220, 39, 39, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
}
.CheckoutInput--tabularNumbers,
.CheckoutInput--tabularNumbers + .InputContainer-placeholder--ie {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03rem;
}
.CheckoutInput::-ms-clear {
  display: none;
}
.InputContainer com-1password-op-button {
  display: none !important;
}
.App-Container.is-squareBordered .InputContainer .CheckoutInput,
.ModalContent--is-squareBordered .InputContainer .CheckoutInput {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .InputContainer .CheckoutInput,
.ModalContent--is-veryRoundBordered .InputContainer .CheckoutInput {
  border-radius: 18px;
}
@media only screen and (min-width: 992px) {
  .App-Container:not(.App-Container--setupMode) .CheckoutInput {
      font-size: 14px;
      height: 36px;
      -webkit-transform: rotateY(0);
      transform: rotateY(0);
  }
  .App-Container:not(.App-Container--setupMode) .CheckoutInput + .InputContainer-placeholder--ie {
      font-size: 14px;
  }
}
.p-FlagIcon {
  height: 16px;
  width: 16px;
}
.FieldError {
  pointer-events: none;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition: all 0.3s ease;
}
.FieldError:not:empty {
  margin-top: 4px;
}
.Optional {
  --badge-padding: 4px;
  border: 1px solid hsla(0, 0%, 10%, 0.2);
  border-radius: 4px;
  color: hsla(0, 0%, 10%, 0.5);
  font-size: 12px;
  font-weight: 400;
  height: auto !important;
  padding: 2px 4px;
}
.App-Container.is-veryRoundBordered .Optional {
  border-radius: 18px;
}
.App-Container.is-squareBordered .Optional {
  border-radius: 0;
}
.PhoneNumberCountryCodeSelect-wrapper {
  cursor: pointer;
  height: 16px;
  pointer-events: none;
  position: relative;
  width: 16px;
}
.PhoneNumberCountryCodeSelect-wrapper:hover .PhoneNumberCountryCodeSelect-chevron {
  fill: hsla(0, 0%, 10%, 0.8);
}
.PhoneNumberCountryCodeSelect-wrapper select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: inherit;
  border: none;
  border-radius: 0;
  outline: 0;
}
.PhoneNumberCountryCodeSelect-wrapper select:focus {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.PhoneNumberCountryCodeSelect-wrapper select::-ms-expand {
  display: none;
}
.PhoneNumberCountryCodeSelect-flagIcon {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 3;
}
.PhoneNumberCountryCodeSelect-select {
  height: 0;
  left: 0;
  padding: 8px 12px 8px 8px;
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 2;
}
@media only screen and (max-width: 991.98px) {
  .PhoneNumberCountryCodeSelect-select {
      left: -12px;
      padding-bottom: 44px;
      padding-left: 20px;
      padding-top: 0;
      top: -16px;
  }
}
.PhoneNumberCountryCodeSelect-chevron {
  bottom: -1px;
  cursor: pointer;
  height: 8px;
  position: absolute;
  right: -4px;
  width: 8px;
  z-index: 4;
}
.LinkBrandedCountryCodeSelectWrapper {
  background-color: #f6f8fa;
  border-radius: 8px;
  color: #1d3944;
  height: calc(100% - 8px);
  margin: 4px 0 4px 4px;
  overflow: hidden;
  padding: 0 12px;
  transition: background-color 0.15s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.LinkBrandedCountryCodeSelectWrapper-focused {
  box-shadow: 0 0 0 2px #33ddb3;
}
.LinkBrandedCountryCodeSelectWrapper:hover {
  background-color: #ebeef1;
}
.LinkBrandedPhoneNumberCountryCodeSelect-flagIcon {
  -webkit-animation: fadeIn 0.75s;
  animation: fadeIn 0.75s;
}
.LinkBrandedCountryPhoneNumberCountryCodeSelect-select {
  color: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.LinkBrandedPhoneNumberCountryCodeSelect-flagIconContainer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  left: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.PhoneNumberInput-inputWrapper {
  position: relative;
}
.PhoneNumberInput-label {
  display: block;
  padding-bottom: 4px;
}
.PhoneNumberInput-dynamicIcons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.PhoneNumberInput-flagIcon {
  margin-top: 3px;
}
.PhoneNumberInput-tooltipIconWrapper {
  margin-left: 8px;
  pointer-events: auto;
}
.PhoneNumberInput-tooltipIcon {
  color: hsla(0, 0%, 10%, 0.5);
}
.PhoneNumberInput-input {
  padding-right: 26px;
}
.PhoneNumberInput--readOnly .PhoneNumberInput-input {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.8);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #f7f7f7;
  color: hsla(0, 0%, 10%, 0.8);
  opacity: 1;
  pointer-events: none;
}
.PhoneNumberInput-readOnlyChangeButtonContainer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: absolute;
  right: 12px;
  top: 0;
}
.PhoneNumberInput-badge {
  border: 1px solid hsla(0, 0%, 10%, 0.2);
  border-radius: 4px;
  color: hsla(0, 0%, 10%, 0.5);
  font-size: 12px;
  font-weight: 400;
  padding: 2px 4px;
}
.Select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.Select-source {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 16px;
  height: 44px;
  line-height: 1.5;
  padding: 8px 32px 8px 12px;
  transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
  width: 100%;
}
.is-darkMode .Select-source {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), #000000;
  box-shadow: 0 0 0 1px rgba(35, 35, 35, 1);
  color: #ffffff;
}
.Select-source--empty {
  color: hsla(0, 0%, 10%, 0.5);
}
.Select-source--empty option {
  color: hsla(0, 0%, 10%, 0.9);
}
.Select-source:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
  z-index: 2;
}
.Select--fakeAutofill .Select-source,
.Select-source:-webkit-autofill {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.9);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
  transition: background-color 100000000s, box-shadow 0s linear;
}
.Select--fakeAutofill .Select-source:focus,
.Select-source:-webkit-autofill:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3), inset 0 0 0 1000px #fefbe7;
  transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
}
.Select-source:disabled {
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px hsla(0, 0%, 10%, 0.1);
  color: hsla(0, 0%, 10%, 0.4);
  transition: background-color 100000000s, box-shadow 0s linear;
}
.Select--fakeAutofill .Select-source:disabled,
.Select-source:disabled:-webkit-autofill {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.4);
}
.Select--invalid .Select-source {
  color: #dc2727;
}
.Select--invalid .Select-source:not(:focus) {
  box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.Select--invalid .Select-source--empty {
  color: hsla(0, 0%, 10%, 0.5);
}
.Select--invalid .Select-source:-webkit-autofill,
.Select--invalid.Select--fakeAutofill {
  -webkit-text-fill-color: hsla(0, 0%, 10%, 0.4);
  box-shadow: 0 0 0 1px rgba(220, 39, 39, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px #fefbe7;
}
.Select-source::-ms-expand {
  display: none;
}
.Select-arrow {
  height: 12px;
  margin-top: -6px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 12px;
  z-index: 3;
}
.is-darkMode .Select-arrow {
  fill: rgba(255, 255, 255, 0.5);
}
.Select-source:disabled + .Select-arrow {
  display: none;
}
.Select-spinner {
  height: 18px;
  margin-top: -9px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 18px;
  z-index: 3;
}
.is-darkMode .Select-spinner {
  fill: rgba(255, 255, 255, 0.5);
}
.App-Container.is-squareBordered .FormFieldGroup-child .Select-source {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Select .Select-source {
  border-top-left-radius: 18px;
}
@media only screen and (min-width: 992px) {
  .App-Container:not(.App-Container--setupMode) .Select-source {
      font-size: 14px;
      height: 36px;
  }
}
.FormFieldInput {
  position: relative;
}
.FormFieldInput-Icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 12px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.FormFieldInput.is-select .FormFieldInput-Icon {
  left: 0;
  padding-left: 12px;
  right: auto;
}
.FormFieldInput.is-select.icon-right .FormFieldInput-Icon {
  left: auto;
  padding-right: 32px;
  right: 0;
}
.FormFieldInput.has-icon .CheckoutInput {
  padding-right: 28px;
}
.FormFieldInput.is-select.has-icon .CheckoutInput {
  padding-right: 12px;
}
.FormFieldInput-Icons {
  height: 100%;
  padding-right: 8px;
  position: absolute;
  right: 0;
  top: 0;
}
.FormFieldInput-Icons,
.FormFieldInput-IconsIcon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  z-index: 3;
}
.FormFieldInput-IconsIcon {
  padding-right: 4px;
}
.FormFieldInput-Icon.is-disabled img,
.FormFieldInput-Icon.is-disabled svg {
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
  opacity: 0.4;
}
.FormFieldInput-Icon img,
.FormFieldInput-Icon svg {
  opacity: 1;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  transition: opacity 0.7s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.7s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.FormFieldInput-Icon.is-loaded img,
.FormFieldInput-Icon.is-loaded svg {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.FormFieldInput-Icon.is-select svg,
.FormFieldInput.is-select img {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  transition: none;
}
.FormFieldInput.is-select.has-icon select {
  text-indent: 26px;
}
.FormFieldInput--rounded,
.FormFieldInput--rounded input {
  border-radius: 6px;
}
.FormFieldInput.is-select.icon-right.has-icon select {
  text-indent: unset;
}
.FormFieldGroup-legend {
  height: 2px;
  opacity: 0;
  position: absolute;
  width: 2px;
}
.FormFieldGroup--is-empty .FormFieldInput-Icon {
  display: none;
}
.FormFieldGroup--is-empty .FormFieldGroup-childLeft .Input:not(:focus),
.FormFieldGroup--is-empty .FormFieldGroup-childLeft .Select-source:not(:focus) {
  box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.FormFieldGroup-Fieldset {
  border: none;
  margin: 0px 0 0;
  padding: 0;
}
.FormFieldGroup-labelContainer {
  overflow-wrap: anywhere;
  position: relative;
}
.FormFieldGroup-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.FormFieldGroup-container--supportTransitions {
  -webkit-perspective: 800px;
  perspective: 800px;
}
.FormFieldGroup-container--invalid {
  border-radius: 6px;
  bottom: 0;
  box-shadow: 0 0 0 1px #ef9896, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.FormFieldGroup-child {
  -webkit-box-flex: 0;
  box-sizing: border-box;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
  -webkit-transform-origin: "0%";
  -ms-transform-origin: "0%";
  transform-origin: "0%";
}
.FormFieldGroup-child--width-12 {
  width: 100%;
}
.FormFieldGroup-child--width-6 {
  width: 50%;
}
.FormFieldGroup-child .CheckoutInput,
.FormFieldGroup-child .Select-source {
  border-radius: 0;
}
.FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,
.FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
  border-top-left-radius: 6px;
}
.FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,
.FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
  border-top-right-radius: 6px;
}
.FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,
.FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
  border-bottom-left-radius: 6px;
}
.FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,
.FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
  border-bottom-right-radius: 6px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup .Select-source {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
  border-top-left-radius: 18px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
  border-top-right-radius: 18px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
  border-bottom-left-radius: 18px;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,
.App-Container.is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,
.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
  border-bottom-right-radius: 18px;
}
.FormFieldGroup-singleChild {
  border-radius: 6px !important;
}
.App-Container.is-squareBordered .FormFieldGroup-singleChild {
  border-radius: 0 !important;
}
.App-Container.is-veryRoundBordered .FormFieldGroup-singleChild {
  border-radius: 18px !important;
}
.FormFieldGroup-bottomChild {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.CustomFieldsFormTitle {
  margin-top: 12px;
}
.ReadOnlyForm {
  background-color: #f7f7f7;
  border-radius: 6px;
  margin: 4px 0 0;
}
.ReadOnlyForm .ReadOnlyFormField {
  border-top: 1px solid hsla(0, 0%, 10%, 0.1);
}
.ReadOnlyForm .ReadOnlyFormField:first-child {
  border-top: none;
}
.ReadOnlyForm--withShadow {
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.ReadOnlyForm--shadowless {
  box-shadow: 0 0 0 1px #e0e0e0;
}
.ReadOnlyForm--topChild {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.App-Container.App-Container.is-veryRoundBordered .ReadOnlyForm {
  border-radius: 18px;
}
.App-Container.App-Container.is-squareBordered .ReadOnlyForm {
  border-radius: 0;
}
.ReadOnlyFormField {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
}
.ReadOnlyFormField.is-clickable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ReadOnlyFormField.is-clickable:hover {
  background: rgba(0, 0, 0, 0.01);
}
.ReadOnlyFormField-label {
  color: hsla(0, 0%, 10%, 0.6);
  font-size: 14px;
  width: 30%;
}
.ReadOnlyFormField-titleContainer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ReadOnlyFormField-action,
.ReadOnlyFormField-titleContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ReadOnlyFormField-action {
  -ms-flex-preferred-size: auto;
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 12px;
}
.ReadOnlyFormField-title {
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ReadOnlyFormField-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.ReadOnlyFormField-description {
  color: hsla(0, 0%, 10%, 0.5);
  font-size: 14px;
}
.ReadOnlyFormField-error {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(220, 39, 39, 0.04);
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 8px;
  padding: 4px 8px;
}
.ReadOnlyFormField-error,
.ReadOnlyFormField-error .Text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ReadOnlyFormField-error .Text {
  -ms-flex-preferred-size: auto;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  margin-left: 8px;
}
.ReadOnlyFormField-error .Icon {
  -ms-flex-preferred-size: 12px;
  -webkit-flex-basis: 12px;
  flex-basis: 12px;
}
.ReadOnlyFormField-additionalContent {
  margin-top: 12px;
}
.PromotionalConsentCheckbox {
  margin-top: 8px;
}
.PromotionalConsentCheckbox.is-indented {
  padding-left: 8px;
}
.Accordion {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  margin: 4px 0 0;
}
.LinkPaymentForm--linkBranded .Accordion {
  box-shadow: 0 0 0 1px #e0e0e0, 0 1px 3px rgba(0, 0, 0, 0.02), 0 4px 12px rgba(0, 0, 0, 0.02);
}
.Accordion .AccordionItem {
  border-top: 1px solid hsla(0, 0%, 10%, 0.1);
}
.Accordion .AccordionItem:first-child {
  border-top: none;
}
.App-Container.is-squareBordered .Accordion {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Accordion {
  border-radius: 18px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion {
  border-radius: 16px;
}
.AccordionError {
  background-color: rgba(220, 39, 39, 0.04);
  border-radius: 6px;
  margin: 4px 0;
  padding: 4px 8px;
}
.AccordionError-icon {
  -ms-flex-preferred-size: 14px;
  -webkit-flex-basis: 14px;
  flex-basis: 14px;
  margin-top: 3px;
}
.AccordionError-message {
  -ms-flex-preferred-size: auto;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  margin-left: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
  }
  13.3% {
      opacity: 0;
  }
  15% {
      opacity: 1;
  }
  to {
      opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
      opacity: 0;
  }
  13.3% {
      opacity: 0;
  }
  15% {
      opacity: 1;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes drawCheckmark {
  0% {
      stroke-dashoffset: 28px;
  }
  15% {
      stroke-dashoffset: 28px;
      -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
      animation-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  55% {
      stroke-dashoffset: 0px;
  }
  to {
      stroke-dashoffset: 0px;
  }
}
@keyframes drawCheckmark {
  0% {
      stroke-dashoffset: 28px;
  }
  15% {
      stroke-dashoffset: 28px;
      -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
      animation-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  55% {
      stroke-dashoffset: 0px;
  }
  to {
      stroke-dashoffset: 0px;
  }
}
@-webkit-keyframes checkmarkCircleShimmer {
  0% {
      -webkit-transform: translate(24px, 24px) rotate(-35deg);
      transform: translate(24px, 24px) rotate(-35deg);
  }
  15% {
      -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
      animation-timing-function: cubic-bezier(1, 0, 0, 1);
      -webkit-transform: translate(24px, 24px) rotate(-35deg);
      transform: translate(24px, 24px) rotate(-35deg);
  }
  75% {
      -webkit-transform: translate(24px, 24px) rotate(325deg);
      transform: translate(24px, 24px) rotate(325deg);
  }
  to {
      -webkit-transform: translate(24px, 24px) rotate(325deg);
      transform: translate(24px, 24px) rotate(325deg);
  }
}
@keyframes checkmarkCircleShimmer {
  0% {
      -webkit-transform: translate(24px, 24px) rotate(-35deg);
      transform: translate(24px, 24px) rotate(-35deg);
  }
  15% {
      -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
      animation-timing-function: cubic-bezier(1, 0, 0, 1);
      -webkit-transform: translate(24px, 24px) rotate(-35deg);
      transform: translate(24px, 24px) rotate(-35deg);
  }
  75% {
      -webkit-transform: translate(24px, 24px) rotate(325deg);
      transform: translate(24px, 24px) rotate(325deg);
  }
  to {
      -webkit-transform: translate(24px, 24px) rotate(325deg);
      transform: translate(24px, 24px) rotate(325deg);
  }
}
.CheckSuccess-checkGroup {
  -webkit-animation: fadeIn 1s linear both;
  animation: fadeIn 1s linear both;
}
.CheckSuccess-check {
  -webkit-animation: drawCheckmark 1s linear both;
  animation: drawCheckmark 1s linear both;
}
.CheckSuccess-circle {
  -webkit-animation: checkmarkCircleShimmer 1s linear both, drawCircle 1s linear both;
  animation: checkmarkCircleShimmer 1s linear both, drawCircle 1s linear both;
}
@-webkit-keyframes changeCircleToPink {
  0% {
      stroke: #24b47e;
  }
  65% {
      stroke: #24b47e;
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  72.5% {
      stroke: #ff5996;
  }
  to {
      stroke: #ff5996;
  }
}
@keyframes changeCircleToPink {
  0% {
      stroke: #24b47e;
  }
  65% {
      stroke: #24b47e;
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  72.5% {
      stroke: #ff5996;
  }
  to {
      stroke: #ff5996;
  }
}
@-webkit-keyframes drawCircle {
  0% {
      stroke-dashoffset: 145px;
  }
  8.35% {
      stroke-dashoffset: 145px;
      -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
      animation-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  38.35% {
      stroke-dashoffset: 0px;
  }
  to {
      stroke-dashoffset: 0px;
  }
}
@keyframes drawCircle {
  0% {
      stroke-dashoffset: 145px;
  }
  8.35% {
      stroke-dashoffset: 145px;
      -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
      animation-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  38.35% {
      stroke-dashoffset: 0px;
  }
  to {
      stroke-dashoffset: 0px;
  }
}
@-webkit-keyframes rotateHeartLeft {
  0% {
      -webkit-transform: translate(24px, 24px) rotate(0deg);
      transform: translate(24px, 24px) rotate(0deg);
  }
  57% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(0deg);
      transform: translate(24px, 24px) rotate(0deg);
  }
  60.85% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(30deg);
      transform: translate(24px, 24px) rotate(30deg);
  }
  68.35% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(-90deg);
      transform: translate(24px, 24px) rotate(-90deg);
  }
  72.5% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(-45deg);
      transform: translate(24px, 24px) rotate(-45deg);
  }
  75.85% {
      -webkit-transform: translate(24px, 24px) rotate(-60deg);
      transform: translate(24px, 24px) rotate(-60deg);
  }
  to {
      -webkit-transform: translate(24px, 24px) rotate(-60deg);
      transform: translate(24px, 24px) rotate(-60deg);
  }
}
@keyframes rotateHeartLeft {
  0% {
      -webkit-transform: translate(24px, 24px) rotate(0deg);
      transform: translate(24px, 24px) rotate(0deg);
  }
  57% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(0deg);
      transform: translate(24px, 24px) rotate(0deg);
  }
  60.85% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(30deg);
      transform: translate(24px, 24px) rotate(30deg);
  }
  68.35% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(-90deg);
      transform: translate(24px, 24px) rotate(-90deg);
  }
  72.5% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: translate(24px, 24px) rotate(-45deg);
      transform: translate(24px, 24px) rotate(-45deg);
  }
  75.85% {
      -webkit-transform: translate(24px, 24px) rotate(-60deg);
      transform: translate(24px, 24px) rotate(-60deg);
  }
  to {
      -webkit-transform: translate(24px, 24px) rotate(-60deg);
      transform: translate(24px, 24px) rotate(-60deg);
  }
}
@-webkit-keyframes rotateHeartRight {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  60.85% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  72.5% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
  }
  to {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
  }
}
@keyframes rotateHeartRight {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  60.85% {
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  72.5% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
  }
  to {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
  }
}
@-webkit-keyframes fadeInHeart {
  0% {
      opacity: 0;
  }
  7% {
      opacity: 0;
  }
  8% {
      opacity: 1;
  }
  to {
      opacity: 1;
  }
}
@keyframes fadeInHeart {
  0% {
      opacity: 0;
  }
  7% {
      opacity: 0;
  }
  8% {
      opacity: 1;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes changeHeartToPink {
  0% {
      stroke: #24b47e;
  }
  65% {
      stroke: #24b47e;
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  72.5% {
      stroke: #ff5996;
  }
  to {
      stroke: #ff5996;
  }
}
@keyframes changeHeartToPink {
  0% {
      stroke: #24b47e;
  }
  65% {
      stroke: #24b47e;
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  72.5% {
      stroke: #ff5996;
  }
  to {
      stroke: #ff5996;
  }
}
@-webkit-keyframes drawCheckThenTransformToHeart {
  0% {
      d: path("M-10,1.5C-10,1.5,-10,1.51,-10,1.51C-10,1.51,-10,1.523,-10,1.523C-10,1.523,-10,1.543,-10,1.543C-10,1.543,-10,1.562,-10,1.562C-10,1.562,-10,1.531,-10,1.531C-10,1.531,-10,1.5,-10,1.5");
  }
  8.35% {
      d: path("M-10,1.5C-10,1.5,-10,1.51,-10,1.51C-10,1.51,-10,1.523,-10,1.523C-10,1.523,-10,1.543,-10,1.543C-10,1.543,-10,1.562,-10,1.562C-10,1.562,-10,1.531,-10,1.531C-10,1.531,-10,1.5,-10,1.5");
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  11.65% {
      d: path("M-10,1.5C-10,1.5,-8.984,2.438,-8.984,2.438C-8.984,2.438,-7.562,3.75,-7.562,3.75C-7.562,3.75,-5.531,5.625,-5.531,5.625C-5.531,5.625,-3.5,7.5,-3.5,7.5C-3.5,7.5,-3.5,7.5,-3.5,7.5C-3.5,7.5,-3.5,7.5,-3.5,7.5");
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  17.5% {
      d: path("M-10,1.5C-10,1.5,-8.984,2.438,-8.984,2.438C-8.984,2.438,-7.562,3.75,-7.562,3.75C-7.562,3.75,-5.531,5.625,-5.531,5.625C-5.531,5.625,-3.5,7.5,-3.5,7.5C-3.5,7.5,3.234,0.985,3.234,0.985C3.234,0.985,9.969,-5.531,9.969,-5.531");
      -webkit-animation-timing-function: steps(1);
      animation-timing-function: steps(1);
  }
  65% {
      d: path(
          "M-10,1.5C-10,1.5,-7.028,4.243,-7.028,4.243C-7.028,4.243,-5.557,5.602,-5.557,5.602C-5.557,5.602,-3.5,7.5,-3.5,7.5C-3.5,7.5,-1.251,5.324,-1.251,5.324C-1.251,5.324,0.063,4.053,0.063,4.053C0.063,4.053,9.969,-5.531,9.969,-5.531"
      );
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  72.5% {
      d: path(
          "M-0.178,-6.108C-0.178,-6.108,-2.178,-10.108,-6.174,-10.111C-10.155,-10.114,-13.175,-6.109,-13.176,-2.101C-13.178,5.891,-2.178,12.892,-0.178,12.892C1.822,12.892,12.821,5.892,12.813,-2.096C12.809,-6.108,9.744,-10.096,5.806,-10.102C1.822,-10.108,-0.022,-6.14,-0.022,-6.14"
      );
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  77.5% {
      d: path(
          "M-0.178,-6.108C-0.178,-6.108,-2.178,-10.108,-6.174,-10.111C-10.155,-10.114,-13.175,-6.109,-13.176,-2.101C-13.178,5.891,-2.178,12.892,-0.178,12.892C1.822,12.892,12.821,5.892,12.813,-2.096C12.809,-6.108,9.744,-10.096,5.806,-10.102C1.822,-10.108,-0.022,-6.14,-0.022,-6.14"
      );
  }
  to {
      d: path(
          "M-0.178,-6.108C-0.178,-6.108,-2.178,-10.108,-6.174,-10.111C-10.155,-10.114,-13.175,-6.109,-13.176,-2.101C-13.178,5.891,-2.178,12.892,-0.178,12.892C1.822,12.892,12.821,5.892,12.813,-2.096C12.809,-6.108,9.744,-10.096,5.806,-10.102C1.822,-10.108,-0.022,-6.14,-0.022,-6.14"
      );
  }
}
@keyframes drawCheckThenTransformToHeart {
  0% {
      d: path("M-10,1.5C-10,1.5,-10,1.51,-10,1.51C-10,1.51,-10,1.523,-10,1.523C-10,1.523,-10,1.543,-10,1.543C-10,1.543,-10,1.562,-10,1.562C-10,1.562,-10,1.531,-10,1.531C-10,1.531,-10,1.5,-10,1.5");
  }
  8.35% {
      d: path("M-10,1.5C-10,1.5,-10,1.51,-10,1.51C-10,1.51,-10,1.523,-10,1.523C-10,1.523,-10,1.543,-10,1.543C-10,1.543,-10,1.562,-10,1.562C-10,1.562,-10,1.531,-10,1.531C-10,1.531,-10,1.5,-10,1.5");
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  11.65% {
      d: path("M-10,1.5C-10,1.5,-8.984,2.438,-8.984,2.438C-8.984,2.438,-7.562,3.75,-7.562,3.75C-7.562,3.75,-5.531,5.625,-5.531,5.625C-5.531,5.625,-3.5,7.5,-3.5,7.5C-3.5,7.5,-3.5,7.5,-3.5,7.5C-3.5,7.5,-3.5,7.5,-3.5,7.5");
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  17.5% {
      d: path("M-10,1.5C-10,1.5,-8.984,2.438,-8.984,2.438C-8.984,2.438,-7.562,3.75,-7.562,3.75C-7.562,3.75,-5.531,5.625,-5.531,5.625C-5.531,5.625,-3.5,7.5,-3.5,7.5C-3.5,7.5,3.234,0.985,3.234,0.985C3.234,0.985,9.969,-5.531,9.969,-5.531");
      -webkit-animation-timing-function: steps(1);
      animation-timing-function: steps(1);
  }
  65% {
      d: path(
          "M-10,1.5C-10,1.5,-7.028,4.243,-7.028,4.243C-7.028,4.243,-5.557,5.602,-5.557,5.602C-5.557,5.602,-3.5,7.5,-3.5,7.5C-3.5,7.5,-1.251,5.324,-1.251,5.324C-1.251,5.324,0.063,4.053,0.063,4.053C0.063,4.053,9.969,-5.531,9.969,-5.531"
      );
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  72.5% {
      d: path(
          "M-0.178,-6.108C-0.178,-6.108,-2.178,-10.108,-6.174,-10.111C-10.155,-10.114,-13.175,-6.109,-13.176,-2.101C-13.178,5.891,-2.178,12.892,-0.178,12.892C1.822,12.892,12.821,5.892,12.813,-2.096C12.809,-6.108,9.744,-10.096,5.806,-10.102C1.822,-10.108,-0.022,-6.14,-0.022,-6.14"
      );
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  77.5% {
      d: path(
          "M-0.178,-6.108C-0.178,-6.108,-2.178,-10.108,-6.174,-10.111C-10.155,-10.114,-13.175,-6.109,-13.176,-2.101C-13.178,5.891,-2.178,12.892,-0.178,12.892C1.822,12.892,12.821,5.892,12.813,-2.096C12.809,-6.108,9.744,-10.096,5.806,-10.102C1.822,-10.108,-0.022,-6.14,-0.022,-6.14"
      );
  }
  to {
      d: path(
          "M-0.178,-6.108C-0.178,-6.108,-2.178,-10.108,-6.174,-10.111C-10.155,-10.114,-13.175,-6.109,-13.176,-2.101C-13.178,5.891,-2.178,12.892,-0.178,12.892C1.822,12.892,12.821,5.892,12.813,-2.096C12.809,-6.108,9.744,-10.096,5.806,-10.102C1.822,-10.108,-0.022,-6.14,-0.022,-6.14"
      );
  }
}
.AccordionButton {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.LinkPaymentForm--linkBranded .AccordionButton {
  color: #1d3944;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
}
.AccordionItemContent {
  padding: 16px;
  width: 100%;
}
.AccordionItemContent-body {
  padding-top: 12px;
}
.AccordionItemCover {
  padding: 16px;
  width: 100%;
}
.AccordionItemCover-label {
  line-height: 14px;
  width: 25%;
}
.AccordionItemCover-content {
  padding: 8px 0;
}
.LinkPaymentForm--linkBranded .AccordionItemCover-content {
  padding-bottom: 0;
  padding-top: 16px;
}
.AccordionItem {
  transition: height 0.2s;
}
.AccordionItem.is-expanding {
  overflow: hidden;
}
.AccordionItem-wrapper {
  position: relative;
}
.AccordionItem-wrapper,
.InfoModal-modalOverlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.InfoModal-modalOverlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.InfoModal-modalOverlay.ModalOverlay--afterOpen {
  opacity: 1;
}
.InfoModal-modalOverlay.ModalOverlay--beforeClose {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.InfoModal-modal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
  color: hsla(0, 0%, 10%, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 13px;
  letter-spacing: -0.15px;
  max-width: 348px;
  padding: 24px;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  width: 100%;
}
.InfoModal-modal.ModalContent--afterOpen {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.InfoModal-modal.ModalContent--beforeClose {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  transition: -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.InfoModal-headerText {
  color: hsla(0, 0%, 10%, 0.8);
  font-size: 16px;
  font-weight: 600;
}
.InfoModal-headerText,
.InfoModal-subheaderText {
  line-height: 18px;
  max-width: 270px;
  text-align: center;
}
.InfoModal-subheaderText {
  margin-top: 8px;
}
.InfoModal-bulletBlock {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 24px;
  max-width: 270px;
}
.InfoModal-bulletText {
  margin-left: 12px;
}
.InfoModal-bulletTitle {
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.InfoModal-bulletIcon path,
.InfoModal-bulletIcon svg {
  fill: black;
}
.InfoModal-bulletDescription {
  line-height: 17px;
  margin-top: 2px;
}
.InfoModal-footerText {
  color: hsla(0, 0%, 10%, 0.4);
  font-size: 13px;
  line-height: 16px;
  margin-top: 24px;
}
.InfoModal-buttonGroup {
  margin-top: 24px;
  width: 100%;
}
.InfoModal-privacyLink {
  margin-top: 12px;
  text-align: center;
}
.SignUpForm-container {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 8px 12px;
  position: relative;
  transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
  width: 100%;
}
.is-darkMode .SignUpForm-container {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), #000000;
  box-shadow: 0 0 0 1px rgba(35, 35, 35, 1);
  color: #ffffff;
}
.SignUpForm-headerContainer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 12px;
  position: relative;
  word-break: break-word;
}
.App-Container.is-squareBordered .SignUpForm-headerContainer {
  border-radius: 0;
}
.App-Container.App-Container.is-veryRoundBordered .SignUpForm-headerContainer {
  border-radius: 18px;
}
.SignUpForm--expanded .SignUpForm-headerContainer {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.SignUpForm-container .PhoneNumberInput {
  padding: 20px 0;
}
.SignUpForm-phoneInput {
  border-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.SignUpForm--withTerms .SignUpForm-phoneInput {
  border-radius: 0;
}
.SignUpForm-terms {
  background-color: #ffffff;
  border-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  padding: 12px;
  position: relative;
}
.App-Container.is-squareBordered .SignUpForm-terms {
  border-radius: 0;
}
.App-Container.App-Container.is-veryRoundBordered .SignUpForm-terms {
  border-radius: 0 0 18px 18px;
}
.FormFieldCheckbox.SignUpForm-checkbox {
  margin-top: -2px;
}
.SignUpForm-clickableArea {
  border-radius: 6px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.App-Container.is-squareBordered .SignUpForm-clickableArea {
  border-radius: 0;
}
.App-Container.App-Container.is-veryRoundBordered .SignUpForm-clickableArea {
  border-radius: 18px;
}
.SignUpForm-checkbox .Checkbox-InputContainer {
  top: 3px;
}
.SignUpForm-checkbox .Checkbox-Label,
.SignUpForm-header .SignUpForm-headerText {
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 14px;
  font-weight: 400;
}
.SignUpForm-subLabel {
  color: hsla(0, 0%, 10%, 0.4);
  font-size: 13px;
  margin-top: 4px;
}
.SignUpForm-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 8px;
}
.SignUpForm-footer svg {
  fill: hsla(0, 0%, 10%, 0.6);
}
.SignUpForm-footerText:after {
  color: hsla(0, 0%, 10%, 0.3);
  content: "\2022";
  margin: 0 8px;
}
.SignUpForm-footerLogo {
  font-size: 10px;
  height: 10px;
}
.SignUpForm-footerLogo svg {
  height: 10px;
}
.SignUpForm-footerSpacer {
  color: hsla(0, 0%, 10%, 0.3);
  font-size: 10px;
  line-height: 10px;
  margin: 0 8px;
}
.App-Container.App-Container.is-veryRoundBordered .SignUpForm--expanded .SignUpForm-headerContainer {
  border-radius: 18px 18px 0 0;
}
.App-Container.is-veryRoundBordered .SignUpForm .CheckoutInput {
  border-radius: 0 0 18px 18px;
}
.App-Container.is-veryRoundBordered .SignUpForm--withTerms .CheckoutInput {
  border-radius: 0;
}
@media only screen and (min-width: 992px) {
  .SignUpForm-headerContainer {
      padding-bottom: 8px;
      padding-top: 8px;
  }
}
.SignUpForm-signUpFormContainer {
  margin-top: 8px;
}
.SignUpForm-signUpFormContainer.SignUpForm-signUpFormContainer--hidden {
  margin: 0;
  padding: 0;
}
.SignUpForm-labelHeader {
  font-weight: 500;
}
.SignUpForm-labelHeader--withIncentive {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.SignUpForm-financialIncentiveBadgeContainer {
  margin-left: 12px;
}
.SignUpForm-financialIncentiveText {
  background: #24b47e;
  border-radius: 6px;
  height: 16px;
  padding: 2px 4px;
  white-space: nowrap;
}
.SignUpForm-moreInfoLink--secondary {
  color: hsla(0, 0%, 10%, 0.5);
}
.p-PromoBadge-financialIncentiveText {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: #24b47e;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0.05em 0.35em 0.02em;
  white-space: nowrap;
}
@-webkit-keyframes inputShake {
  0% {
      -webkit-transform: translateX(0) rotateY(0);
      transform: translateX(0) rotateY(0);
  }
  12.5% {
      -webkit-transform: translateX(-6px) rotateY(-5deg);
      transform: translateX(-6px) rotateY(-5deg);
  }
  37.5% {
      -webkit-transform: translateX(5px) rotateY(4deg);
      transform: translateX(5px) rotateY(4deg);
  }
  62.5% {
      -webkit-transform: translateX(-3px) rotateY(-2deg);
      transform: translateX(-3px) rotateY(-2deg);
  }
  87.5% {
      -webkit-transform: translateX(2px) rotateY(1deg);
      transform: translateX(2px) rotateY(1deg);
  }
  to {
      -webkit-transform: translateX(0) rotateY(0);
      transform: translateX(0) rotateY(0);
  }
}
@keyframes inputShake {
  0% {
      -webkit-transform: translateX(0) rotateY(0);
      transform: translateX(0) rotateY(0);
  }
  12.5% {
      -webkit-transform: translateX(-6px) rotateY(-5deg);
      transform: translateX(-6px) rotateY(-5deg);
  }
  37.5% {
      -webkit-transform: translateX(5px) rotateY(4deg);
      transform: translateX(5px) rotateY(4deg);
  }
  62.5% {
      -webkit-transform: translateX(-3px) rotateY(-2deg);
      transform: translateX(-3px) rotateY(-2deg);
  }
  87.5% {
      -webkit-transform: translateX(2px) rotateY(1deg);
      transform: translateX(2px) rotateY(1deg);
  }
  to {
      -webkit-transform: translateX(0) rotateY(0);
      transform: translateX(0) rotateY(0);
  }
}
.OtpInput {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 230px;
}
.OtpInput--withIcon {
  max-width: 252px;
}
.OtpInput.is-invalid {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: inputShake;
  animation-name: inputShake;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.OtpInput-inputGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.OtpInput-inputGroup,
.OtpInput-inputGroup input {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.OtpInput-inputGroup input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  color: hsla(0, 0%, 10%, 0.9);
  font-size: 20px;
  line-height: 1.5;
  max-width: 100%;
  min-width: 0;
  text-align: center;
  transition: box-shadow 0.08s ease-in, color 0.08s ease-in, filter 50000s;
  width: 100%;
}
.OtpInput-inputGroup input:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
  z-index: 2;
}
.OtpInput-inputGroup input::-ms-clear {
  display: none;
}
.OtpInput-inputGroup input:disabled {
  color: hsla(0, 0%, 10%, 0.4);
}
.OtpInput-inputGroup input:first-child {
  margin-right: 8px;
}
.OtpInput-inputGroup input:last-child {
  margin-left: 8px;
}
.OtpInput-icon {
  margin-right: 16px;
}
.LinkBrandedOtpInput {
  max-width: 300px;
}
.LinkBrandedOtpInput input {
  border-radius: 8px;
  box-shadow: 0 0 0 1px #e0e0e0;
  height: 48px;
  width: 40px;
}
.LinkBrandedOtpInput input:focus {
  box-shadow: 0 0 0 2px #33ddb3;
}
.LinkBrandedOtpInput input::-webkit-input-placeholder {
  color: #ebeef1;
  font-size: 30px;
  font-weight: 500;
}
.LinkBrandedOtpInput input::-moz-placeholder {
  color: #ebeef1;
  font-size: 30px;
  font-weight: 500;
}
.LinkBrandedOtpInput input:-ms-input-placeholder {
  color: #ebeef1;
  font-size: 30px;
  font-weight: 500;
}
.LinkBrandedOtpInput input::placeholder {
  color: #ebeef1;
  font-size: 30px;
  font-weight: 500;
}
.LinkBrandedOtpInput-inputGroup {
  margin-right: 20px;
}
.SendEmailOTPButton:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
  z-index: 2;
}
.LinkBrandedEmailOTPButton {
  color: #1d3944;
  height: 24px;
  line-height: 24px;
  position: relative;
}
.LinkBrandedEmailOTPButton :after {
  border-bottom: 1px solid #1d3944;
  bottom: -2px;
  content: "";
  left: 0;
  opacity: 0.2;
  position: absolute;
  right: 0;
}
.LinkBrandedEmailOTPButton:hover :after {
  opacity: 0.5;
}
.LinkBrandedEmailOTPButton-resendTimer {
  height: 24px;
  line-height: 24px;
  opacity: 0.5;
}
.LinkBrandedEmailOTPButton-spinner .Spinner-svg {
  height: 24px;
  width: 24px;
}
.VerificationStatus {
  background-color: hsla(0, 0%, 10%, 0.05);
  border-radius: 6px;
  padding: 8px;
}
.VerificationStatus.is-invalid {
  background-color: rgba(220, 39, 39, 0.04);
  color: #dc2727;
}
.VerificationStatus.is-succeeded {
  background-color: rgba(36, 180, 126, 0.05);
  color: #24b47e;
}
.VerificationStatus svg {
  fill: hsla(0, 0%, 10%, 0.5);
  margin-right: 8px;
}
.VerificationStatus.is-invalid svg {
  fill: #dc2727;
}
.VerificationStatus.is-succeeded path,
.VerificationStatus.is-succeeded svg {
  fill: #24b47e;
}
.VerificationStatus-messageLine,
.VerificationStatus-phoneNumberLine {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.VerificationStatus-phoneNumberLine {
  margin-top: 4px;
}
.VerificationStatus-phoneNumberLine svg {
  margin-right: 4px;
}
.PhoneNumberVerification-input {
  border-radius: 8px;
}
.PhoneNumberVerification-verifyButton--incomplete {
  opacity: 0.6;
}
.LinkBrandedPhoneNumberInput-input {
  border-radius: 8px;
  box-shadow: 0 0 0 1px #e0e0e0;
  height: 56px;
  padding-left: 72px;
  padding-right: 0;
}
.LinkBrandedPhoneNumberInput input:focus,
.LinkBrandedPhoneNumberInput select:focus {
  box-shadow: 0 0 0 2px #33ddb3;
}
.LinkBrandedPhoneNumberInput {
  width: 100%;
}
.LinkBrandedPhoneNumberVerification-verifyButton {
  border-radius: 12px;
}
.InlineVerification {
  border-top: 1px solid hsla(0, 0%, 10%, 0.1);
  margin-top: 16px;
}
.InlineVerification-content,
.VerificationModal-modalContent {
  padding-bottom: 4px;
  padding-top: 16px;
  width: 100%;
}
.LinkEmailAccordionItem .AccordionItemCover-content {
  padding: 0;
}
.LinkFooter .Icon svg {
  display: block;
}
.LinkFooter .EncryptedLabel-description {
  line-height: 23px;
}
.LinkHeaderAccordionItem .InlineSVG {
  fill: #1d3944;
}
.LinkHeaderAccordionItem .AccordionItemCover {
  padding-top: 0;
}
.LinkHeaderAccordionItem .Icon,
.LinkHeaderAccordionItem .Icon svg {
  display: block;
}
.LinkHeaderAccordionItem .EncryptedLabel-description {
  line-height: 23px;
}
.ShippingAsBillingCheckbox-tooltipIcon {
  color: hsla(0, 0%, 10%, 0.5);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
}
.LinkBillingAccordionItem .AccordionItemCover-title {
  margin-top: -2px;
}
.LinkBillingAccordionItem .AccordionItemContent-body {
  padding-top: 4px;
}
.LinkBillingAccordionItem .AccordionItemContent-body .LinkBillingAccordionItem-checkbox {
  margin-top: 16px;
}
.LinkRedactedBankAccount .BrandIconContainer {
  height: 15px;
  width: 32px;
}
.LinkRedactedBankAccountDetails {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.PromoBadgeContainer {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 0.5em;
}
.Picker {
  margin: 4px 0 0;
}
.MenuAction {
  background: none;
  border: none;
  color: #0074d4;
  cursor: pointer;
  outline: none;
  padding: 6px 10px;
  text-align: left;
  transition: background-color 0.2s ease;
}
.LinkPaymentForm--linkBranded .MenuAction {
  color: #1d3944;
}
.MenuAction:first-child {
  padding-top: 10px;
}
.MenuAction:last-child {
  padding-bottom: 10px;
}
.MenuAction:focus-visible {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.MenuAction:hover {
  background-color: #f7f7f7;
}
.LinkPaymentForm--linkBranded .MenuAction--danger,
.MenuAction--danger {
  color: #dc2727;
}
.Menu-trigger {
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  height: 24px;
  margin-right: -4px;
  padding: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: background-color 0.2s ease;
  width: 24px;
}
.Menu-icon {
  display: block;
  margin: auto;
}
.Menu-trigger:focus-visible {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.Menu-trigger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.Menu-actionItem {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Menu-divider {
  background: rgba(0, 0, 0, 0.05);
  height: 1px;
}
.Menu-items {
  background-color: #ffffff;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 30px 45px -30px rgba(0, 0, 0, 0.06), 0 18px 36px -18px rgba(0, 0, 0, 0.06);
  font-size: 14px;
  pointer-events: none;
  position: absolute;
  right: 4%;
  transition: opacity 0.2s ease;
  visibility: hidden;
  z-index: 10;
}
.Menu--open .Menu-items {
  pointer-events: all;
  visibility: visible;
}
.Menu--disabled .Menu-icon {
  opacity: 0.5;
}
.Menu--disabled .Menu-trigger:hover {
  background-color: transparent;
  cursor: default;
}
.Menu-actionItem:first-child .MenuAction:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.Menu-actionItem:last-child .MenuAction:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.App-Container.is-squareBordered .Menu-items,
.App-Container.is-squareBordered .Menu-trigger {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Menu-items,
.App-Container.is-veryRoundBordered .Menu-trigger {
  border-radius: 18px;
}
.App-Container.is-squareBordered .Menu-actionItem:first-child .MenuAction:first-child,
.App-Container.is-squareBordered .Menu-actionItem:last-child .MenuAction:last-child {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .Menu-actionItem:first-child .MenuAction:first-child {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.App-Container.is-veryRoundBordered .Menu-actionItem:last-child .MenuAction:last-child {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.Menu-icon {
  color: #0074d4;
}
.PickerItem {
  background-color: #ffffff;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0;
  cursor: pointer;
  font-size: 14px;
  margin: 8px 0 0;
  padding: 12px;
  transition: box-shadow 0.08s ease-in;
  width: 100%;
}
.PickerItem:hover {
  box-shadow: 0 0 0 1px rgba(175, 175, 175, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.PickerItem:focus,
.PickerItem:focus:hover {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.PickerItem--highlight,
.PickerItem--highlight:hover {
  box-shadow: 0 0 0 2px #0074d4;
}
.PickerItem--highlight:focus,
.PickerItem--highlight:focus:hover {
  box-shadow: 0 0 0 2px #0074d4, 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.PickerItem--disabled,
.PickerItem--disabled:hover {
  box-shadow: 0 0 0 1px #e0e0e0;
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
}
.PickerItem--disabled .BrandIcon {
  opacity: 0.5;
}
.PickerItem-container {
  min-height: 24px;
}
.App-Container.is-squareBordered .PickerItem {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .PickerItem {
  border-radius: 18px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .PickerItem {
  border-radius: 6px;
}
.SavedCardView {
  width: 100%;
}
.SavedCardView-error {
  margin-left: auto;
  margin-right: 2px;
}
.SavedCardView-error .Icon {
  display: block;
}
.SavedCardView-error .Text {
  line-height: 12px;
}
.LinkPaymentPicker-newItem svg {
  display: block;
  margin: auto;
}
.LinkPaymentPicker-newItem .Text {
  color: #0074d4;
}
.SavedCardView .BrandIconContainer {
  height: 16px;
  width: 24px;
}
.LinkPaymentPicker-newIcon {
  background: rgba(0, 85, 255, 0.03);
  border-radius: 6px;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}
.LinkPaymentForm--linkBranded .LinkPaymentPicker-newIcon {
  background-color: #1d394426;
}
.LinkPaymentForm--linkBranded .LinkPaymentPicker-newIcon .Icon {
  fill: #1d3944;
}
.LinkPaymentForm--linkBranded .LinkPaymentPicker-newItem .Text {
  color: #1d3944;
  font-weight: 500;
}
.LinkRedactedCardNumber .BrandIconContainer {
  height: 16px;
  width: 24px;
}
.LinkUpdateCardForm-number {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px hsla(0, 0%, 10%, 0.1);
  color: hsla(0, 0%, 10%, 0.4);
  padding: 12px;
}
.App-Container.is-squareBordered .LinkUpdateCardForm-number {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .LinkUpdateCardForm-number {
  border-radius: 18px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .LinkUpdateCardForm-number {
  border-radius: 6px;
}
.LinkUpdateCardForm .BillingAddressForm-addressInput {
  margin-bottom: 8px;
}
.LinkUpdateCardForm-updateButton {
  border: 0;
  box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  transition: all 0.2s ease;
  width: 100%;
}
.LinkUpdateCardForm-updateButton--incomplete .Text {
  opacity: 0.6;
}
.LinkUpdateCardForm-updateButton .Spinner {
  margin-bottom: -1px;
  margin-top: -1px;
}
.Clipboard {
  margin-right: 4px;
}
.CopyLinkWrapper {
  fill: hsla(0, 0%, 10%, 0.5);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: hsla(0, 0%, 10%, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.CopyLinkWrapper:hover {
  fill: hsla(0, 0%, 10%, 0.7);
  color: hsla(0, 0%, 10%, 0.7);
}
.CopyLinkWrapper:active {
  fill: hsla(0, 0%, 10%, 1);
  color: hsla(0, 0%, 10%, 1);
}
.CopyLinkWrapper > .Clipboard {
  fill: inherit;
  color: inherit;
}
@media print {
  .CopyLink {
      display: none;
  }
}
.LabeledTableRow--wide > td:first-child {
  padding-right: 24px;
}
.LabeledTableRow .LabeledTableRow--valueWithLineBreaks {
  white-space: pre-wrap;
}
.LabeledTableRow td:last-child {
  word-break: break-word;
}
.LeftLabeledTable-table {
  border-collapse: separate;
  border-spacing: 24px 4px;
  margin: -4px -24px 0;
  width: calc(100% + 48px);
}
.LeftLabeledTable-well {
  background-color: hsla(0, 0%, 10%, 0.05);
  border: 1px solid hsla(0, 0%, 10%, 0.1);
  border-collapse: separate;
  border-radius: 6px;
  border-spacing: 12px 4px;
  padding: 4px 2px;
  width: 100%;
  word-break: break-word;
}
.BlikPending {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  margin-top: 24px;
  overflow: hidden;
  padding: 32px;
}
.BlickPayment-blikCodeInfoTooltip .Tooltip-Text {
  max-width: 330px;
  width: 330px;
}
.Radio {
  height: 16px;
  width: 16px;
}
.FormFieldRadio.is-radioButtonHidden {
  position: relative;
}
.FormFieldRadio.is-radioButtonHidden input[type="radio"] {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.FormFieldRadio.is-radioButtonHidden img {
  display: block;
}
.FormFieldRadio.is-radioButtonHidden label {
  cursor: pointer;
  display: block;
}
.FormFieldRadio.is-radioButtonHidden label > * {
  display: block;
  opacity: 0.2;
  transition: opacity 0.15s ease-in-out;
}
.FormFieldRadio.is-radioButtonHidden input[type="radio"]:checked + label > * {
  opacity: 1;
}
.FormFieldRadio.is-radioButtonHidden input[type="radio"]:focus + label,
.FormFieldRadio.is-radioButtonHidden input[type="radio"]:focus-visible + label {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
}
.FormFieldRadio.is-radioButtonHidden input[type="radio"]:focus:not(:focus-visible) + label {
  box-shadow: none;
}
.CardBrandChoice,
.CardBrandChoice-Icon {
  pointer-events: auto;
}
.CardFormFieldGroupIconOverflow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  position: relative;
  width: 28px;
}
.CardFormFieldGroupIconOverflow-Item {
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
  transition-delay: 0.15s;
}
.CardFormFieldGroupIconOverflow-Item--visible {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.CardFormFieldGroupIconOverflow-Item--invisible {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.RadioButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: content-box;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 10%, 0.4);
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  padding: 2px;
  width: 12px;
}
.RadioButton:checked {
  background-color: #0074d4;
  border-color: #0074d4;
}
.InstallmentPlanSelector-item-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.InstallmentPlanSelector-name {
  margin-left: 0.5em;
}
.flex-item.InstallmentPlanOptionsForm-hidden {
  padding: 0;
}
.InstallmentPlanSelector {
  margin-top: 1em;
}
.InstallmentPlanSelector-input-container.CheckoutInput {
  height: auto;
  line-height: 1.5;
}
.InstallmentPlanSelector-option__selected .InstallmentPlanSelector-radio,
.InstallmentPlanSelector-radio {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
@media only screen and (max-width: 991.98px) {
  .InstallmentPlanSelector-radio {
      margin-top: 4px;
  }
}
@media only screen and (min-width: 992px) {
  .App-Container:not(.App-Container--setupMode) .CheckoutInput.InstallmentPlanSelector-input-container {
      height: auto;
  }
}
.CardPayment-readOnlyFormLabel h3 {
  display: inline-block;
}
.CardPayment-signUpFormContainer {
  margin-top: 8px;
}
.CardPayment-signUpFormContainer.CardPayment-signUpFormContainer--hidden {
  margin: 0;
  padding: 0;
}
@-webkit-keyframes scanner {
  0% {
      opacity: 0;
      -webkit-transform: scaleX(0) translateY(0);
      transform: scaleX(0) translateY(0);
  }
  15% {
      opacity: 0.2;
      -webkit-transform: scaleX(1.05) translateY(0);
      transform: scaleX(1.05) translateY(0);
  }
  18% {
      -webkit-transform: scaleX(1) translateY(0);
      transform: scaleX(1) translateY(0);
  }
  50% {
      opacity: 1;
      -webkit-transform: scaleX(1) translateY(140px);
      transform: scaleX(1) translateY(140px);
  }
  60%,
  to {
      opacity: 0;
      -webkit-transform: scaleX(0) translateY(140px);
      transform: scaleX(0) translateY(140px);
  }
}
@keyframes scanner {
  0% {
      opacity: 0;
      -webkit-transform: scaleX(0) translateY(0);
      transform: scaleX(0) translateY(0);
  }
  15% {
      opacity: 0.2;
      -webkit-transform: scaleX(1.05) translateY(0);
      transform: scaleX(1.05) translateY(0);
  }
  18% {
      -webkit-transform: scaleX(1) translateY(0);
      transform: scaleX(1) translateY(0);
  }
  50% {
      opacity: 1;
      -webkit-transform: scaleX(1) translateY(140px);
      transform: scaleX(1) translateY(140px);
  }
  60%,
  to {
      opacity: 0;
      -webkit-transform: scaleX(0) translateY(140px);
      transform: scaleX(0) translateY(140px);
  }
}
@-webkit-keyframes scanned {
  18% {
      height: 0%;
      opacity: 1;
  }
  50% {
      height: 100%;
      opacity: 1;
  }
  60%,
  to {
      height: 100%;
      opacity: 0;
  }
}
@keyframes scanned {
  18% {
      height: 0%;
      opacity: 1;
  }
  50% {
      height: 100%;
      opacity: 1;
  }
  60%,
  to {
      height: 100%;
      opacity: 0;
  }
}
.QRCode-scanner {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-animation: scanner 3s ease 4s infinite;
  animation: scanner 3s ease 4s infinite;
  background: linear-gradient(1turn, #ffd80a, #ffed8e);
  box-shadow: 0 2px 20px #ffd80a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2px;
  margin: -8px -40px;
  opacity: 0;
  position: absolute;
  width: 208px;
  z-index: 1;
}
.QRCode-scanned {
  -webkit-animation: scanned 3s ease 4s infinite;
  animation: scanned 3s ease 4s infinite;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
  height: 0%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.QRCode-spinner {
  left: calc(50% - 8px);
  position: absolute;
  top: calc(50% - 8px);
}
.QRCode-uninitialized {
  left: calc(50% - 12px);
  position: absolute;
  top: calc(50% - 12px);
}
.QRCode {
  background: #ffffff;
  border-radius: 6px;
  padding: 6px;
  position: relative;
}
.QRCode-imageContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 128px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 128px;
}
.QRCode-image {
  -ms-interpolation-mode: nearest-neighbor;
  -webkit-filter: blur(0);
  filter: blur(0);
  height: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  opacity: 1;
  transition: opacity, -webkit-filter;
  transition: filter, opacity;
  transition: filter, opacity, -webkit-filter;
  transition-duration: 1s;
  width: 100%;
}
.QRCode-image--downloadable {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.QRCode-image--blurred {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0.2;
}
.QRCode--testmode .QRCode-image {
  left: 0;
  position: absolute;
  top: 0;
}
.QRCode--testmode .QRCode-simulatorButton {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
  justify-self: center;
  z-index: 1;
}
.QRCode--testmode .Button.QRCode-simulatorButton:not(:disabled):hover {
  background-color: #fff;
}
.QRCodeDisplayContainer {
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(175, 175, 175, 0.2);
  padding: 12px;
}
.QRCodeDisplayContainer-productLogo {
  min-height: 28px;
}
.QRCodeDisplay {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  overflow: hidden;
  padding: 32px;
}
.QRCodeDisplay--transparent {
  background-color: transparent;
}
.QRCodeDisplay-Logo {
  margin-right: 6px;
}
.QRCodePollingState-backLink {
  font-size: 14px;
  margin-top: 24px;
}
.CashappPayment-QR-Code {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  overflow: hidden;
  padding: 40px;
}
.CashappPayment-Expire-Count,
.CashappPayment-Title {
  max-width: 250px;
  padding-top: 25px;
  text-align: center;
}
.BankDelayAndFeesNotice {
  -webkit-padding-start: 1.5em;
  margin: 0;
  padding: 0;
  padding-inline-start: 1.5em;
}
.BankDelayAndFeesNotice-listItem {
  -webkit-margin-after: 0.5em;
  line-height: 1.4;
  margin-block-end: 0.5em;
}
.BankDelayAndFeesNotice-listItem:last-of-type {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.p-PromoText {
  padding-top: 12px;
}
.CheckoutPayNowPaymentModal-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  position: relative;
  width: 400px;
}
.CheckoutPayNowPaymentModal-iframe {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 991.98px) {
  .CheckoutPayNowPaymentModal-modal {
      -ms-flex-item-align: end;
      -webkit-align-self: flex-end;
      align-self: flex-end;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      height: 100vh;
      overflow: scroll;
      -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
      transform: translateY(60%);
      width: 100%;
  }
  .CheckoutPayNowPaymentModal-modalOverlay:before {
      -webkit-filter: none;
      filter: none;
  }
  .CheckoutPayNowPaymentModal-modalOverlay.ModalOverlay--afterOpen:before {
      opacity: 1;
  }
  .CheckoutPayNowPaymentModal-modal.ModalContent--afterOpen {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      transition-duration: 0.25s;
  }
  .CheckoutPayNowPaymentModal-modal.ModalContent--beforeClose {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  .CheckoutPayNowPaymentModal-modalOverlay.ModalOverlay--beforeClose:before {
      opacity: 0;
      transition-duration: 0.25s;
  }
  .ConfirmModal-modalOverlay.ModalOverlay--beforeClose {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}
.ContentCard {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(175, 175, 175, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
  padding: 32px;
  width: 100%;
}
.ContentCard.ContentCard--noMargin {
  margin-bottom: 0;
}
.ContentCard.ContentCard--noPadding {
  padding: 0;
}
.ContentCard.ContentCard--noBorderRadius {
  border-radius: 0;
}
.ContentCard.ContentCard--mobile {
  box-shadow: none;
  padding: 16px;
}
@media screen {
  .ContentCard.ContentCard--stripeJs {
      background-color: transparent;
      box-shadow: none;
      margin-bottom: 0;
      padding: 16px 32px;
  }
}
@media print {
  .ContentCard {
      background-color: transparent;
      box-shadow: none;
      padding: 16px;
  }
}
.ContentCard.PayNowInstructionsText-ContentCard {
  padding: 16px;
}
.PayNowInstructionsText-divider {
  background-color: hsla(0, 0%, 10%, 0.1);
  border: none;
  height: 1px;
  margin: 12px 0;
}
.CheckoutPromptPayPaymentModal-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  position: relative;
  width: 400px;
}
.CheckoutPromptPayPaymentModal-iframe {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 991.98px) {
  .CheckoutPromptPayPaymentModal-modal {
      -ms-flex-item-align: end;
      -webkit-align-self: flex-end;
      align-self: flex-end;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      height: 100vh;
      overflow: scroll;
      -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
      transform: translateY(60%);
      width: 100%;
  }
  .CheckoutPromptPayPaymentModal-modalOverlay:before {
      -webkit-filter: none;
      filter: none;
  }
  .CheckoutPromptPayPaymentModal-modalOverlay.ModalOverlay--afterOpen:before {
      opacity: 1;
  }
  .CheckoutPromptPayPaymentModal-modal.ModalContent--afterOpen {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      transition-duration: 0.25s;
  }
  .CheckoutPromptPayPaymentModal-modal.ModalContent--beforeClose {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  .CheckoutPromptPayPaymentModal-modalOverlay.ModalOverlay--beforeClose:before {
      opacity: 0;
      transition-duration: 0.25s;
  }
  .ConfirmModal-modalOverlay.ModalOverlay--beforeClose {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}
.ContentCard.PromptPayInstructionsText-ContentCard {
  padding: 16px;
}
.PromptPayInstructionsText-divider {
  background-color: hsla(0, 0%, 10%, 0.1);
  border: none;
  height: 1px;
  margin: 12px 0;
}
.ManualEntryFormCheck {
  background-size: 100%;
  height: 96px;
  margin: 0 auto;
  width: 312px;
}
.ManualEntryFormInput-inputWrapper {
  position: relative;
  width: 100%;
}
.ManualEntryFormInput-dynamicIcon {
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.ManualEntryFormInput-tooltip .Tooltip-Text {
  max-width: none;
  width: auto;
}
.ManualEntryFormInput-tooltipIconWrapper {
  margin-left: 8px;
  margin-right: 8px;
  pointer-events: auto;
}
.ManualEntryFormInput-dynamicIcon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  right: 4px;
}
.ManualEntryFormInput-tooltipIcon {
  color: hsla(0, 0%, 10%, 0.5);
  z-index: 3;
}
.CheckoutWechatPayPaymentModal-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  position: relative;
  width: 400px;
}
.CheckoutWechatPayPaymentModal-iframe {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 991.98px) {
  .CheckoutWechatPayPaymentModal-modal {
      -ms-flex-item-align: end;
      -webkit-align-self: flex-end;
      align-self: flex-end;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      height: 100vh;
      overflow: scroll;
      -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
      transform: translateY(60%);
      width: 100%;
  }
  .CheckoutWechatPayPaymentModal-modalOverlay:before {
      -webkit-filter: none;
      filter: none;
  }
  .CheckoutWechatPayPaymentModal-modalOverlay.ModalOverlay--afterOpen:before {
      opacity: 1;
  }
  .CheckoutWechatPayPaymentModal-modal.ModalContent--afterOpen {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      transition-duration: 0.25s;
  }
  .CheckoutWechatPayPaymentModal-modal.ModalContent--beforeClose {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  .CheckoutWechatPayPaymentModal-modalOverlay.ModalOverlay--beforeClose:before {
      opacity: 0;
      transition-duration: 0.25s;
  }
  .ConfirmModal-modalOverlay.ModalOverlay--beforeClose {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}
.ContentCard.WechatPayInstructionsText-ContentCard {
  padding: 16px;
}
.WechatPayInstructionsText-divider {
  background-color: hsla(0, 0%, 10%, 0.1);
  border: none;
  height: 1px;
  margin: 12px 0;
}
.BacsDebitRulesNotice p:last-child {
  margin-bottom: 0;
}
.PrefilledInfo {
  background-color: hsla(0, 0%, 10%, 0.1);
  border: 1px solid hsla(0, 0%, 10%, 0.1);
  border-radius: 6px;
  margin: 0;
  padding: 12px;
}
.PrefilledInfo .PrefilledInfoItem:not(:last-child) {
  margin-bottom: 8px;
}
.PrefilledInfoItem-value {
  margin: 0;
}
.Icon.debitCardIcon {
  width: 16px;
}
.JPCreditTransfer--instructions {
  margin-bottom: 12px;
}
.JPCreditTransfer--footer {
  margin-top: 12px;
}
.SavedInfoSummary-cardNumber {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.SavedInfoSummary-cardNumber--expired {
  opacity: 0.5;
}
.ReadOnlyFormField-action button {
  transition: color 0.1s ease-out;
}
.SavedInfoSummary-logOut {
  color: hsla(0, 0%, 10%, 0.9);
}
.SavedInfoSummary-enterPhoneNumberText {
  display: inline-block;
  padding-bottom: 4px;
}
.SavedInfoSummary .ReadOnlyForm {
  background-color: #ffffff;
}
.TaxIdCollection-Container {
  clear: both;
}
.TaxIdCollection-TooltipContext {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}
.LinkPaymentMethodAccordionItem--recollecting .AccordionItemCover-header {
  display: block;
}
.LinkPaymentMethodAccordionItem--recollecting .AccordionItemCover-label {
  margin-bottom: 16px;
}
.RedactedCardNumber--expired {
  opacity: 0.5;
}
.LinkPaymentMethodAccordionItem .LinkBillingAccordionItem {
  border-top: 1px solid hsla(0, 0%, 10%, 0.1) !important;
  margin: 4px -16px -20px;
}
.LinkPaymentMethodAccordionItem--recollecting .LinkBillingAccordionItem {
  margin-top: 16px;
}
.LinkPaymentMethodAccordionItem--recollecting .LinkBillingAccordionItem .AccordionItemCover-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.LinkPaymentMethodAccordionItem--recollecting .LinkBillingAccordionItem .AccordionItemCover-label {
  margin-bottom: 0;
}
.LinkPaymentMethodAccordionItem--footer {
  border-top: 1px solid hsla(0, 0%, 10%, 0.1);
  padding-bottom: 4px;
  padding-top: 16px;
}
.LinkPaymentMethodAccordionItem--footer .IneligibleText .Link,
.LinkPaymentMethodAccordionItem--footer .PromoText .Link {
  color: #61747c;
  text-decoration: underline;
}
.LinkPaymentForm--linkBranded .LinkPaymentMethodAccordionItem .p-PromoBadge-financialIncentiveText {
  background: #05a87f;
}
.LinkPhoneNumberAccordionItem .AccordionItemContent-body {
  padding-top: 4px;
}
.LinkRemoveSavedInfoModal {
  max-width: 305px;
  padding: 24px;
  text-align: center;
  width: 100%;
}
.LinkRemoveSavedInfoModal-overlay {
  background: rgba(0, 0, 0, 0.2);
}
.LinkRemoveSavedInfoModal-error {
  background-color: rgba(220, 39, 39, 0.04);
  border-radius: 6px;
  color: #dc2727;
  padding: 4px;
}
.LinkRemoveSavedInfoModal-button {
  padding-bottom: 12px;
  padding-top: 12px;
  width: 100%;
}
.LinkRemoveSavedInfoModal-button:disabled {
  background-color: rgba(0, 0, 0, 0.03);
}
.LinkRemoveSavedInfoModal-button .Spinner {
  margin-bottom: -1px;
  margin-top: -1px;
}
.LinkShippingPicker-newItem svg {
  display: block;
  margin: auto;
}
.LinkShippingPicker-newItem .Text {
  color: #0074d4;
}
.LinkShippingPicker-newIcon {
  background: rgba(0, 85, 255, 0.03);
  border-radius: 6px;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}
.LinkPaymentForm--linkBranded .LinkShippingPicker-newIcon {
  background-color: #1d394426;
}
.LinkPaymentForm--linkBranded .LinkShippingPicker-newIcon .Icon {
  fill: #1d3944;
}
.LinkPaymentForm--linkBranded .LinkShippingPicker-newItem .Text {
  color: #1d3944;
  font-weight: 500;
}
.LinkShippingAccordionItem .LinkPhoneNumberAccordionItem {
  border-top: 1px solid hsla(0, 0%, 10%, 0.1) !important;
  margin: 4px -16px -20px;
}
.ShippingSelector-item-label {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ShippingSelector-name {
  margin-left: 0.5em;
}
.LinkPaymentForm--linkBranded .ShippingSelector-name {
  margin-left: 0;
}
.ShippingSelector-display-name {
  margin-right: 0.5em;
}
.ShippingSelector-price {
  margin-left: auto;
}
.ShippingSelector-input-container.CheckoutInput {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  line-height: 1.125;
}
.ShippingSelector-isDisabled {
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1000px hsla(0, 0%, 10%, 0.1);
  color: hsla(0, 0%, 10%, 0.4);
  transition: background-color 100000000s, box-shadow 0s linear;
}
.ShippingSelector-radio {
  margin-top: 2px;
}
.ShippingSelector-option__selected .ShippingSelector-radio,
.ShippingSelector-radio {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
@media only screen and (max-width: 991.98px) {
  .ShippingSelector-radio {
      margin-top: 4px;
  }
}
@media only screen and (min-width: 992px) {
  .App-Container:not(.App-Container--setupMode) .CheckoutInput.ShippingSelector-input-container {
      height: auto;
  }
}
.LinkPaymentForm .AccordionButton {
  opacity: 1;
  transition: opacity 0.2s ease;
}
.LinkPaymentForm--disabled .AccordionButton {
  opacity: 0.3;
  pointer-events: none;
}
.LinkPaymentForm--linkBranded .AccordionItemCover-label .Text {
  font-size: 14px;
  font-weight: 400;
}
.LinkPaymentForm--linkBranded .Accordion {
  font-family: SF Pro Text, -apple-system, Helvetica Neue, sans-serif;
}
.LinkPaymentForm--linkBranded .Accordion .CheckoutInput::-webkit-input-placeholder {
  font-size: 14px;
}
.LinkPaymentForm--linkBranded .Accordion .CheckoutInput::-moz-placeholder {
  font-size: 14px;
}
.LinkPaymentForm--linkBranded .Accordion .CheckoutInput:-ms-input-placeholder {
  font-size: 14px;
}
.LinkPaymentForm--linkBranded .Accordion .CheckoutInput::placeholder {
  font-size: 14px;
}
.LinkPaymentForm--linkBranded .Accordion .FormFieldCheckbox .Checkbox-Label,
.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-labelContainer .Text {
  color: #1d3944;
  font-size: 14px;
  font-weight: 400;
}
.LinkPaymentForm--linkBranded .Accordion .FormFieldCheckbox .Text-color--red {
  font-size: 13px;
}
.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-labelContainer .Text-color--red {
  color: #dc2727;
  font-size: 11px;
  font-weight: 500;
}
.LinkPaymentForm--linkBranded .Accordion .PaymentRequestOrHeader .Divider .Text {
  font-size: 14px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Menu-items,
.LinkPaymentForm.LinkPaymentForm--linkBranded .Menu-trigger {
  border-radius: 6px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Menu-actionItem:first-child .MenuAction:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Menu-actionItem:last-child .MenuAction:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.LinkPaymentForm--linkBranded .Menu-icon {
  color: #1d3944;
}
.LinkPaymentForm--linkBranded .Accordion .Button--primary,
.LinkPaymentForm--linkBranded .Accordion .Button--secondary {
  box-shadow: none;
}
.LinkPaymentForm--linkBranded .Accordion .Button--primary:focus,
.LinkPaymentForm--linkBranded .Accordion .Button--secondary:focus {
  -webkit-transform: scale(0.99);
  -ms-transform: scale(0.99);
  transform: scale(0.99);
}
.LinkPaymentForm--linkBranded .Accordion .Button--primary:active,
.LinkPaymentForm--linkBranded .Accordion .Button--secondary:active {
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .Button,
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .InputContainer .CheckoutInput {
  border-radius: 6px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup .CheckoutInput,
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup .Select-source {
  border-radius: 0;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
  border-top-left-radius: 6px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,
.LinkPaymentForm.LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
  border-top-right-radius: 6px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
  border-bottom-left-radius: 6px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
  border-bottom-right-radius: 6px;
}
.LinkPaymentForm.LinkPaymentForm--linkBranded .Accordion .FormFieldGroup-singleChild {
  border-radius: 6px !important;
}
.LogoutModal-modalOverlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.LogoutModal-modalOverlay.ModalOverlay--afterOpen {
  opacity: 1;
}
.LogoutModal-modalOverlay.ModalOverlay--beforeClose {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.LogoutModal-modal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.03);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  letter-spacing: -0.15px;
  max-width: 305px;
  padding: 24px 20px 20px;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  transition: -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
  width: 100%;
}
.LogoutModal-modal.ModalContent--afterOpen {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.LogoutModal-modal.ModalContent--beforeClose {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  transition: -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1), -webkit-transform 0.2s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.LogoutModal-headline {
  margin-bottom: 8px;
}
.LogoutModal-info {
  margin-bottom: 16px;
  text-align: center;
}
.LogoutModal-buttonGroup {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 8px;
  width: 100%;
}
.LogoutModal-button {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 12px;
  width: 100%;
}
.LogoutModal-button:first-child {
  margin-right: 8px;
}
.LogoutModal-closeButton:hover {
  background-color: hsla(0, 0%, 10%, 0.05);
}
.LogoutModal-closeButton:active {
  background-color: rgba(0, 0, 0, 0.075);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}
.Placeholder {
  opacity: 1;
}
.Placeholder--animating {
  background-color: rgba(0, 0, 0, 0.075);
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.025);
  color: transparent;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  position: relative;
}
.Placeholder--animating:after {
  -webkit-animation: transition 1.5s infinite;
  animation: transition 1.5s infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: radial-gradient(circle at 80% -20%, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(circle at 50% 150%, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(circle at 20% -20%, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 800%;
}
@-webkit-keyframes transition {
  0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
  }
  to {
      -webkit-transform: translateX(10%);
      transform: translateX(10%);
  }
}
@keyframes transition {
  0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
  }
  to {
      -webkit-transform: translateX(10%);
      transform: translateX(10%);
  }
}
.OrderDetailsSubtotalItem {
  margin-bottom: 16px;
}
.OrderDetailsSubtotalItem-tooltip {
  z-index: 16;
}
.OrderDetailsSubtotalItem .Tooltip-Context {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}
.PaypalButtonContainer,
.PaypalButtonContainer .PaypalFrame {
  overflow: hidden;
}
.PaypalButtonContainer .PaypalFrame.is-borderStyle--square {
  margin-left: -4px;
  width: 105%;
}
.PaymentRequestOrHeader {
  position: relative;
}
.ButtonAndDividerContainer,
.PaymentHeaderContainer {
  width: 100%;
}
.ButtonAndDividerContainer .PaymentRequestButtonContainer,
.ButtonAndDividerContainer .PaypalButtonContainer {
  margin-bottom: 16px;
}
.PaymentHeader {
  padding-bottom: 16px;
}
.ButtonAndDividerContainer .Divider {
  padding-bottom: 32px;
  padding-top: 16px;
}
.ButtonContainer.has-twoButtons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 8px;
}
.ButtonContainer.is-loading {
  opacity: 0.65;
  pointer-events: none;
}
.ButtonContainer.has-twoButtons > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
.is-fontFamily--Inconsolata .PaymentRequestOrHeader .Divider .Text,
.is-fontFamily--PTSans .PaymentRequestOrHeader .Divider .Text,
.is-fontFamily--TitilliumWeb .PaymentRequestOrHeader .Divider .Text,
.is-fontFamily--UbuntuMono .PaymentRequestOrHeader .Divider .Text {
  font-size: 15px;
}
.App-Global-Fields {
  margin-bottom: 8px;
}
.PaymentMethod-Heading {
  margin-top: 12px;
}
.ShippingDetails-Heading {
  margin-top: 0;
}
.PaymentForm-paymentMethodForm .ShippingDetails-Heading {
  margin-top: 12px;
}
.Tabs-TabListItem#promptpay-tab .Tabs-TabListItemContent svg,
.Tabs-TabListItem#wechat_pay-tab .Tabs-TabListItemContent svg {
  -webkit-filter: none;
  filter: none;
}
.is-fontFamily--Inconsolata .PaymentForm-confirmPaymentContainer .PolicyHighlight-container .Text,
.is-fontFamily--PTSans .PaymentForm-confirmPaymentContainer .PolicyHighlight-container .Text,
.is-fontFamily--TitilliumWeb .PaymentForm-confirmPaymentContainer .PolicyHighlight-container .Text,
.is-fontFamily--UbuntuMono .PaymentForm-confirmPaymentContainer .PolicyHighlight-container .Text {
  font-size: 13px;
}
@media only screen and (min-width: 992px) {
  .PaymentFormFixedHeightContainer {
      min-height: 400px;
  }
}
.PolicyHighlight-container {
  width: 100%;
}
.PolicyHighlight-highlight {
  color: hsla(0, 0%, 10%, 0.6);
  cursor: pointer;
  margin: auto auto 8px;
  padding: 0 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.PolicyHighlight-highlight.Button--link:focus {
  box-shadow: none;
  outline: 1px dotted hsla(0, 0%, 10%, 0.5);
}
.PolicyHighlight-highlight.Button--link {
  text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
}
.PolicyHighlight-icon {
  color: hsla(0, 0%, 10%, 0.6);
  margin-bottom: 1px;
  margin-right: 8px;
}
.PolicyHighlight-highlight,
.PolicyHighlight-icon {
  transition: color 0.2s ease;
}
.PolicyHighlight-highlight:hover,
.PolicyHighlight-highlight:hover .PolicyHighlight-icon {
  color: hsla(0, 0%, 10%, 0.8);
}
@media only screen and (max-width: 991.98px) {
  .CheckoutPaymentForm .PaymentHeader {
      display: none;
  }
}
.HeaderImage--logo .HeaderImage-img {
  margin-right: 8px;
  max-height: 28px;
  max-width: 150px;
}
.App-Container--setupMode .HeaderImage--logo .HeaderImage-img {
  max-height: 35px;
}
.HeaderImage--icon {
  background: #ffffff;
  border-radius: 100%;
  box-shadow: 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  height: 28px;
  margin-right: 8px;
  width: 28px;
}
.HeaderImage--iconFallback {
  background: #ffffff;
}
.HeaderImage-imageIcon {
  border-radius: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.HeaderImage-fallbackIcon {
  fill: hsla(0, 0%, 10%, 0.5);
}
@media only screen and (min-width: 992px) {
  .App-Container:not(.App-Container--setupMode) .HeaderImage--logo img {
      max-height: 28px;
      max-width: 300px;
  }
}
.AdjustQuantityFooter {
  height: 48px;
  margin: 16px 20px;
  overflow-x: hidden;
  position: relative;
}
.AdjustQuantityFooter-btnContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  overflow-x: hidden;
  padding: 4px;
  position: absolute;
  width: 50%;
}
.AdjustQuantityFooter-btn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 38px;
  position: relative;
}
.AdjustQuantityFooter-btn .Button-Icon.Button-Spinner {
  margin-right: 0;
}
.AdjustQuantityFooter-btn svg {
  position: absolute;
  right: 12px;
}
.AdjustQuantityFooter-btn .Button--secondary {
  height: 39px;
}
.AdjustQuantityFooter-btn--gray:not(:disabled):hover {
  background-color: hsla(0, 0%, 10%, 0.05);
}
.AdjustQuantityFooter-btn,
.AdjustQuantityFooter-btn .Text {
  transition: all 0.2s ease;
}
.AdjustQuantityFooter-btn:disabled .Text {
  opacity: 0.6;
}
.AdjustQuantityModal-modal.has-notice .AdjustQuantityFooter {
  margin-top: 8px;
}
.AdjustQuantityHeader-header {
  border-bottom: 1px solid hsla(0, 0%, 10%, 0.1);
  padding: 16px 20px;
}
.AdjustQuantityHeader-closeBtn {
  border-radius: 20px;
  padding: 8px;
}
.AdjustQuantityHeader-imageContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 32px;
}
.AdjustQuantityHeader-image {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}
.App-Container.is-squareBordered .AdjustQuantityHeader-image,
.ModalContent--is-squareBordered .AdjustQuantityHeader-image {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .AdjustQuantityHeader-image,
.ModalContent--is-veryRoundBordered .AdjustQuantityHeader-image {
  border-radius: 18px;
}
.AdjustQuantityHeader-closeBtn:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.AdjustQuantityHeader-closeBtn .Button-Icon {
  margin-right: 0;
}
.AdjustQuantityModal-modal {
  width: 356px;
}
.AdjustQuantityModal-content {
  padding: 16px 20px;
}
.AdjustQuantityModal-modal.is-removing .AdjustQuantityModal-quantity {
  background-color: #dc2727;
}
.AdjustQuantityModal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: hidden;
  padding: 24px 20px 16px;
}
.AdjustQuantityModal-toggleQuantityBtn {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 8px;
  transition: opacity 0.1s ease-in, background-color 0.1s ease-in, -webkit-transform 0.08s ease-in;
  transition: opacity 0.1s ease-in, background-color 0.1s ease-in, transform 0.08s ease-in;
  transition: opacity 0.1s ease-in, background-color 0.1s ease-in, transform 0.08s ease-in, -webkit-transform 0.08s ease-in;
}
.AdjustQuantityModal-toggleQuantityBtn:active {
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}
.AdjustQuantityModal-toggleQuantityBtn:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.AdjustQuantityModal-toggleQuantityBtn:not(.is-disabled):hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.AdjustQuantityModal-toggleQuantityBtn.is-disabled {
  opacity: 0.5;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.AdjustQuantityModal-toggleQuantityBtn.is-cursorDisabled {
  cursor: not-allowed;
}
.AdjustQuantityModal-toggleQuantityBtn .Button-Icon {
  margin-right: 0;
}
.AdjustQuantityModal-input {
  border-radius: 6px;
  text-align: center;
  width: 92px;
}
.AdjustQuantityModal-notice {
  margin-top: 20px;
}
@media only screen and (max-width: 991.98px) {
  .AdjustQuantityModal-modal {
      -ms-flex-item-align: end;
      -webkit-align-self: flex-end;
      align-self: flex-end;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
      transform: translateY(60%);
      width: 100%;
  }
  .AdjustQuantityModal-modalOverlay:before {
      -webkit-filter: blur(0);
      filter: blur(0);
  }
  .AdjustQuantityModal-modalOverlay.ModalOverlay--afterOpen:before {
      opacity: 1;
  }
  .AdjustQuantityModal-modal.ModalContent--afterOpen {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
  .AdjustQuantityModal-modal.ModalContent--beforeClose {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  .AdjustQuantityModal-modalOverlay.ModalOverlay--beforeClose:before {
      opacity: 0;
      transition-duration: 0.25s;
  }
  .AdjustQuantityModal-modalOverlay.ModalOverlay--beforeClose {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}
.AdjustableQuantitySelector-hitBox.is-mobile {
  margin: -8px;
  padding: 8px;
}
.AdjustableQuantitySelector-hitBox {
  display: inline-block;
}
.AdjustableQuantitySelector {
  background-color: hsla(0, 0%, 10%, 0.05);
  border-radius: 4px;
  margin: 0 4px 0 0;
  padding: 2px 4px;
  transition: all 0.15s ease-in;
}
.AdjustableQuantitySelector .AdjustableQuantitySelector-icon {
  transition: all 0.15s ease-in;
}
.AdjustableQuantitySelector:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.AdjustableQuantitySelector:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.AdjustableQuantitySelector:hover .AdjustableQuantitySelector-icon {
  fill: hsla(0, 0%, 10%, 1);
}
.App-Overview.is-darkBackground .AdjustableQuantitySelector-icon {
  fill: hsla(0, 0%, 100%, 0.5);
}
.App-Overview.is-darkBackground .AdjustableQuantitySelector:hover {
  background-color: rgba(255, 255, 255, 0.09);
}
.App-Overview.is-darkBackground .AdjustableQuantitySelector:active {
  background-color: rgba(255, 255, 255, 0.14);
}
.TierDetail-tierBreakdown {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: -8px;
  padding: 0;
}
.TierDetail-tierDescription--indented {
  margin-left: 12px;
}
.TierAccordion-button {
  fill: hsla(0, 0%, 10%, 0.5);
}
.TierAccordion-button .Button-Icon--right {
  margin-left: 4px;
}
.App-Overview.is-darkBackground .TierAccordion-button {
  fill: hsla(0, 0%, 100%, 0.5);
}
.SavingsBadge {
  background-color: #cbf4c9;
  border-radius: 4px;
  color: #0e6245;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 1px 6px;
}
.HostedSwitch {
  -ms-flex-negative: 0;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25em;
  cursor: pointer;
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 1em;
  padding: 0;
  position: relative;
  transition: border 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  width: 1.75em;
}
.HostedSwitch:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.HostedSwitch--active {
  background-color: #24b47e;
}
.HostedSwitch--disabled {
  cursor: default;
  opacity: 0.4;
}
.HostedSwitchControl {
  fill: #fff;
  border: 1px solid rgba(42, 47, 69, 0.12);
  border-radius: 100%;
  display: block;
  height: 100%;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: auto;
  will-change: transform;
}
.HostedSwitch--active .HostedSwitchControl {
  -webkit-transform: translate(0.75em);
  -ms-transform: translate(0.75em);
  transform: translate(0.75em);
}
.UpsellToggle-clickContainer {
  border: 1px solid hsla(0, 0%, 10%, 0.1);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  position: relative;
  z-index: 0;
}
.UpsellToggle,
.UpsellToggle-clickContainer {
  min-height: 44px;
}
.UpsellToggle-clickContainer:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 35%, #24b47e 50%, rgba(255, 255, 255, 0) 65%);
  background-position: 100%;
  background-size: 300% 300%;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  content: "";
  height: calc(100% + 2px);
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
  z-index: 1;
}
.UpsellToggle-clickContainer.animate-shimmer:before {
  -webkit-animation: shimmer 1.25s ease;
  animation: shimmer 1.25s ease;
}
.UpsellToggle-backgroundContainer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.UpsellToggle {
  background-color: hsla(0, 0%, 10%, 0.05);
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  padding: 12px 16px;
}
.UpsellToggle-savingsMessage {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.UpsellToggle .UpsellToggle-savingsMessageText {
  margin-right: 4px;
}
.UpsellToggle .SavingsBadge {
  margin-top: 1px;
}
.UpsellToggle-clickContainer:not(.is-renderedOnLineItem) .UpsellToggle {
  margin: 0 auto;
  max-width: 380px;
}
.UpsellToggle-price {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
  text-align: end;
}
@media only screen and (max-width: 991.98px) {
  .UpsellToggle-clickContainer {
      border-radius: 6px;
  }
  .UpsellToggle-clickContainer:before {
      border-radius: 7px;
  }
  .UpsellToggle-backgroundContainer {
      border-radius: 6px;
  }
  .UpsellToggle-clickContainer.is-renderedOnLineItem {
      display: none;
  }
}
@media only screen and (min-width: 992px) {
  .UpsellToggle {
      border-radius: 0;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      margin-top: 0;
  }
  .UpsellToggle-clickContainer {
      display: none;
  }
  .UpsellToggle-clickContainer.is-renderedOnLineItem {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}
.App-Container.is-darkBackground .UpsellToggle-clickContainer {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.App-Container.is-darkBackground .UpsellToggle {
  background-color: hsla(0, 0%, 100%, 0.05);
}
@media only screen and (min-width: 992px) {
  .App-Container.is-darkBackground .UpsellToggle-clickContainer {
      border: 1px solid hsla(0, 0%, 100%, 0.1);
  }
}
@-webkit-keyframes shimmer {
  0% {
      background-position: 95%;
  }
  to {
      background-position: 0;
  }
}
@keyframes shimmer {
  0% {
      background-position: 95%;
  }
  to {
      background-position: 0;
  }
}
.LineItem {
  margin-left: 0;
  transition: margin-left 0.4s linear;
}
.LineItem-imageContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 42px;
}
.LineItem-image {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}
.LineItem-description {
  -webkit-box-flex: 2;
  -webkit-flex: 2 1 min-content;
  -ms-flex: 2 1 min-content;
  flex: 2 1 min-content;
}
.LineItem-productName {
  -ms-flex-preferred-size: min-content;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-basis: min-content;
  flex-basis: min-content;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.LineItem-amountDetail {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 min-content;
  -ms-flex: 1 1 min-content;
  flex: 1 1 min-content;
  min-width: 100px;
}
.App-Container.is-squareBordered .LineItem-image {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .LineItem-image {
  border-radius: 18px;
}
.LineItem--indented {
  margin-left: 58px;
}
.LineItem-tierAccordion,
.LineItem-tierBreakdown {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.LineItem-tierBreakdown {
  margin-left: 12px;
}
.LineItem-quantity.has-commaIfNeeded:not(:last-child):after {
  content: ", ";
}
@media only screen and (min-width: 992px) {
  .LineItem.is-upsell {
      border: 1px solid hsla(0, 0%, 10%, 0.1);
      border-bottom: none;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      padding: 16px;
  }
  .LineItem--indented.is-upsell {
      margin-left: 0;
      padding-left: 74px;
  }
  .App-Overview.is-darkBackground .LineItem.is-upsell {
      border: 1px solid hsla(0, 0%, 100%, 0.1);
      border-bottom: none;
  }
}
.PromotionCodeEntry {
  font-size: 14px;
  margin-bottom: 16px;
}
.PromotionCodeEntry-inputWrapper {
  display: inline-block;
  min-width: 100%;
  position: relative;
}
.PromotionCodeEntry-inputWrapper--blurred {
  min-width: 35%;
  transition-property: min-width;
}
.PromotionCodeEntry-inputWrapper + .Text {
  display: block;
  margin-top: 4px;
}
.PromotionCodeEntry-label {
  font-size: 14px;
  font-weight: 500;
  height: 0;
  padding: 0 12px;
  transition-property: padding;
  visibility: hidden;
  white-space: nowrap;
}
.is-fontFamily--Inconsolata .PromotionCodeEntry-label,
.is-fontFamily--Lato .PromotionCodeEntry-label,
.is-fontFamily--PTSans .PromotionCodeEntry-label,
.is-fontFamily--TitilliumWeb .PromotionCodeEntry-label,
.is-fontFamily--UbuntuMono .PromotionCodeEntry-label {
  font-size: 15px;
}
.PromotionCodeEntry-inputWrapper--focused .PromotionCodeEntry-label {
  padding: 0 12px;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
  border-radius: 6px;
  font-size: 14px;
  height: 36px;
  line-height: 1.5;
  padding: 0;
  transition-property: padding, line-height, background, box-shadow;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--focused .PromotionCodeEntry-input {
  padding: 8px 90px 8px 12px;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-label {
  padding: 0 12px;
}
.App-Container.is-noBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
  height: auto;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input,
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--focused .PromotionCodeEntry-input[value=""] {
  padding: 8px 12px;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  line-height: 1.3;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-webkit-input-placeholder {
  color: #0074d4;
  font-weight: 500;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-moz-placeholder {
  color: #0074d4;
  font-weight: 500;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:-ms-input-placeholder {
  color: #0074d4;
  font-weight: 500;
}
.PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::placeholder {
  color: #0074d4;
  font-weight: 500;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-webkit-input-placeholder {
  opacity: 1;
  transition-property: color;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-moz-placeholder {
  opacity: 1;
  transition-property: color;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:-ms-input-placeholder {
  opacity: 1;
  transition-property: color;
}
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::placeholder {
  opacity: 1;
  transition-property: color;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input,
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-webkit-input-placeholder,
.PromotionCodeEntry-label {
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input,
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-moz-placeholder,
.PromotionCodeEntry-label {
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input,
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:-ms-input-placeholder,
.PromotionCodeEntry-label {
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input,
.PromotionCodeEntry-inputWrapper,
.PromotionCodeEntry-inputWrapper .InputContainer,
.PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::placeholder,
.PromotionCodeEntry-label {
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.PromotionCodeEntry-applyButton {
  background: transparent;
  border: none;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 100;
}
.PromotionCodeEntry-applyButton--visible {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
  border: 0;
  box-shadow: none;
}
.PromotionCodeEntry-applyButton--error {
  transition: none;
}
.PromotionCodeEntry .Button-Icon path {
  fill: hsla(0, 0%, 10%, 1);
}
.PromotionCodeEntry .Button-Spinner {
  opacity: 1;
}
.App-Overview.is-darkBackground .PromotionCodeEntry .Button-Icon path {
  fill: hsla(0, 0%, 100%, 1);
}
.is-darkMode .OrderDetailsDropdown .PromotionCodeEntry-input.Input {
  background: transparent;
}
.is-darkMode .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:focus {
  background-color: #ffffff;
  color: hsla(0, 0%, 10%, 0.9);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input {
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-webkit-input-placeholder {
  color: hsla(0, 0%, 10%, 0.9);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::-moz-placeholder {
  color: hsla(0, 0%, 10%, 0.9);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:-ms-input-placeholder {
  color: hsla(0, 0%, 10%, 0.9);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input::placeholder {
  color: hsla(0, 0%, 10%, 0.9);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:focus {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.App-Overview.is-darkBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input:focus {
  box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.07), 0 0 0 4px rgba(255, 255, 255, 0.3);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
  background-color: hsla(0, 0%, 10%, 0.05);
  box-shadow: none;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:hover {
  background-color: hsla(0, 0%, 10%, 0.1);
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-webkit-input-placeholder {
  color: hsla(0, 0%, 10%, 0.9) !important;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-moz-placeholder {
  color: hsla(0, 0%, 10%, 0.9) !important;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:-ms-input-placeholder {
  color: hsla(0, 0%, 10%, 0.9) !important;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::placeholder {
  color: hsla(0, 0%, 10%, 0.9) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input {
  background-color: hsla(0, 0%, 100%, 0.05);
  transition: background 0.08s ease;
}
.App-Overview.is-darkBackground .PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 1) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 1) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 1) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input::placeholder {
  color: hsla(0, 0%, 100%, 1) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-applyButton .Text-color--default {
  color: inherit;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
  font-size: 14px;
  white-space: nowrap;
}
.App-Container.is-noBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
  left: 0;
  top: 0;
}
.PromotionCodeEntry .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
  color: #0074d4;
  font-size: 14px;
  font-weight: 500;
}
.App-Container:not(.is-noBackground) .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
  color: hsla(0, 0%, 10%, 0.9) !important;
}
.App-Overview.is-darkBackground .PromotionCodeEntry-inputWrapper--blurred .PromotionCodeEntry-input + .InputContainer-placeholder--ie {
  color: hsla(0, 0%, 100%, 1) !important;
}
.PromotionCodeEntry-usePromoCode {
  cursor: pointer;
  margin-left: 4px;
  text-decoration: underline dotted;
}
.OrderDetailsFooter-subtotal {
  border-bottom: 1px solid hsla(0, 0%, 10%, 0.1);
  margin-bottom: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.OrderDetailsFooter-subtotal--indented,
.OrderDetailsFooter-trialTotal--indented {
  margin-left: 58px;
}
.OrderDetailsFooter-subtotalItems {
  border-bottom: 1px solid hsla(0, 0%, 10%, 0.1);
  margin-bottom: 16px;
}
.OrderDetailsFooter-subtotalItems--indented {
  margin-left: 58px;
}
.OrderDetailsFooter-nextInvoiceTotal {
  padding-bottom: 4px;
}
.OrderDetailsFooter-addedToNextInvoice--indented,
.OrderDetailsFooter-nextInvoiceTotal--indented {
  margin-left: 58px;
}
.App-Overview.is-darkBackground .OrderDetailsFooter-subtotal,
.App-Overview.is-darkBackground .OrderDetailsFooter-subtotalItems {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.OrderDetails-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.OrderDetails-item {
  display: block;
  margin-bottom: 16px;
}
.OrderDetails-total {
  padding-bottom: 16px;
}
.OrderDetails-total--indented {
  margin-left: 58px;
}
.OrderDetails-showHideButton {
  margin-top: -8px;
}
.OrderDetails-showHideButton--indented {
  margin-left: 58px;
}
.OrderDetails-showHideButton + .OrderDetails-total {
  margin-top: 16px;
}
.OrderDetails-showHideButton .Text {
  font-size: 14px;
  line-height: 16px;
  position: relative;
}
.OrderDetails-remainingProductImages {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  position: relative;
  transition: opacity 0.2s ease;
  width: 42px;
}
.OrderDetails-remainingProductImages.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.OrderDetails-remainingProductImageContainer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 0 2px white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  position: absolute;
  width: 20px;
}
.OrderDetails-remainingProductImageContainer,
.OrderDetails-remainingProductImages.has-oneImage {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.OrderDetails-remainingProductImages.has-twoImages .OrderDetails-remainingProductImageContainer:first-child {
  left: 0;
  z-index: 2;
}
.OrderDetails-remainingProductImages.has-twoImages .OrderDetails-remainingProductImageContainer:nth-child(2) {
  left: 22px;
  z-index: 1;
}
.OrderDetails-remainingProductImages.has-threeImages .OrderDetails-remainingProductImageContainer:first-child {
  left: 0;
  z-index: 3;
}
.OrderDetails-remainingProductImages.has-threeImages .OrderDetails-remainingProductImageContainer:nth-child(2) {
  left: 11px;
  z-index: 2;
}
.OrderDetails-remainingProductImages.has-threeImages .OrderDetails-remainingProductImageContainer:nth-child(3) {
  left: 22px;
  z-index: 1;
}
.OrderDetails-remainingProductImage {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 992px) {
  .OrderDetails-item.is-upsell {
      left: -16px;
      margin-top: 8px;
      position: relative;
      width: calc(100% + 32px);
  }
}
.OrderDetailsDropdown-modalOverlay {
  background: transparent;
  display: block;
  z-index: 11;
}
.OrderDetailsDropdown-modalOverlay.ModalOverlay--beforeClose:before {
  opacity: 0;
  transition-duration: 0.25s;
}
.OrderDetailsDropdown-modalOverlay.ModalOverlay--beforeClose {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.OrderDetailsDropdown-modal {
  background-color: #ffffff;
  border-radius: 0;
  max-height: 100%;
  opacity: 1;
  padding-top: 60px;
  -webkit-transform: translateY(calc(-100% + 60px));
  -ms-transform: translateY(calc(-100% + 60px));
  transform: translateY(calc(-100% + 60px));
  transition: -webkit-transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1);
  transition: transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1);
  transition: transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.35, 0.25, 0.1, 1);
}
.OrderDetailsDropdown-modal:not(.is-lineItemsListExpanded) {
  overflow: hidden;
}
.is-darkMode .OrderDetailsDropdown-modal {
  background-color: #101010;
  transition: background-color 0.4s ease-out;
}
.OrderDetailsDropdown-modal.ModalContent--afterOpen {
  box-shadow: 0 24px 32px rgba(0, 0, 0, 0.1);
  overflow: auto;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.OrderDetailsDropdown-modal.ModalContent--beforeClose {
  box-shadow: 0 24px 32px rgba(0, 0, 0, 0);
  -webkit-transform: translateY(calc(-100% + 60px));
  -ms-transform: translateY(calc(-100% + 60px));
  transform: translateY(calc(-100% + 60px));
  transition: box-shadow 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
  transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), box-shadow 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
  transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), box-shadow 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
}
.OrderDetailsDropdown {
  padding: 0 16px 16px;
}
.OrderDetailsDropdown-orderDetails {
  margin: auto;
  max-width: 380px;
}
.Tag {
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 4px;
}
.Tag-orange {
  background-color: #ffde92;
}
.Tag-red {
  background-color: #fde2dd;
}
.Tag-green {
  background-color: #cbf4c9;
}
.Tag-blue {
  background-color: #d6ecff;
}
.Header {
  min-height: 28px;
  z-index: 12;
}
.Header-businessLink {
  display: block;
  margin-left: -24px;
  min-width: 60px;
  padding-left: 24px;
}
.Header:not(.is-darkBackground) .Header-merchantLogoWithLabel .Text {
  color: hsla(0, 0%, 10%, 0.9);
}
.Header-business .Header-backArrow {
  opacity: 0.4;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: opacity 0.25s ease, width 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, width 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, width 0.25s ease, -webkit-transform 0.25s ease;
}
.Header-business .Header-merchantLogoContainer {
  min-width: 0;
}
.Header-business .Header-backArrowContainer,
.Header-business .Header-merchantLogoContainer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Header:not(.is-darkBackground) .Header-business .Header-backArrow {
  fill: hsla(0, 0%, 10%, 0.9);
}
.App-Overview.is-darkBackground .Header-business .Header-backArrow,
.Body--modal-open .App-Overview .Header.is-darkBackground .Header-business .Header-backArrow {
  fill: hsla(0, 0%, 100%, 1);
}
.Header-businessLink:focus .Header-backArrow,
.Header-businessLink:hover .Header-backArrow {
  opacity: 1;
  -webkit-transform: translateX(-2px);
  transform: translateX(-2px);
  -ms-transform: translateX(4px);
}
.Header-business .Header-businessLink-label {
  left: 0;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  -ms-transform: translateX(4px) translateY(-50%);
  transition: opacity 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
  transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms;
  transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
}
.Header-businessLink.is-notClickable,
.Header-businessLink:focus .Header-businessLink-label--noPointerEvents,
.Header-businessLink:hover .Header-businessLink-label--noPointerEvents {
  pointer-events: none;
}
@media only screen and (min-width: 576px) {
  .Header-business .Header-backArrow {
      position: absolute;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
      -ms-transform: translateX(-20px) translateY(-50%);
  }
  .Header-businessLink:focus .Header-backArrow,
  .Header-businessLink:hover .Header-backArrow {
      -webkit-transform: translateX(-22px);
      transform: translateX(-22px);
      -ms-transform: translateX(-22px) translateY(-50%);
  }
  .Header-businessLink:focus .Header-businessLink-label,
  .Header-businessLink:hover .Header-businessLink-label {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      -ms-transform: translateY(-50%);
      transition: opacity 0.25s ease 50ms, -webkit-transform 0.25s ease 50ms;
      transition: opacity 0.25s ease 50ms, transform 0.25s ease 50ms;
      transition: opacity 0.25s ease 50ms, transform 0.25s ease 50ms, -webkit-transform 0.25s ease 50ms;
  }
  .Header-businessLink.Header-businessLink--paymentsuccess:focus .Header-businessLink-label,
  .Header-businessLink.Header-businessLink--paymentsuccess:hover .Header-businessLink-label {
      opacity: 0;
  }
  .Header-businessLink .HeaderImage--logo {
      transition: opacity 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
      transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s;
      transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
  }
  .Header-businessLink:focus .HeaderImage--icon,
  .Header-businessLink:focus .HeaderImage--logo,
  .Header-businessLink:hover .HeaderImage--icon,
  .Header-businessLink:hover .HeaderImage--logo {
      opacity: 0;
      -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
      transform: translateX(-2px);
      transition: opacity 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
      transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms;
      transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
  }
  .Header-businessLink.Header-businessLink--paymentsuccess:focus .HeaderImage--icon,
  .Header-businessLink.Header-businessLink--paymentsuccess:focus .HeaderImage--logo,
  .Header-businessLink.Header-businessLink--paymentsuccess:hover .HeaderImage--icon,
  .Header-businessLink.Header-businessLink--paymentsuccess:hover .HeaderImage--logo {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
  }
  .Header-businessLink .HeaderImage--icon {
      transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
      transition: opacity 0.25s ease, transform 0.25s ease;
      transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
  }
  .Header-businessLink .Header-businessLink-name {
      transition: opacity 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
      transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s;
      transition: opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s, -webkit-transform 0.25s ease 0.1s;
  }
  .Header-businessLink:focus .Header-businessLink-name,
  .Header-businessLink:hover .Header-businessLink-name {
      opacity: 0;
      -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
      transform: translateX(-2px);
      transition: opacity 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
      transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms;
      transition: opacity 0.1s ease 0ms, transform 0.1s ease 0ms, -webkit-transform 0.1s ease 0ms;
  }
  .Header-businessLink .Tag {
      transition: opacity 0.1s ease;
  }
  .Header-businessLink:focus .Tag,
  .Header-businessLink:hover .Tag {
      opacity: 0;
  }
}
.Header-merchantLogoWithLabel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  min-width: 0;
}
.Header-merchantLogoWithLabel > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
}
.Header-merchantLogoWithLabel .HeaderImage {
  -ms-flex-preferred-size: auto;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.Header-actions,
.Header-testTagMobile {
  display: none;
}
.Header-viewDetailsButton {
  position: relative;
  text-align: right;
  transition: opacity 0.25s ease;
  width: 100%;
}
.Header:not(.is-darkBackground) .Header-viewDetailsButton .Text {
  color: hsla(0, 0%, 10%, 0.5);
  text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
  -webkit-text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
}
.Header:not(.is-darkBackground) .Header-viewDetailsButton .Text.Header-totalAmount {
  color: hsla(0, 0%, 10%, 1);
}
.Header:not(.is-darkBackground) .Header-viewDetailsButton svg {
  fill: hsla(0, 0%, 10%, 0.4);
}
.Header.is-darkBackground .Header-viewDetailsButton .Text {
  color: hsla(0, 0%, 100%, 0.5);
  text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
  -webkit-text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
}
.Header.is-darkBackground .Header-viewDetailsButton .Text.Header-totalAmount {
  color: hsla(0, 0%, 100%, 1);
}
.Header.is-darkBackground .Header-viewDetailsButton svg {
  fill: hsla(0, 0%, 100%, 0.4);
}
.Header-couponIcon {
  margin-right: 8px;
  margin-top: 4px;
}
@media only screen and (max-width: 991.98px) {
  .Header .Header-actions .Button-Icon {
      transition: -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
      transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
      transition: transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1), -webkit-transform 0.25s cubic-bezier(0.35, 0.25, 0.1, 1);
  }
  .Header.is-orderDetailsDropdownOpen .Header-actions .Button-Icon {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
  }
  .Header.is-orderDetailsDropdownOpen .Header-businessLink.is-notClickable {
      pointer-events: none;
  }
  .Header-testTag {
      display: none;
  }
  .Header-testTagMobile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .Header-productImage {
      position: relative;
  }
  .Header-productImage img {
      border-radius: 3px;
      display: block;
      height: 20px;
      -o-object-fit: cover;
      object-fit: cover;
      width: 20px;
  }
  .Header-productImage--withMarginRight {
      margin-right: 8px;
  }
  .Header-totalItemCount {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      background-color: #ffffff;
      border-radius: 50%;
      bottom: -6px;
      box-shadow: 0 2px 5px rgba(50, 50, 93, 0.1), 0 1px 1px rgba(0, 0, 0, 0.07);
      color: #000000;
      font-size: 9px;
      font-weight: 700;
      height: 16px;
      -webkit-justify-content: center;
      justify-content: center;
      padding: 4px;
      right: -6px;
      width: 16px;
  }
  .Header-detailsLabel,
  .Header-totalItemCount {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
  }
  .Header-detailsLabel {
      max-width: 105px;
      right: 20px;
  }
  .Header-viewDetailsButton .Text {
      display: block;
      width: 100%;
  }
  .Header:not(.is-darkBackground) .Header-business .Header-backArrow {
      fill: hsla(0, 0%, 10%, 0.9);
  }
  .Header-content {
      margin: auto;
      max-width: 380px;
  }
  .App--customAmount .Header-actions,
  .App--multiItem .Header-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 125px;
  }
  .App--customAmount .Header,
  .App--multiItem .Header {
      height: 60px;
      left: 0;
      margin-bottom: 0;
      padding: 16px;
      position: fixed;
      right: 0;
      top: 0;
      transition: background-color 0.15s ease, box-shadow 0.15s ease-out;
      width: 100vw;
  }
  .App-Container.is-noBackground .Header,
  .App-Container:not(is-noBackground) .Header--withShadow,
  .Body--modal-open .App-Container:not(is-noBackground) .Header {
      background-color: #ffffff;
  }
  .App--customAmount .Header--withShadow,
  .App--multiItem .Header--withShadow {
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
      overflow-y: hidden;
  }
  .is-darkMode .App-Container:not(is-noBackground) .Header--withShadow,
  .is-darkMode.Body--modal-open .App-Container:not(is-noBackground) .Header {
      background-color: #101010;
  }
  .is-darkMode .App-Container--setupMode .Header {
      background-color: transparent;
      color: hsla(0, 0%, 100%, 0.9);
  }
}
.InvalidSession {
  text-align: center;
}
.InvalidSession-icon {
  height: 64px;
  margin-bottom: 16px;
}
.InvalidSession-message,
.InvalidSession-title {
  margin-bottom: 16px;
}
.PaymentFailure {
  text-align: center;
}
.PaymentFailure-icon {
  height: 64px;
  margin-bottom: 16px;
}
.PaymentFailure-title {
  margin-bottom: 16px;
}
.PaymentFailure-backLink {
  font-size: 14px;
  margin-top: 24px;
}
.PaymentFailure-message,
.UpiAwaitNotification-iconContainer {
  margin-bottom: 16px;
}
.UpiAwaitNotification-description {
  text-align: center;
  width: 380px;
}
.UpiAwaitNotification-backLink {
  font-size: 14px;
  margin-top: 24px;
}
.DisplayedCurrencyToggle-toggle {
  cursor: pointer;
  pointer-events: auto;
}
.DisplayedCurrencyToggle-toggle:not(.is-darkBackground) {
  text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
  -webkit-text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
}
.DisplayedCurrencyToggle-toggle.is-darkBackground {
  text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
  -webkit-text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
}
.ProductImage-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  position: relative;
  text-align: center;
}
.ProductImage-image {
  border-radius: 6px;
  max-height: 120px;
  max-width: 100%;
}
.ProductImage-totalItemsCount {
  background: #ffffff;
  border-radius: 70px;
  bottom: -10px;
  box-shadow: 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  font-size: 13px;
  font-weight: 700;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 135px;
  min-width: 92px;
  padding: 2px 7px;
  position: absolute;
  right: 0;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.App-Container.is-squareBordered .ProductImage-image {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .ProductImage-image {
  border-radius: 36px;
}
.App-Overview.is-darkBackground .ProductImage-container .ProductImage-totalItemsCount .Text,
.ProductImage-container .ProductImage-totalItemsCount .Text {
  color: hsla(0, 0%, 10%, 1);
  padding-left: 4px;
}
.ProductImage-container .ProductImage-totalItemsChevronRight {
  margin-right: -1 * 4px;
}
@media only screen and (min-width: 992px) {
  .App--singleItem .ProductImage-image {
      max-height: 300px;
      max-width: 300px;
  }
  .ProductImage-totalItemsCount {
      display: none;
  }
}
.ProductSummaryButton {
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  height: 44px;
  margin-top: 12px;
  outline: none;
  overflow: hidden;
  padding: 12px;
  position: relative;
  transition: all 0.2s ease, box-shadow 0.08s ease-in;
}
.App-Container.is-squareBordered .ProductSummaryButton {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .ProductSummaryButton {
  border-radius: 22px;
}
.ProductSummaryButton-grayBackground {
  background-color: rgba(26, 26, 26, 0.05);
}
.ProductSummaryButton-labelBlack {
  color: #000000;
}
.ProductSummaryButton-labelWhite {
  color: #ffffff;
}
@media only screen and (max-width: 991.98px) {
  .ProductSummaryButton {
      width: 100%;
  }
}
.ProductSummaryButton:disabled {
  cursor: default;
}
.ProductSummaryDescription {
  margin-bottom: 4px;
}
.ProductSummaryDescription--padded {
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  .App--multiItem .ProductSummaryDescription--singleItem {
      display: none;
  }
}
.ProductSummaryTotalAmount .BillingIntervalBreak {
  display: none;
}
.ProductSummaryTotalAmount-billingInterval {
  display: inline-block;
}
.ProductSummaryTotalAmount-dueToday .TotalDueTodayBreak {
  display: none;
}
.ProductSummaryTotalAmount-dueToday {
  display: inline-block;
}
.ProductSummaryTotalAmount-addedToNextInvoice .AddedToNextInvoiceBreak {
  display: none;
}
.ProductSummaryTotalAmount-addedToNextInvoice {
  display: inline-block;
}
@media only screen and (min-width: 992px) {
  .ProductSummaryTotalAmount .BillingIntervalBreak,
  .ProductSummaryTotalAmount-addedToNextInvoice .AddedToNextInvoiceBreak,
  .ProductSummaryTotalAmount-dueToday .TotalDueTodayBreak {
      display: unset;
  }
}
@media only screen and (max-width: 991.98px) {
  .ProductSummaryTotalAmount {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
  }
}
.ProductSummary {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.ProductSummary-name {
  word-break: break-word;
}
.ProductSummary-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}
.ProductSummary-info,
.ProductSummary-productImageContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ProductSummary-productImageContainer {
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 32px 16px;
}
.ProductSummary-info.is-clickable,
.ProductSummary-productImageContainer.is-clickable {
  cursor: pointer;
}
.ProductSummary-amountsContainer {
  position: relative;
}
.ProductSummary-totalAmount {
  font-size: 28px;
  margin: 2px 0 3px;
}
.ProductSummary-totalAmountContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ProductSummary-taxIcon,
.ProductSummary-totalAmountContainer {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ProductSummary-taxIcon {
  margin: 0 0 6px 4px;
}
.ProductSummary-dynamicCurrencyInfo {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .ProductSummary-dynamicCurrencyInfo {
      padding-top: 32px;
  }
}
.ProductSummary-taxIconTooltip {
  z-index: 16;
}
.ProductSummary-taxIconTooltipContext {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
  pointer-events: all;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.ProductSummary-detailsPrompt {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 500;
}
.ProductSummary-detailsPrompt:not(.is-darkBackground) .Text {
  color: hsla(0, 0%, 10%, 0.6);
  text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
  -webkit-text-decoration: underline dotted hsla(0, 0%, 10%, 0.5);
}
.ProductSummary-detailsPrompt.is-darkBackground .Text {
  color: hsla(0, 0%, 100%, 0.6);
  text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
  -webkit-text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
}
.ProductSummary-changeAmountButton {
  margin-bottom: 12px;
  pointer-events: all;
}
.ProductSummary-changeAmountButtonHidden {
  pointer-events: none;
}
.ProductSummary-changeAmountButtonHiddenInCorner,
.ProductSummary-totalAmountContainerHidden {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ProductSummary-totalsWrite {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  opacity: 0;
  pointer-events: all;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .ProductSummary-totalsWrite {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
  }
  .ProductSummary-totalsWrite .ProductSummary-taxIconContainer {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 72px;
      margin-left: 4px;
  }
}
.ProductSummary-totalsWrite .FieldError-container {
  width: 100%;
}
.ProductSummary-changeAmountInput {
  font-size: 29px;
  font-weight: 500;
  width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .ProductSummary-changeAmountInput {
      text-align: center;
  }
  .ProductSummary-totalsWrite {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .ProductSummary-totalsWrite .ProductSummary-taxIconContainer {
      margin-top: 4px;
  }
}
@media only screen and (min-width: 992px) {
  .ProductSummary-changeAmountInput {
      font-size: 36px !important;
      height: 56px !important;
  }
}
.is-fontFamily--Inconsolata .ProductSummary-name {
  font-size: 17px;
}
.is-fontFamily--Inconsolata .ProductSummary-totalAmount {
  font-size: 29px;
}
.is-fontFamily--Inconsolata .ProductSummary-description {
  font-size: 15px;
}
.is-fontFamily--PTSans .ProductSummary-name {
  font-size: 17px;
}
.is-fontFamily--PTSans .ProductSummary-totalAmount {
  font-size: 29px;
}
.is-fontFamily--PTSans .ProductSummary-description {
  font-size: 15px;
}
.is-fontFamily--TitilliumWeb .ProductSummary-name {
  font-size: 17px;
}
.is-fontFamily--TitilliumWeb .ProductSummary-totalAmount {
  font-size: 29px;
}
.is-fontFamily--TitilliumWeb .ProductSummary-description {
  font-size: 15px;
}
.is-fontFamily--UbuntuMono .ProductSummary-name {
  font-size: 17px;
}
.is-fontFamily--UbuntuMono .ProductSummary-totalAmount {
  font-size: 29px;
}
.is-fontFamily--UbuntuMono .ProductSummary-description {
  font-size: 15px;
}
.ProductSummary {
  margin-bottom: 12px;
}
.ProductSummary.is-clickable {
  margin-bottom: 16px;
}
.ProductSummary.no-image {
  margin-bottom: 28.5px;
}
.ProductSummary.no-image.is-clickable {
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .ProductSummary {
      -webkit-box-pack: left;
      -ms-flex-pack: left;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: left;
      justify-content: left;
      margin-top: 32px;
      text-align: left;
  }
  .ProductSummary-totalAmount {
      font-size: 36px;
  }
  .ProductSummary-totalAmountContainer {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
  }
  .ProductSummary-totalAmountContainer.is-clickable {
      pointer-events: none;
  }
  .ProductSummary-detailsPrompt {
      display: none;
  }
  .ProductSummary-info.is-clickable,
  .ProductSummary-productImageContainer.is-clickable {
      cursor: default;
      pointer-events: none;
  }
}
.App--singleItem .ProductSummary {
  margin-top: 32px;
}
.App--multiItem .ProductSummary-productImageContainer {
  margin-bottom: 32px;
}
@media only screen and (max-width: 991.98px) {
  .ProductSummary-totalAmountContainer {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      -webkit-justify-content: center;
      justify-content: center;
  }
  .TaxIconBreak {
      display: none;
  }
}
@media only screen and (min-width: 992px) {
  .App--singleItem .ProductSummary {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .App--singleItem .ProductSummary-productImageContainer {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      height: 300px;
      margin: 32px 0;
      -webkit-order: 2;
      order: 2;
      width: 300px;
  }
  .App--singleItem .ProductSummary-info {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
  }
  .App--multiItem .ProductSummary-productImageContainer {
      display: none;
  }
}
.ConfirmModalContent {
  margin: 24px 20px;
  overflow: hidden;
}
.ConfirmModalContent-icon {
  color: rgba(0, 0, 0, 0.5);
  height: 16px;
  min-width: 24px;
  padding-right: 8px;
}
.ConfirmModalContent--green .ConfirmModalContent-icon {
  color: #24b47e;
}
.ConfirmModalContent--yellow .ConfirmModalContent-icon {
  color: #d97917;
}
.ConfirmModalContent--red .ConfirmModalContent-icon {
  color: #dc2727;
}
.ConfirmModalFooter {
  height: 48px;
  margin: 16px 20px;
  position: relative;
}
.ConfirmModalFooter-btnContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  overflow-x: hidden;
  padding: 4px;
  position: absolute;
  width: 50%;
}
.ConfirmModalFooter-btn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 38px;
  position: relative;
}
.ConfirmModalFooter-btn .Button-Icon.Button-Spinner {
  margin-right: 0;
}
.ConfirmModalFooter-btn svg {
  position: absolute;
  right: 12px;
}
.ConfirmModalFooter-btn .Button--secondary {
  height: 39px;
}
.ConfirmModalFooter-btn--gray:not(:disabled):hover {
  background-color: hsla(0, 0%, 10%, 0.05);
}
.ConfirmModalFooter-btn,
.ConfirmModalFooter-btn .Text {
  transition: all 0.2s ease;
}
.ConfirmModalFooter-btn:disabled .Text {
  opacity: 0.6;
}
.AdjustQuantityModal-modal.has-notice .ConfirmModalFooter {
  margin-top: 8px;
}
.ConfirmModalHeader-header {
  border-bottom: 1px solid hsla(0, 0%, 10%, 0.1);
  padding: 16px 20px;
}
.ConfirmModalHeader-closeBtn {
  border-radius: 20px;
  padding: 8px;
}
.ConfirmModalHeader-imageContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 32px;
}
.ConfirmModalHeader-image {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}
.ConfirmModalHeader-closeBtn:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.ConfirmModalHeader-closeBtn .Button-Icon {
  margin-right: 0;
}
.ConfirmModal-modal {
  width: 356px;
}
.ConfirmModal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: hidden;
  padding: 16px 20px;
  padding: 24px 20px 16px;
}
.ConfirmModal-notice {
  margin-top: 20px;
}
@media only screen and (max-width: 991.98px) {
  .ConfirmModal-modal {
      -ms-flex-item-align: end;
      -webkit-align-self: flex-end;
      align-self: flex-end;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
      transform: translateY(60%);
      width: 100%;
  }
  .ConfirmModal-modalOverlay:before {
      -webkit-filter: blur(0);
      filter: blur(0);
  }
  .ConfirmModal-modalOverlay.ModalOverlay--afterOpen:before {
      opacity: 1;
  }
  .ConfirmModal-modal.ModalContent--afterOpen {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
  .ConfirmModal-modal.ModalContent--beforeClose {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  .ConfirmModal-modalOverlay.ModalOverlay--beforeClose:before {
      opacity: 0;
      transition-duration: 0.25s;
  }
  .ConfirmModal-modalOverlay.ModalOverlay--beforeClose {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}
.CrossSellProductDetailsFooter {
  height: 48px;
  margin: 16px 20px;
  overflow-x: hidden;
  position: relative;
}
.CrossSellProductDetailsFooter-btnContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  overflow-x: hidden;
  padding: 4px;
  position: absolute;
  width: 50%;
}
.CrossSellProductDetailsFooter-btn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 38px;
  margin: 0 8px;
  position: relative;
}
.CrossSellProductDetailsFooter-btn .Button--secondary {
  height: 39px;
}
.CrossSellProductDetailsFooter-btn--gray:not(:disabled):hover {
  background-color: hsla(0, 0%, 10%, 0.05);
}
.CrossSellProductDetailsFooter-btn,
.CrossSellProductDetailsFooter-btn .Text {
  transition: all 0.2s ease;
}
.CrossSellProductDetailsHeader-header {
  border-bottom: 1px solid hsla(0, 0%, 10%, 0.1);
  padding: 16px 20px;
}
.CrossSellProductDetailsHeader-closeBtn {
  border-radius: 20px;
  padding: 8px;
}
.CrossSellProductDetailsHeader-closeBtn:focus {
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  outline: none;
}
.CrossSellProductDetailsHeader-closeBtn .Button-Icon {
  margin-right: 0;
}
.CrossSellProductDetailsModal-modal {
  width: 400px;
}
.CrossSellProductDetailsModal-content {
  padding: 24px 20px;
}
.CrossSellProductDetailsModal-price {
  margin-bottom: 8px;
}
.CrossSellProductDetailsModal-imageContainer {
  margin-bottom: 16px;
  width: 100%;
}
.CrossSellProductDetailsModal-image {
  border-radius: 8px;
  max-height: 240px;
  max-width: 240px;
}
@media only screen and (max-width: 991.98px) {
  .CrossSellProductDetailsModal-modal {
      -ms-flex-item-align: end;
      -webkit-align-self: flex-end;
      align-self: flex-end;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
      transform: translateY(60%);
      width: 100%;
  }
  .CrossSellProductDetailsModal-modalOverlay:before {
      -webkit-filter: blur(0);
      filter: blur(0);
  }
  .CrossSellProductDetailsModal-modalOverlay.ModalOverlay--afterOpen:before {
      opacity: 1;
  }
  .CrossSellProductDetailsModal-modal.ModalContent--afterOpen {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
  .CrossSellProductDetailsModal-modal.ModalContent--beforeClose {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  .CrossSellProductDetailsModal-modalOverlay.ModalOverlay--beforeClose:before {
      opacity: 0;
      transition-duration: 0.25s;
  }
  .CrossSellProductDetailsModal-modalOverlay.ModalOverlay--beforeClose {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}
.CrossSellOffer-outerContainer {
  margin-bottom: 12px;
  position: relative;
  width: 100%;
}
.CrossSellOffer-container {
  background-color: hsla(0, 0%, 10%, 0.05);
  border: 1px solid hsla(0, 0%, 10%, 0.1);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 16px;
}
.CrossSellOffer-container,
.CrossSellOffer-innerContainer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.CrossSellOffer-innerContainer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.CrossSellOffer-clickContainer {
  padding: 6px 0 6px 48px;
}
.CrossSellOffer-description {
  margin-top: 12px;
}
.CrossSellOffer-header {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  border: 1px solid hsla(0, 0%, 10%, 0.1);
  border-bottom: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.App-Container.is-veryRoundBordered .CrossSellOffer-header {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.App-Container.is-veryRoundBordered .CrossSellOffer-container {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.CrossSellOffer-headerFlexItem {
  padding: 8px 0;
}
.CrossSellOffer-headerText {
  margin-left: 16px;
}
.CrossSellOffer-imageContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 42px;
}
.CrossSellOffer-image {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}
.CrossSellOffer-productTitle {
  line-height: 15px;
  text-align: start;
}
.CrossSellOffer-addRemove {
  white-space: nowrap;
}
.CrossSellOffer-seeMoreLink {
  text-decoration: underline;
}
.App-Container.is-squareBordered .CrossSellOffer-image {
  border-radius: 0;
}
.App-Container.is-veryRoundBordered .CrossSellOffer-image {
  border-radius: 18px;
}
.CrossSellOffer-errorText {
  color: red;
  margin-top: 8px;
}
.CrossSellOffer-outerContainer.is-added .CrossSellOffer-addRemove:before {
  content: "\D7";
  display: inline-block;
  margin-right: 4px;
}
.App-Container.is-darkBackground .CrossSellOffer-container {
  background-color: hsla(0, 0%, 100%, 0.05);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.App-Container.is-darkBackground .CrossSellOffer-header {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-bottom: none;
}
.App-Container.is-darkBackground .CrossSellOffer-errorText {
  color: white;
}
@media only screen and (min-width: 992px) {
  .CrossSellOffer-header,
  .CrossSellOffer-outerContainer {
      margin-left: -6px;
      width: 404px;
  }
  .App-Container.is-darkBackground .CrossSellOffer-header,
  .CrossSellOffer-header {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      border: none;
      -webkit-justify-content: center;
      justify-content: center;
  }
  .CrossSellOffer-container {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
  }
  .App-Container.is-veryRoundBordered .CrossSellOffer-container {
      border-radius: 18px;
  }
}
.UpsellOrCrossSell-container {
  border: 1px solid hsla(0, 0%, 10%, 0.1);
  border-radius: 6px;
  margin-top: 16px;
  max-width: 380px;
  width: 100%;
}
.UpsellOrCrossSell-container .Tabs-TabPanelContainer {
  background-color: hsla(0, 0%, 10%, 0.05);
}
.UpsellOrCrossSellContainer-darkBackground.UpsellOrCrossSell-container {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.UpsellOrCrossSell-container .UpsellToggle-clickContainer,
.UpsellOrCrossSellContainer-darkBackground.UpsellOrCrossSell-container .CrossSellOffer-container,
.UpsellOrCrossSellContainer-darkBackground.UpsellOrCrossSell-container .UpsellToggle-clickContainer {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.UpsellOrCrossSell-container .UpsellToggle,
.UpsellOrCrossSell-container .UpsellToggle-backgroundContainer,
.UpsellOrCrossSell-container .UpsellToggle-clickContainer:before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.UpsellOrCrossSell-container .Tabs-TabPanelContainer {
  margin-top: 0;
}
.UpsellOrCrossSell-container .Tabs.is-mobile .Tabs-TabList {
  margin-bottom: 0;
}
.UpsellOrCrossSell-container .Tabs-TabListItemContent {
  padding-bottom: 4px;
  padding-top: 4px;
}
.UpsellOrCrossSell-container .Tabs.is-contenttabs {
  width: 100%;
}
.UpsellOrCrossSell-container .Tabs.is-contenttabs .Tabs-TabList > .Tabs-TabListItemContainer:first-of-type {
  margin-left: 16px;
  margin-right: 8px;
}
.UpsellOrCrossSell-container .Tabs .Tabs-TabList {
  box-shadow: none;
  left: 0;
  margin-left: 0;
  max-width: 380px;
  padding-bottom: 0;
  right: 0;
  width: 100%;
}
.UpsellOrCrossSell-container .CrossSellOffer-outerContainer {
  left: 0;
  margin-bottom: 0;
  width: 100%;
}
.UpsellOrCrossSellContainer-darkBackground .UpsellOrCrossSell-container .CrossSellOffer-container {
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.UpsellOrCrossSell-container .CrossSellOffer-container {
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.UpsellOrCrossSellContainer-darkBackground .Tabs.is-contenttabs .Tabs-TabListItem {
  color: white;
  opacity: 0.5;
}
.UpsellOrCrossSellContainer-darkBackground .Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
  opacity: 1;
}
.UpsellOrCrossSell-container .Tabs.is-contenttabs .Tabs-TabListItem:after {
  height: 1px;
  top: calc(100% - 1px);
}
.UpsellOrCrossSellContainer-darkBackground .Tabs.is-contenttabs .Tabs-TabListItem:after {
  background: white;
}
.App-Container.is-darkBackground .UpsellOrCrossSell-container .Tabs-TabPanelContainer {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.App-Background {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.App-Container {
  min-height: 100vh;
}
.App-Container:not(.is-noBackground) {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 500px, #ffffff 0, #ffffff);
}
.App {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  width: 100%;
}
.App.App--singleItem {
  padding-top: 16px;
}
.App.App--customAmount {
  padding-top: 60px;
}
.App.App--multiItem {
  padding-top: 76px;
}
.App-Overview > :not(.Header),
.App-Payment > *,
.App-mobileActions > * {
  margin: 0 auto;
  max-width: 380px;
}
.App-Overview,
.App-Payment,
.App-mobileActions {
  padding: 0 16px 16px;
  width: 100%;
}
.App-Payment {
  background-color: #ffffff;
  padding-top: 4px;
}
.is-darkMode .App-Payment {
  background-color: rgba(0, 0, 0, 1);
}
.App-Container:not(.is-noBackground) .App-Payment {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
}
.App-Overview-OrderDetails {
  display: none;
  overflow-y: visible;
  padding-right: 8px;
}
.App-Overview-OrderDetails.is-expanded {
  overflow-x: hidden;
  overflow-y: auto;
}
.App-Footer {
  -webkit-box-flex: 1;
  background-color: #ffffff;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-bottom: 32px;
  padding-top: 16px;
  width: 100%;
}
.is-darkMode .App-Footer {
  background-color: rgba(0, 0, 0, 1);
}
.App-Payment-Header {
  display: none;
  height: 28px;
  margin-bottom: 32px;
  padding-top: 8px;
  position: absolute;
  top: 0;
}
.App-productSummaryContainer.is-paymentSuccess {
  display: none;
}
.App-Container .App {
  -webkit-animation: enter-no-scale 0.6s;
  animation: enter-no-scale 0.6s;
  position: relative;
}
.App-Container--noAnimation .App {
  -webkit-animation: none;
  animation: none;
}
.App-Payment.is-mobile.is-noBackground {
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .App {
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-transform: translateY(max(48px, calc(50vh - 55%)));
      -ms-transform: translateY(max(48px, calc(50vh - 55%)));
      transform: translateY(max(48px, calc(50vh - 55%)));
  }
  .App.App--multiItem,
  .App.App--singleItem {
      padding-top: 0;
  }
  .App-Container:not(.is-noBackground) {
      background-image: none;
  }
  .App-Container:before {
      box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
  }
  .App-Container:not(.App-Container--setupMode):before {
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      background: #ffffff;
      content: " ";
      height: 100%;
      position: fixed;
      right: 0;
      top: 0;
      -webkit-transform-origin: right;
      -ms-transform-origin: right;
      transform-origin: right;
      width: 50%;
  }
  .is-darkMode .App-Container:not(.App-Container--setupMode):before {
      background: rgba(10, 10, 10, 1);
  }
  .is-darkMode .App-Payment {
      background-color: rgba(10, 10, 10, 1);
  }
  .App-Container:not(.App-Container--setupMode) .App {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
      -webkit-animation-fill-mode: backwards;
      animation-fill-mode: backwards;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      max-width: 920px;
  }
  .App-Container:not(.App-Container--setupMode) .App-Payment-Header {
      display: block;
  }
  .App-Container:not(.App-Container--setupMode) .App-Overview {
      padding-bottom: 40px;
  }
  .App-Container:not(.App-Container--setupMode) .App-Overview,
  .App-Container:not(.App-Container--setupMode) .App-Payment {
      margin-bottom: 0;
      width: 380px;
  }
  .App-Container:not(.App-Container--setupMode) .App-Overview-OrderDetails {
      display: block;
      margin-left: -5px;
      padding-left: 5px;
  }
  .App-Container:not(.App-Container--setupMode) .App-Footer {
      bottom: 0;
      left: 0;
      margin: 12px 0;
      position: absolute;
  }
  .App-Payment {
      height: 100%;
      padding-top: 0;
  }
  .App-Container:not(.is-noBackground) .App-Payment {
      box-shadow: none;
  }
  .App-Container {
      min-height: 0;
  }
  .App-Container--setupMode .App {
      max-width: 444px;
  }
  .App-Container--setupMode .App-Payment {
      padding: 32px;
  }
  .App-Overview,
  .App-Payment {
      margin: 0;
      padding: 0;
  }
  .App-Footer {
      background-color: inherit;
      height: auto;
      padding: 0;
      width: auto;
  }
  .is-darkMode .App-Footer {
      background-color: transparent;
  }
  .App-Container--setupMode:not(.is-noBackground) .App-Payment {
      background-color: #ffffff;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
      margin: 24px 0;
  }
  .is-darkMode .App-Container--setupMode .App-Payment {
      background-color: rgba(10, 10, 10, 1);
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
      margin: 24px 0;
  }
  .App-Container--setupMode.is-squareBordered .App .App-Payment {
      border-radius: 0;
  }
  .App-Container--setupMode.is-veryRoundBordered .App .App-Payment {
      border-radius: 18px;
  }
  .App-Container--setupMode .Header {
      padding: 0 32px;
  }
  .App-productSummaryContainer.is-paymentSuccess {
      display: block;
  }
  .App-Overview .App-Payment > .PaymentSuccess {
      margin-top: 56px;
  }
  .App-mobileActions {
      display: none;
  }
}
@-webkit-keyframes enter {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.97);
      transform: scale(0.97);
  }
  to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
@keyframes enter {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.97);
      transform: scale(0.97);
  }
  to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
@-webkit-keyframes enter-no-scale {
  0% {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes enter-no-scale {
  0% {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes enter-background-shadow {
  0% {
      box-shadow: none;
      opacity: 0;
      -webkit-transform: scaleX(0.9);
      transform: scaleX(0.9);
  }
  to {
      box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
}
@keyframes enter-background-shadow {
  0% {
      box-shadow: none;
      opacity: 0;
      -webkit-transform: scaleX(0.9);
      transform: scaleX(0.9);
  }
  to {
      box-shadow: 15px 0 30px 0 rgba(0, 0, 0, 0.18);
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
}
.is-fontFamily--BeVietnamPro.App-Container,
.is-fontFamily--BeVietnamPro.Modal-Portal {
  font-family: Be Vietnam Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Bitter.App-Container,
.is-fontFamily--Bitter.Modal-Portal {
  font-family: Bitter, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--ChakraPetch.App-Container,
.is-fontFamily--ChakraPetch.Modal-Portal {
  font-family: Chakra Petch, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--EBGaramond.App-Container,
.is-fontFamily--EBGaramond.Modal-Portal {
  font-family: EB Garamond, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Inconsolata.App-Container,
.is-fontFamily--Inconsolata.Modal-Portal {
  font-family: Inconsolata, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
.is-fontFamily--Hahmlet.App-Container,
.is-fontFamily--Hahmlet.Modal-Portal {
  font-family: Hahmlet, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Inter.App-Container,
.is-fontFamily--Inter.Modal-Portal {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Lato.App-Container,
.is-fontFamily--Lato.Modal-Portal {
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--LibreBaskerville.App-Container,
.is-fontFamily--LibreBaskerville.Modal-Portal {
  font-family: Libre Baskerville, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Lora.App-Container,
.is-fontFamily--Lora.Modal-Portal {
  font-family: Lora, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Merriweather.App-Container,
.is-fontFamily--Merriweather.Modal-Portal {
  font-family: Merriweather, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--MPLUS1Code.App-Container,
.is-fontFamily--MPLUS1Code.Modal-Portal {
  font-family: M PLUS\1 Code, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
.is-fontFamily--Montserrat.App-Container,
.is-fontFamily--Montserrat.Modal-Portal {
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--NotoSansJP.App-Container,
.is-fontFamily--NotoSansJP.Modal-Portal {
  font-family: Noto Sans JP, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--NotoSans.App-Container,
.is-fontFamily--NotoSans.Modal-Portal {
  font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--NotoSerif.App-Container,
.is-fontFamily--NotoSerif.Modal-Portal {
  font-family: "Noto Serif", Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Nunito.App-Container,
.is-fontFamily--Nunito.Modal-Portal {
  font-family: Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--OpenSans.App-Container,
.is-fontFamily--OpenSans.Modal-Portal {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Oswald.App-Container,
.is-fontFamily--Oswald.Modal-Portal {
  font-family: Oswald, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Pridi.App-Container,
.is-fontFamily--Pridi.Modal-Portal {
  font-family: Pridi, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--PTSans.App-Container,
.is-fontFamily--PTSans.Modal-Portal {
  font-family: PT Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--PTSerif.App-Container,
.is-fontFamily--PTSerif.Modal-Portal {
  font-family: "PT Serif", Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--Raleway.App-Container,
.is-fontFamily--Raleway.Modal-Portal {
  font-family: Raleway, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--Roboto.App-Container,
.is-fontFamily--Roboto.Modal-Portal {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--RobotoSlab.App-Container,
.is-fontFamily--RobotoSlab.Modal-Portal {
  font-family: Roboto Slab, Apple Garamond, "Droid Serif", Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.is-fontFamily--SourceSansPro.App-Container,
.is-fontFamily--SourceSansPro.Modal-Portal {
  font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--TitilliumWeb.App-Container,
.is-fontFamily--TitilliumWeb.Modal-Portal {
  font-family: Titillium Web, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.is-fontFamily--UbuntuMono.App-Container,
.is-fontFamily--UbuntuMono.Modal-Portal {
  font-family: Ubunutu Mono, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
.is-fontFamily--ZenMaruGothic.App-Container,
.is-fontFamily--ZenMaruGothic.Modal-Portal {
  font-family: Zen Maru Gothic, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Ubuntu, sans-serif;
}
.FullPageMessage {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.FullPageMessage,
.FullPageMessage-Message {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.FullPageMessage-Message {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 300px;
  text-align: center;
}
.FullPageMessage-Icon {
  margin-bottom: 16px;
}
.RedirectConfirmationPage {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.RedirectConfirmationPage-container {
  height: 100%;
  width: 100%;
}
.RedirectConfirmationPage-iconContainer {
  margin-bottom: 16px;
}
.RedirectConfirmationPage-header {
  max-width: 380px;
  padding-top: 16px;
  width: 100%;
}
.RedirectConfirmationPage-footer {
  background-color: white;
  padding-bottom: 16px;
  padding-top: 16px;
  width: 100%;
}
.RedirectConfirmationPage-content {
  background-color: white;
  padding: 32px;
  width: 100%;
}
.RedirectConfirmationPage-testModeTag {
  margin-left: 8px;
}
.RedirectConfirmationPage-messageLink {
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
}
@media only screen and (max-width: 991.98px) {
  .RedirectConfirmationPage-content {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
  }
  .RedirectConfirmationPage-messageContainer {
      max-width: 380px;
  }
}
@media only screen and (min-width: 992px) {
  .RedirectConfirmationPage-container {
      margin-left: 16px;
      margin-right: 16px;
      width: 444px;
  }
  .RedirectConfirmationPage-content {
      border-radius: 12px;
      min-height: 60%;
  }
  .RedirectConfirmationPage-header {
      max-width: 100%;
      padding: 48px 16px 24px;
      width: 100%;
  }
  .RedirectConfirmationPage-footer {
      background-color: transparent;
      padding-bottom: 48px;
      padding-top: 24px;
  }
}
.RedirectConfirmationPage-iconContainer {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: slide-icon-up;
  animation-name: slide-icon-up;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.RedirectConfirmationPage-message {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slide-message-up;
  animation-name: slide-message-up;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  margin-top: 16px;
}
@-webkit-keyframes slide-icon-up {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
  50% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}
@keyframes slide-icon-up {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
  50% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}
@-webkit-keyframes slide-message-up {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 0;
      -webkit-transform: translateY(66%);
      transform: translateY(66%);
  }
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}
@keyframes slide-message-up {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 0;
      -webkit-transform: translateY(66%);
      transform: translateY(66%);
  }
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
.p0 {
  padding: 0;
}
.p1 {
  padding: 4px;
}
.py1 {
  padding-bottom: 4px;
  padding-top: 4px;
}
.px1 {
  padding-left: 4px;
  padding-right: 4px;
}
.p2 {
  padding: 8px;
}
.py2 {
  padding-bottom: 8px;
  padding-top: 8px;
}
.px2 {
  padding-left: 8px;
  padding-right: 8px;
}
.p3 {
  padding: 12px;
}
.py3 {
  padding-bottom: 12px;
  padding-top: 12px;
}
.px3 {
  padding-left: 12px;
  padding-right: 12px;
}
.p4 {
  padding: 16px;
}
.py4 {
  padding-bottom: 16px;
  padding-top: 16px;
}
.px4 {
  padding-left: 16px;
  padding-right: 16px;
}
.p5 {
  padding: 24px;
}
.py5 {
  padding-bottom: 24px;
  padding-top: 24px;
}
.px5 {
  padding-left: 24px;
  padding-right: 24px;
}
.p6 {
  padding: 32px;
}
.py6 {
  padding-bottom: 32px;
  padding-top: 32px;
}
.px6 {
  padding-left: 32px;
  padding-right: 32px;
}
.m0 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0,
.mx0 {
  margin-left: 0;
}
.mx0 {
  margin-right: 0;
}
.my0 {
  margin-bottom: 0;
  margin-top: 0;
}
.m1 {
  margin: 4px;
}
.mt1 {
  margin-top: 4px;
}
.mr1 {
  margin-right: 4px;
}
.mb1 {
  margin-bottom: 4px;
}
.ml1,
.mx1 {
  margin-left: 4px;
}
.mx1 {
  margin-right: 4px;
}
.my1 {
  margin-bottom: 4px;
  margin-top: 4px;
}
.m2 {
  margin: 8px;
}
.mt2 {
  margin-top: 8px;
}
.mr2 {
  margin-right: 8px;
}
.mb2 {
  margin-bottom: 8px;
}
.ml2,
.mx2 {
  margin-left: 8px;
}
.mx2 {
  margin-right: 8px;
}
.my2 {
  margin-bottom: 8px;
  margin-top: 8px;
}
.m3 {
  margin: 12px;
}
.mt3 {
  margin-top: 12px;
}
.mr3 {
  margin-right: 12px;
}
.mb3 {
  margin-bottom: 12px;
}
.ml3,
.mx3 {
  margin-left: 12px;
}
.mx3 {
  margin-right: 12px;
}
.my3 {
  margin-bottom: 12px;
  margin-top: 12px;
}
.m4 {
  margin: 16px;
}
.mt4 {
  margin-top: 16px;
}
.mr4 {
  margin-right: 16px;
}
.mb4 {
  margin-bottom: 16px;
}
.ml4,
.mx4 {
  margin-left: 16px;
}
.mx4 {
  margin-right: 16px;
}
.my4 {
  margin-bottom: 16px;
  margin-top: 16px;
}
.m5 {
  margin: 24px;
}
.mt5 {
  margin-top: 24px;
}
.mr5 {
  margin-right: 24px;
}
.mb5 {
  margin-bottom: 24px;
}
.ml5,
.mx5 {
  margin-left: 24px;
}
.mx5 {
  margin-right: 24px;
}
.my5 {
  margin-bottom: 24px;
  margin-top: 24px;
}
.m6 {
  margin: 32px;
}
.mt6 {
  margin-top: 32px;
}
.mr6 {
  margin-right: 32px;
}
.mb6 {
  margin-bottom: 32px;
}
.ml6,
.mx6 {
  margin-left: 32px;
}
.mx6 {
  margin-right: 32px;
}
.my6 {
  margin-bottom: 32px;
  margin-top: 32px;
}
.mxn1 {
  margin-left: -4px;
  margin-right: -4px;
}
.mxn2 {
  margin-left: -8px;
  margin-right: -8px;
}
.mxn3 {
  margin-left: -12px;
  margin-right: -12px;
}
.mxn4 {
  margin-left: -16px;
  margin-right: -16px;
}
.mxn5 {
  margin-left: -24px;
  margin-right: -24px;
}
.mxn6 {
  margin-left: -32px;
  margin-right: -32px;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto,
.mx-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
}
.mb-2px {
  margin-bottom: 2px;
}
* {
  box-sizing: border-box;
}
@supports (scroll-behavior: smooth) {
  html {
      scroll-behavior: smooth;
  }
}
html {
  line-height: 1.3;
}
body {
  -webkit-font-smoothing: antialiased;
  color: hsla(0, 0%, 10%, 0.9);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
body.is-darkMode {
  background-color: black;
}
body:lang(ja) {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, Hiragino Sans, Yu Gothic UI, Meiryo UI, Hiragino Kaku Gothic ProN, sans-serif;
}
body:lang(zh) {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, Microsoft JhengHei, sans-serif;
}
input:-webkit-autofill {
  -webkit-animation: native-autofill-in 1ms;
  transition: background-color 100000000s;
}
input {
  -webkit-animation: native-autofill-out 1ms;
}
.u-screenReaderOnly {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?6e0ejc');
  src:  url('../fonts/icomoon.eot?6e0ejc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?6e0ejc') format('truetype'),
    url('../fonts/icomoon.woff?6e0ejc') format('woff'),
    url('../fonts/icomoon.svg?6e0ejc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alipay .path1:before {
  content: "\e900";
  color: rgb(43, 166, 223);
}
.icon-alipay .path2:before {
  content: "\e901";
  margin-left: -1.5595703125em;
  color: rgb(43, 166, 223);
}
.icon-alipay .path3:before {
  content: "\e902";
  margin-left: -1.5595703125em;
  color: rgb(63, 58, 57);
}
.icon-alipay .path4:before {
  content: "\e903";
  margin-left: -1.5595703125em;
  color: rgb(43, 166, 223);
}
.icon-alipay .path5:before {
  content: "\e904";
  margin-left: -1.5595703125em;
  color: rgb(63, 58, 57);
}
.icon-amex:before {
  content: "\e905";
  color: #2557d6;
}
.icon-diners .path1:before {
  content: "\e906";
  color: rgb(0, 121, 190);
}
.icon-diners .path2:before {
  content: "\e907";
  margin-left: -1.5595703125em;
  color: rgb(255, 255, 255);
}
.icon-diners .path3:before {
  content: "\e908";
  margin-left: -1.5595703125em;
  color: rgb(0, 121, 190);
}
.icon-discover .path1:before {
  content: "\e909";
  color: rgb(244, 114, 22);
}
.icon-discover .path2:before {
  content: "\e90a";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-elo .path1:before {
  content: "\e90b";
  color: rgb(255, 241, 0);
}
.icon-elo .path2:before {
  content: "\e90c";
  margin-left: -1.5595703125em;
  color: rgb(0, 163, 223);
}
.icon-elo .path3:before {
  content: "\e90d";
  margin-left: -1.5595703125em;
  color: rgb(238, 64, 35);
}
.icon-elo .path4:before {
  content: "\e90e";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-hiper .path1:before {
  content: "\e90f";
  color: rgb(243, 116, 33);
}
.icon-hiper .path2:before {
  content: "\e910";
  margin-left: -1.5595703125em;
  color: rgb(243, 116, 33);
}
.icon-hiper .path3:before {
  content: "\e911";
  margin-left: -1.5595703125em;
  color: rgb(243, 116, 33);
}
.icon-hiper .path4:before {
  content: "\e912";
  margin-left: -1.5595703125em;
  color: rgb(255, 231, 0);
}
.icon-hiper .path5:before {
  content: "\e913";
  margin-left: -1.5595703125em;
  color: rgb(243, 116, 33);
}
.icon-hipercard:before {
  content: "\e914";
  color: #b3131b;
}
.icon-jcb .path1:before {
  content: "\e915";
  color: rgb(255, 255, 255);
}
.icon-jcb .path2:before {
  content: "\e916";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-jcb .path3:before {
  content: "\e917";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-jcb .path4:before {
  content: "\e918";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-maestro .path1:before {
  content: "\e919";
  color: rgb(217, 34, 42);
}
.icon-maestro .path2:before {
  content: "\e91a";
  margin-left: -1.5595703125em;
  color: rgb(0, 151, 208);
}
.icon-maestro .path3:before {
  content: "\e91b";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-maestro .path4:before {
  content: "\e91c";
  margin-left: -1.5595703125em;
  color: rgb(255, 255, 255);
}
.icon-mastercard .path1:before {
  content: "\e91d";
  color: rgb(217, 34, 42);
}
.icon-mastercard .path2:before {
  content: "\e91e";
  margin-left: -1.5595703125em;
  color: rgb(238, 159, 45);
}
.icon-mastercard .path3:before {
  content: "\e91f";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-mastercard .path4:before {
  content: "\e920";
  margin-left: -1.5595703125em;
  color: rgb(255, 255, 255);
}
.icon-mastercard .path5:before {
  content: "\e921";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-mastercard .path6:before {
  content: "\e922";
  margin-left: -1.5595703125em;
  color: rgb(255, 255, 255);
}
.icon-mir .path1:before {
  content: "\e923";
  color: rgb(55, 167, 46);
}
.icon-mir .path2:before {
  content: "\e924";
  margin-left: -1.5595703125em;
  color: rgb(0, 0, 0);
}
.icon-mir .path3:before {
  content: "\e925";
  margin-left: -1.5595703125em;
  color: rgb(55, 167, 46);
}
.icon-mir .path4:before {
  content: "\e926";
  margin-left: -1.5595703125em;
  color: rgb(55, 167, 46);
}
.icon-paypal .path1:before {
  content: "\e927";
  color: rgb(0, 48, 135);
}
.icon-paypal .path2:before {
  content: "\e928";
  margin-left: -1.5595703125em;
  color: rgb(0, 156, 222);
}
.icon-paypal .path3:before {
  content: "\e929";
  margin-left: -1.5595703125em;
  color: rgb(0, 48, 135);
}
.icon-paypal .path4:before {
  content: "\e92a";
  margin-left: -1.5595703125em;
  color: rgb(0, 156, 222);
}
.icon-paypal .path5:before {
  content: "\e92b";
  margin-left: -1.5595703125em;
  color: rgb(0, 48, 135);
}
.icon-paypal .path6:before {
  content: "\e92c";
  margin-left: -1.5595703125em;
  color: rgb(0, 156, 222);
}
.icon-troy .path1:before {
  content: "\e92d";
  color: rgb(51, 62, 72);
}
.icon-troy .path2:before {
  content: "\e92e";
  margin-left: -2.12890625em;
  color: rgb(51, 62, 72);
}
.icon-troy .path3:before {
  content: "\e92f";
  margin-left: -2.12890625em;
  color: rgb(0, 173, 187);
}
.icon-troy .path4:before {
  content: "\e930";
  margin-left: -2.12890625em;
  color: rgb(0, 173, 187);
}
.icon-troy .path5:before {
  content: "\e931";
  margin-left: -2.12890625em;
  color: rgb(51, 62, 72);
}
.icon-unionpay .path1:before {
  content: "\e932";
  color: rgb(209, 4, 41);
}
.icon-unionpay .path2:before {
  content: "\e933";
  margin-left: -1.5595703125em;
  color: rgb(2, 46, 100);
}
.icon-unionpay .path3:before {
  content: "\e934";
  margin-left: -1.5595703125em;
  color: rgb(7, 111, 116);
}
.icon-unionpay .path4:before {
  content: "\e935";
  margin-left: -1.5595703125em;
  color: rgb(254, 254, 254);
}
.icon-unionpay .path5:before {
  content: "\e936";
  margin-left: -1.5595703125em;
  color: rgb(254, 254, 254);
}
.icon-unionpay .path6:before {
  content: "\e937";
  margin-left: -1.5595703125em;
  color: rgb(254, 254, 254);
}
.icon-unionpay .path7:before {
  content: "\e938";
  margin-left: -1.5595703125em;
  color: rgb(254, 254, 254);
}
.icon-unionpay .path8:before {
  content: "\e939";
  margin-left: -1.5595703125em;
  color: rgb(254, 254, 254);
}
.icon-visa .path1:before {
  content: "\e93a";
  color: rgb(14, 69, 149);
}
.icon-visa .path2:before {
  content: "\e93b";
  margin-left: -1.5595703125em;
  color: rgb(242, 174, 20);
}
.pf {
  display:none;
}
.pf.active {
  display:block;
} 
@-webkit-keyframes native-autofill-in {
  0% {
      opacity: 1;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes native-autofill-out {
  0% {
      opacity: 1;
  }
  to {
      opacity: 1;
  }
}