.BrandIcon {
    height: var(--checkout-icon-md)
}

.BrandIcon.is-bank {
    border-radius: 2.5px;
    height: calc(var(--checkout-icon-md) + 2px)
}

.InputContainer {
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

.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
}

.HiddenInput {
    height: 2px;
    opacity: 0;
    position: absolute;
    width: 2px;
    z-index: -1
}

.CheckoutInputContainer {
    position: relative
}

.CheckoutInputContainer-placeholderIcon {
    inset-inline-start: var(--space-3);
    pointer-events: none;
    position: absolute;
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: var(--checkout-z-index-field-icon)
}

.CheckoutInputContainer-placeholderIcon svg {
    fill: var(--checkout-gray400)
}

.CheckoutInput--hasPlaceholderIcon {
    text-indent: var(--space-5)
}

.CheckoutInputContainer--hasMailIcon {
    padding-top: var(--space-0)
}

.CheckoutInput--hasPhoneNumberCountryCodeSelect {
    top: calc(50% + 1px)
}

.CheckoutInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--checkout-input-background-color);
    border: 0;
    box-shadow: var(--border-box-shadow);
    color: var(--checkout-input-color);
    font-size: var(--checkout-input-font-size);
    height: var(--checkout-input-height);
    line-height: var(--checkout-input-line-height);
    padding: var(--checkout-input-padding-vertical) var(--checkout-input-padding-horizontal);
    position: relative;
    transition: var(--checkout-input-transition);
    width: 100%
}

.LinkPaymentForm--linkBranded .CheckoutInput {
    box-shadow: var(--link-default-border-box-shadow)
}

.CheckoutInput:-ms-input-placeholder {
    color: var(--checkout-input-placeholder-color)
}

.CheckoutInput::placeholder {
    color: var(--checkout-input-placeholder-color)
}

.CheckoutInput::-webkit-input-placeholder {
    color: var(--checkout-input-placeholder-color)
}

.CheckoutInput::-moz-placeholder {
    color: var(--checkout-input-placeholder-color)
}

.is-fontFamily--Lato .CheckoutInput::-webkit-input-placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Lato .CheckoutInput::-moz-placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Lato .CheckoutInput:-ms-input-placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Lato .CheckoutInput::placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Lora .CheckoutInput::-webkit-input-placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Lora .CheckoutInput::-moz-placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Lora .CheckoutInput:-ms-input-placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Lora .CheckoutInput::placeholder {
    letter-spacing: var(--checkout-letter-spacing-lg)
}

.is-fontFamily--Inconsolata .CheckoutInput::-webkit-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--Inconsolata .CheckoutInput::-moz-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--Inconsolata .CheckoutInput:-ms-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--Inconsolata .CheckoutInput::placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--PTSans .CheckoutInput::-webkit-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--PTSans .CheckoutInput::-moz-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--PTSans .CheckoutInput:-ms-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--PTSans .CheckoutInput::placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--TitilliumWeb .CheckoutInput::-webkit-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--TitilliumWeb .CheckoutInput::-moz-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--TitilliumWeb .CheckoutInput:-ms-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--TitilliumWeb .CheckoutInput::placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--UbuntuMono .CheckoutInput::-webkit-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--UbuntuMono .CheckoutInput::-moz-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--UbuntuMono .CheckoutInput:-ms-input-placeholder {
    font-size: var(--checkout-font-size-15)
}

.is-fontFamily--UbuntuMono .CheckoutInput::placeholder {
    font-size: var(--checkout-font-size-15)
}

.CheckoutInput:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none;
    z-index: var(--checkout-z-index-input-is-focused)
}

.LinkPaymentForm--linkBranded .CheckoutInput:focus {
    box-shadow: var(--link-highlight-border-box-shadow)
}

.CheckoutInput--fakeAutofill,.CheckoutInput:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-color);
    box-shadow: var(--autofill-border-box-shadow);
    transition: background-color 100000000s,box-shadow 0s linear
}

.LinkPaymentForm--linkBranded .CheckoutInput--fakeAutofill,.LinkPaymentForm--linkBranded .CheckoutInput:-webkit-autofill {
    box-shadow: var(--link-autofill-border-box-shadow)
}

.CheckoutInput--fakeAutofill::-webkit-input-placeholder,.CheckoutInput:-webkit-autofill::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--checkout-input-placeholder-color)
}

.CheckoutInput--fakeAutofill::placeholder,.CheckoutInput:-webkit-autofill::placeholder {
    -webkit-text-fill-color: var(--checkout-input-placeholder-color)
}

.CheckoutInput--hideNativeAutofill::-webkit-contacts-auto-fill-button {
    visibility: hidden
}

.CheckoutInput--fakeAutofill:focus,.CheckoutInput:-webkit-autofill:focus {
    box-shadow: var(--autofill-focus-border-box-shadow);
    transition: var(--checkout-input-transition)
}

.LinkPaymentForm--linkBranded .CheckoutInput--fakeAutofill:focus,.LinkPaymentForm--linkBranded .CheckoutInput:-webkit-autofill:focus {
    box-shadow: var(--link-autofill-focus-border-box-shadow)
}

