html,
body {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
}
html {
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  html {
    overflow: visible;
  }
}
@media only screen and (min-width: 577px) and (max-width: 1024px) {
  html {
    overflow: visible;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  background-color: #e4e4e4;
  overflow: auto;
}
@media only screen and (min-width: 577px) and (max-width: 1024px) {
  body {
    background-color: white !important;
  }
}
.main-container {
  min-height: 100%;
  height: 100%;
  position: relative;
  background-color: #f5f7fa;
  overflow: auto;
}
@media only screen and (max-width: 576px) {
  .main-container {
    background-color: white;
  }
}
@media only screen and (min-width: 577px) and (max-width: 1024px) {
  .main-container {
    background-color: white;
  }
}
@media only screen and (max-width: 1024px) {
  .main-container {
    padding-top: 0px;
  }
}
body.menu-open .main-container {
  overflow: visible;
}
#marketing-header-container {
  height: 65px !important;
}
@media only screen and (max-width: 1024px) {
  #marketing-header-container {
    background-color: black;
  }
}
.app-container {
  max-width: 1092px;
}
@media only screen and (min-width: 1025px) {
  .app-container {
    max-width: 1092px;
    margin: 150px auto 0;
  }
}
@media only screen and (max-width: 1024px) {
  .app-container {
    width: 100%;
    margin: 0;
    background-color: white;
    min-height: 0;
  }
}
.foreground-container.personal-account {
  padding-bottom: 17rem;
}
.foreground-container.business-account {
  padding-bottom: 9rem;
}
@media only screen and (max-width: 576px) {
  .foreground-container.business-account {
    padding-bottom: 0;
  }
}
.foreground-container.premier-account {
  padding-bottom: 17rem;
}
.vx_globalFooter {
  margin-top: -149px !important;
  min-height: 100px !important;
}
.vx_hr,
.vx_hr_alt {
  background-image: none !important;
  border-color: #979797 !important;
}
.vx_form-group label {
  font-weight: 400;
}
.text-center {
  text-align: center !important;
}
/* DO NOT USE THESE VARIABLES. THESE ARE TEMPORARY VARIABLES, SOON WILL BE REPLACED BY TOKENS */
.ppvx_modal___Zfzf- {
  background-color: #ffffff;
  border: 0.0625rem solid #b7bcbf;
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 75%;
  max-width: 54rem;
  left: 50%;
}
.ppvx_modal___Zfzf-:not(.ppvx_modal--overpanel___5yECK):not(.ppvx_modal--sheet___1X-1d) {
  min-height: 8rem;
  border-radius: 0.25rem;
  max-height: 75vh;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0rem 0.75rem 1.75rem rgba(0, 0, 0, 0.16);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 47rem) {
  .ppvx_modal___Zfzf-:not(.ppvx_modal--overpanel___5yECK):not(.ppvx_modal--sheet___1X-1d) {
    width: calc(100% - 3rem);
  }
}
@media screen and (max-width: 36rem) {
  .ppvx_modal___Zfzf-:not(.ppvx_modal--overpanel___5yECK):not(.ppvx_modal--sheet___1X-1d) {
    width: calc(100% - 2rem);
  }
}
.ppvx_modal___Zfzf-.ppvx_modal--overpanel___5yECK,
.ppvx_modal___Zfzf-.ppvx_modal--sheet___1X-1d {
  transform: translateX(-50%);
}
@media screen and (max-width: 47rem) {
  .ppvx_modal___Zfzf-.ppvx_modal--overpanel___5yECK,
  .ppvx_modal___Zfzf-.ppvx_modal--sheet___1X-1d {
    width: calc(100% - 3rem);
  }
}
@media screen and (max-width: 36rem) {
  .ppvx_modal___Zfzf-.ppvx_modal--overpanel___5yECK,
  .ppvx_modal___Zfzf-.ppvx_modal--sheet___1X-1d {
    width: 100%;
  }
}
.ppvx_modal___Zfzf-.ppvx_modal--overpanel___5yECK {
  height: 100vh;
  top: 100vh;
  transition: top 0.3s ease-in-out 0.3s;
}
.ppvx_modal___Zfzf-.ppvx_modal--sheet___1X-1d {
  bottom: -100vh;
  transition: bottom 0.3s ease-in-out;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  min-height: 3rem;
  max-height: 90vh;
}
.ppvx_modal-backdrop___Y7pMK {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1050;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s 0.3s;
  background-color: rgba(0, 0, 0, 0.4);
}
.ppvx_modal-backdrop___Y7pMK[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.ppvx_modal-backdrop___Y7pMK[aria-hidden='false'] .ppvx_modal___Zfzf-:not(.ppvx_modal--overpanel___5yECK):not(.ppvx_modal--sheet___1X-1d) {
  opacity: 1;
  transition: opacity 0.3s ease-in-out 0.3s;
}
.ppvx_modal-backdrop___Y7pMK[aria-hidden='false'] .ppvx_modal--overpanel___5yECK {
  transition: top 0.3s ease-in-out 0.3s;
  top: 0;
}
.ppvx_modal-backdrop___Y7pMK[aria-hidden='false'] .ppvx_modal--sheet___1X-1d {
  transition: bottom 0.3s ease-in-out 0.3s;
  bottom: 0;
}
.ppvx_scrim___3W45Z {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1050;
  visibility: hidden;
  transition: background-color 0.3s ease-in-out, visibility 0.3s 0.3s;
  background-color: transparent;
}
.ppvx_scrim___3W45Z[aria-hidden='false'] {
  visibility: visible;
  transition: background-color 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.4);
}
.ppvx_scrim___3W45Z[aria-hidden='false'] .ppvx_modal___Zfzf-:not(.ppvx_modal--overpanel___5yECK):not(.ppvx_modal--sheet___1X-1d) {
  opacity: 1;
  transition: opacity 0.3s ease-in-out 0.3s;
}
.ppvx_scrim___3W45Z[aria-hidden='false'] .ppvx_modal--overpanel___5yECK {
  transition: top 0.3s ease-in-out 0.3s;
  top: 0;
}
.ppvx_scrim___3W45Z[aria-hidden='false'] .ppvx_modal--sheet___1X-1d {
  transition: bottom 0.3s ease-in-out;
  bottom: 0;
}
.ppvx_modal__contents___6frFK {
  flex: 1 1 auto;
  overflow: auto;
  padding: 0 3rem 0;
  position: relative;
}
@media screen and (max-width: 47rem) {
  .ppvx_modal__contents___6frFK {
    padding: 0 1.5rem 1.5rem;
  }
}
@media screen and (max-width: 36rem) {
  .ppvx_modal___Zfzf-:not(.ppvx_modal--overpanel___5yECK):not(.ppvx_modal--sheet___1X-1d) .ppvx_modal__contents___6frFK {
    padding: 0 1rem 1.5rem;
  }
  .ppvx_modal___Zfzf-.ppvx_modal--overpanel___5yECK .ppvx_modal__contents___6frFK,
  .ppvx_modal___Zfzf-.ppvx_modal--sheet___1X-1d .ppvx_modal__contents___6frFK {
    padding: 0 0.75rem 1.5rem;
  }
}
.ppvx_modal___Zfzf-.ppvx_modal--sheet___1X-1d .ppvx_modal__contents___6frFK.ppvx_modal__contents--no-padding___3wClf {
  padding: 0;
}
.ppvx_modal__contents--center___3R5bs {
  text-align: center;
}
.ppvx_modal___Zfzf-:not(.ppvx_modal--overpanel___5yECK):not(.ppvx_modal--sheet___1X-1d) .ppvx_modal__contents___6frFK {
  max-height: 70vh;
}
.ppvx_modal__screenreader___3tapc {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.ppvx_modal-header___1Uz74 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  flex: 0 0;
  z-index: 1;
  min-height: 4.5rem;
}
.ppvx_modal-header--gripper___nHLqf:before {
  content: '';
  flex: 0 0 100%;
  height: 1rem;
  text-align: center;
}
.ppvx_modal-header--gripper___nHLqf:after {
  content: '';
  display: block;
  width: 3rem;
  height: 0.5rem;
  border: 0.0625rem solid #9da3a6;
  background-color: #9da3a6;
  border-radius: 0.25rem;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.ppvx_modal-header--divider___16Fvo {
  border-bottom: 1px solid #cbd2d6;
}
.ppvx_modal-header--scrolled___1P7K8 {
  box-shadow: 0rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.16);
}
.ppvx_modal-header__action___2zGln {
  flex: 0 0 3rem;
  height: 3rem;
  margin: 0.5rem 1rem;
}
.ppvx_modal-header__title___RGYZW {
  flex: 1 1 48px;
  margin: 0.5rem;
  text-align: center;
  font-family: "PayPalSansBig-Medium", Helvetica Neue, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.ppvx_modal-header__close___1amfs {
  flex: 0 0 3rem;
  margin: 0.5rem 1rem;
  height: 3rem;
  text-align: right;
}
.ppvx_modal-header__close-btn___1-UaO {
  /* stylelint-disable declaration-no-important */
  /* using !important to prevent issues with browser extensions that change fonts */
  font-family: 'PPUI-Icons' !important;
  /* stylelint-enable declaration-no-important */
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background-color: #ffffff;
  color: #2c2e2f;
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
  text-indent: 0.0625rem;
  position: relative;
}
.ppvx_modal-header__close-btn___1-UaO:before {
  content: '\E919';
}
.ppvx_modal-header__close-btn___1-UaO:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(44, 46, 47, 0.08) 80%, rgba(44, 46, 47, 0.08) 100%), none;
  background-size: 100% 500%;
  background-position: 0 100%;
  transition: background-position 0.3s ease-in-out;
}
.ppvx_modal-header__close-btn___1-UaO:active {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(44, 46, 47, 0.12) 80%, rgba(44, 46, 47, 0.12) 100%), none;
  background-size: 100% 500%;
  background-position: 0 100%;
  transition: background-position 0.3s ease-in-out;
}
.ppvx_modal-header__close-btn___1-UaO:focus {
  outline: none;
}
.ppvx_modal-header__close-btn___1-UaO:focus:after {
  content: '';
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  right: 0;
  border: 0.125rem solid #005ea6;
  box-shadow: 0 0 0 0.25rem #bfdbee;
  border-radius: 50%;
  text-indent: 0.0625rem;
  width: calc(3rem + 0.125rem);
  height: calc(3rem + 0.125rem);
  pointer-events: none;
}
.ppvx_modal-content__title___2kull {
  font-family: "PayPalSansBig-Regular", Helvetica Neue, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
.ppvx_modal--overpanel___5yECK .ppvx_modal-header___1Uz74:not(.ppvx_modal-header--no-logo___nPd7_) {
  background: url('https://www.paypalobjects.com/digitalassets/c/website/logo/monogram/pp_fc_mg_2x.png') no-repeat 50% 1.5rem;
  background-size: 1.5rem;
}
.ppvx_modal-footer___1aOF2 {
  min-height: 4.5rem;
  padding: 1rem;
  position: relative;
  flex: 1 0 auto;
}
.ppvx_modal-footer--scrolled___4d9D3 {
  box-shadow: 0rem -0.1875rem 0.625rem rgba(0, 0, 0, 0.16);
}
.ppvx_modal-footer--align_center___2kMVz {
  text-align: center;
}
.ppvx_modal-footer--align_right___1_2j1 {
  text-align: right;
}
.ppvx_modal___Zfzf- .ppvx_visible-only-in-context___2ZB-R {
  display: initial;
}

.full-page-spinner {
  display: none;
}
.full-page-spinner.show {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: white;
  z-index: 5000;
  overflow: scroll;
}
.full-page-spinner.show .spinner-container {
  position: fixed;
  top: 45%;
  top: calc(50vh - 64px);
  left: 45%;
  left: calc(50vw - 64px);
}
.full-page-spinner.show > div {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ppvx_loading-spinner {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.button-factory-wizard {
  border: solid 1px #cbd2d6;
  border-top: 0;
  border-radius: 6px;
  padding: 0;
  position: relative;
  background-color: white;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1024px) {
  .button-factory-wizard {
    border: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
  }
}
.button-factory-wizard .content .ppvx_progress-meter {
  background-color: black;
}
.button-factory-wizard .content .back-button-container {
  position: absolute;
  left: 33px;
  top: 94px;
  cursor: pointer;
  width: 80px;
}
.button-factory-wizard .content .back-button-container a {
  overflow-wrap: break-word;
  position: relative;
  bottom: 5px;
}
.button-factory-wizard .content .back-button-container #back {
  color: #0070ba;
}
@media only screen and (max-width: 1024px) {
  .button-factory-wizard .content .back-button-container {
    display: none;
  }
  .button-factory-wizard .content .back-button-container #back {
    display: none;
  }
}
.button-factory-wizard .content .button-factory-body {
  margin-left: 112px;
  margin-right: 112px;
}
@media only screen and (max-width: 1024px) {
  .button-factory-wizard .content .button-factory-body {
    margin: 0px;
    padding-left: 23px;
  }
}
@media only screen and (max-width: 576px) {
  .button-factory-wizard .content .button-factory-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.button-factory-wizard .content .wizard-step-container .wizard-step-title p + p {
  padding-top: 0;
}
.button-factory-wizard .content .wizard-step-container .wizard-form {
  width: 100%;
}
.button-factory-wizard .content .wizard-step-container .ppvx_dropdown,
.button-factory-wizard .content .wizard-step-container .ppvx_text-input,
.button-factory-wizard .content .wizard-step-container .ppvx_checkbox {
  max-width: 300px;
  margin-bottom: 12px;
}
.button-factory-wizard .content .wizard-step-container .wizard-step-title {
  color: #2c2e2f;
  margin-bottom: 24px;
}
.button-factory-wizard .content .wizard-step-container .fields-margin-left {
  margin-left: 43px;
}
@media only screen and (max-width: 576px) {
  .button-factory-wizard .content .wizard-step-container .fields-margin-left .ppvx_text-input {
    width: 276px;
  }
}
.button-factory-wizard .content .wizard-step-container .wizard-footer-button {
  display: flex;
  justify-content: flex-start;
  padding-top: 36px;
  padding-bottom: 108px;
}
.button-factory-wizard .content .wizard-step-container .wizard-footer-button .ppvx_btn {
  width: 300px;
}
@media only screen and (max-width: 1024px) {
  .button-factory-wizard .content .wizard-step-container .wizard-footer-button .ppvx_btn {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 576px) {
  .button-factory-wizard .content .wizard-step-container .wizard-footer-button {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 577px) and (max-width: 1024px) {
  .button-factory-wizard .content .wizard-step-container .wizard-footer-button {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}
.button-factory-wizard .radio-top-label {
  margin-bottom: 14px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.progressMeterContainer {
  background-color: black;
  padding: 15px 20px 15px 20px;
  margin-left: -1px;
  margin-right: -1px;
}
.progressMeter {
  border-radius: 3px;
  height: 6px;
  overflow: hidden;
  margin-bottom: 6px;
  background-color: rgba(255, 255, 255, 0.4);
}
.progressMeterIndicator {
  height: 6px;
  background-color: #00cf92;
  transition: width 0.9s ease;
}
.steps {
  line-height: 18px;
}
.stepProgress {
  display: inline-block;
  color: #f5f7fa;
  font-size: 13px;
  font-weight: bold;
  padding-right: 7px;
}
.stepTitle {
  display: inline-block;
  color: #f5f7fa;
  font-size: 13px;
}
.divider {
  border: 1px solid #cbd2d6;
}
.collapsible-container {
  display: flex;
}
.collapsible-container .collapsible-header {
  display: flex;
  flex: 1;
  padding: 30px 0;
  cursor: pointer;
}
.collapsible-container .collapsible-header .header-icon {
  flex: 0 0 30px;
  padding-top: 8px;
}
.collapsible-container .collapsible-header .header-icon .icon {
  width: 16px;
  height: 8px;
  transition: 0.5s;
}
.collapsible-container .collapsible-header .header-icon .icon-close {
  transform: rotate(0deg);
  position: absolute;
}
.collapsible-container .collapsible-header .header-icon .icon-open {
  transform: rotate(180deg);
  position: absolute;
}
.collapsible-container .collapsible-header .header-title {
  flex: 1;
}
.collapsible-container .vx_text-3 {
  margin: 0;
}
.nav-header-container {
  width: 100%;
  position: relative;
  padding: 24px 0 0;
}
.nav-header-container h1 {
  margin: 0;
}
.nav-header-container .inline {
  display: inline-block;
}
.nav-header-container .new-button-container {
  float: right;
  margin-top: 12px;
  cursor: pointer;
}
@media only screen and (min-width: 577px) and (max-width: 1024px) {
  .nav-header-container .new-button-container {
    float: none;
    display: block;
  }
  .nav-header-container .nav-header-hr {
    margin-left: -23px;
  }
}
@media only screen and (max-width: 576px) {
  .nav-header-container .new-button-container {
    float: none;
    display: block;
  }
  .nav-header-container .nav-header-hr {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.wizard-step-1-container .wizard-body {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  border: solid 1px #cbd2d6;
}
@media only screen and (max-width: 576px) {
  .wizard-step-1-container .wizard-body {
    flex-direction: column-reverse;
    border: none;
  }
}
.wizard-step-1-container .wizard-body .wizard-body-left {
  flex: 0 0 50%;
  padding: 36px;
  border-right: solid 1px #cbd2d6;
}
@media only screen and (max-width: 576px) {
  .wizard-step-1-container .wizard-body .wizard-body-left {
    border: none;
    padding: 0 12px;
  }
}
.wizard-step-1-container .wizard-body .wizard-body-left #countryCode,
.wizard-step-1-container .wizard-body .wizard-body-left #language {
  margin-bottom: 24px;
}
.wizard-step-1-container .wizard-body .wizard-body-left #buttonSize {
  margin-bottom: 12px;
}
.wizard-step-1-container .wizard-body .wizard-body-right {
  flex: 1 0;
}
.wizard-step-1-container .button-preview-container .header {
  text-align: center;
  color: #2c2e2f;
  margin-top: 24px;
  margin-bottom: 24px;
}
.wizard-step-1-container .button-preview-container .button-preview {
  display: flex;
  justify-content: center;
}
.wizard-step-1-container .button-preview-container .button-preview .buttons {
  position: relative;
  overflow: hidden;
  height: 200px;
  width: 85%;
}
@media only screen and (max-width: 576px) {
  .wizard-step-1-container .button-preview-container .button-preview .buttons {
    height: 100px;
    width: 100%;
  }
}
.wizard-step-1-container .button-preview-container .button-preview .buttons img {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wizard-step-1-container .button-preview-container .button-preview .img-container {
  border: dotted 1px #979797;
  background-color: #f1f1f1;
  display: table;
}
.wizard-step-1-container .button-preview-container .button-preview .img-container p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #c5c5c5;
}
.wizard-step-1-container .wizard-form .ppvx_radio {
  margin-top: 1em;
}
.wizard-step-1-container .wizard-form .button-style-elements .show-accepted-card-logos {
  margin: 0 0 24px;
}
.wizard-step-1-container .wizard-form .button-style-elements .show-accepted-card-logos.hide-visibility {
  visibility: hidden;
}
.wizard-step-2-container .wizard-form .input-block .ppvx_text-input {
  margin-top: 24px;
}
.wizard-step-2-container .wizard-form .logo-container {
  display: flex;
}
.wizard-step-2-container .wizard-form .logo-container .logo {
  width: 180px;
  height: 120px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #eee;
}
.wizard-step-2-container .wizard-form .logo-container .logo img {
  max-width: 100%;
  max-height: 100%;
}
.wizard-step-2-container .wizard-form .logo-container .logo .logo-preview {
  word-break: break-all;
  background-color: #eaeced;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  color: #9da3a6;
}
.wizard-step-2-container .wizard-form .logo-container .logo .logo-preview .logo-note {
  margin-bottom: 12px;
}
.wizard-step-2-container .wizard-form .logo-container .edit-message {
  padding-left: 8px;
}
.wizard-step-2-container .wizard-form .settings-logo .logo-container {
  margin-bottom: 12px;
}
.wizard-step-2-container .wizard-form .wizard-2-hr {
  margin: 24px 0;
}
.wizard-step-2-container .wizard-form #organizationName {
  cursor: default;
}
.wizard-step-2-container .wizard-form .programs-container .help-text {
  margin-bottom: 12px;
}
.wizard-step-2-container .wizard-form .programs-container .help-text p {
  display: inline;
}
.wizard-step-2-container .wizard-form .programs-container .help-text .ppvx_tooltip__icon {
  width: unset;
  height: unset;
  padding: 0 5px;
}
.wizard-step-2-container .wizard-form .programs-container .vx_floatingLabel_active {
  margin-top: 0;
}
.wizard-step-2-container .wizard-form .programs-container .text-muted {
  color: #6c7378;
  font-size: 12px;
}
.wizard-step-2-container .wizard-form .programs-container .programs-added {
  margin: 4px 0 0 15px;
}
.wizard-step-2-container .wizard-form .programs-container .program-row {
  display: flex;
  align-items: center;
}
.wizard-step-2-container .wizard-form .programs-container .program-row .ppvx_text-input {
  margin-top: 12px;
}
.wizard-step-2-container .wizard-form .programs-container .program-row .program-name-text {
  width: 275px;
  font-size: 15px;
  word-break: break-all;
}
.wizard-step-2-container .wizard-form .programs-container .program-row .action-button {
  display: flex;
  align-items: center;
  margin-left: 16px;
  font-size: 15px;
}
.wizard-step-2-container .wizard-form .intention-note {
  margin-top: 24px;
}
.wizard-step-3-container .custom-margin-top {
  margin-top: 24px;
}
.wizard-step-3-container .fixed-amount .ppvx_text-input {
  margin-top: 12px;
  margin-bottom: 12px;
}
.wizard-step-3-container .ppvx_tooltip__icon {
  width: unset;
  height: unset;
  padding: 0 5px;
  color: #0070c3;
}
.wizard-step-3-container .ppvx_text-input {
  margin-bottom: 0px;
}
.wizard-step-3-container .preset-amount {
  display: flex;
  flex-direction: row;
  margin-left: 30px;
  margin-top: 12px;
}
@media only screen and (max-width: 576px) {
  .wizard-step-3-container .preset-amount {
    flex-direction: column;
  }
}
.wizard-step-3-container .preset-amount .amount-option {
  display: flex;
  flex-direction: row;
  margin-left: 14px;
}
.wizard-step-3-container .preset-amount .amount-option .ppvx_text-input {
  width: 130px;
}
.wizard-step-3-container .preset-amount .other {
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .wizard-step-3-container .preset-amount .other {
    flex-direction: row;
  }
}
.wizard-step-3-container .preset-amount .other .other-amount {
  height: 45px;
  width: 130px;
  border-radius: 6px;
  border: solid 1px #cbd2d6;
  background-color: #eeeeee;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2c2e2f;
  vertical-align: middle;
  line-height: 4;
  margin-bottom: 5px;
}
.wizard-step-4-container .ppvx_accordion__header {
  outline: none !important;
  margin-bottom: 12px;
}
.wizard-step-4-container .ppvx_text-input {
  width: 400px !important;
}
.wizard-step-4-container .ppvx_radio {
  margin: 12px 0;
}
.wizard-step-4-container .optional-body .note {
  margin: -6px 0 12px 43px;
}
@media only screen and (min-width: 1025px) {
  .wizard-step-4-container .optional-body .note {
    max-width: 418px;
  }
}
@media only screen and (min-width: 577px) and (max-width: 1024px) {
  .wizard-step-4-container .optional-body .note {
    max-width: 418px;
  }
}
@media only screen and (max-width: 576px) {
  .wizard-step-4-container .optional-body .note {
    margin-right: 14px;
  }
}
.wizard-step-4-container .optional-body .optional-note {
  margin-top: 24px;
}
.wizard-step-4-container .extra-variables-container {
  margin-top: -15px;
}
.wizard-step-4-container .extra-variables-container .ppvx_icon-external-alt {
  color: #0070ba;
  margin-left: 3px;
}
.wizard-step-4-container .extra-variables-container .code-textarea .extra-variables-text-area textarea {
  padding-left: 4px;
  line-height: 26px;
  font-size: 18px;
  white-space: pre-wrap;
  width: 100%;
  min-height: 200px;
  border: 1px solid #cbd2d6;
  border-radius: 5px;
  margin-top: 12px;
}
.wizard-step-4-container .extra-variables-container .code-textarea .extra-variables-text-area.has-error textarea {
  border: solid 1px #d20000;
}
.wizard-step-4-container .extra-variables-container .error-block {
  display: flex;
  border-radius: 5px;
  margin-top: 12px;
}
.wizard-step-4-container .extra-variables-container .error-block .ppvx_icon-error {
  display: block;
  text-transform: none;
  line-height: 0;
  color: #d20000;
  padding: 5px;
}
.wizard-step-4-container .extra-variables-container .error-block .ppvx_icon-error:before {
  content: '\26A0';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.58rem;
}
.wizard-step-4-container .extra-variables-container .error-block .error-message {
  color: #d20000;
  display: flex;
  flex-direction: column;
}
.wizard-step-4-container .extra-variables-container .error-block .error-message .line-2 {
  margin-top: 12px;
}
.wizard-step-4-container .extra-variables-container .error-block ul {
  margin: 0;
}
.wizard-step-4-container .extra-variables-container .error-block ul li {
  margin-left: 8px;
}
.wizard-step-4-container .extra-variables-container .unsupported-variables-container {
  margin-top: 24px;
}
.wizard-step-4-container .extra-variables-container .unsupported-variables-container .unsupported-fields {
  padding: 8px 4px;
  background: #cbd2d6;
}
@media only screen and (min-width: 577px) and (max-width: 1024px) {
  .wizard-step-4-container .wizard-footer-button {
    text-align: center;
    width: 100%;
  }
  .wizard-step-4-container .wizard-footer-button .vx_btn {
    width: 300px;
  }
}
@media only screen and (max-width: 576px) {
  .wizard-step-4-container .wizard-footer-button {
    text-align: center;
    width: 100%;
  }
  .wizard-step-4-container .wizard-footer-button .vx_btn {
    width: 290px;
  }
  .wizard-step-4-container .ppvx_accordion__header,
  .wizard-step-4-container .ppvx_accordion__body {
    padding-left: 0 !important;
  }
  .wizard-step-4-container .ppvx_text-input {
    width: 290px !important;
  }
}
.button-detail-container {
  border: solid 1px #ebebeb;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 0;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.button-detail-container .button-detail-wrapper .button-detail-header {
  text-align: center;
  color: #2c2e2f;
  margin: 64px auto 0;
  width: 70%;
}
@media only screen and (max-width: 576px) {
  .button-detail-container .button-detail-wrapper .button-detail-header {
    margin: 32px auto 0;
    width: 90%;
  }
}
.button-detail-container .button-detail-wrapper .nav-tab-header {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  padding: 0 144px;
  margin-top: 24px;
}
@media only screen and (max-width: 576px) {
  .button-detail-container .button-detail-wrapper .nav-tab-header {
    padding: 0px;
  }
}
.button-detail-container .button-detail-wrapper .nav-tab-header .nav-tab {
  text-align: center;
  width: 100%;
  padding: 12px 6px;
  cursor: pointer;
}
.button-detail-container .button-detail-wrapper .nav-tab-header .nav-tab span {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-detail-container .button-detail-wrapper .nav-tab-header .nav-tab.active {
  border-bottom: 3px solid #0070ba;
}
.button-detail-container .button-detail-wrapper .nav-tab-header .nav-tab.active span {
  color: #0070ba;
}
.button-detail-container .button-detail-hr {
  border-top: 1px solid #cbd2d6;
  margin: 0px;
}
.button-detail-container .button-detail-hr-alt {
  border-color: #9da3a6;
  border-width: 1px;
  margin: 36px;
}
.button-detail-container .options {
  margin: 34px 0px 46px;
  display: flex;
}
.button-detail-container .options a {
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: normal;
  width: 33.33%;
  font-weight: bold;
  text-align: center;
}
.button-detail-container .options .unhosted {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  .button-detail-container .options .unhosted {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .button-detail-container .options {
    margin: 0px 0px 36px 0px;
    flex-direction: column;
  }
  .button-detail-container .options a {
    width: 100%;
    text-align: center;
  }
  .button-detail-container .options .edit-button,
  .button-detail-container .options .duplicate-button {
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 576px) {
  .button-detail-container .button-detail-wrapper .vx_hr-alt {
    margin: 39px 17px 36px 18px;
  }
}
.button-html {
  margin-left: 37px;
  margin-right: 85px;
}
@media only screen and (max-width: 576px) {
  .button-html {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.button-html .button-detail-step {
  margin-top: 24px;
  display: flex;
}
.button-html .button-detail-step .step-num {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  resize: none;
  border: solid 1px #9da3a6;
  border-radius: 50%;
  text-align: center;
  color: #2c2e2f;
  display: table;
}
.button-html .button-detail-step .step-num span {
  display: table-cell;
  vertical-align: middle;
}
.button-html .button-detail-step .step-content {
  margin-left: 17px;
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
  object-fit: contain;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #2c2e2f;
}
.button-html .vx_panel {
  margin: 0 0 36px 64px;
}
.button-html .vx_panel .ppvx_panel-info {
  border: solid 1px #b7bcbf;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 10px;
  color: #2c2e2f;
  white-space: pre-wrap;
  width: 100%;
  min-height: 300px;
  resize: none;
  cursor: default;
}
.button-html .vx_panel .clip-board {
  margin-top: 6px;
  float: right;
  display: flex;
}
@media only screen and (max-width: 576px) {
  .button-html .vx_panel .clip-board {
    margin-top: 2px;
  }
}
.button-html .vx_panel .clip-board a {
  color: #0070ba;
  cursor: pointer;
}
.button-html .vx_panel .clip-board #copy-to-clipboard {
  color: #0070ba;
  margin-right: 2px;
}
.shareable-url {
  margin-left: 95px;
  margin-right: 95px;
  min-height: 360px;
}
@media only screen and (max-width: 576px) {
  .shareable-url {
    margin-left: 35px;
    margin-right: 35px;
    min-height: 268px;
  }
}
.shareable-url p {
  margin: 24px 0 12px;
}
.shareable-url input {
  width: 100%;
  height: 48px;
  border-radius: 5px;
  border: solid 1px #b7bcbf;
  font-size: 15px;
  color: #2c2e2f;
}
.shareable-url .vx_panel-info {
  border: solid 1px #b7bcbf;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 10px;
  color: #6c7378;
  letter-spacing: normal;
  white-space: pre-wrap;
  width: 100%;
  min-height: 110px;
  resize: none;
  cursor: default;
}
.shareable-url .clip-board {
  margin-top: 12px;
  float: right;
  display: flex;
}
.shareable-url .clip-board #copy-to-clipboard {
  color: #0070ba;
  margin-right: 2px;
}
.QR-code {
  margin-left: 95px;
  margin-right: 95px;
  min-height: 360px;
}
@media only screen and (max-width: 576px) {
  .QR-code {
    margin-left: 35px;
    margin-right: 35px;
    min-height: 268px;
  }
}
.QR-code p {
  margin: 24px 0 12px;
}
.QR-code-container {
  width: 100%;
}
.QR-code-container canvas {
  width: 150px !important;
  margin: 0 auto;
  display: block;
}
.QR-code-container .download {
  margin-top: 12px;
  text-align: center;
}
.QR-code-container .download #download-qr {
  color: #0070ba;
}
#login-modal,
#leave-modal {
  width: 612px;
  top: 40%;
  z-index: 2000;
  padding-bottom: 54px;
}
@media only screen and (max-width: 576px) {
  #login-modal,
  #leave-modal {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #login-modal .ppvx_modal__contents,
  #leave-modal .ppvx_modal__contents {
    padding: 0 calc(8.3333%);
    margin: 0;
  }
}
#login-modal .ppvx_modal__contents #header_login-modal,
#leave-modal .ppvx_modal__contents #header_login-modal,
#login-modal .ppvx_modal__contents #header_leave-modal,
#leave-modal .ppvx_modal__contents #header_leave-modal {
  text-align: center;
  color: #2c2e2f;
}
#login-modal .ppvx_modal__contents p,
#leave-modal .ppvx_modal__contents p {
  font-size: 15px;
  margin: 12px 40px 36px;
  color: #2c2e2f;
}
@media only screen and (max-width: 576px) {
  #login-modal .ppvx_modal__contents p,
  #leave-modal .ppvx_modal__contents p {
    margin: 20px 0px 40px;
  }
}
#login-modal .ppvx_modal__contents .ppvx_btn,
#leave-modal .ppvx_modal__contents .ppvx_btn,
#login-modal .ppvx_modal__contents .ppvx_link,
#leave-modal .ppvx_modal__contents .ppvx_link {
  text-align: center;
  width: 330px;
  margin: 12px auto 0;
  display: block;
}
@media only screen and (max-width: 576px) {
  #login-modal .ppvx_modal__contents .ppvx_btn,
  #leave-modal .ppvx_modal__contents .ppvx_btn,
  #login-modal .ppvx_modal__contents .ppvx_link,
  #leave-modal .ppvx_modal__contents .ppvx_link {
    width: 290px;
  }
}
#actionable-error-modal,
#unactionable-error-modal {
  width: 612px !important;
  padding-bottom: 54px;
}
@media only screen and (max-width: 576px) {
  #actionable-error-modal,
  #unactionable-error-modal {
    width: 100% !important;
    padding-bottom: 2.5rem;
  }
}
#actionable-error-modal #modal-warning,
#unactionable-error-modal #modal-warning {
  margin: 0px auto;
  font-size: 120px;
  color: orange;
  display: table;
  font-weight: lighter;
}
#actionable-error-modal .header_error-model,
#unactionable-error-modal .header_error-model {
  text-align: center;
  color: #2c2e2f;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px) {
  #actionable-error-modal .ppvx_modal__contents,
  #unactionable-error-modal .ppvx_modal__contents {
    padding: 0 calc(8.3333%);
  }
}
#actionable-error-modal .ppvx_modal__contents #actionable-error-msg-2,
#unactionable-error-modal .ppvx_modal__contents #actionable-error-msg-2 {
  margin-bottom: 24px;
}
#actionable-error-modal .ppvx_btn,
#unactionable-error-modal .ppvx_btn,
#actionable-error-modal .ppvx_link,
#unactionable-error-modal .ppvx_link {
  text-align: center;
  width: 330px;
  margin: 12px auto 0;
  display: block;
}
@media only screen and (max-width: 576px) {
  #actionable-error-modal .ppvx_btn,
  #unactionable-error-modal .ppvx_btn,
  #actionable-error-modal .ppvx_link,
  #unactionable-error-modal .ppvx_link {
    width: 290px;
  }
}
#actionable-error-modal #tryAgainBtn,
#unactionable-error-modal #tryAgainBtn {
  margin-top: 3rem;
}
#unactionable-error-modal .ppvx_modal__contents p {
  padding: 0;
  text-align: center;
}
.tooltip {
  background-color: #f5fbfe;
  border: 1px solid #50c7f9;
  border-radius: 5px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.05);
  padding: 5px;
  max-width: 260px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #2c2e2f;
  z-index: 10;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}
