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

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

.ConnectionsBankPicker-securedByStripeText {
    padding: 2px 0 4px 6px
}

.UsBankAccountRow {
    position: relative
}

.UsBankAccountRow-container {
    background-color: var(--checkout-gray-light);
    border-radius: var(--rounded);
    box-shadow: var(--border-box-shadow);
    margin: var(--space-1) 0;
    overflow: hidden
}

.UsBankAccountRow-container .UsBankAccountRow-bankIcon {
    height: var(--space-5);
    inset-inline: 0;
    margin: 12px 8px 12px 12px;
    width: var(--space-5)
}

.UsBankAccountRow-bankIcon--rounded {
    border-radius: var(--space-1)
}

.UsBankAccountRow-container .UsBankAccountRow-displayName,.UsBankAccountRow-container .UsBankAccountRow-last4 {
    margin-bottom: 0;
    padding: 16px 0
}

.UsBankAccountRow-container .UsBankAccountRow-deleteButton {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--space-1);
    cursor: pointer;
    height: 18.4px;
    margin: 14.8px 16px;
    padding: 0;
    z-index: 100
}

.UsBankAccountRow-container .UsBankAccountRow-deleteButton:hover>svg path {
    fill: hsla(0,0%,10%,.9)
}

.UsBankAccountRow-container .UsBankAccountRow-deleteButton:focus {
    box-shadow: 0 0 0 1px rgba(50,151,211,1),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 3px rgba(50,151,211,.9);
    outline: none
}

.UsBankAccountRow-container .UsBankAccountRow-deleteButton>svg path {
    fill: hsla(0,0%,10%,.6)
}

@media print {
    .UsBankAccountRow-container .UsBankAccountRow-deleteButton {
        display: none
    }
}

.UsBankAccountRow .ConnectionsBankPicker-securedByStripe {
    inset-inline-end: var(--space-0);
    position: absolute;
    top: var(--space-0)
}

.CrossSellOffer-outerContainer {
    margin-bottom: var(--space-3);
    position: relative;
    width: 100%
}

.CrossSellOffer-container {
    -ms-flex-pack: justify;
    border: var(--border);
    border-radius: var(--rounded);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: var(--space-2) var(--space-4);
    width: 100%
}

.CrossSellOffer-innerContainer {
    width: 100%
}

.CrossSellOffer-button {
    background-color: var(--checkout-gray25);
    border-radius: var(--rounded);
    margin-top: var(--space-3);
    padding: var(--space-2) var(--space-3)
}

.CrossSellOffer-button:disabled {
    opacity: .6
}

.CrossSellOffer-spinner {
    -webkit-margin-end: var(--space-1);
    margin-inline-end:var(--space-1)}