.CheckoutInput:disabled {
    box-shadow: var(--disabled-border-box-shadow);
    color: var(--checkout-input-disabled-color);
    transition: background-color 100000000s,box-shadow 0s linear
}

.LinkPaymentForm--linkBranded .CheckoutInput:disabled {
    box-shadow: var(--link-disabled-border-box-shadow)
}

.CheckoutInput--fakeAutofill:disabled,.CheckoutInput:disabled:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-disabled-color)
}

.CheckoutInput--invalid {
    box-shadow: var(--error-border-box-shadow);
    color: var(--checkout-input-invalid-color);
    z-index: var(--checkout-z-index-input-is-invalid)
}

.LinkPaymentForm--linkBranded .CheckoutInput--invalid {
    box-shadow: var(--link-danger-border-box-shadow)
}

.CheckoutInput--invalid.CheckoutInput--fakeAutofill,.CheckoutInput--invalid:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-invalid-color);
    box-shadow: var(--autofill-error-border-box-shadow)
}

.LinkPaymentForm--linkBranded .CheckoutInput--invalid.CheckoutInput--fakeAutofill,.LinkPaymentForm--linkBranded .CheckoutInput--invalid:-webkit-autofill {
    box-shadow: var(--link-autofill-error-border-box-shadow)
}

.CheckoutInput--tabularNumbers {
    font-variant-numeric: tabular-nums;
    letter-spacing: -.03rem
}

.CheckoutInput::-ms-clear {
    display: none
}

.InputContainer com-1password-op-button {
    /* !important reason: hideThirdPartyIcon */
    display: none!important
}

.App-Container.js-global-border-style-square .InputContainer .CheckoutInput,.ModalContent--is-squareBordered .InputContainer .CheckoutInput {
    border-radius: 0
}

