.Spinner {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.Spinner,.Spinner-svg {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Spinner-svg {
    position: relative
}

.Spinner--sm .Spinner-svg {
    height: var(--checkout-sm-spinner-size);
    width: var(--checkout-sm-spinner-size)
}

.Spinner--md .Spinner-svg {
    height: var(--checkout-md-spinner-size);
    width: var(--checkout-md-spinner-size)
}

.Spinner--lg .Spinner-svg {
    height: var(--checkout-lg-spinner-size);
    width: var(--checkout-lg-spinner-size)
}

.Spinner-ellipse {
    fill: transparent;
    stroke: var(--checkout-gray200);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 60;
    stroke-dashoffset: 20;
    -webkit-animation: SpinnerAnimationShow .25s ease normal,SpinnerAnimationRotation .6s linear infinite;
    animation: SpinnerAnimationShow .25s ease normal,SpinnerAnimationRotation .6s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    transition-timing-function: ease
}

.Spinner--white .Spinner-ellipse {
    stroke: var(--checkout-white)
}

@-webkit-keyframes SpinnerAnimationShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes SpinnerAnimationShow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes SpinnerAnimationRotation {
    0% {
        -webkit-transform: scaleX(-1) rotate(0);
        transform: scaleX(-1) rotate(0)
    }

    50% {
        -webkit-transform: scaleX(-1) rotate(-180deg);
        transform: scaleX(-1) rotate(-180deg)
    }

    to {
        -webkit-transform: scaleX(-1) rotate(-1turn);
        transform: scaleX(-1) rotate(-1turn)
    }
}

@keyframes SpinnerAnimationRotation {
    0% {
        -webkit-transform: scaleX(-1) rotate(0);
        transform: scaleX(-1) rotate(0)
    }

    50% {
        -webkit-transform: scaleX(-1) rotate(-180deg);
        transform: scaleX(-1) rotate(-180deg)
    }

    to {
        -webkit-transform: scaleX(-1) rotate(-1turn);
        transform: scaleX(-1) rotate(-1turn)
    }
}

.Text {
    margin: 0
}

.Text-fontSize--9 {
    font-size: var(--checkout-font-size-9)
}

.Text-fontSize--11 {
    font-size: var(--checkout-font-size-11)
}

.Text-fontSize--12 {
    font-size: var(--checkout-font-size-12)
}

.Text-fontSize--13 {
    font-size: var(--checkout-font-size-13)
}

.Text-fontSize--14 {
    font-size: var(--checkout-font-size-14)
}

.Text-fontSize--16 {
    font-size: var(--checkout-font-size-16)
}

.Text-fontSize--20 {
    font-size: var(--checkout-font-size-20)
}

.Text-fontSize--22 {
    font-size: var(--checkout-font-size-22)
}

.Text-fontSize--24 {
    font-size: var(--checkout-font-size-24)
}

.Text-fontSize--28 {
    font-size: var(--checkout-font-size-28)
}

.Text-fontSize--32 {
    font-size: var(--checkout-font-size-32)
}

.Text-fontSize--36 {
    font-size: var(--checkout-font-size-36)
}

.Text-fontWeight--400 {
    font-weight: 400
}

.Text-fontWeight--500 {
    font-weight: 500
}

.Text-fontWeight--600 {
    font-weight: 600
}

.Text-fontWeight--700 {
    font-weight: 700
}

.Text-fontWeight--900 {
    font-weight: 900
}

.Text-fontStyle--italic {
    font-style: italic
}

.Text-fontStyle--normal {
    font-style: normal
}

.Text-color--white {
    color: var(--checkout-white)
}

.Text-color--gray50 {
    color: var(--checkout-gray50)
}

.Text-color--gray100 {
    color: var(--checkout-gray100)
}

.Text-color--gray200 {
    color: var(--checkout-gray200)
}

.Text-color--gray300 {
    color: var(--checkout-gray300)
}

.Text-color--gray400 {
    color: var(--checkout-gray400)
}

.Text-color--gray500 {
    color: var(--checkout-gray500)
}

.Text-color--gray600 {
    color: var(--checkout-gray600)
}

.Text-color--gray700 {
    color: var(--checkout-gray700)
}

.Text-color--gray800 {
    color: var(--checkout-gray800)
}

.Text-color--gray900 {
    color: var(--checkout-gray900)
}

.Text-color--lightGray50 {
    color: var(--checkout-lightGray50)
}

.Text-color--lightGray100 {
    color: var(--checkout-lightGray100)
}

.Text-color--lightGray200 {
    color: var(--checkout-lightGray200)
}

.Text-color--lightGray300 {
    color: var(--checkout-lightGray300)
}

.Text-color--lightGray400 {
    color: var(--checkout-lightGray400)
}

.Text-color--lightGray500 {
    color: var(--checkout-lightGray500)
}

.Text-color--lightGray600 {
    color: var(--checkout-lightGray600)
}

.Text-color--lightGray700 {
    color: var(--checkout-lightGray700)
}

.Text-color--lightGray800 {
    color: var(--checkout-lightGray800)
}

.Text-color--lightGray900 {
    color: var(--checkout-lightGray900)
}

.is-fontFamily--Inconsolata .FormFieldGroup-labelContainer .Text,.is-fontFamily--PTSans .FormFieldGroup-labelContainer .Text,.is-fontFamily--TitilliumWeb .FormFieldGroup-labelContainer .Text,.is-fontFamily--UbuntuMono .FormFieldGroup-labelContainer .Text {
    font-size: var(--checkout-font-size-14)
}

.is-fontFamily--Lora .Text {
    letter-spacing: var(--checkout-letter-spacing-md)
}

.is-fontFamily--Montserrat .Text {
    letter-spacing: var(--checkout-letter-spacing-sm)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--default {
    color: var(--checkout-lightGray900)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray50 {
    color: var(--checkout-lightGray50)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray100 {
    color: var(--checkout-lightGray100)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray200 {
    color: var(--checkout-lightGray200)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray300 {
    color: var(--checkout-lightGray300)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray400 {
    color: var(--checkout-lightGray400)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray500 {
    color: var(--checkout-lightGray500)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray600 {
    color: var(--checkout-lightGray600)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray700 {
    color: var(--checkout-lightGray700)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray800 {
    color: var(--checkout-lightGray800)
}

.App-Container.js-global-dark-background .App-Overview .Text-color--gray900 {
    color: var(--checkout-lightGray900)
}

@media only screen and (min-width: 992px) {
    .App-Footer.is-darkBackground .Text-color--default {
        color:var(--checkout-lightGray900)
    }

    .App-Footer.is-darkBackground .Text-color--gray50 {
        color: var(--checkout-lightGray50)
    }

    .App-Footer.is-darkBackground .Text-color--gray100 {
        color: var(--checkout-lightGray100)
    }

    .App-Footer.is-darkBackground .Text-color--gray200 {
        color: var(--checkout-lightGray200)
    }

    .App-Footer.is-darkBackground .Text-color--gray300 {
        color: var(--checkout-lightGray300)
    }

    .App-Footer.is-darkBackground .Text-color--gray400 {
        color: var(--checkout-lightGray400)
    }

    .App-Footer.is-darkBackground .Text-color--gray500 {
        color: var(--checkout-lightGray500)
    }

    .App-Footer.is-darkBackground .Text-color--gray600 {
        color: var(--checkout-lightGray600)
    }

    .App-Footer.is-darkBackground .Text-color--gray700 {
        color: var(--checkout-lightGray700)
    }

    .App-Footer.is-darkBackground .Text-color--gray800 {
        color: var(--checkout-lightGray800)
    }

    .App-Footer.is-darkBackground .Text-color--gray900 {
        color: var(--checkout-lightGray900)
    }
}

.Text-color--blue {
    color: var(--checkout-blue)
}

.Text-color--red {
    color: var(--checkout-red)
}

.Text-color--green {
    color: var(--checkout-green)
}

.Text-color--yellow {
    color: var(--checkout-yellow)
}

.Text-color--orange {
    color: var(--checkout-orange)
}

.Text-transform--uppercase {
    text-transform: uppercase
}

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

.Text--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Text-wordBreak--all {
    word-break: break-all
}

.Text-wordBreak--normal {
    word-break: normal
}

.Text-wordBreak--word {
    word-break: break-word
}

.Tag {
    border-radius: var(--space-1);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2px var(--space-1)
}

.Tag-orange {
    background-color: var(--checkout-yellow)
}

.Tag-red {
    background-color: var(--sail-red100)
}

.Tag-green {
    background-color: var(--sail-green100)
}

.Tag-blue {
    background-color: var(--sail-blue100)
}

.TestModeBadge-container {
    height: 18px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.TestModeBadge {
    border-radius: 0;
    border-bottom-left-radius: var(--default-border-radius);
    border-top-right-radius: calc(var(--default-border-radius) - 1px);
    font-family: var(--checkout-text-font-family);
    position: absolute;
    right: 0;
    top: 0
}

.BuyButton-Button.is-pillBorder .TestModeBadge-container {
    border-top-right-radius: var(--pill-border-radius);
    height: 22px
}

.BuyButton-Button.is-pillBorder .TestModeBadge {
    border-bottom-left-radius: 11px;
    padding-left: var(--space-3);
    padding-right: var(--space-3)
}

.BuyButton-Button.is-squareBorder .TestModeBadge {
    border-radius: var(--square-border-radius)
}

:root {
    --button-hover-background-color: rgb(0,94,187)
}

.BuyButton-Button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0;
    border-radius: var(--default-border-radius);
    color: var(--buy-button-white);
    cursor: pointer;
    display: inline-block;
    height: 100%;
    outline: 2px solid transparent;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all var(--default-transition),box-shadow .08s ease-in;
    width: 100%
}

.BuyButton-Button.is-cardLayout {
    outline-offset: 4px
}

.BuyButton-Button.is-cardLayout:focus {
    outline-color: var(--merchant-button-color)
}

.BuyButton-Button.is-buttonLayout {
    outline-offset: -7px
}

.BuyButton-Button.is-buttonLayout:focus {
    outline-color: white
}

.BuyButton-Button.is-pillBorder {
    border-radius: var(--pill-border-radius)
}

.BuyButton-Button.is-squareBorder {
    border-radius: var(--square-border-radius)
}

.BuyButton-Button.is-disabled,.BuyButton-Button:disabled {
    box-shadow: none;
    cursor: default;
    opacity: var(--buy-button-opacity-lighter);
    pointer-events: none
}

.BuyButton-Button:hover {
    background-color: var(--button-hover-background-color)
}

.BuyButton-Button:active {
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.BuyButton-ButtonTextContainer {
    min-height: var(--buy-button-height)
}

.BuyButton-ButtonText {
    line-height: var(--buy-button-height);
    text-align: center;
    transition: all var(--default-transition);
    white-space: normal;
    width: 100%
}

.BuyButton-Spinner {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: var(--space-2);
    opacity: .5;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.BuyButton-Spinner,.flex-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-container {
    box-sizing: border-box;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-item {
    box-sizing: border-box;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    min-width: 0
}

.flex-item-align-left {
    margin-right: auto;
    text-align: left
}

.flex-item-align-right {
    margin-left: auto;
    text-align: right
}

.flex-item:empty {
    display: none
}

.flex-column-break {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 0
}

.direction-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.direction-row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.direction-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.direction-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.spacing-0 {
    margin: 0
}

.spacing-0>.flex-item {
    padding: 0
}

.spacing-4 {
    margin: -2px
}

.spacing-4>.flex-item {
    padding: 2px
}

.spacing-8 {
    margin: -4px
}

.spacing-8>.flex-item {
    padding: 4px
}

.spacing-12 {
    margin: -6px
}

.spacing-12>.flex-item {
    padding: 6px
}

.spacing-16 {
    margin: -8px
}

.spacing-16>.flex-item {
    padding: 8px
}

.spacing-24 {
    margin: -12px
}

.spacing-24>.flex-item {
    padding: 12px
}

.spacing-32 {
    margin: -16px
}

.spacing-32>.flex-item {
    padding: 16px
}

.spacing-40 {
    margin: -20px
}

.spacing-40>.flex-item {
    padding: 20px
}

.flex-item-no-padding {
    /* !important reason: legacy */
    padding-bottom: 0!important;
    /* !important reason: legacy */
    padding-top: 0!important
}

.justify-content-flex-start {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.justify-content-flex-end {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.justify-content-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.justify-content-space-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.justify-content-space-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.justify-content-space-evenly {
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly
}

.align-items-flex-start {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.align-items-flex-end {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.align-items-center {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.align-items-stretch {
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.align-items-baseline {
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

.wrap-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrap-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.width-auto {
    width: auto
}

.width-auto,.width-fixed {
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto
}

.width-fixed {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.width-grow {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.width-1 {
    width: 8.33333333%
}

.width-2 {
    width: 16.66666667%
}

.width-3 {
    width: 25%
}

.width-4 {
    width: 33.33333333%
}

.width-5 {
    width: 41.66666667%
}

.width-6 {
    width: 50%
}

.width-7 {
    width: 58.33333333%
}

.width-8 {
    width: 66.66666667%
}

.width-9 {
    width: 75%
}

.width-10 {
    width: 83.33333333%
}

.width-11 {
    width: 91.66666667%
}

.width-12 {
    width: 100%
}

@media only screen and (min-width: 576px) {
    .direction-row-sm {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .direction-row-reverse-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .direction-column-sm {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .direction-column-reverse-sm {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .spacing-0-sm {
        margin: 0
    }

    .spacing-0-sm>.flex-item {
        padding: 0
    }

    .spacing-4-sm {
        margin: -2px
    }

    .spacing-4-sm>.flex-item {
        padding: 2px
    }

    .spacing-8-sm {
        margin: -4px
    }

    .spacing-8-sm>.flex-item {
        padding: 4px
    }

    .spacing-12-sm {
        margin: -6px
    }

    .spacing-12-sm>.flex-item {
        padding: 6px
    }

    .spacing-16-sm {
        margin: -8px
    }

    .spacing-16-sm>.flex-item {
        padding: 8px
    }

    .spacing-24-sm {
        margin: -12px
    }

    .spacing-24-sm>.flex-item {
        padding: 12px
    }

    .spacing-32-sm {
        margin: -16px
    }

    .spacing-32-sm>.flex-item {
        padding: 16px
    }

    .spacing-40-sm {
        margin: -20px
    }

    .spacing-40-sm>.flex-item {
        padding: 20px
    }

    .justify-content-flex-start-sm {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .justify-content-flex-end-sm {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .justify-content-center-sm {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .justify-content-space-between-sm {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .justify-content-space-around-sm {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .justify-content-space-evenly-sm {
        -ms-flex-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly
    }

    .align-items-flex-start-sm {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .align-items-flex-end-sm {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .align-items-center-sm {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .align-items-stretch-sm {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .align-items-baseline-sm {
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }

    .wrap-wrap-sm {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-nowrap-sm {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .width-auto-sm {
        width: auto
    }

    .width-auto-sm,.width-fixed-sm {
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .width-fixed-sm {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .width-grow-sm {
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .width-1-sm {
        width: 8.33333333%
    }

    .width-2-sm {
        width: 16.66666667%
    }

    .width-3-sm {
        width: 25%
    }

    .width-4-sm {
        width: 33.33333333%
    }

    .width-5-sm {
        width: 41.66666667%
    }

    .width-6-sm {
        width: 50%
    }

    .width-7-sm {
        width: 58.33333333%
    }

    .width-8-sm {
        width: 66.66666667%
    }

    .width-9-sm {
        width: 75%
    }

    .width-10-sm {
        width: 83.33333333%
    }

    .width-11-sm {
        width: 91.66666667%
    }

    .width-12-sm {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .direction-row-md {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .direction-row-reverse-md {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .direction-column-md {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .direction-column-reverse-md {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .spacing-0-md {
        margin: 0
    }

    .spacing-0-md>.flex-item {
        padding: 0
    }

    .spacing-4-md {
        margin: -2px
    }

    .spacing-4-md>.flex-item {
        padding: 2px
    }

    .spacing-8-md {
        margin: -4px
    }

    .spacing-8-md>.flex-item {
        padding: 4px
    }

    .spacing-12-md {
        margin: -6px
    }

    .spacing-12-md>.flex-item {
        padding: 6px
    }

    .spacing-16-md {
        margin: -8px
    }

    .spacing-16-md>.flex-item {
        padding: 8px
    }

    .spacing-24-md {
        margin: -12px
    }

    .spacing-24-md>.flex-item {
        padding: 12px
    }

    .spacing-32-md {
        margin: -16px
    }

    .spacing-32-md>.flex-item {
        padding: 16px
    }

    .spacing-40-md {
        margin: -20px
    }

    .spacing-40-md>.flex-item {
        padding: 20px
    }

    .justify-content-flex-start-md {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .justify-content-flex-end-md {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .justify-content-center-md {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .justify-content-space-between-md {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .justify-content-space-around-md {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .justify-content-space-evenly-md {
        -ms-flex-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly
    }

    .align-items-flex-start-md {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .align-items-flex-end-md {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .align-items-center-md {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .align-items-stretch-md {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .align-items-baseline-md {
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }

    .wrap-wrap-md {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-nowrap-md {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .width-auto-md {
        width: auto
    }

    .width-auto-md,.width-fixed-md {
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .width-fixed-md {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .width-grow-md {
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .width-1-md {
        width: 8.33333333%
    }

    .width-2-md {
        width: 16.66666667%
    }

    .width-3-md {
        width: 25%
    }

    .width-4-md {
        width: 33.33333333%
    }

    .width-5-md {
        width: 41.66666667%
    }

    .width-6-md {
        width: 50%
    }

    .width-7-md {
        width: 58.33333333%
    }

    .width-8-md {
        width: 66.66666667%
    }

    .width-9-md {
        width: 75%
    }

    .width-10-md {
        width: 83.33333333%
    }

    .width-11-md {
        width: 91.66666667%
    }

    .width-12-md {
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .direction-row-lg {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .direction-row-reverse-lg {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .direction-column-lg {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .direction-column-reverse-lg {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .spacing-0-lg {
        margin: 0
    }

    .spacing-0-lg>.flex-item {
        padding: 0
    }

    .spacing-4-lg {
        margin: -2px
    }

    .spacing-4-lg>.flex-item {
        padding: 2px
    }

    .spacing-8-lg {
        margin: -4px
    }

    .spacing-8-lg>.flex-item {
        padding: 4px
    }

    .spacing-12-lg {
        margin: -6px
    }

    .spacing-12-lg>.flex-item {
        padding: 6px
    }

    .spacing-16-lg {
        margin: -8px
    }

    .spacing-16-lg>.flex-item {
        padding: 8px
    }

    .spacing-24-lg {
        margin: -12px
    }

    .spacing-24-lg>.flex-item {
        padding: 12px
    }

    .spacing-32-lg {
        margin: -16px
    }

    .spacing-32-lg>.flex-item {
        padding: 16px
    }

    .spacing-40-lg {
        margin: -20px
    }

    .spacing-40-lg>.flex-item {
        padding: 20px
    }

    .justify-content-flex-start-lg {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .justify-content-flex-end-lg {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .justify-content-center-lg {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .justify-content-space-between-lg {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .justify-content-space-around-lg {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .justify-content-space-evenly-lg {
        -ms-flex-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly
    }

    .align-items-flex-start-lg {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .align-items-flex-end-lg {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .align-items-center-lg {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .align-items-stretch-lg {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .align-items-baseline-lg {
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }

    .wrap-wrap-lg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-nowrap-lg {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .width-auto-lg {
        width: auto
    }

    .width-auto-lg,.width-fixed-lg {
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .width-fixed-lg {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .width-grow-lg {
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .width-1-lg {
        width: 8.33333333%
    }

    .width-2-lg {
        width: 16.66666667%
    }

    .width-3-lg {
        width: 25%
    }

    .width-4-lg {
        width: 33.33333333%
    }

    .width-5-lg {
        width: 41.66666667%
    }

    .width-6-lg {
        width: 50%
    }

    .width-7-lg {
        width: 58.33333333%
    }

    .width-8-lg {
        width: 66.66666667%
    }

    .width-9-lg {
        width: 75%
    }

    .width-10-lg {
        width: 83.33333333%
    }

    .width-11-lg {
        width: 91.66666667%
    }

    .width-12-lg {
        width: 100%
    }
}

.PagePaymentMethodOverflow-container {
    height: 16px;
    position: relative;
    width: 100%
}

.PagePaymentMethodOverflow-imageContainer {
    left: 0;
    min-width: 170px;
    position: absolute;
    top: 0;
    transition: all .4s ease;
    transition-delay: .15s
}

.PagePaymentMethodOverflow-imageContainer--visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.PagePaymentMethodOverflow-imageContainer--invisible {
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.SinglePaymentMethodOverflow-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    position: relative;
    width: 28px
}

.SinglePaymentMethodOverflow-imageContainer {
    left: 0;
    position: absolute;
    top: 0;
    transition: all .4s ease;
    transition-delay: .15s
}

.SinglePaymentMethodOverflow-imageContainer--visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.SinglePaymentMethodOverflow-imageContainer--invisible {
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.PaymentMethodFooter-container {
    margin-top: 12px
}

.PaymentMethodFooter-label {
    color: rgba(26,26,26,.5);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center
}

.PaymentMethodFooter-image {
    height: 16px;
    margin: 4px;
    width: 24px
}

.AutocompleteInput-container {
    position: relative
}

.AutocompleteInput-dropdown-container {
    border-radius: var(--rounded);
    box-shadow: var(--autocomplete-dropdown-box-shadow);
    font-size: var(--checkout-font-size-14);
    line-height: var(--checkout-input-line-height);
    position: absolute;
    top: calc(100% + var(--space-2));
    width: 100%;
    z-index: var(--checkout-z-index-autocomplete-dropdown)
}

.AddressAutocomplete-results {
    background-color: var(--checkout-white);
    border-radius: var(--rounded);
    box-shadow: var(--border-box-shadow);
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.CheckoutInput--withRightPadding {
    padding-right: 50px
}

.AddressAutocomplete-manual-entry--inDropdown,.AddressAutocomplete-result,.AddressAutocomplete-suggestions-container,.AddressAutocomplete-tryAgain {
    padding: var(--space-2) var(--space-3)
}

.AddressAutocomplete-tryAgain {
    -ms-flex-pack: justify;
    color: var(--checkout-gray400);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.AddressAutocomplete-tryAgainLink {
    color: var(--checkout-gray800);
    font-size: var(--checkout-font-size-12);
    line-height: normal
}

.AddressAutocomplete-manual-entry.AddressAutocomplete-manual-entry--inDropdown {
    background-color: var(--checkout-gray25);
    border-radius: 0 0 var(--rounded) var(--rounded);
    box-shadow: var(--border-box-shadow)
}

.AddressAutocomplete-manual-entry--below-form {
    float: left;
    font-size: var(--checkout-font-size-12);
    margin-top: var(--space-2);
    text-align: left
}

@media only screen and (max-width: 991.98px) {
    .AddressAutocomplete-manual-entry--below-form {
        margin-top:var(--space-4)
    }
}

.AddressAutocomplete-manual-entry .Button {
    margin-right: var(--space-2)
}

.AddressAutocomplete-result--less-focus {
    color: var(--checkout-gray400);
    font-size: var(--checkout-font-size-12);
    margin-left: var(--space-2)
}

.AddressAutocomplete-result--matched {
    font-weight: 700
}

.AddressAutocomplete-result--matched,.AddressAutocomplete-result--unmatched {
    color: var(--checkout-gray900);
    font-size: var(--checkout-font-size-14)
}

.AddressAutocomplete-manual-entry--inDropdown.AddressAutocomplete-manual-entry--selected,.AddressAutocomplete-result--selected {
    background-color: var(--checkout-gray50)
}

.AddressAutocomplete-result:hover {
    cursor: pointer
}

.AddressAutocomplete-suggestions {
    padding-right: var(--space-1)
}

.AddressAutocomplete-suggestions-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--checkout-gray400);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--checkout-font-size-12);
    margin: var(--space-0) var(--space-0)
}

.AddressAutocomplete-privacy-logo {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: var(--space-0)
}

.AddressAutocomplete--clear-button-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,1) 35%,rgba(255,255,255,1));
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: var(--space-2);
    position: absolute;
    right: var(--space-2)
}

.AddressAutocomplete--clear-button {
    border-radius: var(--space-0);
    font-size: var(--checkout-font-size-12);
    padding: var(--space-1) var(--space-2);
    z-index: var(--checkout-z-index-autocomplete-dropdown)
}

.AddressAutocomplete--clear-button:focus,.AddressAutocomplete-manual-entry--below-form .Button:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none
}

.AddressAutocomplete--clear-dropdown-button {
    position: absolute;
    right: var(--space-4);
    top: var(--space-3);
    vertical-align: middle
}

.AddressAutocomplete-spinner {
    display: none;
    height: var(--space-3);
    position: absolute;
    right: var(--space-7);
    top: var(--space-3)
}

.AddressAutocomplete-results--aria-live-region {
    height: 2px;
    opacity: 0;
    position: absolute;
    width: 2px
}

.AddressAutocomplete-manual-entry .LinkActionButton {
    border-radius: var(--link-button-rounded-sm);
    margin-left: calc(var(--link-text-button-padding)*-1)
}

.AddressAutocomplete-manual-entry .LinkActionButton .LinkActionButton-background {
    border-radius: var(--link-button-rounded-sm)
}

.Icon {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.Icon--xs {
    height: var(--checkout-icon-xs)
}

.Icon--xs.Icon--square {
    width: var(--checkout-icon-xs)
}

.Icon--sm {
    height: var(--checkout-icon-sm)
}

.Icon--sm.Icon--square {
    width: var(--checkout-icon-sm)
}

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

.Icon--md.Icon--square {
    width: var(--checkout-icon-md)
}

.Icon--lg {
    height: var(--checkout-icon-lg)
}

.Icon--lg.Icon--square {
    width: var(--checkout-icon-lg)
}

.Icon--xlg {
    height: var(--checkout-icon-xlg)
}

.Icon--xlg.Icon--square {
    width: var(--checkout-icon-xlg)
}

.Icon--linkBrand {
    fill: var(--link-icon-brand);
    color: var(--link-icon-brand)
}

.Icon--muted {
    color: #00291f;
    opacity: .2
}

.Icon--gray200 {
    fill: var(--checkout-gray200)
}

.Icon--gray300 {
    fill: var(--checkout-gray300)
}

.Icon--gray400 {
    fill: var(--checkout-gray400)
}

.Icon--gray500 {
    fill: var(--checkout-gray500)
}

.Icon--gray600 {
    fill: var(--checkout-gray600);
    color: var(--checkout-gray600)
}

.Icon--gray800 {
    fill: var(--checkout-gray800);
    color: var(--checkout-gray800)
}

.Icon--lightGray400 {
    fill: var(--checkout-lightGray400);
    color: var(--checkout-lightGray400)
}

.Icon--white {
    fill: var(--checkout-white)
}

.Icon--red {
    fill: var(--checkout-red);
    color: var(--checkout-red)
}

.Icon--blue {
    fill: var(--checkout-blue);
    color: var(--checkout-blue)
}

.Icon .Icon-fill {
    fill: #565656
}

.LinkPaymentForm--linkBranded .Icon--red,.Modal--linkBranded .Icon--red {
    fill: var(--link-color-danger);
    color: var(--link-color-danger)
}

.Button {
    border: 1px solid transparent;
    border-radius: var(--rounded);
    cursor: pointer;
    transition: background-color .1s ease-in,-webkit-transform .08s ease-in;
    transition: background-color .1s ease-in,transform .08s ease-in;
    transition: background-color .1s ease-in,transform .08s ease-in,-webkit-transform .08s ease-in
}

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

.App-Container.js-global-border-style-very-round .Button,.ModalContent--is-veryRoundBordered .Button {
    border-radius: var(--very-rounded-button)
}

.App-Container .LinkPaymentForm--linkBranded .Button,.App-Container .LinkPaymentSuccess .Button,.ModalContent.Modal--linkBranded .Button {
    border-radius: var(--link-button-rounded)
}

.Button--xs {
    font-size: var(--checkout-font-size-10)
}

.Button--sm {
    font-size: var(--checkout-font-size-12)
}

.Button--md {
    font-size: var(--checkout-font-size-14);
    padding: var(--space-2) var(--space-4)
}

.Button--lg {
    font-size: var(--checkout-font-size-16);
    padding: var(--space-3) var(--space-5)
}

.Button--xlg {
    font-size: var(--checkout-font-size-20);
    padding: var(--space-3) var(--space-7)
}

.Button--primary {
    background-color: var(--checkout-blue);
    border-color: var(--checkout-blue);
    color: var(--checkout-white)
}

.Button--primary:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none
}

.Button--primary:not(:disabled):hover {
    background-color: var(--checkout-blue-dark)
}

.Button--primary:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.Button--primary:disabled {
    background-color: var(--checkout-blue-light)
}

.Button--primary:disabled:hover {
    cursor: default;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.Button--secondary {
    background-color: var(--checkout-white);
    box-shadow: var(--border-box-shadow);
    color: var(--checkout-gray600)
}

.Button--secondary:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none
}

.Button--secondary:not(:disabled):hover {
    background-color: var(--checkout-gray25)
}

.Button--secondary:active {
    background-color: rgba(0,0,0,.075);
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.Button--secondary:disabled {
    background-color: rgba(0,0,0,.01)
}

.Button--secondary:disabled:hover {
    cursor: default;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.Button--link {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--checkout-blue);
    outline: none;
    padding: 0;
    text-decoration-skip-ink: none
}

.Button-textCheckoutSecondary {
    color: var(--checkout-gray600);
    font-size: var(--checkout-font-size-12);
    font-weight: var(--checkout-text-font-weight);
    line-height: 1.3;
    text-decoration: underline dotted var(--checkout-gray600);
    -webkit-text-decoration: underline dotted var(--checkout-gray600)
}

.Button--link:disabled:hover {
    cursor: default
}

.Button--link:focus-visible {
    box-shadow: var(--focus-border-box-shadow);
    outline: none
}

.Button--checkoutSecondaryLink {
    color: var(--checkout-gray600);
    text-decoration: underline dotted var(--checkout-gray600);
    -webkit-text-decoration: underline dotted var(--checkout-gray600)
}

.Button--link.Button--checkoutSecondaryLink:focus-visible {
    box-shadow: none;
    outline: 1px dotted var(--checkout-gray400)
}

.Button--menuitem {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--checkout-gray400);
    display: block;
    outline: none;
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    width: 100%
}

.Button--menuitem .Icon {
    fill: var(--checkout-gray400)
}

.Button--menuitem:hover {
    background-color: var(--checkout-gray25);
    color: var(--checkout-gray900)
}

.Button--menuitem:hover .Icon {
    fill: var(--checkout-gray900)
}

.Button-Icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: var(--space-2)
}

.Button-Icon svg {
    max-height: 100%;
    max-width: 100%
}

.Button-Icon--right {
    -ms-flex-order: 1;
    margin-left: var(--space-2);
    margin-right: 0;
    -webkit-order: 1;
    order: 1
}

.Button-Icon--end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Button-Spinner {
    opacity: .5
}

.Button--fullWidth {
    width: 100%
}

body:after {
    background: transparent;
    content: "";
    display: block;
    height: 0;
    transition: height .4s ease;
    width: 100%
}

body.has-scroll-shim:after {
    height: 80px
}

.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--incomplete .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;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    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)
}

.LinkText {
    font-family: var(--link-text-font-family);
    letter-spacing: normal;
    margin: 0
}

.LinkText-wordBreak--word {
    word-break: break-word
}

.LinkText--title {
    font-size: var(--link-text-font-size-title);
    font-weight: var(--link-text-font-weight-title);
    line-height: var(--link-text-line-height-title)
}

.LinkText--subtitle {
    font-size: var(--link-text-font-size-subtitle);
    font-weight: var(--link-text-font-weight-subtitle);
    line-height: var(--link-text-line-height-subtitle)
}

.LinkText--heading {
    font-size: var(--link-text-font-size-heading);
    font-weight: var(--link-text-font-weight-heading);
    line-height: var(--link-text-line-height-heading)
}

.LinkText--body {
    font-size: var(--link-text-font-size-body);
    font-weight: var(--link-text-font-weight-body);
    line-height: var(--link-text-line-height-body)
}

.LinkText--bodyEmphasized {
    font-size: var(--link-text-font-size-body-emphasized);
    font-weight: var(--link-text-font-weight-body-emphasized);
    line-height: var(--link-text-line-height-body-emphasized)
}

.LinkText--detail {
    font-size: var(--link-text-font-size-detail);
    font-weight: var(--link-text-font-weight-detail);
    line-height: var(--link-text-line-height-detail)
}

.LinkText--caption {
    font-size: var(--link-text-font-size-caption);
    font-weight: var(--link-text-font-weight-caption);
    line-height: var(--link-text-line-height-caption)
}

.LinkText--captionTight {
    font-size: var(--link-text-font-size-caption-tight);
    font-weight: var(--link-text-font-weight-caption-tight);
    line-height: var(--link-text-line-height-caption-tight)
}

.LinkText-color--default,.LinkText-color--primary {
    color: var(--link-text-default)
}

.LinkText-color--subdued {
    color: var(--link-text-subdued)
}

.LinkText-color--muted {
    color: var(--link-text-muted)
}

.LinkText-color--red {
    color: var(--link-text-danger)
}

.LinkText-color--brand {
    color: var(--link-text-action)
}

.LinkText-fontWeight--400 {
    font-weight: 400
}

.LinkText-fontWeight--500 {
    font-weight: 500
}

.LinkText-fontWeight--600 {
    font-weight: 600
}

.LinkText-fontWeight--700 {
    font-weight: 700
}

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

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

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

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

.CheckoutInputContainer {
    position: relative
}

.CheckoutInputContainer-placeholderIcon {
    left: 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+.InputContainer-placeholder--ie {
    color: var(--checkout-input-placeholder-color);
    font-size: var(--checkout-input-font-size);
    left: var(--space-3);
    top: calc(var(--space-2) + 1px);
    z-index: var(--checkout-z-index-input-ie-placeholder)
}

.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,.CheckoutInput--tabularNumbers+.InputContainer-placeholder--ie {
    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
}

.App-Container.js-global-border-style-very-round .InputContainer .CheckoutInput,.ModalContent--is-veryRoundBordered .InputContainer .CheckoutInput {
    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) {
    .App-Container:not(.js-global-setup-mode) .CheckoutInput {
        font-size:var(--checkout-lg-input-font-size);
        height: var(--checkout-lg-input-height);
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    .App-Container:not(.js-global-setup-mode) .CheckoutInput+.InputContainer-placeholder--ie {
        font-size: var(--checkout-lg-input-font-size)
    }
}

.p-FlagIcon {
    height: 16px;
    width: 16px
}

.Link {
    cursor: pointer;
    text-decoration: none
}

.Link:focus {
    outline: 1px dotted var(--checkout-gray400)
}

.Link--primary {
    color: var(--checkout-blue)
}

.Link--secondary {
    color: var(--checkout-gray400);
    text-decoration: underline
}

.Link--checkout--secondary {
    color: var(--checkout-gray600);
    text-decoration: underline dotted var(--checkout-gray600);
    -webkit-text-decoration: underline dotted var(--checkout-gray600)
}

.Link--link--primary {
    color: var(--link-text-action);
    text-decoration: underline solid var(--link-text-action);
    -webkit-text-decoration: underline solid var(--link-text-action)
}

.Link--link--secondary {
    color: var(--link-text-default);
    text-decoration: underline 1px solid var(--link-text-default);
    -webkit-text-decoration: underline 1px solid var(--link-text-default)
}

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

.Optional {
    --badge-padding: var(--space-1);
    border: 1px solid var(--checkout-gray100);
    border-radius: 4px;
    color: var(--checkout-gray400);
    font-size: var(--checkout-font-size-12);
    font-weight: var(--checkout-text-font-weight);
    /* !important reason: legacy */
    height: auto!important;
    padding: var(--space-0) var(--space-1)
}

.App-Container.js-global-border-style-very-round .Optional {
    border-radius: var(--very-rounded)
}

.App-Container.js-global-border-style-square .Optional {
    border-radius: 0
}

:root {
    --flag-icon-size: 16px;
    --z-index-chevron: calc(var(--checkout-z-index-field-icon) + 1);
    --z-index-flagIcon: var(--checkout-z-index-field-icon);
    --z-index-select: calc(var(--checkout-z-index-field-icon) - 1)
}

.PhoneNumberCountryCodeSelect-wrapper {
    cursor: pointer;
    height: var(--flag-icon-size);
    pointer-events: none;
    position: relative;
    width: var(--flag-icon-size)
}

.PhoneNumberCountryCodeSelect-wrapper:hover .PhoneNumberCountryCodeSelect-chevron {
    fill: var(--checkout-gray700)
}

.PhoneNumberCountryCodeSelect-wrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: inherit;
    border: none;
    border-radius: 0;
    outline: 0
}

.PhoneNumberCountryCodeSelect-wrapper select:focus {
    border-radius: var(--slightly-rounded);
    box-shadow: var(--focus-border-box-shadow)
}

.PhoneNumberCountryCodeSelect-wrapper select::-ms-expand {
    display: none
}

.PhoneNumberCountryCodeSelect-flagIcon {
    left: 0;
    position: absolute;
    top: 0;
    z-index: var(--z-index-flagIcon)
}

.PhoneNumberCountryCodeSelect-select {
    height: 0;
    left: 0;
    padding: calc(var(--flag-icon-size)/2) calc(var(--flag-icon-size)/2 + 4px) calc(var(--flag-icon-size)/2) calc(var(--flag-icon-size)/2);
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 0;
    z-index: var(--z-index-select)
}

@media only screen and (max-width: 991.98px) {
    .PhoneNumberCountryCodeSelect-select {
        left:calc(var(--checkout-input-padding-horizontal)*-1);
        padding-bottom: var(--checkout-input-height);
        padding-left: calc(var(--flag-icon-size)/2 + var(--checkout-input-padding-horizontal));
        padding-top: 0;
        top: calc(var(--checkout-input-padding-vertical)*-1*2)
    }
}

.PhoneNumberCountryCodeSelect-chevron {
    bottom: -1px;
    cursor: pointer;
    height: calc(var(--flag-icon-size)/2);
    position: absolute;
    right: calc(var(--flag-icon-size)*-1/4);
    width: calc(var(--flag-icon-size)/2);
    z-index: var(--z-index-chevron)
}

.Tooltip {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: absolute
}

.Tooltip .Tooltip-Text {
    background-color: var(--checkout-white);
    border-radius: var(--rounded);
    box-shadow: 0 0 0 1px rgba(136,152,170,.1),0 15px 35px 0 rgba(129,129,136,.1),0 5px 15px 0 rgba(0,0,0,.08);
    line-height: 15px;
    max-width: 200px;
    min-width: 150px;
    padding: var(--tooltip-padding);
    position: relative;
    z-index: 1
}

.Tooltip .Tooltip-Arrow {
    height: 21px;
    position: absolute;
    width: 17px
}

.Tooltip .Tooltip-Text--above {
    left: -50%;
    top: -100%
}

.Tooltip .Tooltip-Text--above .Tooltip-Arrow {
    margin-right: -8px;
    margin-top: -7px;
    right: 50%;
    top: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Tooltip .Tooltip-Text--aboveAndLeftAligned {
    top: -100%
}

.Tooltip .Tooltip-Text--aboveAndLeftAligned .Tooltip-Arrow {
    margin-right: -8px;
    margin-top: -7px;
    right: 90%;
    top: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Tooltip .Tooltip-Text--below {
    left: -50%;
    top: 0
}

.Tooltip .Tooltip-Text--below .Tooltip-Arrow {
    left: 50%;
    margin-left: -9px;
    margin-top: -14px;
    top: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.Tooltip .Tooltip-Text--left {
    left: -100%;
    top: -50%
}

.Tooltip .Tooltip-Text--left .Tooltip-Arrow {
    margin-right: -12px;
    margin-top: -10.5px;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Tooltip .Tooltip-Text--right {
    left: 0;
    top: -50%
}

.Tooltip .Tooltip-Text--right .Tooltip-Arrow {
    left: 0;
    margin-left: -12px;
    margin-top: -10.5px;
    top: 50%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Tooltip-animate,.Tooltip-animate-exited {
    opacity: 0;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition: opacity .25s cubic-bezier(0,1,.4,1),-webkit-transform .25s cubic-bezier(.18,1.25,.4,1);
    transition: opacity .25s cubic-bezier(0,1,.4,1),transform .25s cubic-bezier(.18,1.25,.4,1);
    transition: opacity .25s cubic-bezier(0,1,.4,1),transform .25s cubic-bezier(.18,1.25,.4,1),-webkit-transform .25s cubic-bezier(.18,1.25,.4,1)
}

.Tooltip-animate-exiting {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    transition: opacity .2s ease-in,-webkit-transform .2s ease-in;
    transition: opacity .2s ease-in,transform .2s ease-in;
    transition: opacity .2s ease-in,transform .2s ease-in,-webkit-transform .2s ease-in
}

.Tooltip-animate-entered,.Tooltip-animate-entering {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media only screen and (min-width: 768px) {
    .Tooltip .Tooltip-Text {
        width:200px
    }
}

.PhoneNumberInput-inputWrapper {
    position: relative
}

.PhoneNumberInput-label {
    display: block;
    padding-bottom: 4px
}

.PhoneNumberInput-dynamicIcons {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: var(--space-2);
    pointer-events: none;
    position: absolute;
    right: var(--space-3);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: var(--checkout-z-index-field-icon)
}

.PhoneNumberInput-flagIcon {
    margin-top: 3px
}

.PhoneNumberInput-tooltipIconWrapper {
    margin-left: var(--space-2);
    pointer-events: auto
}

.PhoneNumberInput-tooltipIcon {
    color: var(--checkout-gray400)
}

.PhoneNumberInput-input {
    padding-right: 26px
}

.PhoneNumberInput--readOnly .PhoneNumberInput-input {
    -webkit-text-fill-color: var(--checkout-gray700);
    box-shadow: var(--read-only-border-box-shadow);
    color: var(--checkout-gray700);
    opacity: 1;
    pointer-events: none
}

.PhoneNumberInput-readOnlyChangeButtonContainer {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    right: var(--space-3);
    top: 0
}

.PhoneNumberInput-badge {
    border: 1px solid var(--checkout-gray100);
    border-radius: 4px;
    color: var(--checkout-gray400);
    font-size: var(--checkout-font-size-12);
    font-weight: var(--checkout-text-font-weight);
    padding: var(--space-0) var(--space-1)
}

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

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

.Select-source {
    -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-right: 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)
}

.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);
    margin-top: calc(var(--checkout-select-icon-size)*-.5);
    pointer-events: none;
    position: absolute;
    right: var(--space-3);
    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);
    margin-top: calc(var(--checkout-spinner-size)*-.5);
    pointer-events: none;
    position: absolute;
    right: var(--space-3);
    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
}

.App-Container.js-global-border-style-very-round .Select .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) {
    .App-Container:not(.js-global-setup-mode) .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-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-left: var(--space-7);
    padding-right: var(--space-6);
    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);
    margin-top: calc(var(--tax-id-type-select-chevron-size)*-.5);
    right: var(--space-3);
    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);
    left: 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);
    margin-top: calc(var(--checkout-spinner-size)*-.5);
    pointer-events: none;
    position: absolute;
    right: var(--space-3);
    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
}

.App-Container.js-global-border-style-very-round .TaxIdTypeSelect .TaxIdTypeSelect-source {
    border-top-left-radius: var(--very-rounded)
}

@media only screen and (min-width: 992px) {
    .App-Container:not(.js-global-setup-mode) .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;
    height: 100%;
    padding-right: var(--space-3);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--checkout-z-index-field-icon)
}

.FormFieldInput.is-select .FormFieldInput-Icon {
    left: 0;
    padding-left: var(--space-3);
    right: auto
}

.FormFieldInput.is-select.icon-right .FormFieldInput-Icon {
    left: auto;
    padding-right: var(--space-6);
    right: 0
}

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

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

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

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

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

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

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

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

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

.FormFieldInput.is-select.has-icon .CheckoutInput {
    padding-right: var(--checkout-input-padding-horizontal)
}

.FormFieldInput-Icons {
    height: 100%;
    padding-right: var(--space-2);
    position: absolute;
    right: 0;
    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 {
    padding-right: 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-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
}

.FormFieldInput-PasswordButton {
    height: 100%;
    padding-left: var(--space-2);
    padding-right: var(--space-2);
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: var(--checkout-z-index-field-icon)
}

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

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

.FormFieldInput-Icon.has-password-button {
    padding-right: 0;
    right: var(--space-6)
}

.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-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);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    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)
}

.App-Container.js-global-border-style-very-round .FormFieldGroup .CheckoutInput,.App-Container.js-global-border-style-very-round .FormFieldGroup .Select-source,.ModalContent--is-veryRoundBordered .FormFieldGroup .CheckoutInput,.ModalContent--is-veryRoundBordered .FormFieldGroup .Select-source {
    border-radius: 0
}

.App-Container.js-global-border-style-very-round .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,.App-Container.js-global-border-style-very-round .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source,.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .CheckoutInput,.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childLeft .Select-source {
    border-top-left-radius: var(--very-rounded)
}

.App-Container.js-global-border-style-very-round .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,.App-Container.js-global-border-style-very-round .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source,.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .CheckoutInput,.ModalContent--is-veryRoundBordered .FormFieldGroup-childTop.FormFieldGroup-childRight .Select-source {
    border-top-right-radius: var(--very-rounded)
}

.App-Container.js-global-border-style-very-round .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,.App-Container.js-global-border-style-very-round .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source,.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .CheckoutInput,.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childLeft .Select-source {
    border-bottom-left-radius: var(--very-rounded)
}

.App-Container.js-global-border-style-very-round .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,.App-Container.js-global-border-style-very-round .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source,.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .CheckoutInput,.ModalContent--is-veryRoundBordered .FormFieldGroup-childBottom.FormFieldGroup-childRight .Select-source {
    border-bottom-right-radius: var(--very-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup .CheckoutInput,.App-Container .LinkPaymentForm--linkBranded .FormFieldGroup .Select-source,.Modal--linkBranded .FormFieldGroup .CheckoutInput,.Modal--linkBranded .FormFieldGroup .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)
}

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

.App-Container.js-global-border-style-very-round .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
}

.App-Container.js-global-border-style-very-round .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
}

.CustomAmountPrice-customAmountContainer {
    height: 85px
}

.CustomAmountPrice-changeAmountButtonContainer,.CustomAmountPrice-customAmountContainer {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.CustomAmountPrice-changeAmountButton {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: var(--space-5);
    outline: none;
    padding: var(--space-1);
    pointer-events: all
}

.CustomAmountPrice-changeAmountButton .Text {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted
}

.CustomAmountPrice-changeAmountButton:focus {
    border-radius: var(--default-border-radius);
    box-shadow: var(--focus-border-box-shadow)
}

.CustomAmountPrice-changeAmountButtonHidden {
    pointer-events: none
}

.CustomAmountPrice-totalsWrite {
    pointer-events: all;
    position: absolute
}

.CustomAmountPrice-changeAmountInput {
    font-size: var(--checkout-font-size-28);
    font-weight: 600;
    height: 32px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: center;
    width: 240px
}

.is-squareBorder .CustomAmountPrice-changeAmountInput {
    /* !important reason: legacy */
    border-radius: 0!important
}

.FieldError-container {
    margin-left: auto;
    margin-right: auto
}

.FormFieldInput {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.PriceDetails {
    gap: var(--space-2);
    margin-bottom: var(--space-6)
}

.PriceDetails-interval {
    color: var(--buy-button-black);
    color: var(--checkout-gray600);
    margin-left: var(--space-1)
}

.PriceDetails-trialText {
    margin-bottom: var(--space-1)
}

.is-darkBackgroundColor .PriceDetails-interval {
    color: var(--buy-button-white)
}

.ProductCarouselToggle-container {
    -ms-flex-pack: distribute;
    background-color: var(--buy-button-white);
    border: 1px solid rgba(26,26,26,.05);
    border-radius: var(--default-border-radius);
    box-shadow: 0 2px 5px rgba(50,50,93,.1),0 1px 1px rgba(0,0,0,.07);
    height: 32px;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-bottom: var(--space-5);
    margin-top: var(--space-1);
    padding: 8px;
    width: 88px;
    z-index: 9999
}

.is-darkBackgroundColor .ProductCarouselToggle-container {
    box-shadow: 0 2px 5px rgba(255,255,255,.1),0 1px 1px rgba(255,255,255,.07)
}

.is-pillBorder .ProductCarouselToggle-container {
    border-radius: var(--pill-border-radius)
}

.is-squareBorder .ProductCarouselToggle-container {
    -ms-flex-pack: justify;
    border-radius: var(--square-border-radius);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 88px
}

.ProductCarouselToggle-toggle {
    color: var(--buy-button-black);
    margin: calc(var(--space-3)*-1);
    padding: var(--space-3)
}

.ProductCarouselToggle-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.ProductCarouselToggle-toggle:focus:not(:focus-visible) {
    outline: none
}

.ProductCarouselToggle-toggle .InlineSVG path {
    transition: fill-opacity .2s
}

.ProductCarouselToggle-toggle .InlineSVG:hover path {
    fill-opacity: var(--buy-button-opacity-lighter)
}

.ProductCarouselToggle-toggle .Button-Icon {
    margin-right: 0
}

.CarouselDot {
    background-color: #1a1a1a;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin: 3px;
    opacity: .4;
    transition: all .15s;
    width: 4px
}

.CarouselDot.is-active {
    height: 6px;
    margin: 2px 3px;
    opacity: .8;
    width: 6px
}

.ProductImage-imageContainer {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 120px
}

.ProductImage-image,.ProductImage-imageContainer {
    border-radius: var(--default-border-radius)
}

.ProductImage-image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.ProductImage-skeletonImage {
    background-color: var(--buy-button-white);
    height: 120px;
    width: 100%
}

.is-squareBorder .ProductImage-image,.is-squareBorder .ProductImage-imageContainer {
    border-radius: 0
}

.ProductImageCarousel {
    -ms-flex-pack: center;
    -ms-flex-align: end;
    -webkit-align-items: end;
    align-items: end;
    height: 120px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: var(--space-6);
    position: relative;
    width: 100vw
}

.ProductImageCarousel.is-oneImage {
    height: 120px
}

.ProductImageCarousel.is-twoImages {
    height: 132px
}

.ProductImageCarousel.is-threeImages {
    height: 144px
}

.ProductImageCarousel .ProductCarouselToggle-container {
    bottom: -16px;
    margin: 0;
    position: absolute
}

.ProductNames {
    color: var(--checkout-gray600);
    margin-bottom: var(--space-1);
    width: 100%
}

.ProductNames-andMoreText {
    color: var(--checkout-gray300)
}

.is-darkBackgroundColor .ProductNames,.is-darkBackgroundColor .ProductNames-andMoreText {
    color: var(--buy-button-white)
}

.is-darkBackgroundColor .ProductNames-andMoreText {
    opacity: var(--buy-button-opacity-lighter)
}

.ProductDetails {
    width: 100%
}

.ProductDetails .ProductImageCarousel {
    margin-bottom: var(--space-6)
}

.ProductDetails .ProductImageCarousel.is-oneImage {
    margin-bottom: var(--space-4)
}

.BuyButton-container {
    opacity: 1;
    transition: opacity .3s linear
}

.BuyButton-container.is-cardLayout {
    border-radius: var(--default-border-radius);
    padding: 20px 12px
}

.BuyButton-container.is-cardLayout.is-squareBorder {
    border-radius: var(--square-border-radius)
}

.BuyButton-container.is-hidden {
    opacity: .01
}

.is-darkBackgroundColor {
    color: var(--buy-button-white)
}

.is-fontFamily--BeVietnamPro {
    font-family: Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--Bitter {
    font-family: Bitter,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--ChakraPetch {
    font-family: Chakra Petch,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--EBGaramond {
    font-family: EB Garamond,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--Hahmlet {
    font-family: Hahmlet,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--Inconsolata {
    font-family: Inconsolata,Consolas,Monaco,Liberation Mono,Lucida Console,monospace
}

.is-fontFamily--Inter {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--Lato {
    font-family: Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--LibreBaskerville {
    font-family: Libre Baskerville,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--Lora {
    font-family: Lora,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--Merriweather {
    font-family: Merriweather,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--MPLUS1Code {
    font-family: M PLUS\ 1 Code,Consolas,Monaco,Liberation Mono,Lucida Console,monospace
}

.is-fontFamily--Montserrat {
    font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--NotoSansJP {
    font-family: Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--NotoSans {
    font-family: Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--NotoSerif {
    font-family: "Noto Serif",Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--Nunito {
    font-family: Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--OpenSans {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--Oswald {
    font-family: Oswald,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--Pridi {
    font-family: Pridi,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--PTSans {
    font-family: PT Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--PTSerif {
    font-family: "PT Serif",Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--Raleway {
    font-family: Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--Roboto {
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--RobotoSlab {
    font-family: Roboto Slab,Apple Garamond,"Droid Serif",Times New Roman,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.is-fontFamily--SourceSansPro {
    font-family: Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--TitilliumWeb {
    font-family: Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

.is-fontFamily--UbuntuMono {
    font-family: Ubunutu Mono,Consolas,Monaco,Liberation Mono,Lucida Console,monospace
}

.is-fontFamily--ZenMaruGothic {
    font-family: Zen Maru Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Ubuntu,sans-serif
}

:root {
    --default-transition: 0.2s ease
}

.ErrorButton {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--buy-button-error-gray-background);
    border: var(--buy-button-error-border);
    border-radius: var(--default-border-radius);
    color: var(--buy-button-black);
    cursor: not-allowed;
    display: inline-block;
    height: 100%;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all var(--default-transition),box-shadow .08s ease-in;
    width: 100%
}

.ErrorButton-text {
    line-height: calc(var(--buy-button-height) - 2px);
    text-align: center;
    transition: all var(--default-transition);
    white-space: normal;
    width: 100%
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

:root {
    --checkout-alpha25: 0.05;
    --checkout-alpha50: 0.1;
    --checkout-alpha100: 0.2;
    --checkout-alpha200: 0.3;
    --checkout-alpha300: 0.4;
    --checkout-alpha400: 0.5;
    --checkout-alpha500: 0.6;
    --checkout-alpha600: 0.7;
    --checkout-alpha700: 0.8;
    --checkout-alpha800: 0.9;
    --checkout-alpha900: 1;
    --checkout-text-dark-l: 10%;
    --checkout-text-light-l: 100%;
    --checkout-gray25: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha25));
    --checkout-gray50: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha50));
    --checkout-gray100: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha100));
    --checkout-gray200: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha200));
    --checkout-gray300: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha300));
    --checkout-gray400: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha400));
    --checkout-gray500: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha500));
    --checkout-gray600: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha600));
    --checkout-gray700: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha700));
    --checkout-gray800: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha800));
    --checkout-gray900: hsla(0,0%,var(--checkout-text-dark-l),var(--checkout-alpha900));
    --checkout-lightGray25: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha25));
    --checkout-lightGray50: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha50));
    --checkout-lightGray100: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha100));
    --checkout-lightGray200: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha200));
    --checkout-lightGray300: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha300));
    --checkout-lightGray400: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha400));
    --checkout-lightGray500: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha500));
    --checkout-lightGray600: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha600));
    --checkout-lightGray700: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha700));
    --checkout-lightGray800: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha800));
    --checkout-lightGray900: hsla(0,0%,var(--checkout-text-light-l),var(--checkout-alpha900));
    --checkout-blue: #0074d4;
    --checkout-blue-light: #0066bac7;
    --checkout-blue-dark: #0066ba;
    --checkout-green: #24b47e;
    --checkout-red: #dc2727;
    --checkout-yellow: #ffde92;
    --checkout-yellow-light: #fefbe7;
    --checkout-orange: #bb5504;
    --checkout-white: #ffffff;
    --checkout-black: #000000;
    --checkout-gray-light: #f7f7f7;
    --checkout-white25: rgba(255,255,255,0.05);
    --checkout-white50: rgba(255,255,255,0.1);
    --checkout-white100: rgba(255,255,255,0.2);
    --checkout-dark-mode-background: rgba(0,0,0,1);
    --checkout-dark-mode-paymentBackground: rgba(10,10,10,1);
    --checkout-dark-mode-input-placeholder-color: var(--checkout-lightGray300);
    --checkout-dark-mode-input-background-color: linear-gradient(0deg,rgba(255,255,255,0.08),rgba(255,255,255,0.08)),#000000;
    --checkout-input-color: var(--checkout-gray800);
    --checkout-input-placeholder-color: var(--checkout-gray400);
    --checkout-input-invalid-color: var(--checkout-red);
    --checkout-input-disabled-color: var(--checkout-gray300);
    --checkout-input-background-color: white;
    --sail-green100: #cbf4c9;
    --sail-green600: #0e6245;
    --sail-blue100: #d6ecff;
    --sail-blue500: #5469d4;
    --sail-blue600: #3d4eac;
    --sail-gray100: #e3e8ee;
    --sail-gray600: #4f566b;
    --sail-red100: #fde2dd;
    --sail-red600: #a41c4e;
    --link-color-neutral-0: #ffffff;
    --link-color-neutral-25: #f5f6f8;
    --link-color-neutral-50: #ebeef1;
    --link-color-neutral-100: #d8dee4;
    --link-color-neutral-200: #b6c0cd;
    --link-color-neutral-300: #99a5b8;
    --link-color-neutral-400: #818da0;
    --link-color-neutral-500: #6c7688;
    --link-color-neutral-600: #596171;
    --link-color-neutral-700: #474e5a;
    --link-color-neutral-800: #353a44;
    --link-color-neutral-900: #21252c;
    --link-color-brand-50: #e6ffed;
    --link-color-brand-75: #b3fecf;
    --link-color-brand-100: #5eee97;
    --link-color-brand-200: #00d66f;
    --link-color-brand-300: #00c767;
    --link-color-brand-400: #00a355;
    --link-color-brand-500: #008545;
    --link-color-brand-600: #006635;
    --link-color-brand-700: #034f28;
    --link-color-brand-800: #023b1e;
    --link-color-brand-900: #171717;
    --link-color-danger: #ff2f4c;
    --link-text-default: var(--link-color-brand-900);
    --link-text-subdued: var(--link-color-neutral-600);
    --link-text-secondary: #687385;
    --link-text-muted: var(--link-color-neutral-400);
    --link-text-danger: var(--link-color-danger);
    --link-text-action: var(--link-color-brand-500);
    --link-text-action-focus: var(--link-color-brand-600);
    --link-text-action-background: var(--link-color-brand-50);
    --link-border-default: var(--link-color-neutral-100);
    --link-border-separator: 1px solid var(--link-color-neutral-50);
    --link-border-danger: var(--link-color-danger);
    --link-icon-default: var(--link-color-neutral-500);
    --link-icon-danger: var(--link-color-danger);
    --link-icon-brand: var(--link-color-brand-200);
    --link-icon-background: var(--link-color-brand-50);
    --link-background-offset: var(--link-color-neutral-25);
    --link-purple: #635bff;
    --link-button-brand: var(--link-color-brand-200);
    --link-button-brand-hover: var(--link-color-brand-100);
    --link-button-brand-active: var(--link-color-brand-300);
    --link-text-button-hover: #00d66f0f;
    --link-text-button-active: #00d66f1a;
    --link-text-font-family: "SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Ubuntu",sans-serif;
    --link-text-font-size-title: 24px;
    --link-text-font-size-subtitle: 20px;
    --link-text-font-size-heading: 18px;
    --link-text-font-size-body: 16px;
    --link-text-font-size-body-emphasized: 16px;
    --link-text-font-size-detail: 14px;
    --link-text-font-size-caption: 12px;
    --link-text-font-size-caption-tight: 12px;
    --link-text-line-height-title: 32px;
    --link-text-line-height-subtitle: 32px;
    --link-text-line-height-heading: 24px;
    --link-text-line-height-body: 24px;
    --link-text-line-height-body-emphasized: 24px;
    --link-text-line-height-detail: 20px;
    --link-text-line-height-caption: 18px;
    --link-text-line-height-caption-tight: 16px;
    --link-text-font-weight-title: 700;
    --link-text-font-weight-subtitle: 700;
    --link-text-font-weight-heading: 700;
    --link-text-font-weight-body: 400;
    --link-text-font-weight-body-emphasized: 600;
    --link-text-font-weight-detail: 400;
    --link-text-font-weight-caption: 400;
    --link-text-font-weight-caption-tight: 400;
    --link-modal-rounded: 24px;
    --link-button-rounded: 12px;
    --link-button-rounded-sm: 6px;
    --link-input-rounded: 8px;
    --link-input-more-rounded: 12px;
    --link-container-rounded: 16px;
    --link-button-height: 56px;
    --link-input-height: 52px;
    --link-modal-width: 375px;
    --link-bank-icon-size: 32px;
    --link-verification-status-icon-size: 24px;
    --link-system-icon-size: 24px;
    --link-system-icon-svg-size: 16px;
    --link-system-icon-svg-size-lg: 18px;
    --link-payment-details-icon-width: 32px;
    --link-info-modal-icon-size: 20px;
    --link-button-active-transform: scale(0.99);
    --link-button-hover-transform: scale(1.02);
    --link-button-disabled-text-opacity: 0.3;
    --link-icon-button-hover-background: rgba(0,0,0,0.03);
    --link-icon-button-active-background: rgba(0,0,0,0.06);
    --link-logo-xs: 12px;
    --link-logo-sm: 16px;
    --link-logo-md: 20px;
    --link-container-spacing: 20px;
    --link-footer-spacing: 16px;
    --link-text-button-padding: 6px;
    --link-accordion-item-nested-margins: 0px -20px -24px;
    --link-accordion-border-box-shadow: 0 0 0 1px rgba(11,26,38,0.06),0 4px 12px rgba(0,0,0,0.03),0 1px 3px rgba(0,0,0,0.04);
    --link-default-border-box-shadow: 0 0 0 1px var(--link-border-default);
    --link-highlight-border-box-shadow: 0 0 0 2px var(--link-color-brand-200);
    --link-selected-border-box-shadow: 0 0 0 1px var(--link-color-neutral-800);
    --link-danger-border-box-shadow: 0 0 0 1px var(--link-border-danger);
    --link-default-focus-border-box-shadow: 0 0 0 1px rgba(50,151,211,0.3),0 1px 1px 0 rgba(0,0,0,0.07),0 0 0 4px rgba(50,151,211,0.3);
    --link-autofill-inset: 0 0 0px 1000px var(--checkout-yellow-light) inset;
    --link-disabled-inset: 0 0 0px 1000px var(--link-color-neutral-25) inset;
    --link-autofill-border-box-shadow: var(--link-default-border-box-shadow),var(--link-autofill-inset);
    --link-autofill-focus-border-box-shadow: var( --link-default-focus-border-box-shadow ),var(--link-autofill-inset);
    --link-autofill-error-border-box-shadow: var(--link-danger-border-box-shadow),var(--link-autofill-inset);
    --link-disabled-border-box-shadow: var(--link-default-border-box-shadow),var(--link-disabled-inset);
    --link-text-font-weight-500: 500;
    --link-text-font-weight-600: 600;
    --checkout-font-size-9: 9px;
    --checkout-font-size-10: 10px;
    --checkout-font-size-11: 11px;
    --checkout-font-size-12: 12px;
    --checkout-font-size-13: 13px;
    --checkout-font-size-14: 14px;
    --checkout-font-size-15: 15px;
    --checkout-font-size-16: 16px;
    --checkout-font-size-17: 17px;
    --checkout-font-size-18: 18px;
    --checkout-font-size-20: 20px;
    --checkout-font-size-22: 22px;
    --checkout-font-size-24: 24px;
    --checkout-font-size-28: 28px;
    --checkout-font-size-29: 29px;
    --checkout-font-size-32: 32px;
    --checkout-font-size-36: 36px;
    --checkout-line-height-20: 20px;
    --checkout-line-height-22: 22px;
    --checkout-line-height-28: 28px;
    --checkout-text-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Ubuntu",sans-serif;
    --checkout-ja-text-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Ubuntu","Hiragino Sans","Yu Gothic UI","Meiryo UI","Hiragino Kaku Gothic ProN",sans-serif;
    --checkout-zh-text-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Ubuntu","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","Microsoft JhengHei",sans-serif;
    --checkout-text-font-size: var(--checkout-font-size-16);
    --checkout-text-font-weight: 400;
    --checkout-text-font-weight-500: 500;
    --checkout-text-autocomplete-suggestions-font-weight: var( --checkout-text-font-weight-500 );
    --checkout-text-font-color: var(--checkout-gray800);
    --checkout-input-font-size: var(--checkout-font-size-16);
    --checkout-lg-input-font-size: var(--checkout-font-size-14);
    --checkout-product-summary-total-font-default: var(--checkout-font-size-28);
    --checkout-product-summary-total-font-large: var(--checkout-font-size-29);
    --checkout-modal-bg: var(--checkout-white);
    --checkout-letter-spacing-sm: -0.1pt;
    --checkout-letter-spacing-md: 0.15pt;
    --checkout-letter-spacing-lg: 0.35pt;
    --checkout-order-details-square-image-size: 40px;
    --checkout-line-item-square-image-size: 60px;
    --checkout-line-item-image-border-radius: 12px;
    --checkout-mobile-single-item-image-radius: 16px;
    --checkout-mobile-single-item-large-image-height: 226px;
    --checkout-new-adjustable-quantity-selector-height: 36px;
    --checkout-new-adjustable-quantity-selector-input-height: 28px;
    --checkout-text-font-size-headline: 22px;
    --checkout-text-line-height-headline: 28px;
    --checkout-text-font-weight-headline: 600;
    --checkout-text-font-size-body: 14px;
    --checkout-text-line-height-body: 16px;
    --checkout-text-line-height-body-more: 20px;
    --checkout-text-font-weight-body: 400;
    --checkout-text-font-weight-body-bold: 500;
    --checkout-text-font-size-primary: 16px;
    --checkout-text-line-height-primary: 20px;
    --checkout-text-font-weight-primary: 600;
    --border: 1px solid var(--checkout-gray50);
    --border-darkBg: 1px solid var(--checkout-gray50);
    --border-lightBg: 1px solid var(--checkout-lightGray50);
    --selected-border-color: var(--checkout-gray800);
    --selected-border: 1px solid var(--selected-border-color);
    --slightly-rounded: 3px;
    --rounded: 6px;
    --more-rounded: 16px;
    --more-rounded-button: 12px;
    --very-rounded: 18px;
    --super-rounded: 24px;
    --very-rounded-button: 22px;
    --very-rounded-image-border: 36px;
    --soft-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.035),0 1px 1.5px 0 rgba(0,0,0,0.025);
    --box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05);
    --md-box-shadow: 0 0 0 1px rgba(175,175,175,0.2),0 15px 35px 0 rgba(49,49,93,0.08),0 5px 15px 0 rgba(0,0,0,0.06);
    --border-box-shadow: 0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05);
    --border-box-shadow-dark-mode: 0 0 0 1px rgba(35,35,35,1);
    --border-box-shadowless: 0 0 0 1px #e0e0e0;
    --borderless-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05);
    --error-border-box-shadow: 0 0 0 1px #ef9896,0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05);
    --focus-border-box-shadow: 0 0 0 1px rgba(50,151,211,0.7),0 1px 1px 0 rgba(0,0,0,0.07),0 0 0 4px rgba(50,151,211,0.3);
    --hidden-focus-border-box-shadow: 0 0 0 1px rgba(50,151,211,0),0 1px 1px 0 rgba(0,0,0,0),0 0 0 4px rgba(50,151,211,0);
    --sm-focus-box-shadow: 0 0 0 1px rgba(50,151,211,0.7),0 1px 1px 0 rgba(0,0,0,0.07),0 0 0 4px rgba(50,151,211,0.3);
    --focus-border-box-shadow-light: 0 1px 1px 0 rgba(255,255,255,0.07),0 0 0 4px rgba(255,255,255,0.3);
    --focus-border-box-shadow-dark: 0 1px 1px 0 rgba(0,0,0,0.07),0 0 0 4px rgba(0,0,0,0.1);
    --selected-border-box-shadow: 0 0 0 1px var(--selected-border-color),0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05);
    --selected-focus-border-box-shadow: 0 0 0 1px var(--selected-border-color),0 1px 1px 0 rgba(0,0,0,0.07),0 0 0 4px rgba(50,151,211,0.3);
    --autofill-border-box-shadow: 0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05),0 0 0px 1000px var(--checkout-yellow-light) inset;
    --autofill-error-border-box-shadow: 0 0 0 1px rgba(220,39,39,0.5),0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05),0 0 0px 1000px var(--checkout-yellow-light) inset;
    --autofill-focus-border-box-shadow: 0 0 0 1px rgba(50,151,211,0.3),0 1px 1px 0 rgba(0,0,0,0.07),0 0 0 4px rgba(50,151,211,0.3),0 0 0px 1000px var(--checkout-yellow-light) inset;
    --disabled-border-box-shadow: 0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05),0 0 0px 1000px var(--checkout-gray50) inset;
    --read-only-border-box-shadow: 0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,0.07),0 1px 1.5px 0 rgba(0,0,0,0.05),0 0 0px 1000px var(--checkout-gray-light) inset;
    --autocomplete-dropdown-box-shadow: 0 15px 35px 0 rgba(49,49,93,0.08),0 5px 15px 0 rgba(0,0,0,0.06);
    --submit-button-shadow: inset 0 0 0 1px rgba(50,50,93,0.1),0 2px 5px 0 rgba(50,50,93,0.1),0 1px 1px 0 rgba(0,0,0,0.07);
    --checkout-input-transition: box-shadow 0.08s ease-in,color 0.08s ease-in,filter 50000s;
    --checkout-tab-transition: box-shadow 0.08s ease-in,border 0.08s ease-in;
    --space-0: 2px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;
    --space-9: 56px;
    --checkout-light-gray-background: rgba(0,0,0,0.03);
    --checkout-dark-gray-background: rgba(0,0,0,0.1);
    --checkout-app-width: 920px;
    --badge-height: 12px;
    --checkout-overlay-filter: blur(6px);
    --checkout-app-tablet-constraint: 380px;
    --checkout-sidebar-width: 375px;
    --checkout-app-gutter-width: var(--space-4);
    --checkout-business-icon-size: 28px;
    --checkout-header-size: calc(var(--checkout-business-icon-size) + var(--space-4)*2);
    --checkout-lg-header-size: 28px;
    --checkout-lg-footer-height: 16px;
    --checkout-line-item-image-size: 42px;
    --checkout-line-item-amount-size: 100px;
    --checkout-payment-tab-fixed-width: 100px;
    --checkout-input-height: 44px;
    --checkout-lg-input-height: 36px;
    --checkout-input-line-height: 1.5;
    --checkout-z-index-background: -1;
    --checkout-z-index-accordion-item-background: 0;
    --checkout-z-index-accordion-item-content: 1;
    --checkout-z-index-multistep-payment-request-header: 1;
    --checkout-z-index-input-is-invalid: 1;
    --checkout-z-index-input-is-focused: 2;
    --checkout-z-index-input-ie-placeholder: 2;
    --checkout-z-index-multistep-form: 2;
    --checkout-z-index-field-icon: 3;
    --checkout-z-index-field-error: 3;
    --checkout-z-index-autocomplete-dropdown: 10;
    --checkout-z-index-order-details-modal-overlay: 11;
    --checkout-z-index-header: 12;
    --checkout-z-index-test-cards-panel: 13;
    --checkout-z-index-modal-overlay: 14;
    --checkout-z-index-modal-content: 15;
    --checkout-z-index-tooltip: 16;
    --checkout-input-padding-vertical: var(--space-2);
    --checkout-input-padding-horizontal: var(--space-3);
    --field-icon-pre-transition-scale: 0.7;
    --field-icon-transition-curve: cubic-bezier(0.075,0.82,0.165,1);
    --checkout-header-animation-easing: cubic-bezier(0.35,0.25,0.1,1);
    --modal-transition-curve: cubic-bezier(0.18,1.25,0.4,1);
    --checkout-icon-xs: 8px;
    --checkout-icon-sm: 12px;
    --checkout-icon-md: 16px;
    --checkout-icon-lg: 24px;
    --checkout-icon-xlg: 48px;
    --notice-icon-size: 24px;
    --notice-background-color-green: #efffed;
    --notice-background-color-red: rgba(220,39,39,0.04);
    --notice-background-color-yellow: #fefbe7;
    --notice-background-color-gray: var(--checkout-light-gray-background);
    --notice-icon-color-yellow: #d97917;
    --notice-icon-color-green: var(--checkout-green);
    --notice-icon-color-red: var(--checkout-red);
    --overhead-banner-height: var(--space-9);
    --accordion-item-header-background-margin: -12px -12px -11px -12px;
    --accordion-item-header-background-active-margin: -8px -8px -7px -8px;
    --accordion-item-button-background-active-margin: 2px;
    --accordion-item-background-transition-curve: cubic-bezier(0.3,0.3,0.3,1);
    --accordion-item-height-transition-curve: cubic-bezier(0.19,1,0.22,1);
    --disabled-opacity: 0.5;
    --tooltip-padding: 14px;
    --checkout-sm-spinner-size: 12px;
    --checkout-md-spinner-size: 18px;
    --checkout-lg-spinner-size: 48px;
    --rate-name-min-width: 140px;
    --rate-amount-min-width: 120px;
    --rate-gap: 16px;
    --checkout-item-letter-spacing: -0.15px;
    --checkout-line-item-title-line-height: 24px;
    --rates-modal-opener-background-color: hsla(0,0%,10%,0.02);
    --rates-modal-opener-background-color-hover: hsla(0,0%,10%,0.04);
    --rates-modal-opener-background-color-is-dark-background-hover: hsla(0,0%,100%,0.04);
    --rates-modal-opener-text-decoration: underline solid var(--checkout-gray100);
    --sandbox-badge-background-color: #0a2540;
    --sandbox-badge-border: 1px solid;
    --sandbox-badge-border-radius-xsmall: 4px;
    --sandbox-badge-label-small-emphasized-font-size: 12px;
    --sandbox-badge-label-small-emphasized-line-height: 16px;
    --sandbox-badge-label-small-emphasized-font-weight: 600;
    --sandbox-badge-label-small-emphasized-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --sandbox-badge-gap: 4px;
    --sandbox-badge-padding-space-75: 6px;
    --sandbox-badge-padding-space-xx-small: 2px;
    --sandbox-badge-paddingY: calc(var(--sandbox-badge-padding-space-xx-small) - 1px);
    --sandbox-badge-height: 20px;
    --sandbox-badge-margin-small: 8px;
    --buy-button-height: 44px;
    --buy-button-width: 288px;
    --default-border-radius: 6px;
    --square-border-radius: 0;
    --pill-border-radius: 22px;
    --buy-button-error-border: 1px solid rgba(26,26,26,0.2);
    --buy-button-hover-background-color: rgb(0,94,187);
    --buy-button-hover-shadow: inset 0 0 0 1px rgba(50,50,93,0.1),0 6px 15px 0 rgba(50,50,93,0.2),0 2px 2px 0 rgba(0,0,0,0.1);
    --buy-button-shadow: inset 0 0 0 1px rgba(50,50,93,0.1),0 2px 5px 0 rgba(50,50,93,0.1),0 1px 1px 0 rgba(0,0,0,0.07);
    --buy-button-black: #1a1a1a;
    --buy-button-white: #ffffff;
    --buy-button-error-gray-background: #e8e8e8;
    --buy-button-opacity-lighter: 0.7
}

.p0 {
    padding: 0
}

.p1 {
    padding: var(--space-1)
}

.py1 {
    padding-bottom: var(--space-1);
    padding-top: var(--space-1)
}

.px1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1)
}

.p2 {
    padding: var(--space-2)
}

.py2 {
    padding-bottom: var(--space-2);
    padding-top: var(--space-2)
}

.px2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2)
}

.p3 {
    padding: var(--space-3)
}

.py3 {
    padding-bottom: var(--space-3);
    padding-top: var(--space-3)
}

.px3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3)
}

.p4 {
    padding: var(--space-4)
}

.py4 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4)
}

.px4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4)
}

.p5 {
    padding: var(--space-5)
}

.py5 {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5)
}

.px5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5)
}

.p6 {
    padding: var(--space-6)
}

.py6 {
    padding-bottom: var(--space-6);
    padding-top: var(--space-6)
}

.px6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6)
}

.m0 {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0,.mx0 {
    margin-left: 0
}

.mx0 {
    margin-right: 0
}

.my0 {
    margin-bottom: 0;
    margin-top: 0
}

.m1 {
    margin: var(--space-1)
}

.mt1 {
    margin-top: var(--space-1)
}

.mr1 {
    margin-right: var(--space-1)
}

.mb1 {
    margin-bottom: var(--space-1)
}

.ml1,.mx1 {
    margin-left: var(--space-1)
}

.mx1 {
    margin-right: var(--space-1)
}

.my1 {
    margin-bottom: var(--space-1);
    margin-top: var(--space-1)
}

.m2 {
    margin: var(--space-2)
}

.mt2 {
    margin-top: var(--space-2)
}

.mr2 {
    margin-right: var(--space-2)
}

.mb2 {
    margin-bottom: var(--space-2)
}

.ml2,.mx2 {
    margin-left: var(--space-2)
}

.mx2 {
    margin-right: var(--space-2)
}

.my2 {
    margin-bottom: var(--space-2);
    margin-top: var(--space-2)
}

.m3 {
    margin: var(--space-3)
}

.mt3 {
    margin-top: var(--space-3)
}

.mr3 {
    margin-right: var(--space-3)
}

.mb3 {
    margin-bottom: var(--space-3)
}

.ml3,.mx3 {
    margin-left: var(--space-3)
}

.mx3 {
    margin-right: var(--space-3)
}

.my3 {
    margin-bottom: var(--space-3);
    margin-top: var(--space-3)
}

.m4 {
    margin: var(--space-4)
}

.mt4 {
    margin-top: var(--space-4)
}

.mr4 {
    margin-right: var(--space-4)
}

.mb4 {
    margin-bottom: var(--space-4)
}

.ml4,.mx4 {
    margin-left: var(--space-4)
}

.mx4 {
    margin-right: var(--space-4)
}

.my4 {
    margin-bottom: var(--space-4);
    margin-top: var(--space-4)
}

.m5 {
    margin: var(--space-5)
}

.mt5 {
    margin-top: var(--space-5)
}

.mr5 {
    margin-right: var(--space-5)
}

.mb5 {
    margin-bottom: var(--space-5)
}

.ml5,.mx5 {
    margin-left: var(--space-5)
}

.mx5 {
    margin-right: var(--space-5)
}

.my5 {
    margin-bottom: var(--space-5);
    margin-top: var(--space-5)
}

.m6 {
    margin: var(--space-6)
}

.mt6 {
    margin-top: var(--space-6)
}

.mr6 {
    margin-right: var(--space-6)
}

.mb6 {
    margin-bottom: var(--space-6)
}

.ml6,.mx6 {
    margin-left: var(--space-6)
}

.mx6 {
    margin-right: var(--space-6)
}

.my6 {
    margin-bottom: var(--space-6);
    margin-top: var(--space-6)
}

.mxn1 {
    margin-left: calc(var(--space-1)*-1);
    margin-right: calc(var(--space-1)*-1)
}

.mxn2 {
    margin-left: calc(var(--space-2)*-1);
    margin-right: calc(var(--space-2)*-1)
}

.mxn3 {
    margin-left: calc(var(--space-3)*-1);
    margin-right: calc(var(--space-3)*-1)
}

.mxn4 {
    margin-left: calc(var(--space-4)*-1);
    margin-right: calc(var(--space-4)*-1)
}

.mxn5 {
    margin-left: calc(var(--space-5)*-1);
    margin-right: calc(var(--space-5)*-1)
}

.mxn6 {
    margin-left: calc(var(--space-6)*-1);
    margin-right: calc(var(--space-6)*-1)
}

.ml-auto {
    margin-left: auto
}

.mr-auto,.mx-auto {
    margin-right: auto
}

.mx-auto {
    margin-left: auto
}

.mb-2px {
    margin-bottom: var(--space-0)
}

@-webkit-keyframes placeload {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes placeload {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes enter {
    0% {
        opacity: .1;
        -webkit-transform: scale(.97);
        transform: scale(.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes enter {
    0% {
        opacity: .1;
        -webkit-transform: scale(.97);
        transform: scale(.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes exit {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes exit {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.Loading-gradient {
    background-color: rgba(0,0,0,.06);
    overflow: hidden;
    position: relative
}

.Loading-gradient:after {
    -webkit-animation: placeload 1.6s linear infinite forwards;
    animation: placeload 1.6s linear infinite forwards;
    background: linear-gradient(-45deg,rgba(0,0,0,0),rgba(255,255,255,.08) 50%,rgba(0,0,0,0));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 350%
}

.Loading-container {
    -webkit-animation: enter .3s 0s;
    animation: enter .3s 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999999
}

.Loading-container.is-hidden {
    display: none
}

.Loading-button {
    border-radius: var(--default-border-radius);
    height: var(--buy-button-height);
    width: var(--buy-button-width)
}

.Loading-animateExit {
    -webkit-animation: exit .2s;
    animation: exit .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

body {
    -webkit-font-smoothing: antialiased;
    color: var(--checkout-text-font-color);
    font-family: var(--checkout-text-font-family);
    font-size: var(--checkout-text-font-size);
    margin: 0;
    padding: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}