@import '_content/allpay.Razor.Components/allpay.Razor.Components.cqspj2bvbd.bundle.scp.css';

/* /Components/Components/InformationRow.razor.rz.scp.css */
.information-row[b-hfazl3cu3m] {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.payment-label[b-hfazl3cu3m] {
    color: var(--Colour-Text-text-primary, #4A4E57);
    font-size: 1rem;
    line-height: 1.5rem;
}

.payment-value[b-hfazl3cu3m] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    font-size: 1rem;
    line-height: 1.25rem;
}
/* /Components/Components/Loader.razor.rz.scp.css */
.loader-container[b-msogxtdpym] {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.3);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fade-loader[b-msogxtdpym] {
    opacity: 0;
    animation: fadeIn-b-msogxtdpym 0.2s forwards;
}

@keyframes fadeIn-b-msogxtdpym {
    to {
        opacity: 1;
    }
}
/* /Components/Components/LocalisationDropdown.razor.rz.scp.css */
[b-cx1b1c9n6j] .localisation-dropdown {
    color: var(--light-mode-primary-text-colour);
}

[b-cx1b1c9n6j] .borderless-placeholder {
    color: var(--light-mode-primary-text-colour);
}
/* /Components/Components/PaymentHeader.razor.rz.scp.css */
.wallet-summary[b-q2gnpp9qj6] {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    margin-bottom: 48px;
}

.wallet-title[b-q2gnpp9qj6] {
    color: var(--Colour-Text-text-primary, #4A4E57);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
}

.wallet-value[b-q2gnpp9qj6] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    text-align: center;
    font-size: 2rem;
    line-height: 2.25rem;
}
/* /Components/Components/PaymentProcessing.razor.rz.scp.css */
.wait-information[b-2omo0yg8z2] {
    display: flex;
    height: 122px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-spacing-sm, 8px);
}

.wait-total[b-2omo0yg8z2] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    font-size: 1rem;
    line-height: 1.25rem;
}

.wait-amount[b-2omo0yg8z2] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    font-size: 2rem;
    line-height: 2.25rem;
    max-width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wait-secure[b-2omo0yg8z2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.wait-secure-text[b-2omo0yg8z2] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    font-size: 0.75rem;
    line-height: 1rem;
}

.payment-processing-note[b-2omo0yg8z2] {
    text-align: center;
    width: 250px;
}

.payment-processing-heading[b-2omo0yg8z2] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    font-size: 1rem;
    line-height: 1.25rem;
}

.payment-processing-message[b-2omo0yg8z2] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 16px;
}
/* /Components/Components/PaymentsDivider.razor.rz.scp.css */
.section-divider-container[b-irbml2vqw6] {
    display: inline-flex;
    width: 100%;
    align-items: center;
}

.divider-line[b-irbml2vqw6] {
    flex: 1;
    height: 1px;
    background: #B7B8BC;
}