.tooltip[x-placement^='top'] {
  margin-bottom: 5px;
}
.tooltip[x-placement^='top'] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-color: #f5fbfe transparent transparent transparent;
  bottom: -5px;
  left: calc(10% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^='bottom'] {
  margin-top: 5px;
}
.tooltip[x-placement^='bottom'] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #f5fbfe transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^='right'] {
  margin-left: 5px;
}
.tooltip[x-placement^='right'] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-color: transparent #f5fbfe transparent transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^='left'] {
  margin-right: 5px;
}
.tooltip[x-placement^='left'] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #f5fbfe;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
body .partner-main-container {
  background-color: #f5f7fa;
}
@media only screen and (min-width: 1025px) {
  body .partner-main-container {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .pp-header {
    background-color: black;
    padding-bottom: 12px;
    position: fixed !important;
  }
  #marketing-header-container {
    background-color: transparent !important;
  }
}
.partner-buttons {
  font-family: 'PayPal-Sans-Big';
  color: #2c2e2f;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons {
    min-height: 800px;
    min-height: 100vh;
  }
}
.partner-buttons h2 {
  font-weight: normal;
}
.partner-buttons h3 {
  font-size: 15px;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons {
    margin-top: 130px;
  }
}
@media only screen and (max-width: 1024px) {
  .partner-buttons {
    margin-top: 90px;
  }
  .partner-buttons.voucher-flow {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .partner-buttons .col-card-container {
    margin-top: -275px;
  }
}
.partner-buttons .input-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .input-card {
    padding: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  .partner-buttons .input-card {
    width: 100%;
    margin-bottom: 0;
  }
  .partner-buttons .input-card .input-card-content-outer {
    position: relative;
    text-align: center;
  }
  .partner-buttons .input-card .input-card-content-outer .input-card-content-inner {
    display: inline-block;
    text-align: left;
    max-width: 400px;
  }
}
.partner-buttons .input-card .card-header {
  font-size: 24px;
}
.partner-buttons .input-card .card-description {
  margin: 6px 0 24px;
  line-height: 18px;
  font-size: 14px;
}
.partner-buttons .input-card .copy-link-container {
  margin-right: 0;
  margin-left: 24px;
}
.partner-buttons .input-card .copy-link-container .copy-link-step {
  font-weight: bold;
}
.partner-buttons .input-card .copy-link-container .copy-link-field {
  background-color: #f5fbfe;
  height: 60px;
  border: 1px dotted #979797;
  border-style: dotted;
  padding: 0 10px;
  margin: 5px 0;
  display: flex;
}
.partner-buttons .input-card .copy-link-container .copy-link-field .copy-link-textarea {
  background-color: #f5fbfe;
  border: none;
  margin: auto 5px auto 0px;
  resize: none;
  overflow: hidden;
  width: 100%;
  height: 50px;
  outline: none;
}
.partner-buttons .input-card .copy-link-container .copy-link-field .copy-link-textarea:hover {
  overflow: auto;
}
.partner-buttons .input-card .copy-link-container .copy-link-field .copy-link-field-icon-container {
  min-width: 74px;
  display: flex;
  flex-direction: row-reverse;
  z-index: 5;
}
.partner-buttons .input-card .copy-link-container .copy-link-field-icons {
  display: flex;
  align-content: center;
  align-items: center;
  background: none;
  border: none;
}
.partner-buttons .input-card .copy-link-container .not-copied {
  color: #0070ba;
}
.partner-buttons .input-card .copy-link-container .copied {
  color: #018065;
}
.partner-buttons .input-card .copy-link-container .copy-link-description {
  line-height: 18px;
}
.partner-buttons .input-card .copy-link-container .copy-link-description.share-link {
  border-bottom: none;
}
.partner-buttons .input-card .card-value-props .value-prop-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0px 0px 6px 0px;
}
.partner-buttons .input-card .card-value-props .value-prop-container .value-prop-icon {
  width: 20px;
  margin: 0 15px auto 0;
}
.partner-buttons .input-card .card-value-props .value-prop-container .value-prop-icon-voucher {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4f1fb;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0 15px auto 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .input-card .card-value-props .value-prop-container .value-prop {
    width: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .partner-buttons .input-card .card-value-props .value-prop-container .value-prop {
    width: 100%;
  }
}
.partner-buttons .input-card .card-value-props .value-prop-container .value-prop .value-prop-title {
  font-weight: bold;
  font-size: 16px;
}
.partner-buttons .input-card .card-value-props .value-prop-container .value-prop .value-prop-description {
  font-size: 14px;
  line-height: 18px;
}
.partner-buttons .input-card .value-prop-icon-voucher {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4f1fb;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0 15px auto 0;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .input-card .value-prop {
    width: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .partner-buttons .input-card .value-prop {
    width: 100%;
  }
}
.partner-buttons .input-card .value-prop .value-prop-title {
  font-weight: bold;
  font-size: 16px;
}
.partner-buttons .input-card .value-prop .value-prop-description {
  font-size: 14px;
  line-height: 18px;
}
.partner-buttons .input-card .text-input-container {
  position: relative;
}
.partner-buttons .input-card .text-input-container .ppvx_text-input__helper-text {
  margin: 20px 0 0 50px !important;
}
.partner-buttons .input-card .text-input-container .text-input-character-limit {
  position: absolute;
  right: 0;
  font-size: 12px;
}
.partner-buttons .input-card .text-input-container .text-input-icon-container {
  position: absolute;
  left: 0;
  width: 40px;
}
.partner-buttons .input-card .text-input-container .text-input-icon-container .text-input-icon {
  width: 100%;
}
.partner-buttons .input-card .card-button {
  margin-top: 18px;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .input-card .card-button {
    width: max-content;
  }
}
@media only screen and (max-width: 1024px) {
  .partner-buttons .input-card .card-button {
    width: 100%;
  }
}
.partner-buttons .input-card .card-button-info {
  font-size: 14px;
  color: #687173;
  margin-top: 6px;
  line-height: 18px;
}
.partner-buttons .input-card .more-resources {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-top: #9da3a6 dotted 1px;
  padding-top: 15px;
}
.partner-buttons .input-card .more-resources .more-resources-icon {
  width: 30px;
  margin: 5px 10px 0 0;
}
.partner-buttons .input-card .more-resources .more-resources-icon img {
  width: 100%;
}
.partner-buttons .input-card .more-resources .more-resources-title {
  font-weight: bold;
}
.partner-buttons .input-card .partner-buttons-input-card-spinner-container {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.partner-buttons .faq-container {
  margin: 20px 20px 0;
}
.partner-buttons .faq-container .faq-description {
  margin: 6px 0;
  font-size: 14px;
  line-height: 18px;
}
.partner-buttons .phone-component-container {
  background-color: #fff;
  padding-top: 60px;
  max-width: 310px;
  border: 1px #dee0e3 solid;
  height: 602px;
  border-radius: 30px;
  margin: 0 auto;
  position: relative;
}
.partner-buttons .phone-component-container .phone-component-top-marker-container {
  height: 6px;
  position: absolute;
  width: 56px;
  background-color: #fff;
  left: 50%;
  margin-left: -28px;
  top: 29px;
  display: flex;
  justify-content: space-between;
}
.partner-buttons .phone-component-container .phone-component-top-marker-container .phone-component-top-marker-1 {
  width: 45px;
  background-color: #ccd3d7;
  border-radius: 15px;
}
.partner-buttons .phone-component-container .phone-component-top-marker-container .phone-component-top-marker-2 {
  width: 6px;
  background-color: #ccd3d7;
  border-radius: 50%;
}
.partner-buttons .phone-component-container .phone-component-bottom-marker {
  height: 6px;
  position: absolute;
  width: 56px;
  background-color: #ccd3d7;
  border-radius: 15px;
  left: 50%;
  margin-left: -28px;
  bottom: 29px;
}
.partner-buttons .voucher-wizard .voucher-wizard__progress-bar-container.ppvx_tile {
  margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .voucher-wizard .voucher-wizard__progress-bar-container {
    padding: 1.5rem 1.5rem 16px;
    border-radius: 0.25rem 0.25rem 0 0;
  }
}
.partner-buttons .voucher-wizard .voucher-wizard__progress-bar-container .voucher-wizard__progress-bar {
  padding: 0;
}
.partner-buttons .voucher-wizard .voucher-wizard__progress-bar-container .voucher-wizard__progress-bar-description {
  display: flex;
  color: #2c2e2f;
  font-size: 13px;
  line-height: 18px;
}
.partner-buttons .voucher-wizard .voucher-wizard__progress-bar-container .voucher-wizard__progress-bar-description .voucher-wizard__progress-bar-description-step {
  padding-right: 12px;
  font-weight: bold;
}
.partner-buttons .voucher-wizard .voucher-step-1,
.partner-buttons .voucher-wizard .voucher-step-2,
.partner-buttons .voucher-wizard .voucher-step-3 {
  border-radius: 0 0 0.25rem 0.25rem;
}
.partner-buttons .voucher-wizard .voucher-step-0,
.partner-buttons .voucher-wizard .voucher-step-1,
.partner-buttons .voucher-wizard .voucher-step-2,
.partner-buttons .voucher-wizard .voucher-step-3 {
  padding: 32px !important;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .card-description {
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0 0;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field {
  border-bottom: 1px dashed #cbd2d6;
  margin-top: 24px;
  padding-bottom: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field:last-child {
  border-bottom: none;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .input-field-title {
  font-size: 16px;
  margin-bottom: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .input-field-content .ppvx_text-input__control {
  font-size: 15px;
  line-height: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .input-field-file {
  display: none;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .input-field-link {
  color: #006ebd;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 16px;
  cursor: pointer;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .logo-preview {
  width: 121px;
  height: 121px;
  border: 1px dashed #979797;
  border-radius: 5px;
  margin-top: 24px;
  padding: 8px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .logo-preview img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  height: 100%;
  display: block;
  margin: auto;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .logo-error,
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .logo-error > .ppvx_icon-critical-alt {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  display: flex;
  margin: 0.375rem 0 0;
  margin-top: 0.5rem;
  color: #d20000;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .logo-error span.ppvx_icon-critical-alt,
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .logo-error > .ppvx_icon-critical-alt span.ppvx_icon-critical-alt {
  font-weight: 500;
  line-height: 1;
  font-size: 1.125rem;
  margin-right: 0.375rem;
  margin-top: 0;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .file-types {
  color: #6c7378;
  font-size: 13px;
  line-height: 16px;
  margin-top: 12px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .file-types span {
  margin-right: 7px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .textarea-container {
  position: relative;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .textarea-container .counter {
  position: absolute;
  bottom: 6px;
  right: 12px;
  color: #687173;
  font-size: 12px;
  line-height: 18px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .textarea-container .ppvx_text-input.ppvx_field--error + .counter {
  bottom: 28px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .tip {
  margin-top: 24px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .tip .tip-icon-container {
  margin-right: 20px;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .tip .tip-icon-container .tip-icon {
  display: flex;
  flex-direction: column;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e4f1fb;
}
.partner-buttons .voucher-wizard .voucher-step-1.input-card .input-field .tip .tip-icon-container .tip-icon .ppvx_icon-light-bulb {
  font-size: 24px;
  text-align: center;
  transform: translateY(30%);
}
.partner-buttons .voucher-wizard .voucher-step-2.input-card .card-description {
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0 20px;
}
.partner-buttons .voucher-wizard .voucher-step-2.input-card .card-description div {
  margin-bottom: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-2.input-card .card-description div:last-child {
  margin-bottom: 0;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__options {
  display: flex;
  flex-direction: column;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__options .voucher-step-2__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  margin-bottom: 16px;
  box-sizing: border-box;
  border: 1px solid #bfdbee;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__options .voucher-step-2__option .ppvx_icon {
  color: #0070ba;
  margin-right: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__options .voucher-step-2__option:disabled {
  background-color: #e4f1fb !important;
  color: #2c2e2f;
  cursor: default;
}
.partner-buttons .voucher-wizard .voucher-step-2 .ppvx_tabs--centered {
  width: 100% !important;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section {
  border-top: 1px dashed #cbd2d6;
  padding-top: 24px;
  margin-top: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-header {
  color: #2c2e2f;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-header button.ppvx_tooltip__icon:before {
  content: '\e925';
  color: #2c2e2f;
  font-size: 15px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-subtitle {
  color: #2c2e2f;
  font-size: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-subtitle.zipcode {
  margin-bottom: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-subtitle.customize {
  margin-bottom: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .ppvx_tabs__tab {
  width: 100%;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .ppvx_tabs__tab-content {
  margin: 0;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section #zipcode {
    width: 78%;
  }
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__customize-details-section {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__customize-details-section .voucher-step-2__customize-details-count {
  color: #687173;
  font-size: 12px;
  position: absolute;
  right: 12px;
  bottom: 6px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__customize-details-section .ppvx_field--error + .voucher-step-2__customize-details-count {
  bottom: 44px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section #tab-discount #tagline {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section #tab-discount #tagline {
    width: 78%;
  }
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-discount-radio-buttons {
  position: absolute;
  z-index: 1;
  left: 54%;
  top: 98px;
}
@media only screen and (max-width: 1024px) {
  .partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-discount-radio-buttons {
    right: 12px;
    left: auto;
  }
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-discount-radio-buttons .voucher-step-2__details-discount-radio {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  border: 1px solid #0070ba;
  background-color: #ffffff;
  color: #0070ba;
  font-weight: bold;
  margin-right: 8px;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__details-section .voucher-step-2__details-discount-radio-buttons .voucher-step-2__details-discount-radio.selected {
  background-color: #0070ba;
  color: #ffffff;
}
.partner-buttons .voucher-wizard .voucher-step-2 .voucher-step-2__consent {
  margin-top: 20px;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .voucher-wizard .voucher-step-3.input-card {
    padding: 36px;
  }
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .card-description {
  line-height: 24px;
  font-size: 16px;
  margin: 16px 0 24px;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .card-description div {
  margin: 10px 0;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container {
  margin: 0;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-step {
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container p.copy-link-description {
  border-bottom: 1px dashed #cbd2d6;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container p.copy-link-description.share-link {
  border-bottom: none;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container p.copy-link-description:last-child {
  border-bottom: none;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container {
  border-bottom: 1px dashed #cbd2d6;
  padding: 16px 16px 24px;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-field {
  align-items: center;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-textarea {
  height: auto;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container:last-child {
  border-bottom: none;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-textarea {
  height: auto;
  margin: auto;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-field--copied {
  background-color: #f5fdfb;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-field-icons {
  font-weight: bold;
  width: 100%;
  justify-content: space-between;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-field-icons.copied {
  padding: 0;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-field-icons .ppvx_icon-copy-to-clipboard,
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-field-container .copy-link-field-icons .ppvx_icon-check-circle-alt {
  font-size: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-description {
  padding: 8px 16px 20px;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-social {
  padding-left: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-3.input-card .copy-link-container .copy-link-social.step2 {
  border-bottom: 1px dashed #cbd2d6;
  padding-bottom: 24px;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .voucher-wizard .voucher-step-3.input-card .card-button {
    width: max-content;
    min-width: 120px;
  }
}
.partner-buttons .voucher-wizard .voucher__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
}
.partner-buttons .voucher-wizard .voucher-step-0 .card-header {
  margin-bottom: 16px;
  line-height: 32px;
}
.partner-buttons .voucher-wizard .voucher-step-0 .card-description .page-description {
  font-size: 16px;
  line-height: 24px;
}
.partner-buttons .voucher-wizard .voucher-step-0 .value-prop-container {
  margin-bottom: 20px !important;
}
.partner-buttons .voucher-wizard .voucher-step-0 .value-prop-container .value-prop-title {
  line-height: 24px;
  margin-bottom: 8px;
}
.partner-buttons .voucher-wizard .voucher-step-0 .card-button {
  margin: 24px auto;
}
.partner-buttons .voucher-wizard .voucher-step-0 .card-button-info .page-description-1 {
  color: #687173;
  font-size: 14px;
  line-height: 18px;
}
.partner-buttons .voucher-wizard .ppvx_loading-spinner {
  position: absolute;
  top: 50%;
  bottom: unset;
  left: 0;
  right: 0;
  margin: auto;
}
.partner-buttons .voucher-wizard .voucher__spinner-container {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.partner-buttons .voucher-wizard .faq-container {
  color: #2c2e2f;
  margin: 24px !important;
}
.partner-buttons .voucher-wizard .faq-container .faq-title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.partner-buttons .voucher-wizard .faq-container .faq-row {
  padding: 20px 0;
  border-bottom: 1px solid #cbd2d6;
}
.partner-buttons .voucher-wizard .faq-container .faq-row.faq-row-open .faq-row-content {
  height: 100%;
  opacity: 1;
}
.partner-buttons .voucher-wizard .faq-container .faq-row.faq-row-closed .faq-row-content {
  margin-top: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.partner-buttons .voucher-wizard .faq-container .faq-row .faq-row-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.partner-buttons .voucher-wizard .faq-container .faq-row .faq-row-heading .heading-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.partner-buttons .voucher-wizard .faq-container .faq-row .faq-row-heading .heading-icon {
  font-size: 24px;
}
.partner-buttons .voucher-wizard .faq-container .faq-row .faq-row-content {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  transition: opacity 1s, margin-top 0.5s ease;
}
.partner-buttons .mobile-draggable-view__container {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view-bar__container .mobile-draggable-view-bar__bar {
  height: 26px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  z-index: 10;
}
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view-bar__container .mobile-draggable-view-bar__bar .mobile-draggable-view-bar__oval {
  background-color: #cbd2d6;
  width: 48px;
  height: 6px;
  margin: 10px auto;
  border-radius: 3px;
  position: relative;
  top: 10px;
  cursor: -webkit-grab;
}
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view-bar__container .mobile-draggable-view-bar__bar .mobile-draggable-view-bar__oval:active {
  cursor: -webkit-grabbing;
}
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view__content {
  background-color: #f5f7fa;
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view__content .faq-container {
  margin: auto 24px 16px;
}
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view__content .merchant-footer,
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view__content .global-footer {
  display: block;
}
.partner-buttons .mobile-draggable-view__container .mobile-draggable-view__content #feedback-survey {
  top: 1000% !important;
}
.partner-buttons .tips-for-vouchers {
  margin: 40px auto;
  padding: 10px;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 1025px) {
  .partner-buttons .tips-for-vouchers {
    max-width: 310px;
  }
}
@media only screen and (max-width: 1024px) {
  .partner-buttons .tips-for-vouchers {
    margin: 24px auto 47px;
  }
}
.partner-buttons .tips-for-vouchers .tips-icon-container {
  margin-right: 20px;
}
.partner-buttons .tips-for-vouchers .tips-icon-container .tips-icon {
  display: flex;
  flex-direction: column;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e4f1fb;
}
.partner-buttons .tips-for-vouchers .tips-icon-container .tips-icon .ppvx_icon-light-bulb {
  font-size: 24px;
  text-align: center;
  transform: translateY(30%);
}
.partner-buttons .tips-for-vouchers .tips-message-container {
  font-size: 14px;
  line-height: 18px;
  color: #2c2e2f;
}
.partner-buttons .tips-for-vouchers .tips-message-container .tips-title {
  font-weight: bold;
}
.partner-buttons .tips-for-vouchers .tips-message-container div {
  margin-bottom: 18px;
}
.verify-email-modal {
  text-align: center;
}
.verify-email-modal #verify-email-modal {
  padding-bottom: 54px;
}
@media only screen and (max-width: 576px) {
  .verify-email-modal #verify-email-modal {
    padding-bottom: 0;
  }
}
.verify-email-modal .ppvx_modal-header__close-btn {
  display: none;
}
.verify-email-modal .verify-email-modal-header-text {
  margin: 24px 0 1em 0;
}
@media only screen and (max-width: 576px) {
  .verify-email-modal .verify-email-modal-header-text {
    line-height: 1.4rem;
    margin: 24px 0px 6px;
  }
}
@media only screen and (max-width: 576px) {
  .verify-email-modal .ppvx_modal__contents {
    padding-top: 5%;
  }
}
@media only screen and (max-width: 576px) {
  .verify-email-modal .verify-email-modal-message {
    font-size: 14px;
    line-height: 1.25;
  }
}
.verify-email-modal .verify-email-modal-icon {
  width: 120px;
}
@media only screen and (max-width: 576px) {
  .verify-email-modal .verify-email-modal-icon {
    width: 20%;
  }
}
@media only screen and (max-width: 576px) {
  .verify-email-modal .ppvx_modal-header {
    display: none;
    margin-top: 2%;
  }
}
.verify-email-modal .ppvx_modal-header__close-btn {
  display: none;
}
.verify-email-modal-email-container {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 20px;
}
@media only screen and (max-width: 576px) {
  .verify-email-modal-email-container {
    margin-bottom: 0px;
    margin-top: 6px;
  }
}
.verify-email-modal-email-container .verify-email-modal-detail-message {
  line-height: 1.6;
}
@media only screen and (max-width: 576px) {
  .verify-email-modal-email-container .verify-email-modal-detail-message {
    font-size: 14px;
    line-height: 1.25;
  }
}
.verify-email-modal-link-button {
  background: none;
  padding: 0;
  border: none;
}
.verify-email-modal-icon-container {
  min-height: 31px;
}
.verify-email-modal-green-success {
  color: #00cf92;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.verify-email-modal-buttons-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.verify-email-modal-button-container {
  margin: 8px 8px;
}
.verify-email-modal-button {
  max-width: 250px;
}
.verify-email-modal-spinner-container {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.partner-error-modal a {
  cursor: pointer;
}
.partner-error-modal .account-type-not-supported-warning-icon {
  width: 108px;
}
@media only screen and (max-width: 576px) {
  .partner-error-modal .account-type-not-supported-warning-icon {
    display: none;
  }
}
.partner-error-modal .account-type-not-supported-header-text {
  margin: 20px 0;
}
@media only screen and (max-width: 576px) {
  .partner-error-modal .account-type-not-supported-header-text {
    margin: 10px 0;
    line-height: 1.4rem;
    font-size: 1.575rem;
  }
}
.partner-error-modal .account-type-not-supported-message {
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (max-width: 576px) {
  .partner-error-modal .account-type-not-supported-message {
    margin-bottom: 10px;
    line-height: 1.2rem;
    font-size: 14px;
  }
}
.partner-error-modal .account-type-not-supported-buttons-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partner-error-modal .account-type-not-supported-button-container {
  margin: 6px 0;
}
.partner-error-modal .account-type-not-supported-footer-items {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.partner-error-modal .account-type-not-supported-footer-items .icon-container {
  padding: 0 16px;
}
@media only screen and (max-width: 576px) {
  .partner-error-modal .account-type-not-supported-footer-items .icon-container {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .partner-error-modal .account-type-not-supported-footer-items .body p {
    font-size: 14px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 576px) {
  .partner-error-modal .account-type-not-supported-footer-items .footer-title p {
    font-size: 14px;
  }
}
.partner-error-modal .account-type-not-supported-divider {
  margin: 24px 0;
}
.partner-error-modal.account-type-not-supported .ppvx_modal,
.partner-error-modal.country-not-supported .ppvx_modal,
.partner-error-modal.unknown-error .ppvx_modal {
  max-width: 720px;
  padding-bottom: 54px;
}
@media only screen and (min-width: 1025px) {
  .logged-out {
    margin-top: -60px;
  }
}
@media only screen and (max-width: 1024px) {
  .logged-out {
    margin-top: 30px;
  }
}
.partner-buttons .phone-component-view,
.button-overview .phone-component-view,
.mobile-preview .phone-component-view {
  background-color: #fff;
  width: 270px;
  height: 479px;
  text-align: center;
  font-size: 12px;
  margin: 0 auto;
  border: 1px #dee0e3 solid;
  overflow: hidden;
}
.partner-buttons .phone-component-view .preview-header,
.button-overview .phone-component-view .preview-header,
.mobile-preview .phone-component-view .preview-header {
  margin-top: 1rem;
  color: #687173;
}
.partner-buttons .phone-component-view .phone-component-safari-header,
.button-overview .phone-component-view .phone-component-safari-header,
.mobile-preview .phone-component-view .phone-component-safari-header {
  width: 100%;
  height: 45px;
}
.partner-buttons .phone-component-view .phone-component-screen-view,
.button-overview .phone-component-view .phone-component-screen-view,
.mobile-preview .phone-component-view .phone-component-screen-view {
  padding: 15px 12px 0;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-img-container,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-img-container,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-img-container {
  height: 55px;
  margin: 20px auto 5px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-img-container img,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-img-container img,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-img-container img {
  height: 100%;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-title,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-title,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-title .phone-component-title--headline,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-title .phone-component-title--headline,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-title .phone-component-title--headline {
  font-weight: normal;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-description,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-description,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-description {
  line-height: normal;
  overflow: hidden;
  padding-bottom: 10px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-selection-options,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-selection-options,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-selection-options {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin: 5px auto 20px;
  border: 1px #dee0e3 solid;
  border-radius: 5px;
  height: 37px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-selection-options .phone-component-selection-option,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-selection-options .phone-component-selection-option,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-selection-options .phone-component-selection-option {
  color: #4c95cc;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-selection-options .phone-component-selection-option:not(:last-child),
.button-overview .phone-component-view .phone-component-screen-view .phone-component-selection-options .phone-component-selection-option:not(:last-child),
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-selection-options .phone-component-selection-option:not(:last-child) {
  border-right: 2px #dee0e3 solid;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion {
  border-radius: 2.6px;
  background-color: #f5fbfe;
  padding: 10px;
  font-size: 10px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .phone-component-voucher-accordion__header-text,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .phone-component-voucher-accordion__header-text,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .phone-component-voucher-accordion__header-text {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .phone-component-voucher-accordion__header-text .ppvx_icon,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .phone-component-voucher-accordion__header-text .ppvx_icon,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .phone-component-voucher-accordion__header-text .ppvx_icon {
  margin-right: 4px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .ppvx_icon,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .ppvx_icon,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__header .ppvx_icon {
  color: #0070ba;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__divider,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__divider,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__divider {
  border-color: #bfdbee;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__message,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__message,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-voucher-accordion .phone-component-voucher-accordion__message {
  text-align: left;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button {
  min-height: 36px;
  text-align: center;
  padding: 9px;
  word-wrap: break-word;
  border-radius: 1.5rem;
  width: 95%;
  margin: 10px auto;
  font-weight: bold;
  font-size: 11px;
  overflow: hidden;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button-primary,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button-primary,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button-primary {
  background-color: #035ea6;
  color: #ffffff;
  margin-bottom: 16px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button-secondary,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button-secondary,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button-secondary {
  background-color: #ffffff;
  color: #035ea6;
  border: 1px #035ea6 solid;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button-divider,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button-divider,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button-divider {
  width: 95%;
  display: flex;
  margin: 5px auto;
  height: 10px;
  position: relative;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button-divider .phone-component-or,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button-divider .phone-component-or,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button-divider .phone-component-or {
  width: 20%;
  position: absolute;
  left: 50%;
  margin-left: -10%;
  top: -5px;
  font-weight: 100;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button-divider .phone-component-button-divider,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button-divider .phone-component-button-divider,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button-divider .phone-component-button-divider {
  width: 40%;
  border-top: 1px #d5d5d5 solid;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button-divider .divider-left,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button-divider .divider-left,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button-divider .divider-left {
  margin-left: 5px;
}
.partner-buttons .phone-component-view .phone-component-screen-view .phone-component-button-divider .divider-right,
.button-overview .phone-component-view .phone-component-screen-view .phone-component-button-divider .divider-right,
.mobile-preview .phone-component-view .phone-component-screen-view .phone-component-button-divider .divider-right {
  margin-right: 5px;
}
.terms-container__sub-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
  .button-manager {
    margin-right: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    padding-top: 12px;
    padding-bottom: 60px;
  }
}
.button-manager .ppvx_alert {
  margin: -3rem auto 2rem;
}
@media only screen and (max-width: 1024px) {
  .button-manager .ppvx_alert {
    top: 1rem;
  }
}
.button-manager .button-manager-title {
  margin-bottom: 12px;
}
.button-manager .button-manager-subtitle {
  margin-bottom: 12px;
}
.button-manager .button-manager-tiles {
  margin: 12px 0 36px 0;
}
.button-manager .button-manager-tile-card {
  min-height: 190px;
  padding: 16px;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .button-manager .button-manager-tile-card {
    min-height: 0;
    margin: 6px 0;
  }
}
.button-manager .button-manager-tile-card .button-manager-tile-icon {
  border-radius: 5px;
  border: 1px solid #b7bcbf;
}
.button-manager .button-manager-tile-card .ppvx_tile__header {
  margin-bottom: 16px;
}
.button-manager .button-manager-tile-card .ppvx_tile__header .ppvx_tile__header-title {
  padding-top: 0;
}
.button-manager .button-manager-tile-card .ppvx_tile__content {
  margin-bottom: 0;
}
.button-manager .button-manager-table-card {
  padding: 4px 16px;
  margin: 24px 0;
}
.button-manager .button-manager-table-card .button-manager-table {
  width: 100%;
}
.button-manager .button-manager-table-card .critical-message {
  margin-top: 48px;
  margin-bottom: 24px;
}
.button-manager .button-manager-table-card .critical-message-at-bottom {
  margin-top: 48px;
  margin-bottom: 48px;
}
.button-manager .button-manager-table-card .login-button {
  margin-bottom: 36px;
}
.button-overview {
  padding-left: 60px !important;
  padding-right: 40px !important;
  width: 100%;
  max-width: 1092px !important;
  margin-top: -60px;
}
@media only screen and (max-width: 1024px) {
  .button-overview {
    margin-top: 0;
    padding-top: 1rem;
    padding-right: 0 !important;
    padding-bottom: 60px;
    padding-left: 0 !important;
  }
  .button-overview .ppvx_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .button-overview div[class*='ppvx_col'] {
    padding: 0;
  }
}
.button-overview .ppvx_tile {
  width: 100%;
  padding: 2rem;
  margin-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .button-overview .ppvx_tile {
    margin: 6px 12px;
    padding: 2rem 1rem;
  }
}
.button-overview .ppvx_row p + p {
  padding-top: 6px !important;
}
.button-overview .go-back-cta {
  display: table;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1024px) {
  .button-overview .go-back-cta {
    background-color: #f5f7fa;
    margin-bottom: 6px;
    margin-left: 0.7rem !important;
  }
}
.button-overview .go-back-cta .go-back-icon {
  display: table-cell;
  vertical-align: middle;
  color: #0070ba;
}
.button-overview .name-card {
  padding-left: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .button-overview .name-card {
    padding-left: 1.5rem;
  }
}
.button-overview .name-card .update-time {
  padding-left: 0 !important;
}
.button-overview .name-card .button-id {
  text-align: right !important;
}
@media only screen and (max-width: 1024px) {
  .button-overview .name-card .button-id {
    text-align: left !important;
    padding-left: 0 !important;
  }
}
.button-overview .name-card .orgnization-name {
  margin-top: 6px;
  margin-bottom: 1rem;
}
.button-overview .link-sharing-card #copy-link-field-container {
  padding: 12px 0 !important;
  border-bottom: none !important;
}
.button-overview .action-card {
  padding: 1rem 1rem 1rem 2rem;
}
@media only screen and (max-width: 1024px) {
  .button-overview .action-card {
    padding: 1rem;
  }
}
.button-overview .action-card .ppvx_row {
  display: table;
  width: 100%;
  padding: 1rem 0;
}
.button-overview .action-card .ppvx_row .ppvx_icon {
  color: #0070ba;
}
.button-overview .action-card .with-border {
  border-top: 2px dotted #cbd2d6;
  border-bottom: 2px dotted #cbd2d6;
}
.button-overview .action-card .with-top-border {
  border-top: 2px dotted #cbd2d6;
}
.button-overview .qr-card .subtitle {
  margin-bottom: 2rem;
}
.button-overview .qr-card .QR-code-container {
  width: 100%;
}
.button-overview .qr-card .QR-code-container canvas {
  width: 150px !important;
  margin: 0 auto;
  display: block;
}
.button-overview .qr-card .QR-code-container .download {
  margin-top: 12px;
  text-align: center;
}
.button-overview .qr-card .QR-code-container .download #download-qr {
  color: #0070ba;
}
.button-overview .button-script-card .ppvx_accordion__row {
  border: none !important;
}
.button-overview .button-script-card .ppvx_accordion__header {
  padding: 0;
}
.button-overview .button-script-card .ppvx_accordion__header p {
  word-break: break-word;
}
@media only screen and (max-width: 1024px) {
  .button-overview .button-script-card .ppvx_accordion__body {
    padding: 0 !important;
  }
  .button-overview .button-script-card .ppvx_accordion__body .step-content {
    margin-left: 6px;
  }
}
.button-overview .script-integration-steps-container {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
.button-overview .script-integration-steps-container .script-integration-step {
  margin-bottom: 1rem;
}
.button-overview .script-integration-steps-container .ppvx_col-1 {
  padding: 0;
  max-width: 24px;
}
.button-overview .script-integration-steps-container .website-code-container {
  background-color: #f5fbfe;
  border: 1px dotted #979797;
  border-style: dotted;
  padding: 0 10px;
  margin: 0 12px 12px 24px;
  display: flex;
}
.button-overview .script-integration-steps-container .website-code-container .code-pad-textarea {
  background-color: #f5fbfe;
  border: none;
  margin: auto 5px auto 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  resize: none;
  outline: none;
  padding: 12px 6px;
}
.button-overview .script-integration-steps-container .website-code-container .code-pad-textarea:hover {
  overflow: auto;
}
.button-overview .script-integration-steps-container .copy-code-pad {
  display: flex;
  align-items: center;
  background-color: white;
  border: none;
  margin: auto 5px auto 0px;
  resize: none;
  overflow: hidden;
  outline: none;
  color: #0070ba;
  font-weight: bold;
}
.button-overview .script-integration-steps-container .copy-code-pad:hover {
  overflow: auto;
}
.button-overview .script-integration-steps-container .code-pad-copy-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
  font-size: 14px;
}
.button-overview .script-integration-steps-container .copied {
  color: #018065;
}
.button-overview .script-integration-steps-container .ppvx_icon {
  margin-right: 4px;
}
.button-overview .preview-card {
  padding: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .button-overview .preview-card {
    margin-bottom: 12px;
  }
}
.button-overview .preview-card .phone-component-view {
  width: 100% !important;
  height: 528px;
}
.button-overview .preview-card .phone-component-view .phone-component-screen-view {
  padding: 0 24px !important;
}
.button-overview .text-color-grey-600 {
  color: #687173;
}
.button-overview .margin-bottom-2 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .button-overview .margin-bottom-2 {
    margin-bottom: 0;
  }
}
.ppvx_toast-container {
  margin-top: 30px;
}
@media only screen and (max-width: 1024px) {
  .app-container {
    background-color: #f5f7fa;
  }
}
.delete-donate-button-modal-overview article {
  height: 460px;
  width: 612px;
}
.delete-donate-button-modal-overview .delete-donate-button-modal-content {
  text-align: center;
}
.delete-donate-button-modal-overview .delete-donate-button-modal-content .delete-donate-modal-image {
  margin-bottom: 24px;
}
.delete-donate-button-modal-overview .delete-donate-button-modal-content .delete-donate-modal-header {
  margin-bottom: 12px;
}
.delete-donate-button-modal-overview .delete-donate-button-modal-content .delete-donate-modal-body {
  margin-bottom: 36px;
}
.delete-donate-button-modal-overview .delete-donate-button-modal-content .delete-donate-modal-button {
  display: block;
  margin: 0 auto 12px;
}
.alert-donate-button-modal-overview article {
  height: 440px;
  width: 612px;
}
.alert-donate-button-modal-overview .alert-donate-button-modal-content {
  text-align: center;
}
.alert-donate-button-modal-overview .alert-donate-button-modal-content .alert-donate-modal-image {
  margin-bottom: 31px;
}
.alert-donate-button-modal-overview .alert-donate-button-modal-content .alert-donate-modal-header {
  margin-bottom: 12px;
}
.alert-donate-button-modal-overview .alert-donate-button-modal-content .alert-donate-modal-body {
  margin-bottom: 36px;
}
.alert-donate-button-modal-overview .alert-donate-button-modal-content .alert-donate-modal-button {
  display: block;
  margin: 0 auto 12px;
}
[class*='ppvx_modal--sheet'] {
  border-top-right-radius: 12px !important;
  border-top-left-radius: 12px !important;
}
[class*='ppvx_modal--sheet'] header {
  border-bottom: 1px solid #cbd2d6 !important;
}
.mobile-preview .preview-card {
  padding: 1rem;
}
.mobile-preview .preview-card .phone-component-view {
  width: unset;
  border: none;
}
.preview-card .amount-holder .amount-wrapper {
  margin: auto;
}
.preview-card .amount-holder .left-align {
  float: left;
}
.preview-card .amount-holder .right-align {
  float: right;
}
.preview-card .amount-holder div[class*='ppvx_col'] {
  padding: 0;
}
.preview-card .recurring-checkbox,
.preview-card .program-field,
.preview-card .phone-component-selection-options {
  margin: 1rem auto;
  width: 100%;
}
.preview-card .recurring-checkbox select,
.preview-card .program-field select,
.preview-card .phone-component-selection-options select {
  text-overflow: ellipsis;
  padding: 0.625rem 2rem 0.75rem 0.75rem;
}
@media only screen and (max-width: 1024px) {
  .preview-card .recurring-checkbox,
  .preview-card .program-field,
  .preview-card .phone-component-selection-options {
    width: 90%;
  }
}
.preview-card .recurring-checkbox {
  width: 250px;
}
.logged-out {
  margin-top: -100px;
}
@media only screen and (max-width: 1024px) {
  .logged-out {
    margin-top: -67px;
  }
}
.logged-out .login-tile {
  background-color: white;
  margin: 72px auto 0;
  width: 612px;
}
@media only screen and (max-width: 1024px) {
  .logged-out .login-tile {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  .logged-out .login-tile {
    width: 100%;
  }
}
.logged-out .login-tile img {
  margin: 2rem auto;
  display: block;
}
.logged-out .login-tile .header {
  text-align: center;
  margin-bottom: 3rem;
}
.logged-out .login-tile .login-btn {
  margin: 0 auto 3rem;
  display: block;
  width: 200px;
}