.InputContainer .CheckoutInput--borderVeryRound {
    border-radius: var(--very-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .InputContainer .CheckoutInput,.LinkPaymentForm--linkBranded .InputContainer .CheckoutInput {
    border-radius: var(--link-input-rounded)
}

@media only screen and (min-width: 992px) {
    .CheckoutInput {
        font-size:var(--checkout-lg-input-font-size);
        height: var(--checkout-lg-input-height);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

.LinkActionButton {
    background: none;
    border: none;
    border-radius: var(--link-button-rounded);
    box-shadow: none;
    cursor: pointer;
    min-height: var(--link-button-height);
    outline: none;
    position: relative;
    width: 100%
}

.LinkActionButton-text {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    transition: opacity .15s ease;
    z-index: 2
}

.LinkActionButton--disabled .LinkActionButton-text {
    opacity: var(--link-button-disabled-text-opacity)
}

.LinkActionButton-background {
    border: none;
    border-radius: var(--link-button-rounded);
    bottom: 0;
    cursor: pointer;
    display: block;
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    transition: background-color .15s ease,box-shadow .15s ease,opacity .15s ease,-webkit-transform .15s ease;
    transition: background-color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease;
    transition: background-color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease,-webkit-transform .15s ease
}

.LinkActionButton:hover .LinkActionButton-background {
    -webkit-transform: var(--link-button-hover-transform);
    -ms-transform: var(--link-button-hover-transform);
    transform: var(--link-button-hover-transform)
}

.LinkActionButton:active .LinkActionButton-background {
    -webkit-transform: var(--link-button-active-transform);
    -ms-transform: var(--link-button-active-transform);
    transform: var(--link-button-active-transform)
}

.LinkActionButton:focus-visible .LinkActionButton-background {
    box-shadow: var(--link-default-focus-border-box-shadow)
}

.LinkActionButton--primary .LinkActionButton-background {
    background-color: var(--link-button-brand)
}

.LinkActionButton--primary:hover .LinkActionButton-background {
    background-color: var(--link-button-brand-hover)
}

.LinkActionButton--primary:active .LinkActionButton-background {
    background-color: var(--link-button-brand-active)
}

.LinkActionButton--secondary {
    width: calc(100% - 2px)
}

.LinkActionButton--card .LinkActionButton-background,.LinkActionButton--secondary .LinkActionButton-background {
    background-color: var(--link-color-neutral-0);
    box-shadow: var(--link-default-border-box-shadow)
}

.LinkActionButton--card .LinkActionButton-background {
    box-shadow: var(--link-accordion-border-box-shadow)
}

.LinkActionButton--card:hover .LinkActionButton-background,.LinkActionButton--secondary:hover .LinkActionButton-background {
    background-color: var(--link-color-neutral-25)
}

.LinkActionButton--card:active .LinkActionButton-background,.LinkActionButton--secondary:active .LinkActionButton-background {
    background-color: var(--link-color-neutral-50)
}

.LinkActionButton--icon {
    border-radius: var(--link-button-rounded-sm);
    min-height: var(--link-system-icon-size);
    width: var(--link-system-icon-size)
}

.LinkActionButton--icon .InlineSVG {
    fill: var(--link-icon-default);
    color: var(--link-icon-default);
    height: var(--link-system-icon-svg-size);
    width: var(--link-system-icon-svg-size)
}

.LinkActionButton--icon .LinkActionButton-background {
    background-color: transparent;
    border-radius: var(--link-button-rounded-sm)
}

.LinkActionButton--icon:hover .LinkActionButton-background {
    background-color: var(--link-icon-button-hover-background)
}

.LinkActionButton--icon:active .LinkActionButton-background {
    background-color: var(--link-icon-button-active-background)
}

.LinkActionButton--text {
    border-radius: var(--link-input-rounded);
    color: var(--link-text-action);
    min-height: auto;
    padding: 0 var(--link-text-button-padding);
    width: auto
}

.LinkActionButton--text .InlineSVG {
    fill: var(--link-text-action)
}

.LinkActionButton--text .LinkActionButton-background {
    background-color: transparent;
    border-radius: var(--link-input-rounded)
}

.LinkActionButton--text:hover .LinkActionButton-background {
    background-color: var(--link-text-button-hover)
}

.LinkActionButton--text:active .LinkActionButton-background {
    background-color: var(--link-text-button-active)
}

.LinkActionButton-indicator.Spinner {
    left: 50%;
    margin: calc(var(--checkout-md-spinner-size)*-1/2) 0 0 calc(var(--checkout-md-spinner-size)*-1/2);
    position: absolute;
    top: 50%;
    z-index: 2
}

.LinkActionButton .Spinner-ellipse {
    stroke: var(--link-text-default)
}

:root {
    --checkout-select-icon-size: 12px
}

.Select {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.Select-source {
    -webkit-padding-end: var(--space-6);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--checkout-white);
    border: 0;
    box-shadow: var(--border-box-shadow);
    color: var(--checkout-input-color);
    font-size: var(--checkout-input-font-size);
    height: var(--checkout-input-height);
    line-height: var(--checkout-input-line-height);
    padding: var(--space-2) var(--space-3);
    padding-inline-end:var(--space-6);transition: var(--checkout-input-transition);
    width: 100%
}

.LinkPaymentForm--linkBranded .Select-source {
    box-shadow: var(--link-default-border-box-shadow)
}

.Select-source--empty {
    color: var(--checkout-input-placeholder-color)
}

.Select-source--empty option {
    color: var(--checkout-input-color)
}

.Select-source:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none;
    z-index: var(--checkout-z-index-input-is-focused)
}

.LinkPaymentForm--linkBranded .Select-source:focus {
    box-shadow: var(--link-highlight-border-box-shadow)
}

.Select--fakeAutofill .Select-source,.Select-source:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-color);
    box-shadow: var(--autofill-border-box-shadow);
    transition: background-color 100000000s,box-shadow 0s linear
}

.LinkPaymentForm--linkBranded .Select--fakeAutofill .Select-source,.LinkPaymentForm--linkBranded .Select-source:-webkit-autofill {
    box-shadow: var(--link-autofill-border-box-shadow)
}

.Select--fakeAutofill .Select-source:focus,.Select-source:-webkit-autofill:focus {
    box-shadow: var(--autofill-focus-border-box-shadow);
    transition: var(--checkout-input-transition)
}

.LinkPaymentForm--linkBranded .Select--fakeAutofill .Select-source:focus,.LinkPaymentForm--linkBranded .Select-source:-webkit-autofill:focus {
    box-shadow: var(--link-autofill-focus-border-box-shadow)
}

.Select-source:disabled {
    box-shadow: var(--disabled-border-box-shadow);
    color: var(--checkout-input-disabled-color);
    opacity: 1;
    transition: background-color 100000000s,box-shadow 0s linear
}

.LinkPaymentForm--linkBranded .Select-source:disabled {
    box-shadow: var(--link-disabled-border-box-shadow)
}

.Select--fakeAutofill .Select-source:disabled,.Select-source:disabled:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-disabled-color)
}

.Select--invalid .Select-source {
    color: var(--checkout-input-invalid-color)
}

.Select--invalid .Select-source:not(:focus) {
    box-shadow: var(--error-border-box-shadow);
    z-index: var(--checkout-z-index-input-is-invalid)
}

.LinkPaymentForm--linkBranded .Select--invalid .Select-source:not(:focus) {
    box-shadow: var(--link-danger-border-box-shadow)
}

.Select--invalid .Select-source--empty {
    color: var(--checkout-input-placeholder-color)
}

.Select--invalid .Select-source:-webkit-autofill,.Select--invalid.Select--fakeAutofill {
    -webkit-text-fill-color: var(--checkout-input-disabled-color);
    box-shadow: var(--autofill-error-border-box-shadow)
}

.LinkPaymentForm--linkBranded .Select--invalid .Select-source:-webkit-autofill,.LinkPaymentForm--linkBranded .Select--invalid.Select--fakeAutofill {
    box-shadow: var(--link-autofill-error-border-box-shadow)
}

.Select-source::-ms-expand {
    display: none
}