.divider-text[b-irbml2vqw6] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 16px;
}
/* /Components/Components/SelectionItem.razor.rz.scp.css */
button[b-qx6243gfbo] {
    width: 100%;
    display: flex;
    padding: 12px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    border-radius: var(--Radius-radius-small, 8px);
    border: 1px solid var(--Colour-Text-text-tertiary, #DBDCDD);
    background: var(--Colour-Surface-surface-secondary, #F9F9F9);
}

.header-row[b-qx6243gfbo] {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
}

.item-header[b-qx6243gfbo] {
    color: var(--Colour-Text-text-primary, #4A4E57);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
}

.icon-not-selected[b-qx6243gfbo],
[b-qx6243gfbo] .icon-selected {
    border-radius: var(--Radius-radius-full, 1440px);
}

[b-qx6243gfbo] .icon-selected {
    color: var(--icon-tick-colour) !important;
}

.icon-not-selected[b-qx6243gfbo] {
    height: 16px;
    width: 16px;
    border: 1px solid var(--Colour-Border-Border-secondary, #B7B8BC);
}

.option-text[b-qx6243gfbo] {
    text-align: left;
    color: var(--Colour-Text-text-primary, #4A4E57);
    font-size: 0.875rem;
    line-height: 1.25rem;
}
/* /Components/Components/TitleHeader.razor.rz.scp.css */
.description-container.centered[b-1olgh21hk0] {
    text-align: center;
}

.description-header[b-1olgh21hk0] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.description-content[b-1olgh21hk0] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 8px;
}
/* /Components/Components/WalletSection.razor.rz.scp.css */
.wallet-section-component[b-31kk7tmgm8] {

}

.wallet-section-title[b-31kk7tmgm8] {
    color: var(--Colour-Text-text-primary, #4A4E57);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
}

.wallet-section-content[b-31kk7tmgm8] {
    margin-top: 16px;
}
/* /Components/Layout/BottomButtons.razor.rz.scp.css */
.bottom-buttons-container[b-vgpn2enjwg] {
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: 100%;
    justify-content: center;
    background: inherit;
}


.button-wrapper[b-vgpn2enjwg] {
    display: flex;
    justify-content: space-between;
    height: fit-content;
}

    .button-wrapper.single-button[b-vgpn2enjwg] {
        justify-content: flex-end;
    }

        .button-wrapper.single-button.centered[b-vgpn2enjwg] {
            justify-content: center;
        }

@media (max-width: 767px) {
    [b-vgpn2enjwg] .footer-container {
        background: #ffffff !important;
    }

    .bottom-buttons-container.sticky[b-vgpn2enjwg] {
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        height: fit-content;
        border-top: 1px solid var(--Colour-Surface-surface-moderate, #DBDCDD);
        padding: 16px;
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
        z-index: 999;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        gap: 12px;
        background: var(--white, #FFF);
        margin-top: auto;
    }

    .sticky .button-wrapper[b-vgpn2enjwg] {
        flex-direction: column-reverse;
        gap: 16px;
    }

    /* Optional CTA skin for the JS-created button when it has .footer-fullwidth-button */
    [b-vgpn2enjwg] .bottom-buttons-container.sticky .footer-fullwidth-button {
        width: 100%;
        height: 48px !important;
    }
}
/* /Components/Layout/HeaderBanner.razor.rz.scp.css */
header[b-rvm1vahq8e] {
    display: flex;
    padding: 16px var(--Spacing-spacing-lg, 24px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    position: fixed;
    width: -webkit-fill-available;
    z-index: 999;
}

.logo-link[b-rvm1vahq8e] {
    display: flex;
    align-items: center;
    height: 100%;
    width: auto;
}

.logo-link:focus-visible[b-rvm1vahq8e] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.logo[b-rvm1vahq8e] {
    height: 100%;
    object-fit: contain;
    width: auto;
}

[b-rvm1vahq8e] .optionsmenu-container,
[b-rvm1vahq8e] .optionsmenu-icon {
    background: transparent;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-layout[b-52g7kjx8vo] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    width: 100%;
}
/* /Components/Layout/ReturnButton.razor.rz.scp.css */
.return-button-container[b-rm43l9alai] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: flex-start;
}

.return-button-container :deep button[b-rm43l9alai] {
    font-weight: bold;
}

/* /Components/Pages/ContactSupport.razor.rz.scp.css */
.support-container[b-oypc2juuyc] {
    margin-top: 32px;
    width: 340px;
}

header[b-oypc2juuyc] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 16px;
}

.support-description[b-oypc2juuyc] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 24px;
}

.support-email[b-oypc2juuyc],
.support-phone-number[b-oypc2juuyc] {
    display: block;
    width: fit-content;
    justify-self: center;
    color: var(--Colour-Text-text-brand, #002E5F);
    text-align: center;
    font-size: 1rem;
    line-height: 1.25rem;
    text-decoration: none;
}

.support-email[b-oypc2juuyc] {
    margin-bottom: 24px;
}
/* /Components/Pages/GiftAid.razor.rz.scp.css */
.gift-aid-header[b-yz3jypnixp] {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.gift-aid-title[b-yz3jypnixp] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.gift-aid-options-container[b-yz3jypnixp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-spacing-md, 16px);
    align-self: stretch;
}

[b-yz3jypnixp] .select-checkbox {
    border: none !important;
}

[b-yz3jypnixp] i {
    color: #ffffff !important;
}

[b-yz3jypnixp] .gift-aid-yes-pill {
    padding: 30px;
}

@media (max-width: 767px) {
    [b-yz3jypnixp] .gift-aid-yes-pill {
        padding: 32px;
        border-radius: 8px !important;
    }
}
/* /Components/Pages/Index.razor.rz.scp.css */
[b-pzd1wojmai] button,
[b-pzd1wojmai] div:focus-visible,
[b-pzd1wojmai] .page-focus,
[b-pzd1wojmai] li:focus-visible,
.gpay-card-info-container:focus-visible[b-pzd1wojmai] {
    outline-color: #002E5F !important;
}

.gpay-card-info-container:focus[b-pzd1wojmai] {
    outline-offset: 2px !important;
}

[b-pzd1wojmai] .content-visible,
[b-pzd1wojmai] .widget-filled-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
}

[b-pzd1wojmai] .footer-container {
    margin-top: auto;
    align-items: flex-start !important;
    border-top: 1px solid #DBDCDD;
    padding-top: 12px;
    width: 100%;
}

.page-actions-row[b-pzd1wojmai] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

    .page-actions-row[b-pzd1wojmai]  .return-button-container {
        width: auto;
        margin: 0;
        margin-left: -16px;
        flex-shrink: 0;
    }

    .page-actions-row[b-pzd1wojmai]  .bottom-buttons-container {
        margin: 0;
        flex: 1;
    }

.details-actions-row .mobile-return-link[b-pzd1wojmai] {
    display: none;
}

.details-actions-row .desktop-return-link[b-pzd1wojmai] {
    display: block;
}

@media (max-width: 767px) {
    .page-actions-row[b-pzd1wojmai] {
        display: block;
    }

    .details-actions-row[b-pzd1wojmai] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

        .details-actions-row .desktop-return-link[b-pzd1wojmai] {
            display: none;
        }

        .details-actions-row .mobile-return-link[b-pzd1wojmai] {
            display: block;
            width: 100%;
        }

        .details-actions-row[b-pzd1wojmai]  .bottom-buttons-container {
            width: 100%;
            flex: 0 0 auto;
        }

        .details-actions-row .mobile-return-link[b-pzd1wojmai]  .return-button-container {
            width: 100%;
            margin: 0;
            justify-content: center;
        }

    [b-pzd1wojmai] .page-container:has(.bottom-buttons-container.sticky) {
        padding-bottom: calc(75px + env(safe-area-inset-bottom));
    }

    [b-pzd1wojmai] .page-container:has(.bottom-buttons-container.sticky.both-buttons) {
        padding-bottom: calc(144px + env(safe-area-inset-bottom));
    }

    [b-pzd1wojmai] .page-container:has(.bottom-buttons-container.sticky .mobile-return-link .return-button-container) {
        padding-bottom: calc(184px + env(safe-area-inset-bottom));
    }
}


[b-pzd1wojmai] .information-container {
    align-items: flex-start !important;
}

[b-pzd1wojmai] .footer-container .company-container {
    align-items: flex-start !important;
}


[b-pzd1wojmai] .page-wrapper {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

    [b-pzd1wojmai] .page-wrapper.loading {
        display: none;
        width: 80%;
        align-self: center;
        padding: 24px !important;
    }

.app-body-container[b-pzd1wojmai] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

.progress-container[b-pzd1wojmai] {
    margin-top: 32px;
    width: 100%;
    padding: 0
}

[b-pzd1wojmai] .progress-container .allpay-progress-bar,
[b-pzd1wojmai] .progress-container [class*="progress"] {
    padding: 0 !important;
    margin: 0 !important;
}

.page-container[b-pzd1wojmai] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-spacing-lg, 24px);
    align-self: stretch;
    margin: 0px 24px;
    padding-top: 64px;
    transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.4s cubic-bezier(0.4,0,0.2,1);
    position: relative;
    flex: 1 1 auto;
}

/*Wallet*/
.page-wallet[b-pzd1wojmai] {
    width: 100%;
}

.wallet-add-container[b-pzd1wojmai] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 0;
    align-self: stretch;
    width: 100%;
    padding-bottom: 64px;
}

.digital-wallet-container[b-pzd1wojmai],
.wallet-add-container[b-pzd1wojmai] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.digital-wallet-container[b-pzd1wojmai] {
    margin-bottom: 32px;
}

.digital-payments-component[b-pzd1wojmai] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

[b-pzd1wojmai] .digital-payments-component > * {
    flex: 1;
}

.google-button[b-pzd1wojmai],
.apple-pay-button[b-pzd1wojmai] {
    width: 100%;
}

.section-divider-container[b-pzd1wojmai] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #6D7078;
    font-size: .9rem;
    margin: 10px 0;
}

.new-card-toggle-row[b-pzd1wojmai] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    width: 100%;
}

.new-card-default[b-pzd1wojmai] {
    display: flex;
    align-items: center;
}

.new-card-expiry-cvv[b-pzd1wojmai] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    width: 100%;
}

