.flex-container {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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
}

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

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

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

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

.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-Overview.is-darkBackground .Text-color--default {
    color: var(--checkout-lightGray900)
}

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

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

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

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

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

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

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

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

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

.App-Overview.is-darkBackground .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
}

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

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

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

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

:root {
    --checkout-error-message-width: 300px
}

@media only screen and (max-width: 767.98px) {
    .PaymentLinkDeactivated {
        zoom:.7
    }
}

.FullPageMessage {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.FullPageMessage-WarningIcon {
    margin-bottom: 10px
}

.FullPageMessage-Link {
    color: inherit;
    font-weight: var(--checkout-text-font-weight-500);
    text-decoration: underline
}

.FullPageMessage-Message {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: var(--checkout-error-message-width);
    text-align: center
}

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

.DropdownSelect-trigger {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    outline: none;
    padding: var(--space-2) var(--space-4);
    position: relative;
    vertical-align: baseline;
    white-space: nowrap;
    width: 100%
}

.DropdownSelect-label {
    -ms-flex-pack: justify;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 16px;
    width: 100%
}

.DropdownSelect-label,.DropdownSelect-labelLeft,.DropdownSelect-labelRight {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.DropdownSelect-labelRight {
    margin-left: var(--space-2)
}

.DropdownSelect-chevronIcon {
    fill: var(--pricing-table-white);
    margin-left: 4px;
    margin-top: 2px
}

.DropdownSelect-native {
    bottom: 0;
    font-size: 16px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.PricingTable.is-lightColorBackground .DropdownSelect-chevronIcon {
    fill: var(--pricing-table-black)
}

.Dropdown {
    background-color: var(--pricing-table-white50);
    border: 1px solid var(--pricing-table-white100);
    border-radius: var(--rounded);
    color: var(--pricing-table-white);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: inherit;
    margin-bottom: var(--space-5);
    max-width: 100%;
    min-width: 175px
}

.Dropdown--focused {
    box-shadow: var(--focus-border-box-shadow-light);
    outline: none
}

.Dropdown--mobile {
    -ms-flex-pack: justify;
    border: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

.Dropdown-chevronIcon {
    fill: var(--pricing-table-white);
    margin-left: var(--space-1);
    margin-top: var(--space-0)
}

.PricingTable.is-lightColorBackground .Dropdown-chevronIcon {
    fill: var(--pricing-table-black)
}

.PricingTable.is-lightColorBackground .Dropdown {
    border-color: var(--checkout-gray50);
    color: var(--pricing-table-black)
}

.PricingTable.is-lightColorBackground .Dropdown--focused {
    box-shadow: var(--focus-border-box-shadow-dark)
}

.PricingTable.is-roundedBorder .Dropdown {
    border-radius: var(--very-rounded-button)
}

.PricingTable.is-squareBorder .Dropdown {
    border-radius: 0
}

html {
    --animatePresenceEnterDurationHeight: 0.35s;
    --animatePresenceEnterDelayHeight: 0.02s;
    --animatePresenceEnterDurationOpacity: 0.3s;
    --animatePresenceEnterDelayOpacity: 0.2s;
    --animatePresenceExitDurationHeight: 0.35s;
    --animatePresenceExitDelayHeight: 0.1s;
    --animatePresenceExitDurationOpacity: 0.3s;
    --animatePresenceExitDelayOpacity: 0s
}

.AnimatePresence {
    position: relative
}

.AnimatePresence.is-entering {
    height: 0
}

.AnimatePresence.is-entering,.AnimatePresence.is-exitingActive {
    opacity: 0
}

.AnimatePresence.is-enteringActive {
    opacity: 1
}

.AnimatePresence.is-entering.is-interrupted,.AnimatePresence.is-enteringActive {
    transition: height var(--animatePresenceEnterDurationHeight) ease var(--animatePresenceEnterDelayHeight),opacity var(--animatePresenceEnterDurationOpacity) ease var(--animatePresenceEnterDelayOpacity)
}

.AnimatePresence.is-exiting.is-interrupted,.AnimatePresence.is-exitingActive {
    transition: height var(--animatePresenceExitDurationHeight) ease var(--animatePresenceExitDelayHeight),opacity var(--animatePresenceExitDurationOpacity) ease var(--animatePresenceExitDelayOpacity)
}

html {
    --animateSinglePresenceDurationHeight: 0.4s;
    --animateSinglePresenceDelayHeight: 0s;
    --animateSinglePresenceEnterDurationOpacity: 0.4s;
    --animateSinglePresenceExitDurationOpacity: 0.4s;
    --animateSinglePresenceEnterDelayOpacity: 0.08s;
    --animateSinglePresenceExitDelayOpacity: 0s;
    --animateSinglePresenceTimingFunction: ease
}

.AnimateSinglePresence {
    position: relative;
    transition: height var(--animateSinglePresenceDurationHeight) var(--animateSinglePresenceTimingFunction) var(--animateSinglePresenceDelayHeight)
}

.AnimateSinglePresenceItem.is-entering {
    opacity: 0
}

.AnimateSinglePresenceItem.is-exiting {
    opacity: 1;
    pointer-events: none
}

.AnimateSinglePresenceItem.is-entering,.AnimateSinglePresenceItem.is-exiting {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.AnimateSinglePresenceItem.is-entering.is-interrupted,.AnimateSinglePresenceItem.is-enteringActive {
    opacity: 1;
    transition: opacity var(--animateSinglePresenceEnterDurationOpacity) var(--animateSinglePresenceTimingFunction) var(--animateSinglePresenceEnterDelayOpacity)
}

.AnimateSinglePresenceItem.is-exiting.is-interrupted,.AnimateSinglePresenceItem.is-exitingActive {
    opacity: 0;
    transition: opacity var(--animateSinglePresenceExitDurationOpacity) var(--animateSinglePresenceTimingFunction) var(--animateSinglePresenceExitDelayOpacity)
}

.AnimateSinglePresenceChild {
    --distanceY: 4px;
    --timingFunction: var(--animateSinglePresenceTimingFunction);
    --enterDuration: var(--animateSinglePresenceEnterDurationOpacity);
    --enterDelay: var(--animateSinglePresenceEnterDelayOpacity);
    --exitDuration: var(--animateSinglePresenceExitDurationOpacity);
    --exitDelay: var(--animateSinglePresenceExitDelayOpacity)
}

.is-entering>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(var(--distanceY));
    -ms-transform: translateY(var(--distanceY));
    transform: translateY(var(--distanceY));
    will-change: transform
}

.is-entering.is-interrupted>.AnimateSinglePresenceChild,.is-enteringActive>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform var(--enterDuration) var(--timingFunction) var(--enterDelay);
    transition: transform var(--enterDuration) var(--timingFunction) var(--enterDelay);
    transition: transform var(--enterDuration) var(--timingFunction) var(--enterDelay),-webkit-transform var(--enterDuration) var(--timingFunction) var(--enterDelay)
}

.is-exiting>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    will-change: transform
}

.is-exiting.is-interrupted>.AnimateSinglePresenceChild,.is-exitingActive>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(var(--distanceY));
    -ms-transform: translateY(var(--distanceY));
    transform: translateY(var(--distanceY));
    transition: -webkit-transform var(--exitDuration) var(--timingFunction) var(--exitDelay);
    transition: transform var(--exitDuration) var(--timingFunction) var(--exitDelay);
    transition: transform var(--exitDuration) var(--timingFunction) var(--exitDelay),-webkit-transform var(--exitDuration) var(--timingFunction) var(--exitDelay)
}

html {
    --fadeEnterDuration: 0.4s;
    --fadeEnterDelay: 0s;
    --fadeExitDuration: 0.2s;
    --fadeExitDelay: 0s;
    --fadeTimingFunction: ease
}

.FadeWrapper {
    position: relative
}

.Fade.is-entering>.Fade-item {
    opacity: 0
}

.Fade.is-exiting>.Fade-item {
    opacity: 1;
    pointer-events: none
}

.Fade.is-entering.is-interrupted>.Fade-item,.Fade.is-enteringActive>.Fade-item {
    opacity: 1;
    transition: opacity var(--fadeEnterDuration) var(--fadeTimingFunction) var(--fadeEnterDelay)
}

.Fade.is-exiting.is-interrupted>.Fade-item,.Fade.is-exitingActive>.Fade-item {
    opacity: 0;
    transition: opacity var(--fadeExitDuration) var(--fadeTimingFunction) var(--fadeExitDelay)
}

.Fade.is-exiting {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.Slide {
    position: relative
}

.Slide.is-entering .Slide-item {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.Slide.is-entering.is-interrupted .Slide-item,.Slide.is-enteringActive .Slide-item {
    transition: opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s
}

.Slide.is-enteringActive .Slide-item {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.Slide.is-enteringActive .Slide-item:first-child {
    transition-delay: .08s
}

.Slide.is-enteringActive .Slide-item:nth-child(2) {
    transition-delay: .16s
}

.Slide.is-enteringActive .Slide-item:nth-child(3) {
    transition-delay: .24s
}

.Slide.is-exiting .Slide-item {
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.Slide.is-exiting.is-interrupted .Slide-item,.Slide.is-exitingActive .Slide-item {
    transition: opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s
}

.Slide.is-exitingActive .Slide-item:first-child {
    transition-delay: .08s
}

.Slide.is-exitingActive .Slide-item:nth-child(2) {
    transition-delay: .16s
}

.Slide.is-exitingActive .Slide-item:nth-child(3) {
    transition-delay: .24s
}

.Slide.is-exitingActive .Slide-item {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.Slide.is-exiting .Slide-inner {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.HeightObserverProvider {
    width: 100%
}

.HeightObserverProvider-clone {
    left: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%
}

:root {
    --transitionTimingFunctionEase: cubic-bezier(0.3,0.3,0.3,1);
    --transitionTimingFunctionCubic: cubic-bezier(0.19,1,0.22,1);
    --transitionHeightTimingFunction: var(--transitionTimingFunctionEase);
    --transitionHeightDuration: 0.4s
}

.ScalePresence {
    --scalePresenceEnterDuration: 0.3s;
    --scalePresenceEnterDelay: 0s;
    --scalePresenceExitDuration: 0.3s;
    --scalePresenceExitDelay: 0s;
    --scalePresenceTimingFunction: ease;
    --scalePresenceScaleOut: 0.8
}

.ScalePresence.is-entering {
    opacity: 0;
    -webkit-transform: scale(var(--scalePresenceScaleOut));
    -ms-transform: scale(var(--scalePresenceScaleOut));
    transform: scale(var(--scalePresenceScaleOut))
}

.ScalePresence.is-exiting {
    opacity: 1;
    pointer-events: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ScalePresence.is-entering.is-interrupted,.ScalePresence.is-enteringActive {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-delay: var(--scalePresenceEnterDelay);
    transition-duration: var(--scalePresenceEnterDuration);
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    transition-timing-function: var(--scalePresenceTimingFunction)
}

.ScalePresence.is-exiting.is-interrupted,.ScalePresence.is-exitingActive {
    opacity: 0;
    -webkit-transform: scale(var(--scalePresenceScaleOut));
    -ms-transform: scale(var(--scalePresenceScaleOut));
    transform: scale(var(--scalePresenceScaleOut));
    transition-delay: var(--scalePresenceExitDelay);
    transition-duration: var(--scalePresenceExitDuration);
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    transition-timing-function: var(--scalePresenceTimingFunction)
}

.AnimatePresence {
    --animatePresenceEnterDurationHeight: var(--transitionHeightDuration);
    --animatePresenceEnterDelayHeight: 0s;
    --animatePresenceExitDurationHeight: var(--transitionHeightDuration)
}

.AnimateSinglePresence {
    --animateSinglePresenceDurationHeight: var(--transitionHeightDuration);
    --animateSinglePresenceDelayHeight: 0s;
    --animateSinglePresenceEnterDurationOpacity: var(--transitionHeightDuration);
    --animateSinglePresenceExitDurationOpacity: var(--transitionHeightDuration);
    --animateSinglePresenceEnterDelayOpacity: 0s;
    --animateSinglePresenceExitDelayOpacity: 0s;
    --animateSinglePresenceTimingFunction: var(--transitionHeightTimingFunction)
}

.Placeholder {
    opacity: 1
}

.Placeholder--animating {
    background-color: rgba(0,0,0,.075);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.025);
    color: transparent;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    position: relative
}

.Placeholder--animating:after {
    -webkit-animation: transition 1.5s infinite;
    animation: transition 1.5s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: radial-gradient(circle at 80% -20%,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%),radial-gradient(circle at 50% 150%,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%),radial-gradient(circle at 20% -20%,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 800%
}

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

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

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

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

.RotatingIconContainer {
    -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;
    height: 16px;
    margin-bottom: 3px;
    margin-top: -2px;
    pointer-events: none
}

.RotatingIcon {
    position: absolute;
    transition: all .4s ease;
    transition-delay: .15s
}

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

.RotatingIcon--hidden {
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.RotatingIcon img {
    height: 16px;
    width: auto
}

.Tabs-Container {
    position: relative;
    z-index: 1
}

.Tabs-TabPanelContainer>:nth-last-child(2):first-child {
    position: absolute
}

.Tabs-TabList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.Tabs-TabList--placeholder {
    height: 50px
}

.Tabs-PrintableTabPanelContainer {
    display: none
}

@media print {
    .Tabs.is-printable .Tabs-TabPanelContainer {
        display: none
    }

    .Tabs.is-printable .Tabs-PrintableTabPanelContainer {
        display: block
    }

    role[tabpanel] {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid
    }
}

.Tabs.is-icontabs .Tabs-TabList {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.Tabs.is-contenttabs .Tabs-TabList {
    box-shadow: inset 0 -1px #e3e8ee
}

.Tabs.is-contenttabs .Tabs-TabList,.Tabs.is-insettabs .Tabs-TabList {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.Tabs.is-insettabs .Tabs-TabList {
    border: 1px solid var(--checkout-gray50);
    border-radius: 8px;
    padding: var(--space-0)
}

.Tabs-TabListOverflowContainer {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.Tabs-TabListItemContainer--overflow-button svg {
    width: 16px
}

.Tabs-TabListItemContainer--overflow-button .Tabs-TabListItem--overflow-toggle {
    display: block
}

.Tabs-TabListItem--overflow-toggle .Tabs-TabListItemContent {
    height: 100%
}

.Tabs-TabListItem--overflow-toggle .Icon {
    margin-top: var(--space-0)
}

.Tabs.is-insettabs .Tabs-TabListItem--overflow-toggle .Tabs-TabListItemContent {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-justify-content: center;
    justify-content: center
}

.Tabs.is-insettabs .Tabs-TabListItem--overflow-toggle .Icon {
    margin-top: 0
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer {
    background-color: var(--checkout-white);
    border-radius: var(--rounded);
    box-shadow: var(--md-box-shadow);
    display: none;
    padding: var(--rounded) 0
}

.App-Container.is-squareBordered .Tabs.is-desktop .Tabs-TabListOverflowContainer {
    border-radius: 0
}

.App-Container.App-Container.is-veryRoundBordered .Tabs.is-desktop .Tabs-TabListOverflowContainer {
    border-radius: var(--very-rounded);
    padding-bottom: 0;
    padding-top: 0
}

.App-Container .LinkPaymentForm--linkBranded .Tabs.is-desktop .Tabs-TabListOverflowContainer {
    border-radius: var(--link-input-rounded)
}

.Tabs.is-desktop.is-icontabs .Tabs-TabList>.Tabs-TabListItemContainer {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 100%;
    min-width: 0
}

.Tabs.is-desktop.is-icontabs .Tabs-TabList--wrap>.Tabs-TabListItemContainer {
    margin: 0 8px 8px 0
}

.Tabs.is-desktop.is-contenttabs .Tabs-TabList>.Tabs-TabListItemContainer {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.Tabs.is-desktop .Tabs-TabList>.Tabs-TabListItemContainer.Tabs-TabListItemContainer--overflow-button {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItemContainer {
    margin: 0;
    padding: 0
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:after {
    display: none
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:not(:focus) {
    box-shadow: none;
    position: static
}

.Tabs.is-desktop .Tabs-TabListItem:hover .Tabs-TabListItemContent {
    opacity: 1
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:hover {
    background-color: var(--checkout-gray50)
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem:hover .Tabs-TabListItemContent {
    opacity: 1
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentMethod {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon {
    min-width: 28px
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon img,.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon svg {
    display: block;
    margin: 0 auto
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListItem {
    border: 0;
    border-radius: 0;
    padding: var(--space-2) var(--space-3)
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentMethod {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentLabel {
    margin-left: var(--space-3)
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: calc(var(--rounded)*-1);
    top: calc(var(--rounded)*-1);
    -webkit-transform: translateY(var(--space-1));
    -ms-transform: translateY(var(--space-1));
    transform: translateY(var(--space-1));
    transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: opacity .2s ease,transform .2s ease;
    transition: opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;
    z-index: 9999
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer--is-visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition: opacity .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)
}

.Tabs.is-desktop .Tabs-TabListItemContainer--overflow-button .Tabs-TabListItem:focus {
    box-shadow: var(--border-box-shadowless)
}

.Tabs.is-desktop .Tabs-TabList--wrap {
    -ms-flex-pack: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: start;
    justify-content: start
}

.Tabs.is-desktop .Tabs-TabList--wrap .Tabs-TabListItemContainer {
    margin-left: 0
}

.Tabs.is-desktop .Tabs-TabList.Tabs-TabList--wrap>.Tabs-TabListItemContainer {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content
}

.Tabs.is-mobile .Tabs-TabList {
    left: 50%;
    margin-bottom: calc(var(--space-4)*-1);
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: calc(var(--space-4)*-1);
    overflow-x: scroll;
    overflow-x: -moz-scrollbars-none;
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
    position: relative;
    right: 50%;
    scrollbar-width: none;
    width: 100vw
}

.Tabs.is-mobile.is-overflowing .Tabs-TabListItemContainer {
    -ms-flex-preferred-size: 27vw;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -webkit-flex-basis: 27vw;
    flex-basis: 27vw;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 320px) {
    .Tabs.is-mobile.is-overflowing .Tabs-TabListItemContainer {
        -ms-flex-preferred-size:26vw;
        -webkit-flex-basis: 26vw;
        flex-basis: 26vw
    }
}

.Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:first-of-type {
    margin-left: var(--checkout-app-gutter-width)
}

.Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:last-of-type {
    padding-right: var(--checkout-app-gutter-width)
}

.LinkPaymentForm--linkBranded .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:first-of-type {
    margin-left: calc(var(--checkout-app-gutter-width) + var(--link-container-spacing))
}

.LinkPaymentForm--linkBranded .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:last-of-type {
    padding-right: calc(var(--checkout-app-gutter-width) + var(--link-container-spacing))
}

.Tabs.is-mobile .Tabs-TabListItemContainer--overflow-button {
    display: none
}

@media only screen and (min-width: 412px) {
    .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:first-of-type {
        margin-left:calc((100vw - var(--checkout-app-tablet-constraint))/2)
    }

    .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:last-of-type {
        padding-right: calc((100vw - var(--checkout-app-tablet-constraint))/2)
    }

    .LinkPaymentForm--linkBranded .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:first-of-type {
        margin-left: calc((100vw - var(--checkout-app-tablet-constraint))/2 + var(--link-container-spacing))
    }

    .LinkPaymentForm--linkBranded .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer:last-of-type {
        padding-right: calc((100vw - var(--checkout-app-tablet-constraint))/2 + var(--link-container-spacing))
    }
}

.Tabs.is-mobile .Tabs-TabList::-webkit-scrollbar {
    display: none
}

.Tabs.is-mobile.is-insettabs .Tabs-Container {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.Tabs.is-mobile.is-insettabs .Tabs-TabList {
    margin-bottom: 0;
    margin-top: 0;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding-bottom: var(--space-0);
    padding-top: var(--space-0)
}

.Tabs.is-mobile.is-insettabs .Tabs-TabList>.Tabs-TabListItemContainer:first-of-type {
    margin-left: 0
}

.Tabs.is-mobile.is-insettabs .Tabs-TabList>.Tabs-TabListItemContainer:last-of-type {
    padding-right: 0
}

@media only screen and (max-width: 575.98px) {
    .Tabs.is-insettabs .Tabs-TabListItem {
        padding:6px var(--space-3)
    }
}

.Tabs.is-icontabs .Tabs-TabListItemContainer,.Tabs.is-icontabs .Tabs-TabListOverflowContainer {
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: var(--space-2)
}

.Tabs.is-contenttabs .Tabs-TabListItemContainer,.Tabs.is-contenttabs .Tabs-TabListOverflowContainer {
    margin-left: var(--space-2)
}

.Tabs .Tabs-TabListItemContainer:first-of-type {
    margin-left: 0
}

.Tabs-TabListItem {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* !important to override normalize.css */
    /* !important reason: legacy */
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border: 0;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    position: relative;
    text-align: left;
    transition: var(--checkout-tab-transition);
    width: 100%
}

.Tabs.is-icontabs .Tabs-TabListItem {
    background-color: var(--checkout-white);
    border-radius: var(--rounded);
    box-shadow: var(--border-box-shadowless);
    color: var(--checkout-text-font-color);
    font-size: var(--checkout-font-size-12);
    padding: 10px var(--space-3) var(--space-2) var(--space-3)
}

.LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem {
    box-shadow: var(--link-default-border-box-shadow)
}

.App-Container.is-squareBordered .Tabs.is-icontabs .Tabs-TabListItem {
    border-radius: 0
}

.App-Container.is-veryRoundBordered .Tabs.is-icontabs .Tabs-TabListItem {
    border-radius: var(--very-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem {
    border-radius: var(--link-input-rounded)
}

.Tabs.is-icontabs .Tabs-TabListItem:focus-visible {
    box-shadow: var(--sm-focus-box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem:focus-visible {
    box-shadow: var(--link-default-focus-border-box-shadow)
}

.Tabs.is-contenttabs .Tabs-TabListItem {
    background-color: transparent;
    font-size: var(--checkout-font-size-14);
    height: auto;
    line-height: 20px;
    padding: var(--space-1) 0
}

.Tabs.is-insettabs .Tabs-TabListItem:focus-visible {
    box-shadow: var(--sm-focus-box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs.is-insettabs .Tabs-TabListItem:focus-visible {
    box-shadow: var(--link-default-focus-border-box-shadow)
}

.Tabs.is-insettabs .Tabs-TabListItem {
    background-color: transparent;
    border-radius: var(--rounded);
    font-size: var(--checkout-font-size-14);
    font-weight: var(--checkout-text-font-weight);
    height: auto;
    line-height: 20px;
    padding: var(--space-2) var(--space-6)
}

.Tabs-TabListItem::-moz-focus-inner {
    /* !important reason: legacy */
    outline: 0!important
}

.Tabs-TabListItem:focus {
    /* !important reason: legacy */
    outline: 0!important
}

.Tabs-TabListItem:focus-visible {
    box-shadow: var(--sm-focus-box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs-TabListItem:focus-visible {
    box-shadow: var(--link-default-focus-border-box-shadow)
}

.Tabs-TabListItem:after {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease;
    will-change: transform
}

.Tabs.is-icontabs .Tabs-TabListItem:after {
    border-radius: var(--rounded);
    box-shadow: var(--box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem:after {
    box-shadow: var(--link-default-border-box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs.is-icontabs.is-desktop .Tabs-TabListItem:hover {
    background-color: var(--link-color-neutral-25)
}

.App-Container.is-veryRoundBordered .Tabs.is-icontabs .Tabs-TabListItem:after {
    border-radius: var(--very-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem:after,.App-Container.is-squareBordered .LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem:after,.App-Container.is-veryRoundBordered .LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem:after {
    border-radius: var(--link-input-rounded)
}

.App-Container.is-squareBordered .Tabs.is-icontabs .Tabs-TabListItem:after {
    border-radius: 0
}

.Tabs.is-contenttabs .Tabs-TabListItem:after {
    background: #5469d4;
    height: 2px;
    left: -1px;
    position: absolute;
    top: calc(100% - 2px)
}

.Tabs.is-insettabs .Tabs-TabListItem:after {
    background: var(--checkout-gray50);
    bottom: var(--space-2);
    height: calc(100% - var(--space-2)*2);
    opacity: 1;
    top: var(--space-2);
    width: 1px
}

.Tabs.is-insettabs .Tabs-TabListItem--is-selected:after,.Tabs.is-insettabs .Tabs-TabListItemContainer--is-selected+.Tabs-TabListItemContainer .Tabs-TabListItem:after,.Tabs.is-insettabs .Tabs-TabListItemContainer:first-child .Tabs-TabListItem:after {
    opacity: 0
}

.Tabs.is-icontabs .Tabs-TabListItem--is-selected:after {
    box-shadow: var(--box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem--is-selected:after {
    box-shadow: var(--link-selected-border-box-shadow)
}

.Tabs.is-icontabs .Tabs-TabListItem--is-selected:after,.Tabs.is-icontabs .Tabs-TabListItem:hover:after {
    opacity: 1
}

.Tabs.is-icontabs .Tabs-TabListItem--is-selected {
    box-shadow: var(--selected-border-box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem--is-selected {
    box-shadow: var(--link-selected-border-box-shadow)
}

.Tabs.is-icontabs .Tabs-TabListItem--is-selected:focus {
    box-shadow: var(--selected-focus-border-box-shadow)
}

.LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem--is-selected:focus {
    box-shadow: var(--link-selected-border-box-shadow),var(--link-default-focus-border-box-shadow)
}

.Tabs.is-contenttabs .Tabs-TabListItem {
    opacity: .8
}

.Tabs.is-contenttabs .Tabs-TabListItem--is-selected:after {
    opacity: 1
}

.Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
    color: var(--sail-blue500);
    opacity: 1
}

.Tabs.is-insettabs .Tabs-TabListItem:hover {
    -webkit-filter: brightness(.97);
    filter: brightness(.97)
}

.Tabs.is-insettabs .Tabs-TabListItem--is-selected {
    background-color: var(--sail-blue500);
    box-shadow: var(--box-shadow);
    color: var(--checkout-white);
    font-weight: var(--checkout-text-font-weight-500)
}

.LinkPaymentForm--linkBranded .Tabs.is-insettabs .Tabs-TabListItem--is-selected {
    box-shadow: var(--link-selected-border-box-shadow)
}

.Tabs.is-insettabs .Tabs-TabListPaymentLabel:after {
    content: attr(data-text);
    content: attr(data-text) /"";
    font-weight: var(--checkout-text-font-weight-500);
    height: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden
}

@media speech {
    .Tabs.is-insettabs .Tabs-TabListPaymentLabel:after {
        display: none
    }
}

.Tabs.is-disabled .Tabs-TabListItem {
    cursor: auto
}

.Tabs-TabListItem .Tabs-TabListItemContent {
    min-width: 0;
    opacity: .7;
    overflow: hidden;
    transition: opacity .2s ease;
    width: 100%;
    will-change: opacity
}

.Tabs-TabListItem--is-selected .Tabs-TabListItemContent {
    opacity: 1
}

.Tabs-TabListItem .Tabs-TabListItemContent svg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.Tabs-TabListPaymentMethod {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.Tabs-TabListPaymentIcon {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.Tabs-TabListBadge {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.Tabs-TabListPaymentLabel {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Tabs-TabListDropdown {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1
}

.Tabs-TabListDropdown.Tabs-TabListDropdown--is-closed {
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 1px
}

.Tabs-TabPanelContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--space-5);
    position: relative
}

.Tabs-TabPanelContent {
    width: 100%
}

.App-Container.is-squareBordered .Tabs-TabListItem {
    border-radius: 0
}

.App-Container.is-veryRoundBordered .Tabs-TabListItem {
    border-radius: var(--very-rounded)
}

.App-Container .LinkPaymentForm--linkBranded .Tabs-TabListItem {
    border-radius: var(--link-input-rounded)
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentIcon {
    -ms-flex-order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-order: 1;
    order: 1
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentLabel {
    -ms-flex-order: 2;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: var(--space-1);
    -webkit-order: 2;
    order: 2
}

.Tabs.is-desktop .Tabs-TabListOverflowContainer .Tabs-TabListPaymentBadge {
    -ms-flex-order: 3;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: var(--space-2);
    -webkit-order: 3;
    order: 3
}

.AnimatedTabPanel {
    position: relative;
    width: 100%
}

.AnimatedTabPanel-group {
    width: 100%
}

.AnimatedTabPanel-group.is-entering {
    opacity: 0
}

.AnimatedTabPanel-group--left.is-entering,.AnimatedTabPanel-group--left.is-entering.is-interrupted {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.AnimatedTabPanel-group--right.is-entering,.AnimatedTabPanel-group--right.is-entering.is-interrupted {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.AnimatedTabPanel-group.is-entering.is-interrupted {
    transition: all .3s ease .3s
}

.AnimatedTabPanel-group--left.is-enteringActive,.AnimatedTabPanel-group--right.is-enteringActive,.AnimatedTabPanel-group.is-enteringActive {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: all .3s ease .3s
}

.AnimatedTabPanel-group.is-exiting {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.AnimatedTabPanel-group--left.is-exiting,.AnimatedTabPanel-group--left.is-exiting.is-interrupted,.AnimatedTabPanel-group--left.is-exitingActive {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.AnimatedTabPanel-group--right.is-exiting,.AnimatedTabPanel-group--right.is-exiting.is-interrupted,.AnimatedTabPanel-group--right.is-exitingActive {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.AnimatedTabPanel-group.is-exiting.is-interrupted,.AnimatedTabPanel-group.is-exitingActive {
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}

.AnimatedTabPanel-group.is-exitingActive {
    opacity: 0
}

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

.IntervalTabs.is-insettabs.is-mobile .Tabs-TabList {
    width: calc(100vw - 72px)
}

.IntervalTabs .Tabs-TabListItem {
    color: var(--checkout-white);
    transition: color .15s ease-in,font-weight .15s ease-in
}

.IntervalTabs.IntervalTabs .Tabs-TabListItem--is-selected {
    background-color: transparent;
    box-shadow: none
}

.IntervalTabs.IntervalTabs .Tabs-TabListItem:after {
    transition: opacity .25s ease-in
}

.IntervalTabs.IntervalTabs .Tabs-TabListItem--is-selected:after {
    transition: opacity .01s ease-out .25s
}

.IntervalTabs .Tabs-TabListItemContainer {
    z-index: 2
}

.IntervalTabs .IntervalTabs-glider {
    border-radius: var(--rounded);
    box-shadow: var(--box-shadow);
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transform: translateX(calc(var(--offset) - var(--space-0)));
    -ms-transform: translateX(calc(var(--offset) - var(--space-0)));
    transform: translateX(calc(var(--offset) - var(--space-0)));
    transition: .25s ease-out;
    z-index: 1
}

.PricingTable.is-blackButtonText .Tabs-TabListItem--is-selected {
    color: var(--pricing-table-black)
}

.PricingTable.is-whiteButtonText .Tabs-TabListItem--is-selected {
    color: var(--pricing-table-white)
}

.PricingTable.is-lightColorBackground .Tabs-TabListItem:not(.Tabs-TabListItem--is-selected) {
    color: var(--pricing-table-black)
}

.PricingTable .IntervalTabs .Tabs-TabList {
    background-color: var(--pricing-table-white50);
    border-color: var(--pricing-table-white100)
}

.PricingTable .IntervalTabs .IntervalTabs-glider {
    border: 1px solid var(--pricing-table-white100)
}

.PricingTable .IntervalTabs .Tabs-TabListItem:after {
    background: var(--pricing-table-white100)
}

.PricingTable.is-lightColorBackground .Tabs-TabList {
    background-color: var(--checkout-gray25);
    border-color: var(--checkout-gray50)
}

.PricingTable.is-lightColorBackground .IntervalTabs .IntervalTabs-glider {
    border: 1px solid var(--checkout-gray50)
}

.PricingTable.is-lightColorBackground .Tabs-TabListItem:after {
    background: var(--checkout-gray50)
}

.PricingTable.is-roundedBorder .IntervalTabs-glider,.PricingTable.is-roundedBorder .Tabs-TabList,.PricingTable.is-roundedBorder .Tabs-TabListItem {
    border-radius: var(--very-rounded-button)
}

.PricingTable.is-squareBorder .IntervalTabs-glider,.PricingTable.is-squareBorder .Tabs-TabList,.PricingTable.is-squareBorder .Tabs-TabListItem {
    border-radius: 0
}

:root {
    --badge-square-border-radius: 0px;
    --badge-rounded-border-radius: 100px
}

.Badge {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    border-radius: 4px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 18px;
    overflow: hidden;
    padding: 2px 6px;
    position: relative;
    text-align: center
}

.Badge.is-highlightBadge {
    background-color: rgba(0,0,0,.2);
    color: var(--checkout-white)
}

.Badge.is-testModeBadge {
    background-color: var(--checkout-yellow);
    color: #983705;
    text-transform: uppercase
}

.Badge.is-highlightBadge:before {
    -webkit-animation: badgeHighlightShimmer 3.5s;
    animation: badgeHighlightShimmer 3.5s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.18) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.18) 75%,rgba(255,255,255,0));
    content: "";
    display: block;
    height: 90px;
    left: -60%;
    position: absolute;
    top: -150px;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    width: 200px
}

@-webkit-keyframes badgeHighlightShimmer {
    0% {
        left: -100%;
        top: -150px
    }

    50% {
        left: 100%;
        top: 150px
    }

    to {
        left: 100%;
        top: 150px
    }
}

@keyframes badgeHighlightShimmer {
    0% {
        left: -100%;
        top: -150px
    }

    50% {
        left: 100%;
        top: 150px
    }

    to {
        left: 100%;
        top: 150px
    }
}

.PricingTable.is-roundedBorder .Badge.is-highlightBadge {
    border-radius: var(--badge-rounded-border-radius)
}

.PricingTable.is-squareBorder .Badge.is-highlightBadge {
    border-radius: var(--badge-square-border-radius)
}

.PricingTable.is-blackColorBackground .Badge.is-highlightBadge,.PricingTable.is-lightColorBackground .Badge.is-highlightBadge {
    background-color: var(--checkout-white);
    color: #545a69
}

.PricingTable.is-lightColorBackground .Badge.is-highlightBadge:before {
    background: linear-gradient(180deg,rgba(130,130,130,0) 0,rgba(130,130,130,.2) 25%,rgba(130,130,130,.3) 50%,rgba(130,130,130,.2) 75%,rgba(130,130,130,0))
}

.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.is-squareBordered .Button,.ModalContent--is-squareBordered .Button {
    border-radius: 0
}

.App-Container.is-veryRoundBordered .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--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%
}

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

.TierPricingPreview-content {
    background-color: var(--pricing-table-white);
    font-weight: var(--checkout-text-font-weight-500)
}

.TierPricingPreview-summary {
    color: var(--pricing-table-black);
    padding-bottom: var(--space-3)
}

.TierPricingPreview-tierRow {
    color: var(--checkout-gray600);
    margin-bottom: var(--space-2)
}

.TierPricingPreview-tierRow:last-of-type {
    margin-bottom: 0
}

.TierPricingPreview-context {
    border-bottom: 1px dotted;
    display: inline-block;
    margin-left: var(--space-1);
    opacity: var(--dark-background-dim-text)
}

.TierPricingPreview-tooltipContext {
    margin-top: var(--space-2);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.TierPricingPreview-tooltipContext:hover {
    cursor: pointer
}

.TierPricingPreview-tooltip .Tooltip-Text {
    max-width: 300px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media only screen and (min-width: 768px) {
    .TierPricingPreview-tooltip .Tooltip-Text {
        max-width:calc(var(--pricing-table-column-width) - var(--pricing-table-column-horizontal-padding)*2 - var(--tooltip-padding)*2);
        width: calc(var(--pricing-table-column-width) - var(--pricing-table-column-horizontal-padding)*2 - var(--tooltip-padding)*2)
    }
}

.PricingTable.is-lightColorBackground .TierPricingPreview-context {
    opacity: var(--light-background-dim-text)
}

.PriceColumn {
    -webkit-animation: slideUp .4s ease-in-out;
    animation: slideUp .4s ease-in-out;
    -webkit-animation-delay: calc(var(--pt-animate-in-order)*.2s);
    animation-delay: calc(var(--pt-animate-in-order)*.2s);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-radius: var(--default-border-radius);
    color: var(--checkout-white);
    opacity: .01;
    padding: var(--pricing-table-column-top-padding) var(--pricing-table-column-horizontal-padding) var(--pricing-table-column-bottom-padding);
    width: var(--pricing-table-column-width)
}

@-webkit-keyframes slideUp {
    0% {
        opacity: .01;
        -webkit-transform: translateY(24px);
        transform: translateY(24px)
    }

    to {
        opacity: 1
    }
}

@keyframes slideUp {
    0% {
        opacity: .01;
        -webkit-transform: translateY(24px);
        transform: translateY(24px)
    }

    to {
        opacity: 1
    }
}

.PriceColumn-aboutProduct,.PriceColumn-content,.PriceColumn-featureListContainer,.PriceColumn-priceAndButton {
    width: 100%
}

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

.PriceColumn-button {
    background-color: var(--pt-color-primary);
    border-color: var(--pt-color-primary);
    border-radius: var(--rounded);
    height: 44px;
    margin-top: var(--space-4);
    position: relative;
    transition: -webkit-filter .2s ease-in;
    transition: filter .2s ease-in;
    transition: filter .2s ease-in,-webkit-filter .2s ease-in;
    width: 100%
}

.PriceColumn-button:focus {
    box-shadow: none
}

.PriceColumn-button:not(.is-on-safari):hover {
    -webkit-filter: brightness(.97);
    filter: brightness(.97)
}

.PriceColumn-button:before {
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease-in
}

.PriceColumn-button:focus:before {
    background-color: transparent;
    border-radius: calc(var(--rounded) + 4px);
    bottom: 0;
    box-shadow: 0 0 0 .2rem var(--pt-color-primary);
    left: 0;
    margin: -4px;
    opacity: 1;
    right: 0;
    top: 0
}

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

.PriceColumn-badge.is-placeholderForHeight {
    height: 18px;
    margin-bottom: var(--space-4)
}

.PriceColumn-imageContainer {
    height: 120px
}

.PriceColumn-image {
    border-radius: var(--rounded);
    margin-bottom: var(--space-4);
    max-height: 120px;
    max-width: 100%
}

.PriceColumn-priceContainer,.PriceColumn-priceContainerHeightAligner,.PriceColumn-textContainer,.PriceColumn-textContainerHeightAligner {
    width: 100%
}

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

.PriceColumn-description {
    opacity: var(--dark-background-dim-text)
}

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

.PriceColumn-billedAnnuallyDescription,.PriceColumn-dueTodayDescription,.PriceColumn-interval,.PriceColumn-meteredDescription,.PriceColumn-startingAtDescription {
    opacity: var(--dark-background-dim-text)
}

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

.PriceColumn.is-highlight {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    background-color: var(--pricing-table-white50);
    border: 1px solid var(--pricing-table-white100);
    margin-top: -4px
}

.PriceColumn-featureListHeader {
    margin: var(--space-3) 0
}

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

.PriceColumn-featureText {
    line-height: 1.2
}

.PriceColumn-checkContainer {
    margin-top: var(--space-0);
    min-width: 28px
}

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

.PriceColumn-textAndProductImage {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: var(--space-6)
}

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

.PriceColumn-tierSelectPlaceholderHeight {
    height: 96px
}

@media only screen and (max-width: 959px) {
    .PricingTable.has-threeItems .PriceColumn {
        max-width:var(--pricing-table-column-max-width);
        width: 100%
    }

    .PricingTable.has-threeItems .PriceColumn-textAndProductImage {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .PricingTable.has-threeItems .PriceColumn-textAndProductImage .PriceColumn-imageContainer {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .PricingTable.has-threeItems .PriceColumn-textContainerHeightAligner {
        margin-right: var(--space-2)
    }
}

@media only screen and (max-width: 647px) {
    .PriceColumn {
        max-width:var(--pricing-table-column-max-width);
        width: 100%
    }

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

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

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

.PricingTable.is-hidden .PriceColumn {
    -webkit-animation: unset;
    animation: unset
}

.PricingTable.is-roundedBorder .PriceColumn-button,.PricingTable.is-roundedBorder .PriceColumn-button:before {
    border-radius: var(--very-rounded-button)
}

.PricingTable.is-roundedBorder .PriceColumn-button:before {
    border-radius: calc(var(--very-rounded-button) + 4px)
}

.PricingTable.is-squareBorder .PriceColumn-button,.PricingTable.is-squareBorder .PriceColumn-button:before,.PricingTable.is-squareBorder .PriceColumn-image {
    border-radius: 0
}

.PricingTable.is-blackButtonText .PriceColumn-button {
    color: var(--pricing-table-black)
}

.PricingTable.is-whiteButtonText .PriceColumn-button {
    color: var(--pricing-table-white)
}

.PricingTable.is-lightColorBackground .PriceColumn {
    color: var(--pricing-table-black)
}

.PricingTable.is-lightColorBackground .PriceColumn.is-highlight {
    background-color: var(--checkout-gray25);
    border: 1px solid var(--checkout-gray50)
}

.PricingTable.is-lightColorBackground .PriceColumn-billedAnnuallyDescription,.PricingTable.is-lightColorBackground .PriceColumn-description,.PricingTable.is-lightColorBackground .PriceColumn-dueTodayDescription,.PricingTable.is-lightColorBackground .PriceColumn-interval,.PricingTable.is-lightColorBackground .PriceColumn-meteredDescription,.PricingTable.is-lightColorBackground .PriceColumn-startingAtDescription {
    opacity: var(--light-background-dim-text)
}

.PricingTable.is-roundedBorder .PriceColumn {
    border-radius: var(--rounded-border-radius)
}

.PricingTable.is-squareBorder .PriceColumn {
    border-radius: 0
}

.AccordionSelect {
    background-color: var(--pricing-table-white50);
    border: 1px solid var(--pricing-table-white100);
    border-radius: var(--rounded);
    color: inherit;
    height: auto;
    outline: none;
    overflow-x: hidden;
    position: relative
}

.AccordionSelect:focus-visible {
    box-shadow: var(--focus-border-box-shadow-light)
}

.AccordionSelect-selectedValue {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    opacity: .8;
    outline: none;
    padding-bottom: var(--space-2);
    padding-top: var(--space-2);
    text-align: left;
    transition: opacity .2s linear;
    width: 100%
}

.AccordionSelect-selectedValueLabel {
    margin-left: var(--space-4)
}

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

.AccordionSelect-selectedValue:hover {
    cursor: pointer;
    opacity: 1
}

.AccordionSelect-icon {
    fill: var(--pricing-table-white)
}

.AccordionSelect-submenu {
    background: rgba(0,0,0,.7);
    border-bottom-left-radius: var(--rounded);
    border-bottom-right-radius: var(--rounded);
    color: var(--pricing-table-black);
    margin: 0;
    -webkit-mask-image: -webkit-radial-gradient(white,black);
    max-height: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    transition: max-height .1s linear,opacity .1s linear;
    z-index: 1
}

.AccordionSelect.is-expanded .AccordionSelect-submenu {
    max-height: 300px;
    opacity: 1;
    overflow: auto
}

.AccordionSelect-icon {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out
}

.AccordionSelect.is-expanded .AccordionSelect-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.AccordionSelect-menuItem {
    background: var(--pricing-table-white);
    border: none;
    border-bottom: 1px solid var(--checkout-gray50);
    cursor: pointer;
    display: block;
    margin: 0;
    outline: none;
    padding: 0;
    transition: -webkit-filter .2s linear;
    transition: filter .2s linear;
    transition: filter .2s linear,-webkit-filter .2s linear;
    width: 100%
}

.AccordionSelect-menuItem:first-child {
    border-top: 1px solid var(--checkout-gray50)
}

.AccordionSelect-menuItem:last-child {
    border-bottom: none
}

.AccordionSelect-menuItem--highlighted,.AccordionSelect-menuItem:focus,.AccordionSelect-menuItem:hover {
    -webkit-filter: brightness(.9);
    filter: brightness(.9)
}

.PricingTable.is-roundedBorder .AccordionSelect {
    border-radius: var(--very-rounded-button)
}

.PricingTable.is-roundedBorder .AccordionSelect-submenu {
    border-bottom-left-radius: var(--very-rounded-button);
    border-bottom-right-radius: var(--very-rounded-button)
}

.PricingTable.is-squareBorder .AccordionSelect {
    border-radius: 0
}

.PricingTable.is-squareBorder .AccordionSelect-submenu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.PricingTable.is-lightColorBackground .AccordionSelect:focus-visible {
    box-shadow: var(--focus-border-box-shadow-dark)
}

.PricingTable.is-lightColorBackground .AccordionSelect-icon {
    fill: var(--pricing-table-black)
}

.PricingTable.is-lightColorBackground .AccordionSelect {
    border-color: var(--checkout-gray50)
}

.TierSelect-description {
    margin-bottom: var(--space-1);
    margin-top: var(--space-4);
    opacity: var(--dark-background-dim-text)
}

.TierSelect-listItem {
    padding: var(--space-4)
}

.PricingTable.is-lightColorBackground .TierSelect-description {
    opacity: var(--light-background-dim-text)
}

.PricingTable {
    height: 100%;
    opacity: 1;
    padding: var(--space-1);
    transition: opacity .2s linear;
    width: 100%
}

.PricingTable.is-hidden {
    opacity: .01
}

.PricingTable-title {
    font-weight: var(--checkout-text-font-weight)
}

.PricingTable-grid {
    -ms-grid-columns: (minmax(var(--pricing-table-column-width),var(--pricing-table-column-width)))[auto-fit];
    grid-gap: var(--space-2);
    -ms-flex-pack: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(var(--pricing-table-column-width),var(--pricing-table-column-width)));
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

@media only screen and (max-width: 1279px) {
    .PricingTable.has-fourItems .PricingTable-grid {
        max-width:632px
    }
}

@media only screen and (max-width: 959px) {
    .PricingTable.has-threeItems .PricingTable-grid {
        -ms-grid-columns:unset;
        grid-template-columns: unset
    }
}

@media only screen and (max-width: 647px) {
    .PricingTable-grid {
        -ms-grid-columns:unset;
        grid-template-columns: unset
    }
}

.PricingTableError {
    height: 200px
}

.PricingTableError .FullPageMessage-Message h1,.PricingTableError .FullPageMessage-Message p {
    color: var(--pricing-table-white)
}

.PricingTableError.is-lightColorBackground .FullPageMessage-Message h1,.PricingTableError.is-lightColorBackground .FullPageMessage-Message p {
    color: var(--pricing-table-black)
}

.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--Inconsolata {
    font-family: Inconsolata,Consolas,Monaco,Liberation Mono,Lucida Console,monospace
}

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

/*! 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-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;
    --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-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;
    --default-border-radius: 12px;
    --square-border-radius: 6px;
    --rounded-border-radius: 50px;
    --light-background-dim-text: 0.5;
    --dark-background-dim-text: 0.7;
    --pricing-table-black: #1a1a1a;
    --pricing-table-white: #ffffff;
    --pricing-table-column-horizontal-padding: 36px;
    --pricing-table-column-top-padding: 34px;
    --pricing-table-column-bottom-padding: 28px;
    --pricing-table-column-max-width: 464px;
    --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);
    --pricing-table-white50: rgba(255,255,255,0.1);
    --pricing-table-white100: rgba(255,255,255,0.2)
}

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

:root {
    --pricing-table-column-width: 312px;
    --space-2: 8px;
    --rounded: 6px
}

@-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);
    border-radius: 7px;
    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-animateExit {
    -webkit-animation: exit .2s;
    animation: exit .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.Loading-pricingTable {
    height: 100%;
    padding: 4px;
    position: relative;
    width: 100%
}

.Loading-pricingTableGrid {
    -ms-grid-columns: (minmax(var(--pricing-table-column-width),var(--pricing-table-column-width)))[auto-fit];
    grid-gap: var(--space-2);
    -ms-flex-pack: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(var(--pricing-table-column-width),var(--pricing-table-column-width)));
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.Loading-priceColumn {
    padding: 34px 36px 28px
}

.Loading-priceColumnContent {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.Loading-priceColumnButton,.Loading-priceColumnDescription,.Loading-priceColumnImage,.Loading-priceColumnTitle {
    border-radius: var(--rounded)
}

.Loading-priceColumnImage {
    height: 120px;
    margin-bottom: 16px;
    width: 180px
}

.Loading-priceColumnTitle {
    height: 24px;
    margin-bottom: 16px;
    width: 124px
}

.Loading-priceColumnDescription {
    height: 16px;
    margin-bottom: 8px;
    width: 240px
}

.Loading-priceColumnButton {
    height: 44px;
    margin-top: 32px;
    width: 100%
}

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
}