.Select-arrow {
    height: var(--checkout-select-icon-size);
    inset-inline-end: var(--space-3);
    margin-top: calc(var(--checkout-select-icon-size)*-.5);
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: var(--checkout-select-icon-size);
    z-index: var(--checkout-z-index-field-icon)
}

.Select-source:disabled+.Select-arrow {
    display: none
}

.Select-spinner {
    height: var(--checkout-spinner-size);
    inset-inline-end: var(--space-3);
    margin-top: calc(var(--checkout-spinner-size)*-.5);
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: var(--checkout-spinner-size);
    z-index: var(--checkout-z-index-field-icon)
}

.App-Container.js-global-border-style-square .FormFieldGroup-child .Select-source {
    border-radius: 0
}

.Select--borderVeryRound .Select-source {
    border-top-left-radius: var(--very-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .Select .Select-source {
    border-top-left-radius: var(--link-input-rounded)
}

@media only screen and (min-width: 992px) {
    .Select-source {
        font-size:var(--checkout-lg-input-font-size);
        height: var(--checkout-lg-input-height)
    }
}

:root {
    --tax-id-type-select-flag-size: 16px;
    --tax-id-type-select-chevron-size: 12px;
    --checkout-spinner-size: 18px
}

.TaxIdTypeSelect {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.TaxIdTypeSelect-source {
    -webkit-padding-end: var(--space-6);
    -webkit-padding-start: var(--space-7);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--checkout-white);
    border: 0;
    box-shadow: var(--border-box-shadow);
    color: var(--checkout-input-color);
    font-size: var(--checkout-input-font-size);
    height: var(--checkout-input-height);
    line-height: var(--checkout-input-line-height);
    padding: var(--space-2) var(--space-3);
    padding-inline-end:var(--space-6);padding-inline-start: var(--space-7);
    transition: var(--checkout-input-transition);
    width: 100%
}

.TaxIdTypeSelect-source--empty {
    color: var(--checkout-input-placeholder-color)
}

.TaxIdTypeSelect-source--empty option {
    color: var(--checkout-input-color)
}

.TaxIdTypeSelect-source:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none;
    z-index: var(--checkout-z-index-input-is-focused)
}

.TaxIdTypeSelect--fakeAutofill .TaxIdTypeSelect-source,.TaxIdTypeSelect-source:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-color);
    box-shadow: var(--autofill-border-box-shadow);
    transition: background-color 100000000s,box-shadow 0s linear
}

.TaxIdTypeSelect--fakeAutofill .TaxIdTypeSelect-source:focus,.TaxIdTypeSelect-source:-webkit-autofill:focus {
    box-shadow: var(--autofill-focus-border-box-shadow);
    transition: var(--checkout-input-transition)
}

.TaxIdTypeSelect-source:disabled {
    box-shadow: var(--disabled-border-box-shadow);
    color: var(--checkout-input-disabled-color);
    opacity: 1;
    transition: background-color 100000000s,box-shadow 0s linear
}

.TaxIdTypeSelect--fakeAutofill .TaxIdTypeSelect-source:disabled,.TaxIdTypeSelect-source:disabled:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-disabled-color)
}

.TaxIdTypeSelect--invalid .TaxIdTypeSelect-source {
    color: var(--checkout-input-invalid-color)
}

.TaxIdTypeSelect--invalid .TaxIdTypeSelect-source:not(:focus) {
    box-shadow: var(--error-border-box-shadow)
}

.TaxIdTypeSelect--invalid .TaxIdTypeSelect-source--empty {
    color: var(--checkout-input-placeholder-color)
}

.TaxIdTypeSelect--invalid .TaxIdTypeSelect-source:-webkit-autofill,.TaxIdTypeSelect--invalid.TaxIdTypeSelect--fakeAutofill {
    -webkit-text-fill-color: var(--checkout-input-disabled-color);
    box-shadow: var(--autofill-error-border-box-shadow)
}

.TaxIdTypeSelect-source::-ms-expand {
    display: none
}

.TaxIdTypeSelect-arrow {
    height: var(--tax-id-type-select-chevron-size);
    inset-inline-end: var(--space-3);
    margin-top: calc(var(--tax-id-type-select-chevron-size)*-.5);
    width: var(--tax-id-type-select-chevron-size)
}

.TaxIdTypeSelect-arrow,.TaxIdTypeSelect-flagIcon {
    pointer-events: none;
    position: absolute;
    top: 50%;
    z-index: var(--checkout-z-index-field-icon)
}

.TaxIdTypeSelect-flagIcon {
    height: var(--tax-id-type-select-flag-size);
    inset-inline-start: var(--space-3);
    margin-top: calc(var(--tax-id-type-select-flag-size)*-.5);
    width: var(--tax-id-type-select-flag-size)
}

.TaxIdTypeSelect-source:disabled+.TaxIdTypeSelect-arrow {
    display: none
}

.TaxIdTypeSelect-spinner {
    height: var(--checkout-spinner-size);
    inset-inline-end: var(--space-3);
    margin-top: calc(var(--checkout-spinner-size)*-.5);
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: var(--checkout-spinner-size);
    z-index: var(--checkout-z-index-field-icon)
}