[b-pzd1wojmai] input::-ms-reveal,
[b-pzd1wojmai] input::-ms-clear {
    display: none !important;
}

[b-pzd1wojmai] .toggle-container-no-content {
    height: 32px;
}

[b-pzd1wojmai] .icon-toggle-highlight.toggle-highlight-true {
    height: 24px;
    width: 24px;
}

[b-pzd1wojmai] .icon-toggle-highlight.toggle-highlight-false {
    height: 24px;
    width: 24px;
}

[b-pzd1wojmai] .icon-toggle-label-left-true {
    height: 24px;
    width: 24px;
    margin-left: 0px;
}

[b-pzd1wojmai] .icon-toggle-label-left-false {
    height: 24px;
    width: 24px;
}

[b-pzd1wojmai] .icon-toggle-label-right-true {
    height: 24px;
    width: 24px;
}

[b-pzd1wojmai] .icon-toggle-label-right-false {
    height: 24px;
    width: 24px;
}

[b-pzd1wojmai] .label-container {
    height: 24px;
    width: 51px;
}

[b-pzd1wojmai] .fullwidth-button {
    width: 100%;
    height: 48px !important;
}

[b-pzd1wojmai] .address-container {
    border: none;
    box-shadow: none;
    width: 100%;
    padding: 0;
}

    [b-pzd1wojmai] .address-container.editing {
        box-shadow: none;
    }

