.nmp-test-mode {
    display: block;
    overflow-x: hidden;
    text-align: left
}

.nmp-test-mode ul {
    padding-left: 24px
}

.nmp-test-mode__heading h1,
.nmp-test-mode__heading h2,
.nmp-test-mode__heading h3,
.nmp-test-mode__heading h4,
.nmp-test-mode__heading h5,
.nmp-test-mode__heading h6 {
    font-family: var(--font-body-family);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 16px
}

.nmp-test-mode__heading p {
    font-family: SF Pro Text, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    margin-bottom: 16px
}

.nmp-test-mode__heading ul {
    padding-bottom: 32px
}

.nmp-test-mode__heading li {
    font-family: SF Pro Text, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: 20px
}

.nmp-test-mode__heading li::marker {
    font-size: 14px
}

.nmp-test-mode__plans {
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    column-gap: 32px;
    margin-bottom: 32px
}

.nmp-test-mode__plans button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    outline: inherit
}

.nmp-test-mode__title {
    font-family: var(--font-body-family);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    color: #000;
    padding-bottom: 24px
}

.nmp-test-mode__title--vendor {
    padding-bottom: 15px
}

.nmp-test-mode__plan-title {
    font-family: SF Pro Text, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: 20px
}

.nmp-test-mode__plan-title.active {
    border-bottom: 1px solid #000000
}

.nmp-test-mode__plan-copy {
    display: none;
    font-family: SF Pro Text, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: normal
}

.nmp-test-mode__plan-copy .nmp-test-mode__image {
    display: block;
    margin-bottom: 12px
}

.nmp-test-mode__plan-copy .nmp-test-mode__image img {
    height: 35px;
    width: auto
}

.nmp-test-mode__plan-copy strong {
    font-family: var(--font-body-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    line-height: 26px;
    letter-spacing: -.4px;
    padding-bottom: 12px
}

.nmp-test-mode__plan-copy ul {
    padding-top: 12px;
    padding-bottom: 32px
}

.nmp-test-mode__plan-copy li {
    padding-bottom: 8px
}

.nmp-test-mode__plan-copy li::marker {
    font-size: 14px
}

.nmp-test-mode__plan-copy.active {
    display: block
}

.nmp-test-mode__plan-options {
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

.npm-test-mode__plan-option {
    font-family: SF Pro Text, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    width: 100%
}

.npm-test-mode__plan-option select {
    font-family: SF Pro Text, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    margin-top: 8px;
    height: 50px;
    width: 100%
}

.npm-test-mode__plan-option .npm-test-mode__plan-payment {
    border-radius: 4px;
    border: 1.2px solid var(--color-gray-3, #D9D9D9);
    background: var(--color-gray-4, #F2F2F2);
    display: flex;
    align-items: center;
    padding: 16px;
    margin-top: 8px;
    height: 50px;
    width: 100%
}

.nmp-test-mode__label {
    font-family: var(--font-body-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    letter-spacing: .36px;
    margin-bottom: 12px
}

.nmp-test-mode__label.nmp-test-mode__label--total {
    padding-top: 32px
}

.nmp-test-mode__actions {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    padding-top: 32px
}

.nmp-test-mode__actions .nmp-test-mode__link {
    font-family: var(--font-body-family);
    display: flex;
    align-items: center;
    align-self: center;
    font-weight: 600;
    cursor: pointer;
    color: #0071e3
}

.nmp-test-mode__actions .nmp-test-mode__button {
    color: #fff !important
}

.nmp-test-mode__disclaimer {
    border-top: 1px solid #D9D9D9;
    margin-top: 32px;
    padding-top: 12px
}

.nmp-test-mode__disclaimer p {
    font-family: SF Pro Text, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.nmp-test-mode .financing__details {
    border: 1px solid #d9d9d9;
    border-radius: 9px;
    padding: 14px;
    margin: 4px 0 10px
}

.nmp-test-mode .financing__details-inner {
    display: flex;
    flex-direction: column
}

.nmp-test-mode .financing__details-inner-text {
    display: flex;
    flex-direction: row
}

.nmp-test-mode .financing__terms {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.71px;
    margin-right: 4px;
    padding-bottom: 10px
}

.nmp-test-mode .financing__terms--subheading {
    padding-top: 0
}

.nmp-test-mode .financing__image {
    max-width: 165px;
    width: 100%
}

.nmp-test-mode .financing__logo {
    width: fit-content
}

.nmp-test-mode .financing__cta,
.nmp-test-mode .financing__modal-trigger {
    letter-spacing: 0
}

.nmp-test-mode .financing__cta {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    color: #0071e3;
    padding-top: 10px
}

@media screen and (min-width: 1024px) {
    .nmp-test-mode__plan-options {
        flex-direction: row;
        column-gap: 42px;
        row-gap: auto
    }
    .npm-test-mode__plan-option {
        width: 50%
    }
    .nmp-test-mode__actions {
        flex-direction: row;
        column-gap: 32px
    }
    .nmp-test-mode__plan-copy .nmp-test-mode__image img {
        height: 45px;
        width: auto
    }
    .nmp-test-mode__disclaimer {
        margin-top: 48px
    }
    .nmp-test-mode .financing__details-inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
    .nmp-test-mode .financing__details-inner-text {
        display: flex;
        flex-direction: column
    }
    .nmp-test-mode .financing__terms--subheading {
        padding-top: 4px
    }
    .nmp-test-mode .financing__terms {
        padding-bottom: 0
    }
}

/*# sourceMappingURL=/cdn/shop/t/14/assets/component-nmp-test-mode.css.map?v=20702808579977612711742784887 */