.App-Container.js-global-border-style-square .FormFieldGroup-child .TaxIdTypeSelect-source {
    border-radius: 0
}

.TaxIdTypeSelect--borderVeryRound .TaxIdTypeSelect-source {
    border-top-left-radius: var(--very-rounded)
}

@media only screen and (min-width: 992px) {
    .TaxIdTypeSelect-source {
        font-size:var(--checkout-lg-input-font-size);
        height: var(--checkout-lg-input-height)
    }
}

.FormFieldInput {
    position: relative
}

.FormFieldInput-Icon {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inset-inline-end: var(--space-3);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: var(--checkout-z-index-field-icon)
}

.FormFieldInput.is-select .FormFieldInput-Icon {
    -webkit-padding-start: var(--space-3);
    inset-inline-end: auto;
    inset-inline-start: 0;
    padding-inline-start:var(--space-3)}

.FormFieldInput.is-select.icon-right .FormFieldInput-Icon {
    -webkit-padding-end: var(--space-6);
    inset-inline-end: 0;
    inset-inline-start: auto;
    padding-inline-end:var(--space-6)}

.FormFieldInput.has-icon .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) + 16px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 16px)}

.FormFieldInput.has-password-button .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) - var(--space-2) + var(--space-6));
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) - var(--space-2) + var(--space-6))}

.FormFieldInput.has-icon.has-password-button .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) + 12px + var(--space-6));
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 12px + var(--space-6))}

.FormFieldInput: not(.has-icon):has(.FormFieldInput-LinkLogo) .CheckoutInput {
    -webkit-padding-end:calc(var(--checkout-input-padding-horizontal) + 38px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 38px)}

.FormFieldInput: not(.has-icon):has(.FormFieldInput-LinkLogo.LinkLogo--onelink) .CheckoutInput {
    -webkit-padding-end:calc(var(--checkout-input-padding-horizontal) + 64px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 64px)}

.FormFieldInput.padding-right-30 .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) + 30px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 30px)}

.FormFieldInput.padding-right-48 .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) + 48px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 48px)}

.FormFieldInput.padding-right-60 .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) + 60px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 60px)}

.FormFieldInput.padding-right-90 .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) + 90px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 90px)}

.FormFieldInput.padding-right-120 .CheckoutInput {
    -webkit-padding-end: calc(var(--checkout-input-padding-horizontal) + 120px);
    padding-inline-end:calc(var(--checkout-input-padding-horizontal) + 120px)}

.FormFieldInput.is-select.has-icon .CheckoutInput {
    -webkit-padding-end: var(--checkout-input-padding-horizontal);
    padding-inline-end:var(--checkout-input-padding-horizontal)}

.FormFieldInput-Icons {
    -webkit-padding-end: var(--space-2);
    height: 100%;
    inset-inline-end: 0;
    padding-inline-end:var(--space-2);position: absolute;
    top: 0
}

.FormFieldInput-Icons,.FormFieldInput-IconsIcon {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    z-index: var(--checkout-z-index-field-icon)
}

.FormFieldInput-IconsIcon {
    -webkit-padding-end: var(--space-1);
    padding-inline-end:var(--space-1)}

.FormFieldInput-Icon.is-disabled img,.FormFieldInput-Icon.is-disabled svg,.FormFieldInput-LinkLogo {
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    opacity: .4
}

.FormFieldInput-Icon img,.FormFieldInput-Icon svg {
    opacity: 0;
    -webkit-transform: scale(var(--field-icon-pre-transition-scale));
    -ms-transform: scale(var(--field-icon-pre-transition-scale));
    transform: scale(var(--field-icon-pre-transition-scale));
    transition: opacity .7s var(--field-icon-transition-curve),-webkit-transform .4s var(--field-icon-transition-curve);
    transition: transform .4s var(--field-icon-transition-curve),opacity .7s var(--field-icon-transition-curve);
    transition: transform .4s var(--field-icon-transition-curve),opacity .7s var(--field-icon-transition-curve),-webkit-transform .4s var(--field-icon-transition-curve)
}

.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-optional-badge {
    padding-bottom: 5px
}

.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: var(--rounded)
}

.FormFieldInput.is-select.icon-right.has-icon select {
    text-indent: unset
}

.LinkActionButton.FormFieldInput-PasswordButton {
    -webkit-padding-start: var(--space-2);
    -webkit-padding-end: var(--space-2);
    height: 100%;
    inset-inline-end: 0;
    padding-inline-end:var(--space-2);padding-inline-start: var(--space-2);
    position: absolute;
    top: 0;
    width: auto;
    z-index: var(--checkout-z-index-field-icon)
}

.LinkActionButton.FormFieldInput-PasswordButton svg {
    opacity: 0;
    -webkit-transform: scale(var(--field-icon-pre-transition-scale));
    -ms-transform: scale(var(--field-icon-pre-transition-scale));
    transform: scale(var(--field-icon-pre-transition-scale))
}