[b-pzd1wojmai] .icon-color {
    color: #92959A;
}

[b-pzd1wojmai] .icon {
    height: fit-content;
    width: fit-content;
}

[b-pzd1wojmai] .address-edit-form {
    gap: 16px;
}

[b-pzd1wojmai] .allpay-icon-button [class^="btn-"], .allpay-icon-button [class*=" btn-"][b-pzd1wojmai] {
    align-items: unset;
}

[b-pzd1wojmai] [class^="btn-"].large, [class*=" btn-"].large[b-pzd1wojmai] {
    height: fit-content;
    width: fit-content;
}

[b-pzd1wojmai] .card-cvv-component input {
    width: Calc(50vw - 50px);
}

[b-pzd1wojmai] .allpay-button [class^="btn-"], .allpay-button [class*=" btn-"][b-pzd1wojmai] {
    min-height: 44px;
}

[b-pzd1wojmai] .card-number-icon {
    top: 10px;
}

[b-pzd1wojmai] .allpay-input, .allpay-select[b-pzd1wojmai], .allpay-textarea[b-pzd1wojmai] {
    min-height: 44px;
}

.card-number-input[b-pzd1wojmai] {
    min-height: 44px;
}

[b-pzd1wojmai] .insideend-icon {
    color: #6D7078;
}

[b-pzd1wojmai] .card-cvv-inner .allpay-label-wrapper {
    width: fit-content;
}

[b-pzd1wojmai] .address-card {
    gap: 0;
}

[b-pzd1wojmai] .card-number-container {
    position: relative;
    min-width: 250px;
    width: 100%;
}

[b-pzd1wojmai] .card-number-icon {
    position: absolute;
    top: 8px;
    left: 8px;
}

[b-pzd1wojmai] .card-number-icon-visa {
    margin-top: 3.5px;
}