.CrossSellOffer-description {
    -ms-flex-preferred-size: 100%;
    -webkit-flex: 2 1 max-content;
    -ms-flex: 2 1 max-content;
    flex: 2 1 max-content;
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

.CrossSellOffer-container--borderVeryRound,.CrossSellOffer-image--borderVeryRound {
    border-radius: var(--very-rounded)
}

.CrossSellOffer-button--borderVeryRound {
    -webkit-padding-start: var(--space-3);
    -webkit-padding-end: var(--space-3);
    border-radius: var(--very-rounded);
    padding-inline-end:var(--space-3);padding-inline-start: var(--space-3)
}

.CrossSellOffer-imageContainer {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: var(--checkout-line-item-image-size);
    -webkit-justify-content: center;
    justify-content: center;
    width: var(--checkout-line-item-image-size)
}

.CrossSellOffer-image {
    border-radius: 4px;
    max-height: 100%;
    max-width: 100%
}

.CrossSellOffer-productTitle {
    -ms-flex-preferred-size: min-content;
    -ms-flex-positive: 1;
    -webkit-flex-basis: min-content;
    flex-basis: min-content;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.CrossSellOffer-addRemove {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.CrossSellOffer-seeMoreLink {
    -webkit-margin-start: var(--space-1);
    margin-inline-start:var(--space-1);text-decoration: underline
}

.App-Container.js-global-border-style-square .CrossSellOffer-container,.App-Container.js-global-border-style-square .CrossSellOffer-image {
    border-radius: 0
}

.CrossSellOffer-errorText {
    color: red;
    margin-top: 8px
}

.App-Container.js-global-dark-background .CrossSellOffer-container {
    border: var(--border-lightBg)
}

.App-Container.js-global-dark-background .CrossSellOffer-errorText {
    color: white
}

.App-Container.js-global-dark-background .CrossSellOffer-button {
    background-color: var(--checkout-white25)
}

@media only screen and (min-width: 992px) {
    .CrossSellOffer-outerContainer {
        width:calc(100% + 32px)
    }

    .CrossSellOffer-container {
        border-top-left-radius: var(--rounded);
        border-top-right-radius: var(--rounded);
        padding: var(--space-4)
    }
}

.ConfirmModalContent {
    margin: var(--space-5) 20px;
    overflow: hidden
}

.ConfirmModalContent-icon {
    -webkit-padding-end: var(--space-2);
    color: rgba(0,0,0,.5);
    height: var(--space-4);
    min-width: var(--notice-icon-size);
    padding-inline-end:var(--space-2)}

.ConfirmModalContent--green .ConfirmModalContent-icon {
    color: var(--notice-icon-color-green)
}

.ConfirmModalContent--yellow .ConfirmModalContent-icon {
    color: var(--notice-icon-color-yellow)
}

.ConfirmModalContent--red .ConfirmModalContent-icon {
    color: var(--notice-icon-color-red)
}

.ConfirmModalFooter {
    height: 48px;
    margin: var(--space-4) 20px;
    position: relative
}

.ConfirmModalFooter-btnContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    overflow-x: hidden;
    padding: var(--space-1);
    position: absolute;
    width: 50%
}

.ConfirmModalFooter-btn {
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 38px;
    position: relative
}

.ConfirmModalFooter-btn .Button-Icon.Button-Spinner {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.ConfirmModalFooter-btn svg {
    inset-inline-end: var(--space-3);
    position: absolute
}

.ConfirmModalFooter-btn .Button--secondary {
    height: 39px
}

.ConfirmModalFooter-btn--gray:not(:disabled):hover {
    background-color: var(--checkout-gray25)
}

.ConfirmModalFooter-btn,.ConfirmModalFooter-btn .Text {
    transition: all .2s ease
}

.ConfirmModalFooter-btn:disabled .Text {
    opacity: .6
}

.AdjustQuantityModal-modal.has-notice .ConfirmModalFooter {
    margin-top: var(--space-2)
}

.ConfirmModalHeader-header {
    border-bottom: 1px solid hsla(0,0%,10%,.1);
    padding: var(--space-4) 20px
}

.ConfirmModalHeader-closeBtn {
    border-radius: 20px;
    padding: var(--space-2)
}

.ConfirmModalHeader-imageContainer {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 32px
}

.ConfirmModalHeader-image {
    border-radius: 4px;
    max-height: 100%;
    max-width: 100%
}

.ConfirmModalHeader-closeBtn:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none
}

.ConfirmModalHeader-closeBtn .Button-Icon {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.ConfirmModal-modal {
    width: 356px
}

.ConfirmModal-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: hidden;
    padding: var(--space-4) 20px;
    padding: var(--space-5) 20px var(--space-4)
}

.ConfirmModal-notice {
    margin-top: 20px
}

@media only screen and (max-width: 991.98px) {
    .ConfirmModal-modal {
        -ms-flex-item-align:end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        width: 100%
    }

    .ConfirmModal-modalOverlay:before {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    .ConfirmModal-modalOverlay.ModalOverlay--afterOpen:before {
        opacity: 1
    }

    .ConfirmModal-modal.ModalContent--afterOpen {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .ConfirmModal-modal.ModalContent--beforeClose {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    .ConfirmModal-modalOverlay.ModalOverlay--beforeClose:before {
        opacity: 0;
        transition-duration: .25s
    }

    .ConfirmModal-modalOverlay.ModalOverlay--beforeClose {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.tp_7mM3D__CrossSellOfferTransition {
    --animateSinglePresenceDurationHeight: 0.2s;
    --animateSinglePresenceDelayHeight: 0.6s;
    --animateSinglePresenceEnterDurationOpacity: 0.2s;
    --animateSinglePresenceEnterDelayOpacity: 0.6s;
    --animateSinglePresenceExitDurationOpacity: 0.2s
}

.tp_7mM3D__CrossSellOfferTransition ._9O_GdcW3__CrossSellOfferTransition-child {
    --distanceY: 0px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.tp_7mM3D__CrossSellOfferTransition._5D-xqXDW__is-entering>._9O_GdcW3__CrossSellOfferTransition-child {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.tp_7mM3D__CrossSellOfferTransition.Ey-gy5IR__is-enteringActive>._9O_GdcW3__CrossSellOfferTransition-child {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .2s ease .6s;
    transition: transform .2s ease .6s;
    transition: transform .2s ease .6s,-webkit-transform .2s ease .6s
}

.tp_7mM3D__CrossSellOfferTransition._9VWDJvE8__is-exitingActive>._9O_GdcW3__CrossSellOfferTransition-child {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98);
    transition: -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s;
    transition: transform .2s ease .1s,-webkit-transform .2s ease .1s
}

.CarouselItem-container {
    height: 100%;
    min-width: 100%
}

.Carousel-window {
    contain: inline-size;
    overflow: hidden;
    position: relative
}

.Carousel-slideTransitionGroup {
    min-width: 100%
}

.OptionalItemOfferButtons-button {
    -webkit-padding-start: var(--space-2);
    -webkit-padding-end: var(--space-3);
    fill: var(--checkout-black);
    background-color: var(--checkout-gray25);
    border: unset;
    border-radius: var(--rounded);
    box-shadow: unset;
    color: var(--checkout-black);
    line-height: var(--checkout-text-line-height-primary);
    padding-block:var(--space-1);padding-inline-end: var(--space-3);
    padding-inline-start:var(--space-2);width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.OptionalItemOfferButtons-button:disabled {
    background-color: var(--checkout-gray25);
    opacity: .3
}

.OptionalItemOfferButtons-button:not(:disabled):hover {
    background-color: var(--checkout-gray50)
}

.OptionalItemOfferButtons-removeButton {
    -webkit-padding-end: var(--space-2);
    padding-inline-end:var(--space-2)}

.OptionalItemOfferButtons-button .Spinner .Spinner-ellipse {
    stroke: var(--checkout-black)
}

.OptionalItemOfferButtons-button .Icon,.OptionalItemOfferButtons-button .Spinner {
    height: 10px;
    width: 10px
}

.App-Container.js-global-dark-background .OptionalItemOfferButtons-button {
    fill: var(--checkout-lightGray900);
    background-color: var(--checkout-white50)
}

.App-Container.js-global-dark-background .OptionalItemOfferButtons-button .Spinner .Spinner-ellipse {
    stroke: var(--checkout-lightGray900)
}

.App-Container.js-global-dark-background .OptionalItemOfferButtons-button:disabled {
    background-color: var(--checkout-white50);
    opacity: .6
}

.App-Container.js-global-dark-background .OptionalItemOfferButtons-button:not(:disabled):hover {
    background-color: var(--checkout-white100)
}

.OptionalItemOfferImage-container {
    height: var(--checkout-line-item-image-size);
    width: var(--checkout-line-item-image-size)
}

.OptionalItemOfferImage-img {
    border-radius: 4px;
    max-height: 100%;
    max-width: 100%
}

.OptionalItemOfferImage-placeholder {
    background-color: var(--checkout-gray25);
    border-radius: 4px;
    height: 100%
}

.OptionalItemOfferImage-img--borderVeryRound,.OptionalItemOfferImage-placeholder--borderVeryRound {
    border-radius: var(--very-rounded)
}

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

.OptionalItemOffer-container {
    border-radius: var(--rounded);
    gap: var(--space-3);
    height: 100%;
    padding: var(--space-4)
}

.OptionalItemsCarousel-container .OptionalItemOffer-container {
    border: var(--border)
}

.UpsellWithOptionalItem .OptionalItemOffer-container {
    border: transparent;
    gap: var(--space-3);
    padding: 0 0 var(--space-4)
}

.OptionalItemOffer-mobileViewWithTabsContainer {
    border: transparent;
    gap: var(--space-3);
    padding: var(--space-3)
}

.OptionalItemOffer-description {
    line-height: 16px;
    width: 224px
}

.OptionalItemOffer-container--borderVeryRound {
    border-radius: var(--very-rounded)
}

.App-Container.js-global-dark-background .OptionalItemOffer-container {
    background-color: var(--checkout-white25);
    border: 1px solid var(--checkout-white50)
}

.App-Container.js-global-dark-background .UpsellWithOptionalItem .OptionalItemOffer-container {
    background-color: transparent;
    border: transparent
}

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

.OptionalItemErrorMessage-text {
    color: var(--checkout-red)
}

.App-Container.js-global-dark-background .OptionalItemErrorMessage-text {
    color: var(--checkout-white)
}

.OptionalItemsCarouselFooter-viewAllButton {
    background-color: var(--checkout-gray25);
    box-shadow: unset;
    color: #1a1a1a;
    padding: var(--space-1) var(--space-2)
}

.OptionalItemsCarouselFooter-viewAllButton:not(:disabled):hover {
    background-color: var(--checkout-gray50)
}

.App-Container.js-global-dark-background .OptionalItemsCarouselFooter-viewAllButton {
    background-color: var(--checkout-white50);
    color: var(--checkout-white)
}

.App-Container.js-global-dark-background .OptionalItemsCarouselFooter-viewAllButton:not(:disabled):hover {
    background-color: var(--checkout-white100)
}

.OptionalItemsCarouselScrollButton {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    fill: var(--checkout-white);
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--checkout-gray600);
    border: none;
    border-radius: 100px;
    box-shadow: unset;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 28px;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 8px;
    width: 28px
}

.OptionalItemsCarouselScrollButton:disabled {
    fill: var(--checkout-gray200);
    background-color: transparent;
    border: 1px solid var(--checkout-gray200)
}

.OptionalItemsCarouselScrollButton:not(:disabled):hover {
    background-color: var(--checkout-gray400);
    box-shadow: unset
}

.App-Container.js-global-dark-background .OptionalItemsCarouselScrollButton {
    fill: var(--checkout-white);
    background-color: var(--checkout-white50)
}

.App-Container.js-global-dark-background .OptionalItemsCarouselScrollButton:disabled {
    fill: var(--checkout-white50);
    background-color: transparent;
    border: 1px solid var(--checkout-white50)
}

.App-Container.js-global-dark-background .OptionalItemsCarouselScrollButton:not(:disabled):hover {
    background-color: var(--checkout-white50);
    box-shadow: inset 0 0 100px 100px rgba(255,255,255,.1)
}

.OptionalItemsCarouselScrollButtons-outerContainer {
    height: 100%;
    opacity: 1;
    transition: visibility .2s linear,opacity .2s linear;
    transition-delay: 0s;
    visibility: visible
}

.OptionalItemsCarouselScrollButtons-outerContainer--hidden {
    opacity: 0;
    visibility: hidden
}

.OptionalItemsCarouselScrollButtons-innerContainer {
    gap: var(--space-2);
    vertical-align: middle
}

:root {
    --modal-transition-duration: 0.4s;
    --modal-overlay-transition-duration: 0.25s
}

.OptionalItemsModal-modal .OptionalItemOffer-container {
    height: unset;
    min-width: 380px
}

.OptionalItemsModal-modal.OptionalItemsModal-modal--singleCol .OptionalItemOffer-container {
    min-width: unset
}

.OptionalItemsModal-modal .OptionalItemOfferImage-container {
    height: 92px;
    width: 92px
}

.OptionalItemsModal-modal .OptionalItemOffer-description {
    width: 210px
}

.OptionalItemsModal-modal .OptionalItemOfferButton {
    line-height: var(--checkout-text-line-height-primary)
}

.OptionalItemsModal-header {
    border-bottom: 1px solid hsla(0,0%,10%,.1);
    padding: var(--space-4) 20px
}

.OptionalItemsModal-offersScrollableContainer {
    max-height: 442px;
    overflow-y: scroll;
    scrollbar-color: lightgray transparent
}

.OptionalItemsModal-offerColumnsContainer {
    gap: var(--space-4);
    padding: var(--space-4)
}

.OptionalItemsModal-offerColumn {
    gap: var(--space-4)
}

.OptionalItemsModal-modal--singleCol {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background-color: var(--checkout-white);
    border-radius: var(--more-rounded) var(--more-rounded) 0 0;
    max-height: 100%;
    opacity: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform var(--modal-transition-duration) var(--checkout-header-animation-easing);
    transition: transform var(--modal-transition-duration) var(--checkout-header-animation-easing);
    transition: transform var(--modal-transition-duration) var(--checkout-header-animation-easing),-webkit-transform var(--modal-transition-duration) var(--checkout-header-animation-easing);
    width: 100%
}

.OptionalItemsModal-modal--singleCol.ModalContent--afterOpen {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.OptionalItemsModal-modal--singleCol.ModalContent--beforeClose {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.OptionalItemsModal-closeButton {
    border-radius: 20px;
    padding: var(--space-2)
}

.OptionalItemsModal-closeButton:focus {
    box-shadow: var(--focus-border-box-shadow);
    outline: none
}

.OptionalItemsModal-closeButton .Button-Icon {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.OptionalItemsCarousel-container {
    gap: var(--space-2)
}

.UpsellWithOptionalItem .OptionalItemsCarousel-container {
    border: transparent;
    gap: 0;
    margin: var(--space-4)
}

.SavingsBadge {
    background-color: var(--sail-green100);
    border-radius: 4px;
    color: var(--sail-green600);
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1px 6px
}

.HostedSwitch {
    -ms-flex-negative: 0;
    background: rgba(255,255,255,.5);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: calc(var(--switchSize, 1em)*1.25);
    cursor: pointer;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: var(--switchSize,1em);
    padding: 0;
    position: relative;
    transition: border .3s ease,background .3s ease,box-shadow .3s ease;
    width: calc(var(--switchSize, 1em)*1.75)
}

.HostedSwitch--sm {
    --switchSize: 1em
}

.HostedSwitch--md {
    --switchSize: 1.5em
}

.HostedSwitch:focus {
    box-shadow: 0 0 0 1px rgba(50,151,211,1),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 3px rgba(50,151,211,.9);
    outline: none
}

.HostedSwitch--active {
    background-color: var(--checkout-green)
}

.HostedSwitch--disabled {
    cursor: default;
    opacity: .4
}

.HostedSwitchControl {
    fill: #fff;
    border: 1px solid rgba(42,47,69,.12);
    border-radius: 100%;
    display: block;
    height: 100%;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    width: auto;
    will-change: transform
}

.HostedSwitch--active .HostedSwitchControl {
    -webkit-transform: translate(calc(var(--switchSize, 1em)*.75));
    -ms-transform: translate(calc(var(--switchSize, 1em)*.75));
    transform: translate(calc(var(--switchSize, 1em)*.75))
}

:root {
    --green-shimmer-gradient: linear-gradient(90deg,rgba(255,255,255,0) 35%,var(--checkout-green) 50%,rgba(255,255,255,0) 65%);
    --green-shimmer-border-width: 1px
}

.UpsellToggle-clickContainer {
    border: var(--border);
    border-bottom-left-radius: var(--rounded);
    border-bottom-right-radius: var(--rounded);
    cursor: pointer;
    position: relative;
    z-index: 0
}

.UpsellToggle,.UpsellToggle-clickContainer {
    min-height: 44px
}

.UpsellToggle-clickContainer:before {
    background: var(--green-shimmer-gradient);
    background-position: 100%;
    background-size: 300% 300%;
    border-bottom-left-radius: calc(var(--rounded) + var(--green-shimmer-border-width));
    border-bottom-right-radius: calc(var(--rounded) + var(--green-shimmer-border-width));
    content: "";
    height: calc(100% + var(--green-shimmer-border-width)*2);
    inset-inline-start: calc(var(--green-shimmer-border-width)*-1);
    position: absolute;
    top: calc(var(--green-shimmer-border-width)*-1);
    width: calc(100% + var(--green-shimmer-border-width)*2);
    z-index: 1
}

.UpsellToggle-clickContainer.animate-shimmer:before {
    -webkit-animation: shimmer 1.25s ease;
    animation: shimmer 1.25s ease
}

.UpsellToggle-backgroundContainer {
    border-bottom-left-radius: var(--rounded);
    border-bottom-right-radius: var(--rounded);
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.UpsellToggle {
    background-color: var(--checkout-gray25);
    border-radius: calc(var(--rounded) - var(--green-shimmer-border-width));
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--space-4);
    padding: 12px var(--space-4)
}

.UpsellToggle-savingsMessage {
    -webkit-margin-end: var(--space-2);
    text-wrap: pretty;
    display: inline-block;
    margin-inline-end:var(--space-2);vertical-align: middle
}

.UpsellToggle .UpsellToggle-savingsMessageText {
    -webkit-margin-end: var(--space-1);
    margin-inline-end:var(--space-1)}

.UpsellToggle .SavingsBadge {
    margin-top: 1px
}

.UpsellToggle-clickContainer:not(.is-renderedOnLineItem) .UpsellToggle {
    margin: 0 auto;
    max-width: var(--checkout-app-tablet-constraint)
}

.UpsellToggle-price {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    align-self: center;
    text-align: end
}

.UpsellToggle--borderVeryRound,.UpsellToggle-backgroundContainer--borderVeryRound,.UpsellToggle-clickContainer--borderVeryRound,.UpsellToggle-clickContainer--borderVeryRound:before {
    border-radius: var(--very-rounded)
}

@media only screen and (max-width: 991.98px) {
    .UpsellToggle-backgroundContainer,.UpsellToggle-clickContainer {
        border-radius:var(--rounded)
    }

    .UpsellToggle-clickContainer:before {
        border-radius: calc(var(--rounded) + var(--green-shimmer-border-width))
    }

    .UpsellToggle-backgroundContainer--borderVeryRound,.UpsellToggle-clickContainer--borderVeryRound {
        border-radius: var(--very-rounded)
    }

    .UpsellToggle-clickContainer--borderVeryRound:before {
        border-radius: calc(var(--very-rounded) + var(--green-shimmer-border-width))
    }

    .UpsellToggle-clickContainer.is-renderedOnLineItem {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .UpsellToggle {
        border-radius:0;
        border-bottom-left-radius: calc(var(--rounded) - var(--green-shimmer-border-width));
        border-bottom-right-radius: calc(var(--rounded) - var(--green-shimmer-border-width));
        margin-top: 0
    }

    .UpsellToggle-clickContainer {
        display: none
    }

    .UpsellToggle-clickContainer.is-renderedOnLineItem {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .UpsellToggle--borderVeryRound,.UpsellToggle-backgroundContainer--borderVeryRound,.UpsellToggle-clickContainer--borderVeryRound,.UpsellToggle-clickContainer--borderVeryRound:before {
        border-radius: 0;
        border-bottom-left-radius: calc(var(--very-rounded) - var(--green-shimmer-border-width));
        border-bottom-right-radius: calc(var(--very-rounded) - var(--green-shimmer-border-width))
    }
}

.App-Container.js-global-border-style-square .UpsellToggle,.App-Container.js-global-border-style-square .UpsellToggle-backgroundContainer,.App-Container.js-global-border-style-square .UpsellToggle-clickContainer,.App-Container.js-global-border-style-square .UpsellToggle-clickContainer:before {
    border-radius: 0
}

.App-Container.js-global-dark-background .UpsellToggle-clickContainer {
    border: var(--border-lightBg)
}

.App-Container.js-global-dark-background .UpsellToggle {
    background-color: var(--checkout-lightGray25)
}

@media only screen and (min-width: 992px) {
    .App-Container.js-global-dark-background .UpsellToggle-clickContainer {
        border:var(--border-lightBg)
    }
}

@-webkit-keyframes shimmer {
    0% {
        background-position: 95%
    }

    to {
        background-position: 0
    }
}

@keyframes shimmer {
    0% {
        background-position: 95%
    }

    to {
        background-position: 0
    }
}

.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-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.js-global-border-style-square .Tabs.is-desktop .Tabs-TabListOverflowContainer {
    border-radius: 0
}

.Tabs.is-desktop.Tabs--borderVeryRound .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 {
    -webkit-margin-start: var(--space-3);
    margin-inline-start:var(--space-3)}

.Tabs.is-desktop .Tabs-TabListOverflowContainer {
    display: block;
    inset-inline-end: calc(var(--rounded)*-1);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    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 {
    -webkit-margin-start: 0;
    margin-inline-start: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 {
    -webkit-margin-start: var(--checkout-app-gutter-width);
    margin-inline-start:var(--checkout-app-gutter-width)}

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

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

.LinkPaymentForm--linkBranded .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer: last-of-type {
    -webkit-padding-end:calc(var(--checkout-app-gutter-width) + var(--link-container-spacing));
    padding-inline-end: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 {
        -webkit-margin-start:calc((100vw - var(--checkout-app-tablet-constraint))/2);
        margin-inline-start:calc((100vw - var(--checkout-app-tablet-constraint))/2)}

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

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

    .LinkPaymentForm--linkBranded .Tabs.is-mobile .Tabs-TabList>.Tabs-TabListItemContainer: last-of-type {
        -webkit-padding-end:calc((100vw - var(--checkout-app-tablet-constraint))/2 + var(--link-container-spacing));
        padding-inline-end: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 {
    -webkit-margin-start: 0;
    margin-inline-start:0}

.Tabs.is-mobile.is-insettabs .Tabs-TabList>.Tabs-TabListItemContainer:last-of-type {
    -webkit-padding-end: 0;
    padding-inline-end: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-margin-start: var(--space-2);
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-inline-start:var(--space-2)}

.Tabs.is-contenttabs .Tabs-TabListItemContainer,.Tabs.is-contenttabs .Tabs-TabListOverflowContainer {
    -webkit-margin-start: var(--space-2);
    margin-inline-start:var(--space-2)}

.Tabs .Tabs-TabListItemContainer: first-of-type {
    -webkit-margin-start:0;
    margin-inline-start: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: start;
    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.js-global-border-style-square .Tabs.is-icontabs .Tabs-TabListItem {
    border-radius: 0
}

.Tabs.is-icontabs.Tabs--borderVeryRound .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: "";
    inset-inline: 0;
    opacity: 0;
    position: absolute;
    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)
}

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

.App-Container .LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem:after,.App-Container.js-global-border-style-square .LinkPaymentForm--linkBranded .Tabs.is-icontabs .Tabs-TabListItem:after,.LinkPaymentForm--linkBranded .Tabs.is-icontabs.Tabs--borderVeryRound .Tabs-TabListItem:after {
    border-radius: var(--link-input-rounded)
}

.App-Container.js-global-border-style-square .Tabs.is-icontabs .Tabs-TabListItem:after {
    border-radius: 0
}

.Tabs.is-contenttabs .Tabs-TabListItem:after {
    background: #5469d4;
    height: 2px;
    inset-inline-start: -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 {
    inset-inline-end: 0;
    position: absolute;
    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.js-global-border-style-square .Tabs-TabListItem {
    border-radius: 0
}

.Tabs--borderVeryRound .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-margin-start: var(--space-1);
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-inline-start:var(--space-1);-webkit-order: 2;
    order: 2
}

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

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

.AnimatedTabPanel-group {
    --animatedTabPanelEnterOffset: 0px;
    --animatedTabPanelExitOffset: 0px;
    width: 100%
}

.AnimatedTabPanel-group--left {
    --animatedTabPanelEnterOffset: 8px;
    --animatedTabPanelExitOffset: -8px
}

.AnimatedTabPanel-group--right,[dir=rtl] .AnimatedTabPanel-group--left {
    --animatedTabPanelEnterOffset: -8px;
    --animatedTabPanelExitOffset: 8px
}

[dir=rtl] .AnimatedTabPanel-group--right {
    --animatedTabPanelEnterOffset: 8px;
    --animatedTabPanelExitOffset: -8px
}

.AnimatedTabPanel-group--reducedMotion {
    --animatedTabPanelEnterOffset: 0px;
    --animatedTabPanelExitOffset: 0px
}

.AnimatedTabPanel-group.is-entering {
    opacity: 0;
    -webkit-transform: translateX(var(--animatedTabPanelEnterOffset));
    -ms-transform: translateX(var(--animatedTabPanelEnterOffset));
    transform: translateX(var(--animatedTabPanelEnterOffset))
}

.AnimatedTabPanel-group.is-entering.is-interrupted,.AnimatedTabPanel-group.is-enteringActive {
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    transition-timing-function: ease
}

.AnimatedTabPanel-group.is-entering.is-interrupted,.AnimatedTabPanel-group.is-enteringActive,.AnimatedTabPanel-group.is-exiting {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.AnimatedTabPanel-group.is-exiting.is-interrupted,.AnimatedTabPanel-group.is-exitingActive {
    opacity: 0;
    -webkit-transform: translateX(var(--animatedTabPanelExitOffset));
    -ms-transform: translateX(var(--animatedTabPanelExitOffset));
    transform: translateX(var(--animatedTabPanelExitOffset));
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    transition-timing-function: ease
}

@media (prefers-reduced-motion:reduce) {
    .AnimatedTabPanel-group {
        --animatedTabPanelEnterOffset: 0px;
        --animatedTabPanelExitOffset: 0px
    }
}

.UpsellWithCrossSell {
    border: var(--border);
    border-radius: var(--rounded);
    margin-bottom: var(--space-4);
    margin-top: var(--space-4);
    max-width: 380px;
    width: 100%
}

.UpsellWithCrossSell .Tabs-TabPanelContainer {
    background-color: var(--checkout-gray25)
}

.UpsellWithCrossSell .Tabs-TabPanelContainer,.UpsellWithOptionalItem .Tabs-TabPanelContainer {
    border-radius: var(--rounded);
    border-top: var(--border-darkBg);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.UpsellWithOptionalItem .Tabs-TabPanelContainer {
    background-color: var(--checkout-white)
}

.UpsellWithCrossSell .OptionalItem-container {
    border: none;
    margin: 0;
    padding: 0
}

.App-Container.js-global-border-style-square .UpsellWithCrossSell,.App-Container.js-global-border-style-square .UpsellWithCrossSell .Tabs-TabPanelContainer {
    border-radius: 0
}

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

.UpsellWithCrossSell.UpsellWithCrossSell--borderVeryRound .Tabs-TabPanelContainer {
    border-bottom-left-radius: var(--very-rounded);
    border-bottom-right-radius: var(--very-rounded)
}

.App-Container.js-global-dark-background .UpsellWithCrossSell .Tabs-TabPanelContainer {
    background-color: var(--checkout-lightGray25);
    border-top: var(--border-lightBg)
}

.UpsellWithCrossSell .Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
    color: var(--checkout-gray800)
}

.UpsellWithCrossSell .Tabs.is-contenttabs .Tabs-TabListItem {
    color: var(--checkout-gray600)
}

.UpsellWithCrossSell .UpsellToggle,.UpsellWithCrossSell .UpsellToggle-backgroundContainer,.UpsellWithCrossSell .UpsellToggle-clickContainer:before,.UpsellWithCrossSell--borderVeryRound.UpsellWithCrossSell--borderVeryRound.UpsellWithCrossSell--borderVeryRound .UpsellToggle,.UpsellWithCrossSell--borderVeryRound.UpsellWithCrossSell--borderVeryRound.UpsellWithCrossSell--borderVeryRound .UpsellToggle-backgroundContainer,.UpsellWithCrossSell--borderVeryRound.UpsellWithCrossSell--borderVeryRound.UpsellWithCrossSell--borderVeryRound .UpsellToggle-clickContainer:before {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.App-Container.js-global-dark-background .UpsellWithCrossSell .Tabs.is-contenttabs .Tabs-TabListItem--is-selected {
    color: var(--checkout-white);
    opacity: 1
}

.App-Container.js-global-dark-background .UpsellWithCrossSell {
    border: var(--border-lightBg)
}

.App-Container.js-global-dark-background .UpsellWithCrossSell .CrossSellOffer-container,.App-Container.js-global-dark-background .UpsellWithCrossSell .UpsellToggle-clickContainer,.UpsellWithCrossSell .UpsellToggle-clickContainer {
    border: none
}

.UpsellWithCrossSell .Tabs-TabPanelContainer {
    margin-top: 0
}

.UpsellWithCrossSell .Tabs.is-mobile .Tabs-TabList {
    margin-bottom: 0
}

.UpsellWithCrossSell .Tabs-TabListItemContent {
    padding-bottom: 4px;
    padding-top: 4px
}

.UpsellWithCrossSell .Tabs.is-contenttabs {
    width: 100%
}

.UpsellWithCrossSell .Tabs.is-contenttabs .Tabs-TabList>.Tabs-TabListItemContainer:first-of-type {
    -webkit-margin-start: 16px;
    -webkit-margin-end: 8px;
    margin-inline-end:8px;margin-inline-start:16px}

.UpsellWithCrossSell .Tabs .Tabs-TabList {
    -webkit-margin-start: 0;
    box-shadow: none;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin-inline-start:0;max-width: 380px;
    padding-bottom: 0;
    width: 100%
}

.UpsellWithCrossSell .CrossSellOffer-outerContainer {
    inset-inline-start: 0;
    margin-bottom: 0;
    width: 100%
}

.UpsellOrCrossSellOrOptionalItemContainer-darkBackground .UpsellWithCrossSell .CrossSellOffer-container {
    border-top: var(--border-lightBg)
}

.UpsellWithCrossSell .CrossSellOffer-container {
    border: none
}

.App-Container.js-global-dark-background .UpsellWithCrossSell .Tabs.is-contenttabs .Tabs-TabListItem {
    color: var(--checkout-white)
}

.UpsellWithCrossSell .Tabs.is-contenttabs .Tabs-TabListItem:after {
    background: var(--checkout-gray800)
}

.App-Container.js-global-dark-background .UpsellWithCrossSell .Tabs.is-contenttabs .Tabs-TabListItem:after {
    background: var(--checkout-white)
}

.UpsellOrCrossSellOrOptionalItemContainer-singleColumnView {
    margin-top: var(--space-4);
    width: 100%
}

.UpsellOrCrossSellOrOptionalItemContainer-singleColumnView:empty {
    margin-top: 0
}

.UpsellOrCrossSellOrOptionalItemContainer-transition {
    --scalePresenceScaleOut: 0.98;
    --scalePresenceEnterDuration: 0.2s;
    --scalePresenceEnterDelay: 0.2s;
    --scalePresenceExitDuration: 0.2s;
    --scalePresenceExitDelay: 0s
}

.UpsellOrCrossSellOrOptionalItemContainer-presence {
    --animateSinglePresenceDurationHeight: 0.2s;
    --animateSinglePresenceEnterDurationOpacity: 0.2s;
    --animateSinglePresenceExitDurationOpacity: 0.2s
}

.UpsellOrCrossSellOrOptionalItemContainer-transition.is-entering {
    pointer-events: none
}

@media (prefers-reduced-motion:reduce) {
    .UpsellOrCrossSellOrOptionalItemContainer-transition {
        --scalePresenceEnterDuration: 0s;
        --scalePresenceEnterDelay: 0s;
        --scalePresenceExitDuration: 0s;
        --scalePresenceExitDelay: 0s
    }

    .UpsellOrCrossSellOrOptionalItemContainer-presence {
        --animateSinglePresenceDurationHeight: 0s;
        --animateSinglePresenceDelayHeight: 0s;
        --animateSinglePresenceEnterDurationOpacity: 0s;
        --animateSinglePresenceExitDurationOpacity: 0s;
        --animateSinglePresenceEnterDelayOpacity: 0s;
        --animateSinglePresenceExitDelayOpacity: 0s
    }
}