.LinkActionButton.FormFieldInput-PasswordButton.is-loaded svg {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.FormFieldInput-Icon.has-password-button {
    -webkit-padding-end: 0;
    inset-inline-end: var(--space-6);
    padding-inline-end:0}

.FieldError {
    pointer-events: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition: all .3s ease;
    &.WithLink {
        pointer-events: auto
    }
}

.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: var(--error-border-box-shadow)
}

.LinkPaymentForm--linkBranded .FormFieldGroup--is-empty .FormFieldGroup-childLeft .Input:not(:focus),.LinkPaymentForm--linkBranded .FormFieldGroup--is-empty .FormFieldGroup-childLeft .Select-source:not(:focus) {
    box-shadow: var(--link-danger-border-box-shadow)
}

.FormFieldGroup-Fieldset {
    border: none;
    margin: var(--space-1) 0 0 0;
    padding: 0
}

.FormFieldGroup-labelContainer {
    overflow-wrap: anywhere;
    position: relative
}

.FormFieldGroup-annotation.is-entering,.FormFieldGroup-annotation.is-exitingActive {
    opacity: 0;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.FormFieldGroup-annotation.is-enteringActive,.FormFieldGroup-annotation.is-exiting,.FormFieldGroup-annotation.is-interrupted {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.FormFieldGroup-annotation {
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}

.FormFieldGroup-annotationPresence,.FormFieldGroup-errorPresence {
    --animateSinglePresenceDurationHeight: 0.3s
}

.FormFieldGroup-annotationPresence {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: end
}

.FormFieldGroup-errorPresence {
    width: 100%
}

.FormFieldGroup-errorPresence .FieldError-container {
    padding-top: var(--space-1)
}

.FormFieldGroup-annotationPresence .FormFieldGroup-annotation,.FormFieldGroup-errorPresence .FieldError-container {
    --animateSinglePresenceEnterDurationOpacity: 0.3s;
    --animateSinglePresenceExitDurationOpacity: 0.3s
}

@media (prefers-reduced-motion:reduce) {
    .FormFieldGroup-annotationPresence,.FormFieldGroup-errorPresence {
        --animateSinglePresenceDurationHeight: 0s;
        --animateSinglePresenceDelayHeight: 0s
    }

    .FormFieldGroup-annotationPresence .FormFieldGroup-annotation,.FormFieldGroup-errorPresence .FieldError-container {
        --animateSinglePresenceEnterDurationOpacity: 0s;
        --animateSinglePresenceExitDurationOpacity: 0s;
        --animateSinglePresenceEnterDelayOpacity: 0s;
        --animateSinglePresenceExitDelayOpacity: 0s
    }

    .FormFieldGroup-annotationPresence .FormFieldGroup-annotation {
        transition: none
    }
}

.FormFieldGroup-container {
    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: var(--rounded);
    bottom: 0;
    box-shadow: var(--error-border-box-shadow);
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 1
}

.LinkPaymentForm--linkBranded .FormFieldGroup-container--invalid {
    box-shadow: var(--link-danger-border-box-shadow)
}

.FormFieldGroup-child {
    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: var(--rounded)
}

.FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,.FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
    border-top-right-radius: var(--rounded)
}

.FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,.FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
    border-bottom-left-radius: var(--rounded)
}

.FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,.FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
    border-bottom-right-radius: var(--rounded)
}

[dir=rtl] .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source {
    border-top-left-radius: 0;
    border-top-right-radius: var(--rounded)
}

[dir=rtl] .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source {
    border-top-left-radius: var(--rounded);
    border-top-right-radius: 0
}

[dir=rtl] .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--rounded)
}

[dir=rtl] .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source {
    border-bottom-left-radius: var(--rounded);
    border-bottom-right-radius: 0
}

.FormFieldGroup.FormFieldGroup--borderVeryRound .CheckoutInput,.FormFieldGroup.FormFieldGroup--borderVeryRound .Select-source {
    border-radius: 0
}

.FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,.FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
    border-top-left-radius: var(--very-rounded)
}

.FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,.FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
    border-top-right-radius: var(--very-rounded)
}

.FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,.FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
    border-bottom-left-radius: var(--very-rounded)
}

.FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,.FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
    border-bottom-right-radius: var(--very-rounded)
}