[b-pzd1wojmai] .card-number-input {
    display: flex;
    padding: 8px 8px 8px 36px;
    align-items: flex-start;
    align-self: stretch;
    border: 1px solid var(--neutral-300, #DBDBDB);
    background: var(--Colour-Surface-surface-primary, #FFF);
    width: 100%;
    transition: border 0.2s ease-in-out;
    font-size: 1rem;
    color: var(--Colour-Text-text-secondary, #6D7078);
    line-height: 22px;
    letter-spacing: 0.1rem;
    font-variant-numeric: tabular-nums;
}

[b-pzd1wojmai] .no-spinner::-webkit-inner-spin-button,
[b-pzd1wojmai] .no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[b-pzd1wojmai] .no-spinner {
    -moz-appearance: textfield;
    appearance: textfield;
}

[b-pzd1wojmai] .active {
    display: block !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease-in-out;
}

[b-pzd1wojmai] .card-number-input:hover:not(.numericfield-flagerror) {
    border: 1px solid var(--Colour-Border-Border-primary, #6D7078);
}

[b-pzd1wojmai] .card-number-input:focus {
    outline: none;
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px var(--Colour-Border-Border-brand, #002E5F);
}

[b-pzd1wojmai] .card-number-input:read-only, .card-number-input[readonly][b-pzd1wojmai] {
    background: var(--Colour-Surface-surface-primary, #FFF);
    border: 1px solid var(--Colour-Border-Border-tertiary, #EDEDEE);
    cursor: text;
}

[b-pzd1wojmai] .card-number-input:disabled {
    color: var(--Colour-Surface-surface-moderate, #DBDCDD);
    background-color: var(--Colour-Surface-surface-primary, #FFF);
    border: 1px solid var(--Colour-Surface-surface-moderate, #DBDCDD);
    cursor: not-allowed;
}

[b-pzd1wojmai] .numericfield-flagerror {
    border: 1px solid var(--Colour-Semantic-Error-Error-primary, #BC1010) !important;
    box-shadow: 0;
}

    [b-pzd1wojmai] .numericfield-flagerror:focus-within {
        border: 1px solid transparent;
        box-shadow: 0 0 0 2px var(--Colour-Semantic-Error-Error-primary, #BC1010) !important;
    }

    [b-pzd1wojmai] .numericfield-flagerror ~ .allpay-floating-label-js {
        color: var(--Colour-Semantic-Error-Error-primary, #BC1010) !important;
    }

[b-pzd1wojmai] .allpay-textfield-js .error-message,
[b-pzd1wojmai] .card-number-container .error-message {
    margin-top: 6px;
    font-size: .85rem;
    color: #D92D20 !important;
}

*[b-pzd1wojmai]::placeholder,
[b-pzd1wojmai] .card-number-input:not(:placeholder-shown) ~ .allpay-no-floating-label {
    color: var(--Colour-Text-text-secondary, #6D7078);
    font-weight: 400;
    font-size: 1rem !important;
}

[b-pzd1wojmai] .card-form {
    gap: 16px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

[b-pzd1wojmai] .allpay-textfield-js {
    position: relative;
    padding: 0;
    gap: 5px;
    width: 100%;
}

[b-pzd1wojmai] .address-fullname-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

[b-pzd1wojmai] .contact-name-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

[b-pzd1wojmai] .email-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

[b-pzd1wojmai] .new-card-address {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-pzd1wojmai] .input-supporting-text {
    padding: 0 !important;
}

/* input fields */
[b-pzd1wojmai] .allpay-input-js {
    font-size: 1rem;
    padding: var(--Spacing-spacing-sm, 8px) 16px;
    width: 100%;
    color: var(--Colour-Text-text-secondary, #6D7078);
    background: var(--Colour-Surface-surface-primary, #FFF);
    border: 1px solid var(--neutral-300, #DBDBDB);
    gap: var(--Spacing-spacing-sm, 8px);
    line-height: 1.375rem;
    transition: border 0.2s ease-in-out;
    box-shadow: none;
}

    [b-pzd1wojmai] .allpay-input-js:focus.textfield-input-js {
        border: 0;
        box-shadow: none;
    }

    [b-pzd1wojmai] .allpay-input-js:focus-visible {
        outline-color: #002E5F;
    }

[b-pzd1wojmai] .allpay-floating-label-js {
    position: absolute;
    top: -1px;
    left: 12px;
    transform: translateY(-50%);
    font-size: 0.75rem;
    line-height: 1.25;
    padding: 0 5px;
    color: var(--Colour-Text-text-secondary, #6D7078);
    background-image: linear-gradient(to bottom, #f4f4f5, #f4f4f5, #fff, #fff);
    transition: 0.2s ease all;
    pointer-events: none;
}

[b-pzd1wojmai] input:-internal-autofill-selected ~ .allpay-floating-label-js {
    background-image: linear-gradient(to bottom, #f4f4f5, #f4f4f5, #e8f0fe, #e8f0fe) !important;
}

[b-pzd1wojmai] .allpay-no-floating-label-js,
.allpay-input-js:not(:placeholder-shown) ~ .allpay-no-floating-label-js[b-pzd1wojmai] {
    position: absolute;
    color: var(--Colour-Text-text-secondary, #6D7078);
    top: 6px;
    left: 16px;
    font-size: 1rem;
    padding-top: 3px;
    transition: top 0.2s linear;
}

[b-pzd1wojmai] .allpay-input-js ~ .allpay-floating-label-js,
.allpay-input-js:not(:placeholder-shown) ~ .allpay-floating-label-js[b-pzd1wojmai] {
    top: -1px;
    left: 12px;
    font-size: 0.75rem;
    color: var(--Colour-Text-text-secondary, #6D7078);
    padding-left: 5px !important;
    background-color: #F4F4F5 !important;
}

[b-pzd1wojmai] .help-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 2;
}

[b-pzd1wojmai] .help-box {
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 180px;
    max-width: 260px;
    padding: 12px 16px;
    background: #2E2E2E;
    color: #FFF;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    display: none;
}

    [b-pzd1wojmai] .help-icon:active + .help-box,
    [b-pzd1wojmai] .help-icon:focus + .help-box,
    [b-pzd1wojmai] .help-box:active,
    [b-pzd1wojmai] .help-box:focus {
        display: block;
    }

/* CTA skin for submit-style buttons used in the form */
[b-pzd1wojmai] .submit-button {
    background-color: var(--Colour-Surface-surface-CTA, #01F197);
    color: var(--Colour-Text-text-CTA, #002E5F);
    border: 2px solid transparent;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: initial;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    height: 40px;
    padding: var(--Spacing-spacing-sm, 10px) var(--Spacing-spacing-lg, 24px);
    width: 100%;
}

    [b-pzd1wojmai] .submit-button:hover {
        background-color: var(--Colour-Surface-surface-CTA-strong, #99f9d5);
    }

    [b-pzd1wojmai] .submit-button:disabled {
        background-color: var(--Colour-Surface-surface-secondary, #F9F9F9);
        color: var(--Colour-Text-text-tertiary, #DBDCDD);
        border-color: transparent;
        cursor: default;
    }

/* Legacy bars kept for compatibility but neutral to avoid conflicts if present */
[b-pzd1wojmai] .bottom-button-bar-side {
    padding: 0;
    left: unset;
    width: 100%;
}

[b-pzd1wojmai] .bottom-button-bar {
    position: static;
    bottom: auto;
    background: transparent;
    display: contents;
    padding: 0;
    width: 100%;
    left: auto;
    z-index: auto;
}

/*Gift Aid*/
.gift-aid[b-pzd1wojmai] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-spacing-lg, 24px);
    align-self: stretch;
}

/*Review & Confirm*/
.review-confirm[b-pzd1wojmai] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-spacing-xl, 48px);
    align-self: stretch;
}

[b-pzd1wojmai] .information-row-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-spacing-sm, 8px);
    align-self: stretch;
}

.payment-notice[b-pzd1wojmai] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.payment-processing[b-pzd1wojmai] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    flex: 1;
    width: 100%;
    min-height: 60dvh;
}

.additional-security[b-pzd1wojmai] {
    width: 100%;
    height: calc(75dvh - 148px);
    margin-top: 16px;
    padding-bottom: calc(68px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.three-d-secure-explanation[b-pzd1wojmai] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 16px;
    border: 1px solid var(--Colour-Border-Border-tertiary, #EDEDEE);
    border-radius: 12px;
    background: var(--Colour-Surface-surface-secondary, #F9F9F9);
    color: var(--Colour-Text-text-primary, #4A4E57);
}

.three-d-secure-explanation h2[b-pzd1wojmai],
.three-d-secure-explanation p[b-pzd1wojmai] {
    margin: 0;
}

.three-d-secure-explanation h2[b-pzd1wojmai] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

.three-d-secure-explanation p[b-pzd1wojmai] {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--Colour-Text-text-secondary, #6D7078);
}

.three-d-secure-explanation-desktop[b-pzd1wojmai] {
    display: none;
}

.three-d-secure-mobile-help[b-pzd1wojmai] {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 25;
    border: 1px solid var(--Colour-Border-Border-tertiary, #EDEDEE);
    border-radius: 14px;
    background: var(--Colour-Surface-surface-primary, #FFFFFF);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.three-d-secure-mobile-help > summary[b-pzd1wojmai] {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
}

.three-d-secure-mobile-help > summary[b-pzd1wojmai]::-webkit-details-marker {
    display: none;
}

.three-d-secure-mobile-help > summary[b-pzd1wojmai]::after {
    content: "\2303";
    font-size: 0.875rem;
    color: var(--Colour-Text-text-secondary, #6D7078);
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

.three-d-secure-mobile-help[open] > summary[b-pzd1wojmai]::after {
    transform: rotate(0deg);
}

.three-d-secure-mobile-help > summary:focus-visible[b-pzd1wojmai] {
    outline: 2px solid var(--Colour-Text-text-link-primary, #0052B2);
    outline-offset: -2px;
}

.three-d-secure-mobile-help-title[b-pzd1wojmai] {
    padding-right: 12px;
}

.three-d-secure-explanation-mobile[b-pzd1wojmai] {
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    border-top: 1px solid var(--Colour-Border-Border-tertiary, #EDEDEE);
    max-height: min(46dvh, 360px);
    overflow-y: auto;
}

.three-d-secure-iframe[b-pzd1wojmai] {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    border: 0;
    border-radius: 12px;
    background: var(--Colour-Surface-surface-secondary, #F9F9F9);
}

@media (min-width: 1300px) {
    .additional-security[b-pzd1wojmai] {
        height: calc(75dvh - 148px);
        padding-bottom: 0;
    }

    .three-d-secure-mobile-help[b-pzd1wojmai] {
        display: none;
    }

    .three-d-secure-explanation-desktop[b-pzd1wojmai] {
        display: flex;
    }
}

/* Enough side margin beside centred 640px widget to float explanation as a side helper card */
@media (min-width: 1300px) {
    .additional-security[b-pzd1wojmai] {
        height: auto;
    }

    .three-d-secure-explanation-desktop[b-pzd1wojmai] {
        position: fixed;
        left: 32px;
        top: 50%;
        transform: translateY(-50%);
        width: 280px;
        max-height: calc(100dvh - 64px);
        overflow-y: auto;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        z-index: 20;
    }

    .three-d-secure-iframe[b-pzd1wojmai] {
        height: calc(75vh - 148px);
    }
}

/*Payment receipt*/
.payment-receipt[b-pzd1wojmai] {
    margin-top: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*Animation*/
/* Slide out to left, slide in from right */
.slide-left[b-pzd1wojmai] {
    animation: slideLeftOutIn-b-pzd1wojmai 0.4s;
}

.slide-right[b-pzd1wojmai] {
    animation: slideRightOutIn-b-pzd1wojmai 0.4s;
}

.apple-pay-button[b-pzd1wojmai] {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: buy;
    -apple-pay-button-style: black;
    height: 48px;
    width: 100%;
}

.apple-pay-button-black[b-pzd1wojmai] {
    -apple-pay-button-style: black;
}

@keyframes slideLeftOutIn-b-pzd1wojmai {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    49% {
        opacity: 0;
        transform: translateX(-100%);
    }

    50% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideRightOutIn-b-pzd1wojmai {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    49% {
        opacity: 0;
        transform: translateX(100%);
    }

    50% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Desktop behaviour remains full width at bottom */
@media (min-width: 768px) {
    /* No width reduction on large screens, keep full width along the bottom */
    .page-container[b-pzd1wojmai] {
        height: 100%;
        width: 640px;
        margin: auto;
        padding: 0 24px;
        padding-top: 64px;
        padding-bottom: 0;
    }

    .wallet-add-container[b-pzd1wojmai] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;
    }
}

.pay-by-bank-page[b-pzd1wojmai] {
    display: flex;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding-top: 24px;
    height: 65vh;
}

.pbb-form-container[b-pzd1wojmai] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

[b-pzd1wojmai] .optionsmenu-dropdown {
    border-radius: 0px !important;
}
/* /Components/Pages/Maintenance.razor.rz.scp.css */
p[b-1rfcscu5a8] {
    margin: 0;
}

.maintenance-container[b-1rfcscu5a8] {
    position: relative;
    width: 100%;
    height: 100%;
    align-content: center;
    place-items: center;
    text-align: center;
    overflow: hidden;
}

    .maintenance-container[b-1rfcscu5a8]::before {
        content: "";
        position: absolute;
        top: -15%;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/images/maintenance-offline.png');
        background-size: cover;
        background-position: center;
        z-index: 0;
        pointer-events: none;
    }

.centered-text-container[b-1rfcscu5a8] {
    position: absolute;
    left: 50%;
    top: 75%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 80%;
}

.offline-header[b-1rfcscu5a8] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    font-size: 1.5rem;
    line-height: 2rem;
}

.maintenance-message[b-1rfcscu5a8],
.positive-message[b-1rfcscu5a8] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    font-size: 1rem;
    line-height: 1.75rem;
}

/* Desktop behaviour remains full width at bottom */
@media (min-width: 768px) {
    .centered-text-container[b-1rfcscu5a8] {
        gap: 36px;
        width: 600px;
    }

    .offline-header[b-1rfcscu5a8] {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .maintenance-message[b-1rfcscu5a8],
    .positive-message[b-1rfcscu5a8] {
        font-size: 1.5rem;
        line-height: 2.25rem;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
p[b-9xz2xktav0] {
    margin: 0;
}

.error-container[b-9xz2xktav0] {
    display: flex;
    width: 100%;
    height: 100%;
}

.image-container[b-9xz2xktav0] {
    position: relative;
    width: 100%;
    min-height: 60vh;
    display: grid;
    place-items: center;
    text-align: center;
    overflow: hidden;
    margin-top: 5%;
}

    .image-container[b-9xz2xktav0]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/images/error-background.png');
        max-width: 750px;
        margin: 0 auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: -1;
        pointer-events: none;
    }

header[b-9xz2xktav0] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
}

.centered-text-container[b-9xz2xktav0] {
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 80%;
}

/* Desktop behaviour */
@media (min-width: 768px) {
    header[b-9xz2xktav0] {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}
/* /Components/Pages/PaymentDetails.razor.rz.scp.css */
.page-details-container[b-qfat6sunj0] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
}

.input-container[b-qfat6sunj0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: auto 0px;

}
/* /Components/Pages/PaymentError.razor.rz.scp.css */
[b-vhfnr48216] .allpay-button {
    width: fit-content;
}

[b-vhfnr48216] .btn-positive {
    color: #002E5F;
}

.error-container[b-vhfnr48216] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-top: 32px;
    align-items: center;
    gap: 24px;
    text-align: center;
}

.icon-container[b-vhfnr48216] {
    border: 3px solid #4A4E57;
    border-radius: 1440px;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header[b-vhfnr48216] {
    color: var(--Colour-Text-text-primary-heading, #2C2F34);
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 16px;
}

.error-description[b-vhfnr48216] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
}

.support-container[b-vhfnr48216] {
    justify-items: center;
    margin-bottom: 80px;
}

.support-text[b-vhfnr48216] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
/* /Components/Pages/PaymentReceipt.razor.rz.scp.css */
.receipt-headers[b-rdc0oi8edz] {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.download-receipt-container[b-rdc0oi8edz] {
    margin-top: 48px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.receipt-download-error[b-rdc0oi8edz] {
    color: var(--Colour-Semantic-Error-Error-primary, #BC1010);
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.failed-payment-container[b-rdc0oi8edz] {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.contact-support-container[b-rdc0oi8edz] {
    text-align: center;
}

.failed-subtitle[b-rdc0oi8edz] {
    color: var(--Colour-Text-text-secondary, #6D7078);
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.125rem;
}