[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source {
    border-top-left-radius: 0;
    border-top-right-radius: var(--very-rounded)
}

[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source {
    border-top-left-radius: var(--very-rounded);
    border-top-right-radius: 0
}

[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--very-rounded)
}

[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .FormFieldGroup--borderVeryRound .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source {
    border-bottom-left-radius: var(--very-rounded);
    border-bottom-right-radius: 0
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup .CheckoutInput.CheckoutInput,.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup .Select-source.Select-source,.Modal--linkBranded .FormFieldGroup .CheckoutInput.CheckoutInput,.Modal--linkBranded .FormFieldGroup .Select-source.Select-source {
    border-radius: 0
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source,.Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,.Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
    border-top-left-radius: var(--link-input-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source,.Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,.Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
    border-top-right-radius: var(--link-input-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source,.Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,.Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
    border-bottom-left-radius: var(--link-input-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source,.Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,.Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
    border-bottom-right-radius: var(--link-input-rounded)
}

[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source {
    border-top-left-radius: 0;
    border-top-right-radius: var(--link-input-rounded)
}

[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childTop.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source {
    border-top-left-radius: var(--link-input-rounded);
    border-top-right-radius: 0
}

[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .CheckoutInput,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childLeft:not(.FormFieldGroup-childRight) .Select-source {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--link-input-rounded)
}

[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .CheckoutInput,[dir=rtl] .Modal--linkBranded .FormFieldGroup-childBottom.FormFieldGroup-childRight:not(.FormFieldGroup-childLeft) .Select-source {
    border-bottom-left-radius: var(--link-input-rounded);
    border-bottom-right-radius: 0
}

.FormFieldGroup-singleChild {
    /* !important reason: legacy */
    border-radius: var(--rounded)!important
}

.App-Container.js-global-border-style-square .FormFieldGroup-singleChild {
    /* !important reason: legacy */
    border-radius: 0!important
}

.FormFieldGroup--borderVeryRound .FormFieldGroup-singleChild {
    /* !important reason: legacy */
    border-radius: var(--very-rounded)!important
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-singleChild {
    /* !important reason: legacy */
    border-radius: var(--link-input-rounded)!important
}

.FormFieldGroup-bottomChild {
    /* !important reason: legacy */
    border-bottom-left-radius: var(--rounded)!important;
    /* !important reason: legacy */
    border-bottom-right-radius: var(--rounded)!important
}

.CheckoutInput--borderVeryRound.FormFieldGroup-bottomChild,.FormFieldGroup--borderVeryRound .FormFieldGroup-bottomChild {
    /* !important reason: legacy */
    border-bottom-left-radius: var(--very-rounded)!important;
    /* !important reason: legacy */
    border-bottom-right-radius: var(--very-rounded)!important;
    /* !important reason: legacy */
    border-top-left-radius: 0!important;
    /* !important reason: legacy */
    border-top-right-radius: 0!important
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup-bottomChild {
    /* !important reason: legacy */
    border-bottom-left-radius: var(--link-input-rounded)!important;
    /* !important reason: legacy */
    border-bottom-right-radius: var(--link-input-rounded)!important;
    /* !important reason: legacy */
    border-top-left-radius: 0!important;
    /* !important reason: legacy */
    border-top-right-radius: 0!important
}

.App-Container.js-global-border-style-square .FormFieldGroup-bottomChild {
    /* !important reason: legacy */
    border-radius: 0!important
}

._0Ia-wHnH__CurrencyInput-nonSelectablePrefixWrapper {
    isolation: isolate;
    position: relative
}

._0Ia-wHnH__CurrencyInput-nonSelectablePrefixWrapper .CheckoutInput {
    -webkit-padding-start: calc(var(--checkout-input-padding-horizontal) + 36px);
    padding-inline-start:calc(var(--checkout-input-padding-horizontal) + 36px)}

.SUCC2Krz__CurrencyInput-currencyPrefix {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    color: var(--checkout-input-color);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--checkout-input-font-size);
    inset-inline-start: var(--checkout-input-padding-horizontal);
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: calc(var(--checkout-z-index-input-is-focused) + 1)
}

@media only screen and (min-width: 992px) {
    .SUCC2Krz__CurrencyInput-currencyPrefix {
        font-size:var(--checkout-lg-input-font-size)
    }
}

.ProductSummary-totalsWrite {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inset-inline-start: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%
}

.ProductSummary-totalsWrite.is-editing {
    opacity: 1;
    pointer-events: auto
}

@media (prefers-reduced-motion:reduce) {
    .ProductSummary-totalsWrite {
        transition: none
    }
}

.ProductSummary-newTotalsWrite {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: var(--space-2);
    pointer-events: all;
    width: 100%
}

.ProductSummary-newTotalsWrite .ProductSummary-customAmountInputWrapper {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    width: auto
}

.ProductSummary-customAmountInputWrapper {
    position: relative;
    width: 100%
}

.ProductSummary-customAmountInputWrapper .CheckoutInput:hover:not(:focus) {
    box-shadow: var(--border-box-shadow),var(--product-summary-custom-amount-hover-overlay-box-shadow)
}

.ProductSummary-newTotalsWrite .ProductSummary-customAmountInputWrapper input:hover:not(:focus):not(:disabled) {
    cursor: pointer
}

.ProductSummary-changeAmountInput {
    font-size: var(--checkout-product-summary-total-font-large);
    font-weight: var(--checkout-text-font-weight-500);
    width: 100%
}

.ProductSummary-newTaxIcon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    align-self: center;
    margin-bottom: var(--space-1);
    margin-top: var(--space-2);
    max-width: 100%;
    text-underline-offset: 25%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.ProductSummary-newTaxIcon .Text {
    font-weight: 510
}

.ProductSummary-changeAmountEditIcon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inset-inline-end: 14px;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: .7;
    pointer-events: none;
    position: absolute;
    top: 18px;
    transition: opacity .25s ease,-webkit-transform .25s ease;
    transition: opacity .25s ease,transform .25s ease;
    transition: opacity .25s ease,transform .25s ease,-webkit-transform .25s ease;
    z-index: var(--checkout-z-index-field-icon)
}

.ProductSummary-customAmountInputWrapper:has(input:disabled) .ProductSummary-changeAmountEditIcon {
    opacity: .5
}

.ProductSummary-changeAmountEditIcon.is-entering,.ProductSummary-changeAmountEditIcon.is-exiting,.ProductSummary-customAmountInputWrapper:has(input:disabled) .ProductSummary-changeAmountEditIcon.is-entering,.ProductSummary-customAmountInputWrapper:has(input:disabled) .ProductSummary-changeAmountEditIcon.is-exiting {
    opacity: 0;
    -webkit-transform: translate(12px);
    -ms-transform: translate(12px);
    transform: translate(12px)
}

@media (prefers-reduced-motion:reduce) {
    .ProductSummary-changeAmountEditIcon {
        transition: none
    }
}

.ProductSummary-newTotalsWrite .FormFieldGroup-container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ProductSummary-newTotalsWrite .FieldError-container,.ProductSummary-totalsWrite .FieldError-container {
    width: 100%
}

.ProductSummary.is-condensed .ProductSummary-totalsWrite {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.ProductSummary.is-condensed .ProductSummary-changeAmountInput {
    text-align: start
}

.ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:disabled,.ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:not(:focus):not(.CheckoutInput--invalid):not(:disabled):not(:-webkit-autofill):not(.CheckoutInput--fakeAutofill) {
    box-shadow: 0 0 0 1.5px var(--checkout-gray50)
}

.ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid:hover:not(:focus) {
    box-shadow: var(--focus-border-box-shadow),var(--product-summary-custom-amount-hover-overlay-box-shadow)
}

.ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput {
    -webkit-text-fill-color: var(--checkout-input-color);
    background: var(--checkout-white50)
}

.ProductSummary-newTotalsWrite .ProductSummary-customAmountInputWrapper .ProductSummary-changeAmountInput.CheckoutInput:hover:not(:focus):not(:disabled):not(.is-using-contrasting-error-color) {
    background: var(--checkout-input-hover-background-color)
}

.ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid.is-using-contrasting-error-color {
    background: var( --product-summary-custom-amount-contrasting-error-background-color )
}

.ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid {
    -webkit-text-fill-color: var(--checkout-input-invalid-color);
    box-shadow: var(--focus-border-box-shadow)
}

.ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:disabled {
    -webkit-text-fill-color: var(--checkout-input-disabled-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput {
    -webkit-text-fill-color: var(--checkout-lightGray900);
    background: var(--checkout-white50);
    color: var(--checkout-lightGray900)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-customAmountInputWrapper .ProductSummary-changeAmountInput.CheckoutInput:hover:not(:focus):not(:disabled):not(.is-using-contrasting-error-color) {
    background: var(--checkout-dark-mode-input-hover-background-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid.is-using-contrasting-error-color {
    background: var( --product-summary-custom-amount-contrasting-error-background-color )
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid {
    -webkit-text-fill-color: var(--checkout-input-invalid-color);
    color: var(--checkout-input-invalid-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid:focus,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:focus:not(.CheckoutInput--invalid) {
    box-shadow: var(--focus-border-box-shadow)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput::-moz-placeholder,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput::-webkit-input-placeholder {
    color: var(--checkout-dark-mode-input-placeholder-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput::-moz-placeholder,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput::-webkit-input-placeholder,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput::placeholder {
    color: var(--checkout-dark-mode-input-placeholder-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--fakeAutofill,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-lightGray900)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid.CheckoutInput--fakeAutofill,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--invalid:-webkit-autofill {
    -webkit-text-fill-color: var(--checkout-input-invalid-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--fakeAutofill::-webkit-input-placeholder,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:-webkit-autofill::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--checkout-dark-mode-input-placeholder-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput--fakeAutofill::placeholder,.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:-webkit-autofill::placeholder {
    -webkit-text-fill-color: var(--checkout-dark-mode-input-placeholder-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountInput.CheckoutInput:disabled {
    -webkit-text-fill-color: var(--checkout-dark-mode-input-disabled-color);
    background: var(--checkout-dark-mode-input-background-color);
    color: var(--checkout-dark-mode-input-disabled-color)
}

.ProductSummary-info.is-darkBackground .ProductSummary-newTotalsWrite .ProductSummary-changeAmountEditIcon svg path {
    fill: var(--checkout-white)
}

@media only screen and (max-width: 991.98px) {
    .ProductSummary-newTotalsWrite .TaxIconBreak {
        display:block
    }

    .ProductSummary-changeAmountInput {
        text-align: center
    }

    .ProductSummary-totalsWrite {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 992px) {
    .ProductSummary-totalsWrite {
        -ms-flex-pack:start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .ProductSummary .ProductSummary-changeAmountInput.ProductSummary-changeAmountInput {
        font-size: var(--checkout-font-size-36);
        height: 56px
    }

    .ProductSummary .ProductSummary-newTotalsWrite .ProductSummary-changeAmountEditIcon {
        top: 25px
    }

    .ProductSummary .ProductSummary-newTotalsWrite {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }
}