/**
 * @author    mypresta.rocks <info@mypresta.rocks>
 * @copyright Copyright (c) mypresta.rocks
 * @license   Commercial license, only to use on restricted domains
 */

:root {
    --mpr-stripe-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --mpr-stripe-font-weight: 400;
    --mpr-stripe-font-size: 14px;
    --mpr-stripe-line-height: 20px;

    --mpr-stripe-transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);

    --mpr-stripe-fs-xxs: 0.6rem;
    --mpr-stripe-fs-xs: 0.75rem;
    --mpr-stripe-fs-sm: 0.875rem;
    --mpr-stripe-fs-md: 1rem;
    --mpr-stripe-fs-lg: 1.125rem;
    --mpr-stripe-fs-xl: 1.25rem;
    --mpr-stripe-fs-2xl: 1.5rem;
    --mpr-stripe-fs-4xl: 3rem;

    --mpr-stripe-fs-h-sm: 12px;
    --mpr-stripe-fs-h-md: 14px;
    --mpr-stripe-fs-h-lg: 16px;
    --mpr-stripe-fs-h-xl: 20px;

    --mpr-stripe-lh-h-md: 20px;

    --mpr-stripe-lh-tight: 1.25;
    --mpr-stripe-lh-normal: 1.5;
    --mpr-stripe-lh-relaxed: 1.6;

    --mpr-stripe-pd-sd: 4px;
    --mpr-stripe-pd-md: 8px;
    --mpr-stripe-pd-lg: 16px;

    --mpr-stripe-border-radius-sm: 4px;
    --mpr-stripe-border-radius-md: 8px;

    --mpr-stripe-color-light: rgb(255, 255, 255);
    --mpr-stripe-color-dark: rgb(26, 27, 37);
    --mpr-stripe-bg-active: #f8f9fa;
    --mpr-stripe-bg-disabled: #eee;

    --mpr-stripe-border: 1px solid rgba(64, 68, 82, 0.16);
    --mpr-stripe-border-light: 1px solid rgba(64, 68, 82, 0.08);
    --mpr-stripe-border-subtle: 1px solid rgba(64, 68, 82, 0.12);
    --mpr-stripe-border-color: rgba(64, 68, 82, 0.16);

    --mpr-stripe-bg-color-info: #3B82F6;
    --mpr-stripe-bg-color-success: #10B981;
    --mpr-stripe-bg-color-lt-warning: #FEF3C7;
    --mpr-stripe-bg-color-warning: #F59E0B;
    --mpr-stripe-bg-color-danger: #DC2626;
    --mpr-stripe-bg-color-refund: #7C3AED;

    --mpr-stripe-icon-color-primary: rgb(54, 58, 65);

    --mpr-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.08) 0px 2px 5px 0px;
}

#js-product-list {
    .mpr-ec-btn-container {
        flex-direction: column;
        gap: 4px;

        .mpr-ec-btn {
            width: 100%;
            justify-content: center;
        }
    }
}


.mpr-ec-btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    .mpr-ec-btn {
        justify-content: center;

        .processing-text {
            margin-left: 30px;
        }
    }
}

#toggle-mpr-ec-btns {
    padding: 0;
    border: none;
    outline: none;

    &:focus,
    &:active {
        border: none;
        outline: none;
    }
}

#toggle-mpr-ec-btns i {
    margin: 0;
}

.product-add-to-cart {
    .product-quantity {
        flex-wrap: wrap;
    }
}

.mpr-ec-btn {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 12px 20px;

    width: max-content;
    max-width: 100%;
    clear: both;
    border: 0;
    border-radius: var(--mpr-stripe-border-radius-md);

    @container (max-width: 280px) {
        .mpr-ec-btn {
            flex-direction: column;
            gap: 8px;
        }
    }

    .mi-images-wrapper {
        display: flex;
        gap: 8px;

        .mi-images {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 3px;
            vertical-align: middle;
            align-items: center;

            &:has(img:only-child) {
                grid-template-columns: 1fr;
            }

            img {
                width: 100%;
                max-width: 60px;
            }
        }
    }

    & .btn-content-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    & .btn-loading-wrapper {
        display: none;
    }

    &.confirm-order-btn {
        width: 100%;
        justify-content: center;
    }

    &.loading {
        & .btn-content-wrapper {
            opacity: 0;
        }
    }

    &.disabled {
        opacity: 0.4;

    }

    &.black {
        background: rgba(0, 0, 0, 1);
        color: #fff;
        box-shadow: inset 0 -4px 0 rgba(255, 255, 255, 0.4);

        & .payment-text {
            color: #fff;
        }
    }

    &:active,
    &:hover {
        box-shadow: none;
    }


    &.loading {
        & .btn-loading-wrapper {
            position: absolute;
            display: flex;
            left: 60px;
        }

        pointer-events: none;
        opacity: 1;
        position: relative;

        &::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 20px;
            width: 20px;
            height: 20px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-top: 2px solid #635bff;
            border-radius: 50%;
            animation: btn-spin 1s linear infinite;
            transform: translateY(-50%);
        }


        &.black::after {
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-top: 2px solid #635bff;
            box-shadow: 0 0 8px rgba(99, 91, 255, 0.4);
        }

        .payment-text {
            position: relative;
        }
    }
}

@keyframes btn-spin {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

@keyframes error-border-pulse {

    0%,
    100% {
        box-shadow: 0 0 0 2px white, 0 0 0 2px rgba(220, 38, 38, 0);
    }

    16.7%,
    33.3%,
    50%,
    66.7%,
    83.3% {
        box-shadow: 0 0 0 2px white, 0 0 0 5px rgba(220, 38, 38, 0.15);
    }

    21.7%,
    38.3%,
    55%,
    71.7%,
    88.3% {
        box-shadow: 0 0 0 2px white, 0 0 0 2px rgba(220, 38, 38, 0);
    }
}

.mpr-ec-btn .payment-text {
    white-space: nowrap;
    font-weight: 500;
    color: #333;
    font-size: 14px;
}


.open #mpr-ec-btns-container {
    display: grid;
    margin-top: 4px;

    .mpr-ec-btn {
        width: 100%;
    }
}

#mpr-ec-btns-container {
    width: 100%;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    grid-template-columns: repeat(2, 1fr);
    background: transparent;
}

.shipping-continue-btn {
    padding: 10px 15px;
    cursor: pointer;
}

.form-check {
    margin-bottom: 10px;
}

.form-check-input {
    margin-right: 5px;
}

.shipping-form-overlay .form-check-label {
    margin-left: 0;
}

.stripe-payment-modal .modal-footer {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;

    & .security-info {
        justify-self: start;
        display: flex;
        flex-direction: column;
        font-size: var(--mpr-stripe-fs-h-md);

        .security-links {
            display: flex;
            gap: 5px;
            justify-content: center;
        }
    }

    &::after {
        display: none;
    }
}

.stripe-payment-modal .modal-dialog {
    max-width: 900px;
}

.address-options {
    margin-bottom: 15px;
    text-align: center;
}

.card-payment-container {
    max-width: 800px;
    width: 90%;
}

#card-element {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    min-height: 40px;
}

#card-element.StripeElement--focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#card-element.StripeElement--invalid {
    border-color: #dc3545;
}

#card-element-errors {
    margin-top: 10px;
    display: none;
}

/* Card icon for button */
.payment-icon.card-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

.stripe-payment-modal .nav-link,
.stripe-payment-modal label {
    font-size: var(--mpr-stripe-fs-h-md);
    margin: 0;
    cursor: pointer;
    text-align: left;
}

.stripe-payment-modal input[type="checkbox"] {
    margin-right: 5px;
}

.stripe-payment-modal .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: var(--mpr-stripe-pd-md);
    line-height: var(--mpr-stripe-lh-h-md);
    background: none;
    color: #1f1f1f;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e6e6e6;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0;
    border-radius: 0;
    font-size: var(--mpr-stripe-fs-h-md);

    &::placeholder {
        color: #5b5b5b;
    }
}

.stripe-payment-modal .form-control.is-invalid,
#blik-code.is-invalid {
    box-shadow: inset 0 0 0 1px #dc3545;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='10'/%3e%3cpath d='m15 9-6 6'/%3e%3cpath d='m9 9 6 6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

.stripe-payment-modal .form-control.is-valid,
#blik-code.is-valid {
    box-shadow: inset 0 0 0 1px #28a745;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23028a0f' viewBox='0 0 24 24'%3e%3cpath d='M9 12l2 2 4-4'/%3e%3ccircle cx='12' cy='12' r='10'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

#stripe-auth-wrapper,
.password-dropdown.stripe-dropdown,
.address-dropdown.stripe-dropdown,
.card-dropdown.stripe-dropdown {
    display: flex;
    justify-content: space-between;
    padding: 0;
    height: 100%;

    .stripe-auth-input {
        border: 0;
        outline: 0;
        padding: 0 0.6em;
        max-width: 160px;
        font-size: var(--mpr-stripe-fs-sm);
    }

    .auth-select,
    .auth-btn {
        min-width: 100px;
        flex-shrink: 0;
        background: var(--mpr-stripe-bg-active);
        cursor: pointer;
        font-weight: 500;
        font-size: 14px;
        color: #1a1a1a;
        flex: 1;
    }

    .auth-icon {
        background: rgba(0, 0, 0, 0);
        border: 0;
        outline: 0;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .auth-btn {
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: space-around;
        border-top-right-radius: 8px;
    }

    .btn-auth-icon {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    input {
        flex: 1;
    }

    .auth-icon-password::before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Z' fill='%23aab7c4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.476 4.89C2.2 5.884 1.5 7.065 1.5 8s.699 2.116 1.976 3.11c1.251.973 2.906 1.64 4.524 1.64 1.618 0 3.273-.667 4.524-1.64C13.8 10.116 14.5 8.935 14.5 8s-.699-2.116-1.976-3.11C11.273 3.917 9.618 3.25 8 3.25c-1.618 0-3.273.667-4.524 1.64Zm-.92-1.184C4.022 2.564 5.992 1.75 8 1.75s3.977.814 5.445 1.956C14.886 4.828 16 6.396 16 8c0 1.604-1.114 3.172-2.555 4.294C11.977 13.436 10.007 14.25 8 14.25s-3.977-.814-5.445-1.956C1.114 11.172 0 9.604 0 8c0-1.604 1.114-3.172 2.555-4.294Z' fill='%23aab7c4'/%3E%3C/svg%3E");
    }

    .auth-icon-password.show::before {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.53 2.53a.75.75 0 0 0-1.06-1.06l-1.366 1.365C10.871 2.172 9.444 1.75 8 1.75c-2.007 0-3.977.814-5.445 1.956C1.114 4.828 0 6.396 0 8c0 1.604 1.114 3.172 2.555 4.294l.051.04L1.47 13.47a.75.75 0 1 0 1.06 1.06l1.366-1.365c1.233.663 2.66 1.085 4.104 1.085 2.007 0 3.977-.814 5.445-1.956C14.886 11.172 16 9.604 16 8c0-1.604-1.114-3.172-2.555-4.294a7.156 7.156 0 0 0-.051-.04L14.53 2.53Zm-3.542 1.422C10.05 3.514 9.018 3.25 8 3.25c-1.618 0-3.273.667-4.524 1.64C2.2 5.884 1.5 7.065 1.5 8s.699 2.116 1.976 3.11c.066.051.133.102.202.152l1.375-1.375a3.5 3.5 0 0 1 4.835-4.835l1.1-1.1ZM8.782 6.158A2 2 0 0 0 6.159 8.78l2.623-2.623Zm-3.77 5.89 7.31-7.31c.069.05.136.1.202.152C13.8 5.884 14.5 7.065 14.5 8s-.699 2.116-1.976 3.11c-1.251.973-2.906 1.64-4.524 1.64-1.018 0-2.05-.264-2.988-.702Z' fill='%23aab7c4'/%3E%3C/svg%3E");
    }

    .auth-icon-email::before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8c0-3.514 2.866-5.75 5.75-5.75 2.402 0 4.519 1.577 5.095 4.25H9a.875.875 0 1 0 0 1.75h5.875a.875.875 0 0 0 .875-.875V1.5a.875.875 0 0 0-1.75 0v2.997C12.821 1.994 10.395.5 7.75.5 4.034.5.25 3.39.25 8c0 4.61 3.784 7.45 7.5 7.45 1.98 0 3.856-.733 5.286-2.164A.875.875 0 1 0 11.8 12.05c-1.1 1.097-2.53 1.7-4.05 1.7C4.866 13.75 2 11.514 2 8Z' fill='%23aab7c4'/%3E%3C/svg%3E");
    }

    .auth-icon-email.active::before {

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8c0-3.514 2.866-5.75 5.75-5.75 2.402 0 4.519 1.577 5.095 4.25H9a.875.875 0 1 0 0 1.75h5.875a.875.875 0 0 0 .875-.875V1.5a.875.875 0 0 0-1.75 0v2.997C12.821 1.994 10.395.5 7.75.5 4.034.5.25 3.39.25 8c0 4.61 3.784 7.45 7.5 7.45 1.98 0 3.856-.733 5.286-2.164A.875.875 0 1 0 11.8 12.05c-1.1 1.097-2.53 1.7-4.05 1.7C4.866 13.75 2 11.514 2 8Z' fill='%2322c55e'/%3E%3C/svg%3E");
    }

    .auth-icon.lock-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.75 11.25a1.25 1.25 0 1 0-1.5 0v1a.75.75 0 0 0 1.5 0v-1Z' fill='%23aab7c4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 4v2h-1a1 1 0 0 0-1 1v6a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V7a1 1 0 0 0-1-1h-1V4a4 4 0 0 0-4-4h-1a4 4 0 0 0-4 4ZM11 6V4a2.5 2.5 0 0 0-2.5-2.5h-1A2.5 2.5 0 0 0 5 4v2h6Zm-8 7V7.5h10V13a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 13Z' fill='%23aab7c4'/%3E%3C/svg%3E");
    }

    .auth-icon.send-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.75 10.762a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75Z' fill='%23aab7c4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 1.512a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3H3Zm10 1.5H3a1.5 1.5 0 0 0-1.307.763c.055.015.11.036.162.065l6.026 3.244a.25.25 0 0 0 .237 0l6.026-3.244a.752.752 0 0 1 .163-.065A1.5 1.5 0 0 0 13 3.012Zm1.5 2.34L8.83 8.405a1.75 1.75 0 0 1-1.66 0L1.5 5.352v6.16a1.5 1.5 0 0 0 1.5 1.5h10a1.5 1.5 0 0 0 1.5-1.5v-6.16Z' fill='%23aab7c4'/%3E%3C/svg%3E");
    }

    .popup-btns.btn-container {
        display: flex;
        margin-top: 10px;
        gap: 5px;

        .btn {
            flex: 1;
            border: 0;
            outline: 0;
            font-size: var(--mpr-stripe-fs-xs);
            border-radius: var(--mpr-stripe-border-radius-sm);
        }

        .mpr-btn-primary {
            background-color: var(--mpr-ec-bg-color-primary);
            color: var(--mpr-ec-ft-color-primary)
        }

        .mpr-btn-secondary {
            background-color: var(--mpr-ec-bg-color-secondary);
            color: var(--mpr-ec-ft-color-secondary)
        }
    }
}

.stripe-payment-modal select.form-control:not([size]):not([multiple]) {
    height: 40px;
}

.stripe-payment-modal .form-control:focus {
    /* border: none; */
    outline: none;
}

.stripe-payment-modal .nav-tabs {
    border: 0;
    display: flex;
    justify-content: space-between;
}

.stripe-payment-modal .nav-item {
    z-index: 2;
}

.stripe-payment-modal .nav-link {
    padding: 0.6em;
}

.stripe-payment-modal {
    .tab-content {
        padding: 0;
        width: 100%;
    }

    .address-tabs {
        flex-wrap: wrap;
        gap: 10px 0;
        margin: 0;

        .checkbox-container {
            @media (max-width: 768px) {
                order: -1;
                flex: 1 1 100%;
            }
        }

        .shipping-tab,
        .billing-tab {
            @media (max-width: 768px) {
                flex: 1;
            }
        }

    }

    .mpr-ec-alert {
        .close {
            line-height: inherit;
            margin: 0;
            padding: 0;
        }

        ul {
            list-style: disc;
            padding-left: 1em;
            margin: 0;
        }
    }
}

.stripe-payment-modal .nav-tabs .nav-item.checkbox-container {


    margin-left: auto;
    display: flex;
    align-items: center;
}

.stripe-payment-modal .stripe-address-form .form-group {
    display: flex;
    margin: 0;
}

.stripe-payment-modal .voucher-section .row {
    margin-left: 0;
    margin-right: 0;
    align-items: center;
    display: flex;
}

.stripe-payment-modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#applied-vouchers-container {
    margin-top: 0.5em;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#remove-voucher {
    min-width: 40px;
    display: flex;
    justify-content: center;
}

#remove-voucher i {
    margin: 0;
}

.stripe-payment-modal .voucher-delivery i {
    margin: 0 0 0 5px;
}

.stripe-payment-modal .d-none {
    display: none;
}

.stripe-payment-modal .show-order-summary {
    padding-right: 0;
}

.stripe-payment-modal .show-order-summary,
.stripe-payment-modal .add-order-note {
    text-align: center;
}

.stripe-payment-modal #order-note-btn.disabled {
    background: none;
}

.shipping-options-list,
.options-list {
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;

    .option-item {
        padding: 0;
        border-bottom: 1px solid #e0e0e0;
        transition: background-color 0.15s ease;

        &.selected {
            background-color: var(--mpr-stripe-bg-active);
        }

        &:last-child {
            border-bottom: none;

        }

        label {
            display: flex;
            align-items: center;
            padding: 10px;
            cursor: pointer;
            width: 100%;
            gap: 10px;
        }

        .icons-container {
            display: flex;
            gap: 5px;
        }

        .name {
            font-weight: 500;
            font-size: 14px;
            color: #1a1a1a;
        }
    }
}

.options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 12px;
    padding: 0;
    background: transparent;
    overflow: visible;

    @media (max-width: 768px) {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    @media (min-width: 769px) and (max-width: 1024px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media (min-width: 1025px) {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    .option-item {
        box-shadow: var(--mpr-box-shadow);
        border-radius: 8px;
        background: #fff;
        transition: all 0.15s ease;
        overflow: hidden;

        &:hover {
            border-color: var(--mpr-ec-bg-color-primary);
        }

        &.selected {
            background-color: var(--mpr-stripe-bg-active);
        }

        label {
            display: flex;
            align-items: center;
            padding: 16px;
            cursor: pointer;
            width: 100%;
            gap: 12px;
        }

        input[type="radio"] {
            flex-shrink: 0;
            margin: 0;
        }

        .icons-container {
            display: flex;
            gap: 6px;
            align-items: center;
            flex-shrink: 0;

            img {
                height: 24px !important;
                width: auto;
                max-width: 40px;
            }
        }

        .name {
            font-weight: 500;
            font-size: 14px;
            color: #1a1a1a;
            line-height: 1.4;
        }
    }
}

.shipping-option-item {
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.15s ease;

    &.disabled {
        opacity: 0.6;
    }
}

.shipping-option-item:last-child {
    border-bottom: none;
}

.shipping-option-selected {
    background-color: var(--mpr-stripe-bg-active);
}

.shipping-option-label {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.shipping-option-radio {
    flex: 0 0 24px;
    position: relative;
    margin-right: 12px;
}

.shipping-option-details {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 10px;
}

.shipping-option-name {
    font-weight: 500;
    font-size: var(--mpr-stripe-fs-h-md);
    color: #1a1a1a;
}

.shipping-option-delivery {
    font-size: 12px;
    color: #717171;
    margin-top: 2px;
}

.shipping-option-price {
    flex: 0 0 auto;
    font-weight: 500;
    font-size: 14px;
    color: #1a1a1a;
}

/* Shipping Method section styling */
.shipping-method {
    margin-bottom: 24px;
}

.shipping-method-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #333;
}

.stripe-payment-modal .input-group {
    display: flex;
    width: 100%;
}




.checkout-sections .regular-price {
    font-weight: 200;
    margin: 0;
    text-decoration: line-through;
    margin-left: 5px;
}

.btn.voucher-code-btn {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    border: 2px dotted #f39d72;
    border-radius: 5px;
}

.btn.voucher-code-btn.invalid {
    background-color: rgba(0, 0, 0, 0.3);
}

.btn.voucher-code-btn.invalid:hover {
    background: inherit;
}

.btn.voucher-code-btn .voucher-info {
    display: flex;
    flex-grow: 1;
}

.voucher-code-btn .voucher-html {
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
    gap: 5px;
    align-items: center;
}

.stripe-payment-modal .order-note-textarea {
    width: 100%;
    min-height: 80px;
    border: 1px solid #e6e6e6;
    margin-bottom: 0.5em;
}

.stripe-payment-modal .note-textarea-container {
    position: relative;
}

.stripe-payment-modal .order-note-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 1px;
    display: flex;
    gap: 2px;
}

.stripe-payment-modal .order-note-text {
    margin: 0 0 0.5em 0;
    color: #41464b;
    background-color: #fdfdfe;
    border-color: #d3d6d8;
    font-size: 0.8em;
}

.stripe-payment-modal .order-note-buttons .btn {
    padding: 0.5em;
    font-size: 0.8em;
}

.stripe-payment-modal .order-note-text .alert-heading {
    border-bottom: 1px solid #d3d6d8;
    font-size: 1em;
}

.stripe-payment-modal .order-summary-table tr td:nth-of-type(2) {
    text-align: left;
}

.stripe-payment-modal .order-summary-table td {
    width: 50%;
    padding: 0.4rem;
    font-size: 14px;
}

.stripe-payment-modal .order-summary-table {
    margin-bottom: 0.5em;
}

.stripe-payment-modal .order-summary-table tr:last-of-type td {
    border-bottom: 1px solid #f6f6f6;
}

.stripe-payment-modal .order-summary-table .grand-total {
    font-weight: bold;
}

.stripe-payment-modal #checkout-total-amount {
    margin-left: 5px;
}

.stripe-payment-modal .voucher-form {
    display: flex;
}

.stripe-payment-modal .modal-section-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;

    @media (max-width: 768px) {
        flex-direction: column;
    }

    .voucher-container {
        flex: 1 1 50%;

        @media (max-width: 768px) {
            flex: 1 1 100%;
            order: 2;
        }
    }

    .order-btns-group {
        display: flex;
    }

    .order-note,
    .show-order-summary {
        flex: 1 1 auto;
        display: flex;
        justify-content: center;

        @media (max-width: 768px) {
            flex: 1 1 50%;
            order: 1;
        }
    }
}

#stripe-full-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;

    & .loader-content {
        text-align: center;
        color: white;
        padding: 2rem;
    }

    & .loader-content h3 {
        margin-top: 1rem;
        margin-bottom: 0;
    }

    & .checkout-spinner {
        position: relative;
        width: 60px;
        height: 60px;
        margin: 0 auto 1rem;
    }

    & .checkout-spinner {
        position: relative;
        width: 60px;
        height: 60px;
        margin: 0 auto 1rem;
    }

    & .spinner-ring {
        width: 60px;
        height: 60px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid #635bff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        box-shadow: 0 0 20px rgba(99, 91, 255, 0.3);
    }

    & .checkmark {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 30px;
        color: #635bff;
        font-size: 24px;
    }

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mpr-ec-alert {
    position: relative;

    .mpr-ec-alert-item {
        margin-left: 5px;

        &:first-of-type {
            margin-left: 0;
        }
    }
}

.mpr-ec-btn-container,
.stripe-payment-modal,
.mpr-ec-payment-method.method-card {
    .mpr-info-wrapper {
        display: flex;
        border: 0;
        position: relative;
        justify-content: center;

        .mpr-tooltip {
            position: absolute;
            bottom: calc(100% + 10px);
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            border-radius: var(--mpr-stripe-border-radius-sm);
            padding: var(--mpr-stripe-pd-lg);
            min-width: 300px;
            max-width: calc(100vw - 20px);
            box-sizing: border-box;
            box-shadow: var(--mpr-box-shadow);
            font: var(--mpr-stripe-font-weight) var(--mpr-stripe-font-size) / var(--mpr-stripe-line-height) var(--mpr-stripe-font-family);
            text-align: left;
            text-transform: none;
        }
    }

    .products-section {
        display: flex;
        flex-direction: column;


        .product-selection-items {
            display: flex;
            flex-direction: column;
            gap: 10px;

            .product-selection-item {
                display: flex;
                gap: 10px;
                font-size: var(--mpr-stripe-fs-sm);

                &.not-orderable,
                &.deleted {

                    .product-selection-image,
                    .product-selection-details,
                    .mpr-pr-price-totals,
                    .mpr-qty-change,
                    .mpr-pr-qty-input {
                        opacity: 0.6;
                        cursor: not-allowed;
                    }
                }

                @media (max-width: 768px) {
                    font-size: var(--mpr-stripe-fs-xs);
                }

                &:not(:last-child) {
                    border-bottom: var(--mpr-stripe-border);
                    padding-bottom: 10px;
                }

                .product-selection-image {
                    display: flex;
                    align-items: center;

                    img {
                        max-width: 75px;
                    }
                }

                .product-selection-checkbox {
                    display: flex;
                }

                .product-selection-details {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;

                    .product-heading-container {
                        display: flex;
                        justify-content: space-between;

                        .mpr-pr-info-container {
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            text-align: right;
                        }
                    }

                    .mpr-pr-prices-container {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;

                        @media (max-width: 768px) {
                            flex-direction: column;
                        }

                        .mpr-pr-prices-group {
                            @media (max-width: 768px) {
                                justify-content: space-between;
                            }

                            .mpr-pr-discount {
                                text-decoration: line-through;
                                color: #666666;
                            }
                        }

                        .mpr-pr-price-totals {
                            @media (max-width: 768px) {
                                justify-content: space-between;
                            }

                            .mpr-pr-quantity-group {
                                display: flex;
                                align-items: stretch;

                                &.disabled {
                                    pointer-events: none;
                                    cursor: default;
                                    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
                                    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
                                }

                                .mpr-qty-change {
                                    cursor: pointer;
                                    border: var(--mpr-stripe-border);
                                    padding: 0 10px;
                                    display: flex;
                                    font-size: 20px;
                                    align-items: center;
                                }

                                input {
                                    border: var(--mpr-stripe-border);
                                    text-align: center;
                                    max-width: 50px;
                                }
                            }

                            .mpr-pr-total {

                                min-width: 60px;
                                text-align: right;
                            }
                        }

                        .mpr-pr-prices-group,
                        .mpr-pr-price-totals {
                            display: flex;
                            gap: 10px;
                            align-items: center;
                        }



                    }
                }
            }

        }

    }

    .stripe-address-form {
        .form-group {
            position: relative;
        }

        .form-group-wrapper {
            width: 100%;
            position: relative;

            .autocomplete-enabled {
                z-index: 2;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.99 10.973C12.204 9.347 13 7.725 13 6.393 13 3.722 10.735 1.5 8 1.5S3 3.723 3 6.392c0 1.333.796 2.955 2.01 4.581C6.023 12.33 7.19 13.513 8 14.28c.81-.766 1.977-1.948 2.99-3.306Zm-2.33 4.742c1.633-1.503 5.84-5.643 5.84-9.323C14.5 2.862 11.53 0 8 0S1.5 2.862 1.5 6.392c0 3.68 4.207 7.82 5.84 9.323.189.174.425.285.66.285.235 0 .47-.11.66-.285Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 1.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='%23414552'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: right 0.75rem center;
                background-size: 1rem 1rem;
                background-color: rgba(34, 197, 94, 0.03);

            }

            select {
                height: auto;
                max-height: 38px;
            }
        }

        .autocomplete-dropdown {
            width: 100%;
            position: absolute;
            z-index: 99;
            background: var(--mpr-stripe-color-light);
            box-shadow: var(--mpr-box-shadow);
            font-size: var(--mpr-stripe-fs-xs);
            border-radius: 0 0 var(--mpr-stripe-border-radius-sm) var(--mpr-stripe-border-radius-sm);

            .autocomplete-item {
                padding: 5px 10px;
                cursor: pointer;
                border-bottom: 1px solid #e6e6e6;

                &:hover {
                    background-color: var(--mpr-stripe-bg-active);
                }
            }

            .autocomplete-item:last-of-type {
                border: 0;
            }
        }
    }

    .input-icons-wrapper {
        position: absolute;
        right: 0.6rem;
        display: flex;
        top: 50%;
        transform: translateY(-50%);
        gap: 10px;
    }

    .input-icon {
        display: flex;
        flex-shrink: 0;
        height: 16px;
        width: 16px;
        outline: 0;
        border: 0;
        background: rgba(0, 0, 0, 0);
        cursor: pointer;
        transition: filter 0.2s ease;
        filter: brightness(0.7);
        z-index: 999;

        &.loading {
            background-image: none !important;
            pointer-events: none;

            &::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 0%;
                width: 16px;
                height: 16px;
                border: 2px solid rgba(99, 91, 255, 0.3);
                border-top: 2px solid #635bff;
                border-radius: 50%;
                animation: btn-spin 1s linear infinite;
            }
        }
    }

    .password-mask {
        cursor: pointer;
    }

    .google-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='207mm' height='211mm' viewBox='0 0 207 211' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='scale(0.808)'%3E%3Cpath d='m 255.878,133.451 c 0,-10.734 -0.871,-18.567 -2.756,-26.69 H 130.55 v 48.448 h 71.947 c -1.45,12.04 -9.283,30.172 -26.69,42.356 l -0.244,1.622 38.755,30.023 2.685,0.268 c 24.659,-22.774 38.875,-56.282 38.875,-96.027' fill='%234285f4'/%3E%3Cpath d='m 130.55,261.1 c 35.248,0 64.839,-11.605 86.453,-31.622 l -41.196,-31.913 c -11.024,7.688 -25.82,13.055 -45.257,13.055 -34.523,0 -63.824,-22.773 -74.269,-54.25 l -1.531,0.13 -40.298,31.187 -0.527,1.465 C 35.393,231.798 79.49,261.1 130.55,261.1' fill='%2334a853'/%3E%3Cpath d='m 56.281,156.37 c -2.756,-8.123 -4.351,-16.827 -4.351,-25.82 0,-8.994 1.595,-17.697 4.206,-25.82 L 56.063,103 15.26,71.312 13.925,71.947 C 5.077,89.644 0,109.517 0,130.55 c 0,21.033 5.077,40.905 13.925,58.602 L 56.281,156.37' fill='%23fbbc05'/%3E%3Cpath d='m 130.55,50.479 c 24.514,0 41.05,10.589 50.479,19.438 L 217.873,33.943 C 195.245,12.91 165.798,0 130.55,0 79.49,0 35.393,29.301 13.925,71.947 L 56.136,104.73 C 66.726,73.253 96.027,50.479 130.55,50.479' fill='%23eb4335'/%3E%3C/g%3E%3C/svg%3E");
        filter: brightness(1);
        background-size: contain;
    }

    .facebook-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='141mm' height='141mm' viewBox='0 0 141 141' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='scale(0.103)'%3E%3Cpath d='M 1365.333,682.667 C 1365.333,305.64 1059.693,0 682.667,0 305.64,0 0,305.64 0,682.667 c 0,340.738 249.641,623.16 576,674.373 V 880 H 402.667 V 682.667 H 576 v -150.4 c 0,-171.094 101.917,-265.6 257.853,-265.6 74.69,0 152.814,13.333 152.814,13.333 v 168 h -86.083 c -84.804,0 -111.25,52.623 -111.25,106.61 V 682.667 H 978.667 L 948.4,880 H 789.333 v 477.04 c 326.359,-51.213 576,-333.635 576,-674.373' fill='%231877f2'/%3E%3Cpath d='M 948.4,880 978.667,682.667 H 789.333 V 554.609 C 789.333,500.623 815.78,448 900.584,448 h 86.083 V 280 c 0,0 -78.124,-13.333 -152.814,-13.333 -155.936,0 -257.853,94.506 -257.853,265.6 v 150.4 H 402.667 V 880 H 576 v 477.04 a 687.805,687.805 0 0 0 106.667,8.293 c 36.288,0 71.91,-2.84 106.666,-8.293 V 880 H 948.4' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
        filter: brightness(1);
        background-size: contain;
    }

    .microsoft-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='145.52083mm' height='145.52086mm' viewBox='0 0 145.52083 145.52086' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-63.764585,-81.756254)'%3E%3Cg transform='matrix(6.6145833,0,0,6.6145833,30.691667,48.683334)'%3E%3Crect x='17' y='17' width='10' height='10' fill='%23feba08'/%3E%3Crect x='5' y='17' width='10' height='10' fill='%2305a6f0'/%3E%3Crect x='17' y='5' width='10' height='10' fill='%2380bc06'/%3E%3Crect x='5' y='5' width='10' height='10' fill='%23f25325'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        filter: brightness(1);
        background-size: contain;
    }

    .apple-icon {
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg fill="%23000000" width="100" height="100" viewBox="0 0 22.222222 22.222222" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs1" /><path d="m 18.021111,18.833333 c -0.83,1.24 -1.71,2.45 -3.05,2.47 -1.34,0.03 -1.77,-0.79 -3.29,-0.79 -1.53,0 -1.9999999,0.77 -3.2700299,0.82 -1.31,0.05 -2.3,-1.32 -3.14,-2.53 -1.71,-2.47 -3.02,-7.02 -1.26,-10.0799997 0.87,-1.52 2.43,-2.48 4.12,-2.51 1.28003,-0.02 2.5000299,0.87 3.2900299,0.87 0.78,0 2.26,-1.07 3.81,-0.91 0.65,0.03 2.47,0.26 3.64,1.98 -0.09,0.06 -2.17,1.28 -2.15,3.8099997 0.03,3.02 2.65,4.03 2.68,4.04 -0.03,0.07 -0.42,1.44 -1.38,2.83 z m -5.71,-15.9999997 c 0.73,-0.83 1.94,-1.46 2.94,-1.5 0.13,1.17 -0.34,2.35 -1.04,3.19 -0.69,0.85 -1.83,1.51 -2.95,1.42 -0.15,-1.15 0.41,-2.35 1.05,-3.11 z" id="path1" /></svg>');
        filter: brightness(1);
        background-size: contain;
    }

    .set-password {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm5.75 1a2.25 2.25 0 0 0-.75 4.372v3.378a.75.75 0 0 0 1.5 0V15h.75a.75.75 0 0 0 0-1.5h-.75v-1.628a2.251 2.251 0 0 0-.75-4.372ZM13 9.75a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0Z' fill='%23414552'/%3E%3Cpath d='M.5 14a5 5 0 0 1 5-5h3.75a.75.75 0 0 1 0 1.5H5.5A3.5 3.5 0 0 0 2 14a.5.5 0 0 0 .5.5h8.25a.75.75 0 0 1 0 1.5H2.5a2 2 0 0 1-2-2Z' fill='%23414552'/%3E%3C/svg%3E");

        &.open {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.53 4.47a.75.75 0 0 0-1.06 1.06L6.94 8l-2.47 2.47a.75.75 0 1 0 1.06 1.06L8 9.06l2.47 2.47a.75.75 0 1 0 1.06-1.06L9.06 8l2.47-2.47a.75.75 0 0 0-1.06-1.06L8 6.94 5.53 4.47Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8c4.43 0 8 3.581 8 8Zm-1.5 0A6.5 6.5 0 0 1 8 14.5 6.5 6.5 0 0 1 1.5 8 6.5 6.5 0 0 1 8 1.5c3.6 0 6.5 2.908 6.5 6.5Z' fill='%23414552'/%3E%3C/svg%3E");
        }

        &.saved {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm5.75 1a2.25 2.25 0 0 0-.75 4.372v3.378a.75.75 0 0 0 1.5 0V15h.75a.75.75 0 0 0 0-1.5h-.75v-1.628a2.251 2.251 0 0 0-.75-4.372ZM13 9.75a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0Z' fill='%2322c55e'/%3E%3Cpath d='M.5 14a5 5 0 0 1 5-5h3.75a.75.75 0 0 1 0 1.5H5.5A3.5 3.5 0 0 0 2 14a.5.5 0 0 0 .5.5h8.25a.75.75 0 0 1 0 1.5H2.5a2 2 0 0 1-2-2Z' fill='%2322c55e'/%3E%3C/svg%3E");
        }
    }

    .select-address {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.99 10.973C12.204 9.347 13 7.725 13 6.393 13 3.722 10.735 1.5 8 1.5S3 3.723 3 6.392c0 1.333.796 2.955 2.01 4.581C6.023 12.33 7.19 13.513 8 14.28c.81-.766 1.977-1.948 2.99-3.306Zm-2.33 4.742c1.633-1.503 5.84-5.643 5.84-9.323C14.5 2.862 11.53 0 8 0S1.5 2.862 1.5 6.392c0 3.68 4.207 7.82 5.84 9.323.189.174.425.285.66.285.235 0 .47-.11.66-.285Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 1.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='%23414552'/%3E%3C/svg%3E");
    }

    .select-card {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9Zm1.5 0h13V5h-13V3.5Zm13 3v6h-13v-6h13Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 10.25a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z' fill='%23414552'/%3E%3C/svg%3E");
    }

    .logout {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.75 1A2.75 2.75 0 0 0 1 3.75v8.5A2.75 2.75 0 0 0 3.75 15H8a.75.75 0 0 0 0-1.5H3.75c-.69 0-1.25-.56-1.25-1.25v-8.5c0-.69.56-1.25 1.25-1.25H8A.75.75 0 0 0 8 1H3.75Z' fill='%23414552'/%3E%3Cpath d='M12.03 3.97a.75.75 0 1 0-1.06 1.06l2.22 2.22H6a.75.75 0 0 0 0 1.5h7.19l-2.22 2.22a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5Z' fill='%23414552'/%3E%3C/svg%3E");
    }

    .stripe-dropdown {
        position: absolute;
        flex-direction: column;
        padding: 0.6rem;
        right: 0;
        top: calc(100% + 5px);
        background: #fff;
        border-radius: 8px;
        filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 5px 15px) drop-shadow(rgba(60, 66, 87, 0.08) 0px 15px 35px);
        max-width: 350px;
        min-height: fit-content;
        z-index: 99;

        .password-elements-wrapper {
            display: flex;
            min-height: 30px;
        }

        .dropdown-info {
            font-size: var(--mpr-stripe-fs-xs);
        }

        .text-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            padding-bottom: 0.5rem;
            border: 0;

            &.address-qty {
                align-items: flex-start;
            }

            .text-section-row {
                display: flex;
                align-items: center;
                gap: 5px;
            }
        }

        .no-address-icon,
        .no-cards-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 8a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 8Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14.5A6.5 6.5 0 0 0 14.5 8c0-3.592-2.9-6.5-6.5-6.5A6.5 6.5 0 0 0 1.5 8 6.5 6.5 0 0 0 8 14.5ZM8 16a8 8 0 0 0 8-8c0-4.419-3.57-8-8-8a8 8 0 0 0-8 8 8 8 0 0 0 8 8Z' fill='%23414552'/%3E%3C/svg%3E");
        }

        .dropdown-wrapper {
            display: flex;
            align-items: center;
        }

        .card-elements-wrapper {
            gap: 10px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            cursor: pointer;

            .card-element {
                padding: 5px;
                max-width: 100%;
                border: 2px solid #999999;
                font-size: var(--mpr-stripe-fs-xs);
                border-radius: var(--mpr-stripe-border-radius-sm);

                &.active {
                    border-color: var(--mpr-ec-bg-color-primary)
                }

                .card-info-container {
                    text-align: center;
                    display: flex;
                    flex-direction: column;
                }

                .card-info {
                    background: none;
                }

            }
        }

        .address-elements-wrapper {
            flex-direction: column;
            align-items: baseline;
            margin-top: 5px;
            border-top: 1px solid #eee;
            padding-top: 5px;

            &.no-addresses {
                flex-direction: row;
            }

            .saved-address-select {
                max-width: 100%;
                min-width: 100%;

                .dropdown-toggle,
                .dropdown-item {
                    font-size: var(--mpr-stripe-fs-xs);
                }
            }

            .saved-address-label {
                font-size: var(--mpr-stripe-fs-sm);
                margin: 0.5em 0;
            }
        }
    }

    .open {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.53 4.47a.75.75 0 0 0-1.06 1.06L6.94 8l-2.47 2.47a.75.75 0 1 0 1.06 1.06L8 9.06l2.47 2.47a.75.75 0 1 0 1.06-1.06L9.06 8l2.47-2.47a.75.75 0 0 0-1.06-1.06L8 6.94 5.53 4.47Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8c4.43 0 8 3.581 8 8Zm-1.5 0A6.5 6.5 0 0 1 8 14.5 6.5 6.5 0 0 1 1.5 8 6.5 6.5 0 0 1 8 1.5c3.6 0 6.5 2.908 6.5 6.5Z' fill='%23414552'/%3E%3C/svg%3E");
    }

    .info-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2.5H5A2.5 2.5 0 0 0 2.5 5v6A2.5 2.5 0 0 0 5 13.5h6a2.5 2.5 0 0 0 2.5-2.5V5A2.5 2.5 0 0 0 11 2.5ZM5 1a4 4 0 0 0-4 4v6a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4H5Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 8A.75.75 0 0 1 7 7.25h1.25A.75.75 0 0 1 9 8v3.5a.75.75 0 0 1-1.5 0V8.75H7A.75.75 0 0 1 6.25 8Z' fill='%23414552'/%3E%3Cpath d='M6.75 5a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z' fill='%23414552'/%3E%3C/svg%3E");
    }

    .location-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.99 10.973C12.204 9.347 13 7.725 13 6.393 13 3.722 10.735 1.5 8 1.5S3 3.723 3 6.392c0 1.333.796 2.955 2.01 4.581C6.023 12.33 7.19 13.513 8 14.28c.81-.766 1.977-1.948 2.99-3.306Zm-2.33 4.742c1.633-1.503 5.84-5.643 5.84-9.323C14.5 2.862 11.53 0 8 0S1.5 2.862 1.5 6.392c0 3.68 4.207 7.82 5.84 9.323.189.174.425.285.66.285.235 0 .47-.11.66-.285Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 1.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='%23414552'/%3E%3C/svg%3E");
    }

    .delete-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5 3V1a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v2H.75a.75.75 0 0 0 0 1.5h.75V13a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V4.5h.75a.75.75 0 0 0 0-1.5H11.5ZM6 1.5V3h4V1.5H6Zm7 3H3V13a1.5 1.5 0 0 0 1.5 1.5h7A1.5 1.5 0 0 0 13 13V4.5Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 6.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5a.75.75 0 0 1 .75-.75Zm3.5 0a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5a.75.75 0 0 1 .75-.75Z' fill='%23414552'/%3E%3C/svg%3E");
    }

    .icon-external-link {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.75A.75.75 0 0 1 8.75 1h5.5a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0V3.56l-7.095 7.095a.75.75 0 1 1-1.06-1.06L12.439 2.5H8.75A.75.75 0 0 1 8 1.75Z' fill='%23414552'/%3E%3Cpath d='M2.5 4.75c0-.69.56-1.25 1.25-1.25h1.875a.75.75 0 0 0 0-1.5H3.75A2.75 2.75 0 0 0 1 4.75v7.5A2.75 2.75 0 0 0 3.75 15h7.5A2.75 2.75 0 0 0 14 12.25v-1.875a.75.75 0 0 0-1.5 0v1.875c0 .69-.56 1.25-1.25 1.25h-7.5c-.69 0-1.25-.56-1.25-1.25v-7.5Z' fill='%23414552'/%3E%3C/svg%3E");
    }


    .input-icon:hover {
        filter: brightness(1.2);
    }

    .card-info {
        background-color: #fff;
    }

    .card-brand-bg {
        min-height: 60px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;

        &.card-bg-lg {
            min-width: 30px;
            min-height: 30px;
        }


        &.card-none {
            background-size: 75%;
            background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.25.5a.75.75 0 0 1 .75.75V2.5h1.25a.75.75 0 0 1 0 1.5H14v1.25a.75.75 0 0 1-1.5 0V4h-1.25a.75.75 0 0 1 0-1.5h1.25V1.25a.75.75 0 0 1 .75-.75Z" fill="%23000000"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3 4.25c0-.966.784-1.75 1.75-1.75h4a.75.75 0 0 1 0 1.5h-4a.25.25 0 0 0-.25.25V6.5h6A1.5 1.5 0 0 1 12 8v1.5h1.25a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 13.25 11H12v2.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 0 13.5V8a1.5 1.5 0 0 1 1.5-1.5H3V4.25ZM10.5 8h-9v1h9V8Zm0 2.5h-9v3h9v-3Z" fill="%23000000"></path></svg>');
        }

        &.card-add {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8.75 4.25a.75.75 0 0 0-1.5 0v3h-3a.75.75 0 0 0 0 1.5h3v3a.75.75 0 0 0 1.5 0v-3h3a.75.75 0 0 0 0-1.5h-3v-3Z' fill='%23414552'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8c4.43 0 8 3.581 8 8Zm-1.5 0A6.5 6.5 0 0 1 8 14.5 6.5 6.5 0 0 1 1.5 8 6.5 6.5 0 0 1 8 1.5c3.6 0 6.5 2.908 6.5 6.5Z' fill='%23414552'/%3E%3C/svg%3E");
        }

        &.card-visa {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="1 10.5 30 10" xmlns="http://www.w3.org/2000/svg"><path d="M15.854 11.329l-2.003 9.367h-2.424l2.006-9.367zM26.051 17.377l1.275-3.518 0.735 3.518zM28.754 20.696h2.242l-1.956-9.367h-2.069c-0.003-0-0.007-0-0.010-0-0.459 0-0.853 0.281-1.019 0.68l-0.003 0.007-3.635 8.68h2.544l0.506-1.4h3.109zM22.429 17.638c0.010-2.473-3.419-2.609-3.395-3.714 0.008-0.336 0.327-0.694 1.027-0.785 0.13-0.013 0.28-0.021 0.432-0.021 0.711 0 1.385 0.162 1.985 0.452l-0.027-0.012 0.425-1.987c-0.673-0.261-1.452-0.413-2.266-0.416h-0.001c-2.396 0-4.081 1.275-4.096 3.098-0.015 1.348 1.203 2.099 2.122 2.549 0.945 0.459 1.262 0.754 1.257 1.163-0.006 0.63-0.752 0.906-1.45 0.917-0.032 0.001-0.071 0.001-0.109 0.001-0.871 0-1.691-0.219-2.407-0.606l0.027 0.013-0.439 2.052c0.786 0.315 1.697 0.497 2.651 0.497 0.015 0 0.030-0 0.045-0h-0.002c2.546 0 4.211-1.257 4.22-3.204zM12.391 11.329l-3.926 9.367h-2.562l-1.932-7.477c-0.037-0.364-0.26-0.668-0.57-0.82l-0.006-0.003c-0.688-0.338-1.488-0.613-2.325-0.786l-0.066-0.011 0.058-0.271h4.124c0 0 0.001 0 0.001 0 0.562 0 1.028 0.411 1.115 0.948l0.001 0.006 1.021 5.421 2.522-6.376z" fill="%23000000"></path></svg>');
        }

        &.card-mastercard {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg width="127.7211mm" height="98.962105mm" viewBox="0 0 127.7211 98.962105" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs></defs><g transform="translate(-46.47069,-94.452285)"><g style="fill:%23000000" transform="matrix(0.26458333,0,0,0.26458333,46.525049,94.452282)"><g><path d="m 220.13,421.67 v -24.85 c 0,-9.53 -5.8,-15.74 -15.32,-15.74 -5,0 -10.35,1.66 -14.08,7 -2.9,-4.56 -7,-7 -13.25,-7 a 14.07,14.07 0 0 0 -12,5.8 v -5 h -7.87 v 39.76 h 7.87 v -22.75 c 0,-7 4.14,-10.35 9.94,-10.35 5.8,0 9.11,3.73 9.11,10.35 v 22.78 h 7.87 v -22.78 c 0,-7 4.14,-10.35 9.94,-10.35 5.8,0 9.11,3.73 9.11,10.35 v 22.78 z m 129.22,-39.35 h -14.5 v -12 H 327 v 12 h -8.28 v 7 H 327 V 408 c 0,9.11 3.31,14.5 13.25,14.5 A 23.17,23.17 0 0 0 351,419.6 l -2.49,-7 a 13.63,13.63 0 0 1 -7.46,2.07 c -4.14,0 -6.21,-2.49 -6.21,-6.63 V 389 h 14.5 v -6.63 z m 73.72,-1.24 a 12.39,12.39 0 0 0 -10.77,5.8 v -5 h -7.87 v 39.76 h 7.87 v -22.33 c 0,-6.63 3.31,-10.77 8.7,-10.77 a 24.24,24.24 0 0 1 5.38,0.83 l 2.49,-7.46 a 28,28 0 0 0 -5.8,-0.83 z m -111.41,4.14 c -4.14,-2.9 -9.94,-4.14 -16.15,-4.14 -9.94,0 -16.15,4.56 -16.15,12.43 0,6.63 4.56,10.35 13.25,11.6 l 4.14,0.41 c 4.56,0.83 7.46,2.49 7.46,4.56 0,2.9 -3.31,5 -9.53,5 a 21.84,21.84 0 0 1 -13.25,-4.14 l -4.14,6.21 c 5.8,4.14 12.84,5 17,5 11.6,0 17.81,-5.38 17.81,-12.84 0,-7 -5,-10.35 -13.67,-11.6 l -4.14,-0.41 c -3.73,-0.41 -7,-1.66 -7,-4.14 0,-2.9 3.31,-5 7.87,-5 5,0 9.94,2.07 12.43,3.31 z m 120.11,16.57 c 0,12 7.87,20.71 20.71,20.71 5.8,0 9.94,-1.24 14.08,-4.56 l -4.14,-6.21 a 16.74,16.74 0 0 1 -10.35,3.73 c -7,0 -12.43,-5.38 -12.43,-13.25 0,-7.87 5.36,-13.21 12.43,-13.21 a 16.74,16.74 0 0 1 10.35,3.73 l 4.14,-6.21 c -4.14,-3.31 -8.28,-4.56 -14.08,-4.56 -12.43,-0.83 -20.71,7.87 -20.71,19.88 v 0 z m -55.5,-20.71 c -11.6,0 -19.47,8.28 -19.47,20.71 0,12.43 8.28,20.71 20.29,20.71 a 25.33,25.33 0 0 0 16.15,-5.38 l -4.14,-5.8 a 19.79,19.79 0 0 1 -11.6,4.14 c -5.38,0 -11.18,-3.31 -12,-10.35 h 29.41 v -3.31 c 0,-12.43 -7.46,-20.71 -18.64,-20.71 v 0 z m -0.41,7.46 c 5.8,0 9.94,3.73 10.35,9.94 h -21.53 c 1.24,-5.8 5,-9.94 11.18,-9.94 z m -107.27,13.25 v -19.88 h -7.87 v 5 c -2.9,-3.73 -7,-5.8 -12.84,-5.8 -11.18,0 -19.47,8.7 -19.47,20.71 0,12.01 8.28,20.71 19.47,20.71 5.8,0 9.94,-2.07 12.84,-5.8 v 5 h 7.87 z m -31.89,0 c 0,-7.46 4.56,-13.25 12.43,-13.25 7.46,0 12,5.8 12,13.25 0,7.87 -5,13.25 -12,13.25 -7.87,0.41 -12.43,-5.8 -12.43,-13.25 z m 306.08,-20.71 a 12.39,12.39 0 0 0 -10.77,5.8 v -5 h -7.87 v 39.76 H 532 v -22.33 c 0,-6.63 3.31,-10.77 8.7,-10.77 a 24.24,24.24 0 0 1 5.38,0.83 l 2.49,-7.46 a 28,28 0 0 0 -5.8,-0.83 z m -30.65,20.71 v -19.88 h -7.87 v 5 c -2.9,-3.73 -7,-5.8 -12.84,-5.8 -11.18,0 -19.47,8.7 -19.47,20.71 0,12.01 8.28,20.71 19.47,20.71 5.8,0 9.94,-2.07 12.84,-5.8 v 5 h 7.87 z m -31.89,0 c 0,-7.46 4.56,-13.25 12.43,-13.25 7.46,0 12,5.8 12,13.25 0,7.87 -5,13.25 -12,13.25 -7.87,0.41 -12.43,-5.8 -12.43,-13.25 z m 111.83,0 v -35.62 h -7.87 v 20.71 c -2.9,-3.73 -7,-5.8 -12.84,-5.8 -11.18,0 -19.47,8.7 -19.47,20.71 0,12.01 8.28,20.71 19.47,20.71 5.8,0 9.94,-2.07 12.84,-5.8 v 5 h 7.87 z m -31.89,0 c 0,-7.46 4.56,-13.25 12.43,-13.25 7.46,0 12,5.8 12,13.25 0,7.87 -5,13.25 -12,13.25 -7.88,0.42 -12.44,-5.79 -12.44,-13.25 z" transform="translate(-132.74,-48.5)"/><g><rect x="169.81" y="31.889999" width="143.72" height="234.42" fill="%23ff5f00"/><path d="m 317.05,197.6 a 149.5,149.5 0 0 1 56.74,-117.21 149.1,149.1 0 1 0 0,234.42 149.5,149.5 0 0 1 -56.74,-117.21 z" transform="translate(-132.74,-48.5)" fill="%23eb001b"/><path d="m 615.26,197.6 a 148.95,148.95 0 0 1 -241,117.21 149.43,149.43 0 0 0 0,-234.42 148.95,148.95 0 0 1 241,117.21 z" transform="translate(-132.74,-48.5)" fill="%23f79e1b"/></g></g></g></g></svg>');
        }

        &.card-amex {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg width="15.345832mm" height="10.583326mm" viewBox="0 0 15.345832 10.583326" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs></defs><g transform="translate(-62.607553,-133.11338)"><g style="fill:none" transform="matrix(0.26458333,0,0,0.26458333,62.607555,133.11336)"><rect x="0.5" y="0.5" width="57" height="39" rx="3.5" fill="%23006fcf" stroke="%23f3f3f3"/><path fill-rule="evenodd" clip-rule="evenodd" d="m 11.8632,28.8937 v -8.2345 h 9.3237 l 1.0003,1.2195 1.0334,-1.2195 h 33.8426 v 7.6666 c 0,0 -0.885,0.5597 -1.9086,0.5679 H 36.4152 l -1.1278,-1.298 v 1.298 h -3.6958 v -2.2158 c 0,0 -0.5049,0.3093 -1.5963,0.3093 h -1.258 v 1.9065 h -5.5958 l -0.9989,-1.2456 -1.0142,1.2456 z M 1,14.4529 3.09775,9.86914 H 6.7256 L 7.9161,12.4368 V 9.86914 h 4.5097 l 0.7088,1.85576 0.687,-1.85576 h 20.2441 v 0.93296 c 0,0 1.0642,-0.93296 2.8132,-0.93296 l 6.5685,0.02152 1.1699,2.53404 V 9.86914 h 3.774 L 49.43,11.3247 V 9.86914 h 3.8086 V 18.1037 H 49.43 l -0.9954,-1.4603 v 1.4603 h -5.5448 l -0.5577,-1.2981 h -1.4906 l -0.5485,1.2981 h -3.7603 c -1.505,0 -2.467,-0.914 -2.467,-0.914 v 0.914 h -5.6696 l -1.1253,-1.2981 v 1.2981 H 6.18816 L 5.63093,16.8056 H 4.14505 L 3.59176,18.1037 H 1 Z M 1.01082,17.05 3.84023,10.8843 H 5.98528 L 8.81199,17.05 H 6.92932 L 6.40997,15.8154 H 3.37498 L 2.85291,17.05 Z M 5.81217,14.4768 4.88706,12.3192 3.95925,14.4768 Z m 3.19458,2.5722 v -6.1658 l 2.61775,0.0092 1.5225,3.9752 1.4861,-3.9844 h 2.5968 v 6.1658 h -1.6446 v -4.5432 l -1.7434,4.5432 h -1.4423 l -1.7482,-4.5432 v 4.5432 z m 9.34845,0 v -6.1658 h 5.3667 v 1.3792 h -3.7048 v 1.0547 h 3.6182 v 1.298 h -3.6182 v 1.0953 h 3.7048 v 1.3386 z m 6.3188,0.001 v -6.1657 h 3.6599 c 1.2126,0 2.2992,0.7028 2.2992,2.0003 0,1.1092 -0.9161,1.8236 -1.8042,1.8938 l 2.164,2.2716 h -2.0098 l -1.972,-2.1904 H 26.3186 V 17.05 Z m 3.5246,-4.7865 h -1.88 v 1.298 h 1.9044 c 0.3296,0 0.7546,-0.2394 0.7546,-0.649 0,-0.3184 -0.328,-0.649 -0.779,-0.649 z m 4.7851,4.7855 h -1.6792 v -6.1658 h 1.6792 z m 3.9818,0 H 36.603 c -1.7538,0 -2.8186,-1.295 -2.8186,-3.0575 0,-1.8061 1.0529,-3.1083 3.2676,-3.1083 h 1.8178 v 1.4604 h -1.8842 c -0.8991,0 -1.5349,0.6576 -1.5349,1.6631 0,1.1941 0.727,1.6956 1.7744,1.6956 h 0.4328 z m 0.7492,0.001 2.8294,-6.1657 h 2.1451 l 2.8267,6.1657 h -1.8827 l -0.5193,-1.2346 h -3.035 L 39.5568,17.05 Z m 4.8014,-2.5732 -0.9251,-2.1576 -0.9278,2.1576 z m 3.1919,2.5722 v -6.1658 h 2.0909 l 2.6698,3.8739 v -3.8739 h 1.6447 V 17.049 H 50.09 L 47.3526,13.0737 V 17.049 Z M 12.9885,27.8391 v -6.1658 h 5.3667 v 1.3792 h -3.7048 v 1.0547 h 3.6182 v 1.298 h -3.6182 v 1.0953 h 3.7048 v 1.3386 z m 26.2968,0 v -6.1658 h 5.3666 v 1.3792 h -3.7047 v 1.0547 h 3.6009 v 1.298 h -3.6009 v 1.0953 h 3.7047 v 1.3386 z m -20.7218,0 2.613,-3.0449 -2.6753,-3.1209 h 2.0721 l 1.5932,1.9293 1.5986,-1.9293 h 1.9909 l -2.6401,3.0829 2.6179,3.0829 h -2.0717 l -1.547,-1.8989 -1.5094,1.8989 z m 7.3656,0.001 v -6.1657 h 3.6328 c 1.4906,0 2.3615,0.9004 2.3615,2.0738 0,1.4165 -1.1103,2.1448 -2.5752,2.1448 H 27.617 v 1.9471 z m 3.5111,-4.7714 H 27.617 v 1.4198 h 1.8178 c 0.4803,0 0.8169,-0.2984 0.8169,-0.7099 0,-0.438 -0.3383,-0.7099 -0.8115,-0.7099 z m 3.1973,4.7704 v -6.1658 h 3.6598 c 1.2127,0 2.2993,0.7028 2.2993,2.0003 0,1.1092 -0.9161,1.8236 -1.8043,1.8939 l 2.164,2.2716 h -2.0098 l -1.9719,-2.1905 h -0.6925 v 2.1905 z m 3.5246,-4.7866 h -1.88 v 1.298 h 1.9043 c 0.3297,0 0.7547,-0.2393 0.7547,-0.649 0,-0.3184 -0.328,-0.649 -0.779,-0.649 z m 9.2516,4.7866 v -1.3386 h 3.2914 c 0.487,0 0.6979,-0.2467 0.6979,-0.5172 0,-0.2592 -0.2102,-0.5213 -0.6979,-0.5213 h -1.4874 c -1.2928,0 -2.0129,-0.7383 -2.0129,-1.8467 0,-0.9886 0.6594,-1.942 2.5806,-1.942 h 3.2027 l -0.6925,1.3873 h -2.7699 c -0.5295,0 -0.6925,0.2604 -0.6925,0.5091 0,0.2556 0.2015,0.5375 0.606,0.5375 h 1.558 c 1.4412,0 2.0666,0.7662 2.0666,1.7696 0,1.0787 -0.6968,1.9623 -2.145,1.9623 z m 5.7951,0 v -1.3386 h 3.2914 c 0.4871,0 0.6979,-0.2467 0.6979,-0.5172 0,-0.2592 -0.2102,-0.5213 -0.6979,-0.5213 H 53.0129 C 51.72,25.462 51,24.7237 51,23.6153 c 0,-0.9886 0.6594,-1.942 2.5806,-1.942 h 3.2027 l -0.6925,1.3873 h -2.7699 c -0.5295,0 -0.6925,0.2604 -0.6925,0.5091 0,0.2556 0.2014,0.5375 0.6059,0.5375 h 1.5581 c 1.4412,0 2.0666,0.7662 2.0666,1.7696 0,1.0787 -0.6969,1.9623 -2.1451,1.9623 z" fill="%23ffffff"/></g></g></svg>');

        }

        &.card-discover {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 172.83 117.91" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-18.52,-36.8)"><g fill="%23000" transform="matrix(0.22,0,0,0.24,18.52,36.8)"><g fill-rule="evenodd"><path d="M55,0C25,0,0,25,0,55v391c0,30,25,55,55,55h670c30,0,55-25,55-55V55c0-31-25-55-55-55z" fill="%234d4d4d"/><path d="M327,162c9,0,16,2,25,6v23c-9-8-16-11-26-11-19,0-34,15-34,34,0,20,15,34,35,34,9,0,17-3,25-11v23c-9,4-17,6-26,6-31,0-56-23-56-52,0-29,25-52,56-52zm-97,1c12,0,22,4,31,11l-11,13c-5-6-10-8-17-8-9,0-15,5-15,11,0,5,4,8,16,12,23,8,30,15,30,31,0,19-15,33-36,33-16,0-27-6-36-19l13-12c5,9,13,13,22,13,9,0,16-6,16-14,0-4-2-8-6-10-2-1-6-3-14-6-19-7-26-14-26-27,0-16,14-28,33-28zm235,2h22l28,67,28-67h22l-45,102zm-397,1h30c33,0,57,20,57,50,0,15-7,29-19,38-10,8-22,11-38,11H67zm96,0h21v99h-21zm412,0h58v17h-37v22h36v17h-36v27h38v17h-58zm72,0h30c24,0,37,11,37,29,0,15-9,25-24,28l33,42h-25l-28-40h-3v40h-21zm21,16v30h6c13,0,20-5,20-15,0-10-7-15-20-15zM88,181v66h6c13,0,22-2,28-8,7-6,11-15,11-25,0-9-4-19-11-25-7-6-15-8-28-8z" fill="%23fff"/><path d="M415,161c31,0,56,24,56,53v0c0,29-25,53-56,53s-56-24-56-53v0c0-29,25-53,56-53zM780,288c-26,18-221,149-559,213h504c30,0,55-25,55-55V288z" fill="%23f47216"/></g></g></g></svg>');

        }

        &.card-jcb {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 119.86 82.98" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="a" x1="135" y1="139" x2="190" y2="139" gradientTransform="scale(1.27,0.79)" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940" offset="0%25"/><stop stop-color="%2300873F" offset="22.85%25"/><stop stop-color="%2340A737" offset="74.33%25"/><stop stop-color="%235CB531" offset="100%25"/></linearGradient><linearGradient id="b" x1="268" y1="63" x2="377" y2="63" gradientTransform="scale(0.64,1.56)" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940" offset="0%25"/><stop stop-color="%2300873F" offset="22.85%25"/><stop stop-color="%2340A737" offset="74.33%25"/><stop stop-color="%235CB531" offset="100%25"/></linearGradient><linearGradient id="c" x1="135" y1="110" x2="190" y2="110" gradientTransform="scale(1.27,0.79)" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940" offset="0%25"/><stop stop-color="%2300873F" offset="22.85%25"/><stop stop-color="%2340A737" offset="74.33%25"/><stop stop-color="%235CB531" offset="100%25"/></linearGradient><linearGradient id="d" x1="22" y1="63" x2="133" y2="63" gradientTransform="scale(0.64,1.56)" gradientUnits="userSpaceOnUse"><stop stop-color="%231F286F" offset="0%25"/><stop stop-color="%23004E94" offset="47.51%25"/><stop stop-color="%230066B1" offset="82.61%25"/><stop stop-color="%23006FBC" offset="100%25"/></linearGradient><linearGradient id="e" x1="144" y1="63" x2="252" y2="63" gradientTransform="scale(0.64,1.56)" gradientUnits="userSpaceOnUse"><stop stop-color="%236C2C2F" offset="0%25"/><stop stop-color="%23882730" offset="17.35%25"/><stop stop-color="%23BE1833" offset="57.31%25"/><stop stop-color="%23DC0436" offset="85.85%25"/><stop stop-color="%23E60039" offset="100%25"/></linearGradient></defs><g transform="translate(-49.48,-104.49)"><g transform="matrix(0.47,0,0,0.42,49.48,104.49)"><path d="M256,157.42c0,21.91-17.84,39.75-39.75,39.75H0V39.75C0,17.84,17.84,0,39.75,0H256z" fill="%23fff"/><path d="M185.58,117.05h16.43c0.47,0,1.56-0.16,2.03-0.16,3.13-0.63,5.79-3.44,5.79-7.35,0-3.76-2.66-6.57-5.79-7.35-0.47-0.16-1.41-0.16-2.03-0.16h-16.43z" fill="url(%23a)"/><path d="M200.14,13.3c-15.65,0-28.48,12.67-28.48,28.48v29.57h40.22c0.94,0,2.03,0,2.82,0.16,9.08,0.47,15.8,5.16,15.8,13.3,0,6.42-4.54,11.89-12.99,12.99v0.31c9.23,0.63,16.27,5.79,16.27,13.77,0,8.61-7.82,14.24-18.15,14.24h-44.13v57.9h41.78c15.65,0,28.48-12.67,28.48-28.48V13.3z" fill="url(%23b)"/><path d="M207.8,86.69c0-3.76-2.66-6.26-5.79-6.73-0.31,0-1.1-0.16-1.56-0.16h-14.87v13.77h14.87c0.47,0,1.41,0,1.56-0.16,3.13-0.47,5.79-2.97,5.79-6.73z" fill="url(%23c)"/><path d="M42.72,13.3c-15.65,0-28.48,12.67-28.48,28.48v70.26c7.98,3.91,16.27,6.42,24.57,6.42,9.86,0,15.18-5.95,15.18-14.08V71.2h24.41v33.02c0,12.83-7.98,23.32-35.05,23.32-16.43,0-29.26-3.6-29.26-3.6v59.93h41.78c15.65,0,28.48-12.67,28.48-28.48V13.3z" fill="url(%23d)"/><path d="M121.43,13.3c-15.65,0-28.48,12.67-28.48,28.48v37.24c7.2-6.1,19.72-10.01,39.9-9.08,10.8,0.47,22.38,3.44,22.38,3.44v12.05c-5.79-2.97-12.67-5.63-21.59-6.26-15.33-1.1-24.57,6.42-24.57,19.56,0,13.3,9.23,20.81,24.57,19.56,8.92-0.63,15.8-3.44,21.59-6.26v12.05s-11.42,2.97-22.38,3.44c-20.19,0.94-32.7-2.97-39.9-9.08v65.72h41.78c15.65,0,28.48-12.67,28.48-28.48V13.3z" fill="url(%23e)"/></g></g></svg>');

        }

        &.card-diners {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 107.3 64.66" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-77.06,-72.3)"><g transform="matrix(0.14,0,0,0.14,77.06,72.3)"><rect fill="%230079be" x="0" y="0" width="750" height="471" rx="40"/><path d="M585,238c0-99-83-168-174-168H333c-92,0-168,69-168,168,0,91,76,166,168,165h78c91,0,174-74,174-165z" fill="%23fff"/><path d="M333,84c-84,0-152,68-152,153,0,84,68,152,152,152,84,0,152-68,152-152,0-85-68-153-152-153z" fill="%230079be"/><path d="M237,236c0-41,26-76,62-90v180c-36-14-62-49-62-90zm131,90V146c36,14,62,49,62,90,0,41-26,76-62,90z" fill="%23fff"/></g></g></svg>');
        }

        &.card-unionpay {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 154.9 97.81" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-42.9,-69.88)"><g transform="matrix(0.27,0,0,0.27,14.52,50.94)"><path d="M40,0h700c22,0,40,18,40,40v420c0,22-18,40-40,40H40c-22,0-40-18-40-40V40C0,18,18,0,40,0z" fill="%23fff" style="display:none"/><path d="M216,70h142c20,0,32,16,28,36l-66,287c-5,20-25,36-44,36H134c-20,0-32-16-28-36l66-287c5-20,25-36,44-36z" fill="%23d10429"/><path d="M346,70h164c20,0,11,16,6,36l-66,287c-5,20-3,36-23,36H263c-20,0-32-16-28-36l66-287c5-20,25-36,44-36z" fill="%23022e64"/><path d="M504,70h142c20,0,32,16,28,36l-66,287c-5,20-25,36-44,36H422c-20,0-32-16-28-36l66-287c5-20,25-36,44-36z" fill="%23076f74"/><path d="M480,341h13l4-13h-13zm11-36l-5,15s5-3,8-3c3-1,7-1,7-1l3-11h-13zm7-22l-4,15s5-2,8-3c3-1,7-1,7-1l3-11h-13zm30,0l-17,58h5l-4,12h-5l-1,4h-17l1-4h-34l3-11h3l18-59l3-12h17l-2,6s4-3,9-4c4-1,29-2,29-2l-4,12h-6z" fill="%23fefefe"/><path d="M535,271h18v7c0,1,1,2,3,2h4l-3,11h-10c-8,1-12-3-11-7v-12zm2,53h-17l3-10h20l3-9h-19l3-11h54l-3,11h-18l-3,9h18l-3,10h-20l-4,4h8l2,13c0,1,0,2,1,3,0,0,3,1,4,1h2l-4,12h-6c-1,0-2,0-4,0-2,0-3-1-4-2-1-1-3-2-3-4l-2-13l-9,12c-3,4-7,7-13,7h-12l3-11h5c1,0,3-1,4-1,1,0,2-1,3-2zm-188-27h45l-3,11h-18l-3,9h19l-3,11h-19l-5,15c-1,2,4,2,6,2l9-1l-4,13h-21c-2,0-3,0-5-1-2,0-3-1-3-2-1-1-2-2-1-5l6-20h-10l3-11h10l3-9h-10l3-11zm31-20h19l-3,11h-25l-3,2c-1,1-2,1-3,2-1,1-4,2-8,2h-8l3-11h2c2,0,4,0,4-1,1-1,2-2,3-4l5-9h18l-3,6zm35,19s5-5,14-6c2,0,14,0,14,0l2-6h-26l-4,13zm25,5h-26l-2,5h23c3,0,3,0,3,0l2-5zm-34-30h16l-2,8s5-4,8-6c4-1,11-3,11-3h26l-9,29c-1,5-3,8-4,10-1,1-2,3-4,4-2,1-4,2-6,2-2,0-4,0-8,0h-25l-7,23c-1,2-1,3-1,4,0,1,1,1,2,1l11-1l-4,13h-12c-4,0-7,0-9,0-2,0-4,0-5-1-1-1-3-2-3-4,0-1,1-3,1-6z" fill="%23fefefe"/><path d="M452,318l-1,7c-1,2-1,4-3,5-2,1-4,3-8,3l-9,0v8c0,2,1,2,1,2,0,0,1,1,1,1l3,0l8,0l-4,12h-10c-7,0-12,0-13-1-2-1-2-2-2-5l1-31h15v6h4c1,0,2,0,3,0,1,0,1-1,1-2l2-5h12zm-219-156c-1,3-10,49-10,49-2,9-4,16-9,20-3,3-7,4-11,4-7,0-10-3-11-9v-2s2-12,2-13c0,0,10-42,12-48,0,0,0-1,0-1-20,0-24,0-24,0,0,0-1,3-1,3l-11,47l-1,4l-2,13c0,4,1,7,2,10,5,9,19,10,26,10,10,0,19-2,26-6,11-7,14-17,16-26l1-5s11-44,13-49c0,0,0-1,0-1-15,0-19,0-20,0zm59,87c-7,0-10,0-18,0l0-1c1-3,2-6,2-10l1-4c2-7,3-15,3-17,0-1,1-5-4-5-2,0-4,1-5,2-1,4-3,14-4,18-2,10-2,11-3,16l-1,1c-7,0-10,0-18,0l0-1c1-6,3-12,4-18,4-16,4-22,5-30l1,0c8-1,10-1,19-3l1,1l-1,5c2-1,3-2,5-3,4-2,9-3,11-3,4,0,8,1,10,6,2,4,1,9-2,19l-1,5c-2,11-3,13-4,21l-1,1zm29,0c-4,0-7,0-10,0-3,0-5,0-9,0l0,0-1-1c1-4,2-6,2-7,1-1,1-3,2-8,1-5,2-9,3-13,1-3,1-6,1-9l1,0,1,0c4-1,7-1,10-1,3,0,6-1,10-2l0,0,0,1l-2,10c-1,3-2,7-2,10-2,7-2,10-3,12,0,2-1,3-1,7l0,0-1,0zm46-26c0,2-2,9-4,12-2,2-3,4-5,4-1,0-4,0-4-5,0-3,1-5,1-8,2-8,4-15,10-15,4,0,5,5,3,14zm19,1c2-11,1-16-2-19-4-5-10-6-17-6-4,0-14,0-22,8-5,5-8,12-10,19-1,7-3,19,8,24,3,1,8,2,12,2,8,0,17-2,23-9,5-5,7-14,8-17zm174,26c-9,0-11,0-19,0l-1-1c2-8,4-17,6-25,2-11,3-15,4-22l1-1c9-1,11-2,20-3l0,1c-2,7-3,14-5,20-3,14-4,22-6,29l-1,1z" fill="%23fefefe"/><path d="M548,224c0,2-2,9-4,12-1,2-5,3-7,3-1,0-4,0-4-5,0-3,1-5,1-8,2-8,4-15,10-15,4,0,6,5,4,14zm17,1c2-11-8-1-9-5-2-6-1-17-11-21-4-2-13,0-20,8-5,5-8,12-10,19-1,7-3,19,8,23,4,2,7,2,10,2,11-1,20-18,26-24,5-5,6,2,6-1zm-130,23c-7,0-10,0-18,0l0-1c1-3,2-6,2-10l1-4c2-7,3-15,3-17,0-1,1-5-3-5-2,0-4,1-5,2-1,4-3,14-4,18-2,10-2,11-3,16l-1,1c-7,0-10,0-18,0l0-1c1-6,3-12,4-18,4-16,4-22,5-30l1,0c8-1,10-1,19-3l1,1l-1,5c1-1,3-2,4-3,4-2,9-3,11-3,4,0,8,1,10,6,2,4,1,9-2,19l-1,5c-2,11-3,13-4,21l-1,1zm62-87l-6,0c-16,0-22,0-24,0,0,1-1,3-1,3s-6,26-6,26l-14,58c14,0,19,0,21,0,1-3,4-18,4-18s3-11,3-12l2-2h1c12,0,25,0,35-8,7-5,12-13,14-22,1-2,1-5,1-8,0-4-1-7-3-10-5-7-16-8-28-8zm8,27c-1,6-5,11-10,13-4,2-9,2-14,2h-3l0-1s6-26,6-26l0-1,0-1l2,0s12,1,12,1c5,2,7,7,5,13zm127,9l-1-1c-9,2-10,2-19,3l-1,1v0c-6,14-6,11-11,22,0-1,0-1,0-1l-1-24l-1-1c-9,2-10,2-18,3l-1,1c0,0,0,1,0,1l0,0c1,6,1,4,2,13,1,4,1,9,2,13,1,7,1,11,2,21-6,10-7,13-13,22l0,1c8,0,10,0,16,0l1-2c5-10,40-72,40-72zm-303,7c5-3,5-8,1-10-4-2-11-2-16,2-5,3-5,8-1,10,4,2,11,2,16-2z" fill="%23fefefe"/><path d="M590,271l-7,12c-2,4-6,7-13,7l-11,0l3-11h2c1,0,2,0,3,0,1,0,1-1,1-1l4-7h17z" fill="%23fefefe"/></g></g></svg>');
        }

        &.card-cartes_bancaires {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 211.67 145.98" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="a" x1="15.73" y1="-5.07" x2="1.64" y2="38.2" gradientUnits="userSpaceOnUse"><stop stop-color="%23222E72"/><stop offset="0.59" stop-color="%2340CBFF"/><stop offset="1" stop-color="%233CB792"/></linearGradient></defs><g transform="translate(1.12,-65.02)"><g transform="matrix(3.65,0,0,3.65,-1.12,65.02)"><rect x="0.5" y="0.5" width="57" height="39" rx="2.5" fill="url(%23a)" stroke="%23f1f1f1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.83,19.41h7.85c-0.07-1.7-0.47-3.45-1.67-4.57-1.43-1.34-3.93-1.84-6.17-1.84-2.33,0-4.9,0.54-6.34,1.98-1.24,1.24-1.51,3.23-1.51,5.02,0,1.87,0.52,4.05,1.87,5.31,1.43,1.34,3.74,1.69,5.98,1.69,2.17,0,4.52-0.4,5.94-1.67,1.42-1.27,1.91-3.4,1.91-5.33v0H21.83zm8.38,0.58V26.69H41.13C42.73,26.59,44,25.15,44,23.38c0-1.77-1.27-3.3-2.87-3.39v0zm10.8-6.71c1.56,0,2.79,1.35,2.79,3.06,0,1.61-1.14,2.93-2.58,3.07H30.21v-6.14h10.46c0.06-0.01,0.14,0,0.21,0,0.05,0,0.09,0,0.13,0z" fill="%23fefefe"/></g></g></svg>');
        }

        &.card-eftpos_au {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 300 194.63" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-265.16,-408.996)"><g transform="matrix(1.37,0,0,1.37,-96.94,-220.68)"><path d="M265,591V471s2-10,15-10h194s10,0,10,14v118s-1,10-13,10H278s-11,1-13-12z" fill="%238d1238"/><path d="M479,544v-21h-55s-1,0-1-1v-12s0-1,1-1h50s4,0,4-5v-15s-1-19-23-22h-30s-24,0-25,24v31s1,20,24,21h55z" fill="%23fff"/><path d="M424,488h31v6s0,1-1,1h-32v-6s0-1,1-1z" fill="%238d1238"/><path d="M325,585l-2,7h-21s-6,0-6-7l4-14s1-6,9-6h14s6,0,6,6l-1,5s0,3-5,3h-16s-1,0-2,1l-1,3s0,1,1,1h20z" fill="%23fff"/><path d="M309,572h11s1,0,1,1l0,2s0,0-2,0h-11s-1,0-1-1l2-2z" fill="%238d1238"/><path d="M342,592l7-26s2-6,7-6h2l-1,5h6l-2,8h-5s-1,0-1,1l-5,17h-8z" fill="%23fff"/><path d="M325,592l10-34s2-5,7-5h8l-2,7h-4s-2,0-3,1l-1,3s-1,2,1,2h5l-2,7h-4s-2,0-3,2l-5,17h-8z" fill="%23fff"/><path d="M357,599l8-28s2-5,8-5h15s6,0,6,7l-3,13s-1,6-9,6h-11l2-8h9s2,0,2-2l2-9s1-1-1-1h-11s-2,0-2,1l-7,24h-8z" fill="%23fff"/><path d="M392,583l3-11s2-6,8-6h15s7,0,6,7l-3,13s-1,6-9,6h-13s-9,0-7-9z" fill="%23fff"/><path d="M405,573h10s2,0,2,1l-2,9s0,1-2,1h-11s-1,0-1-1l3-9s0-1,2-1z" fill="%238d1238"/><path d="M423,592l2-7h18s2,0,2-1v-1h-11s-8,0-8-7,7-9,9-9h20l-2,7h-17s-1,0-2,1s-1,2,1,2h11s7,0,7,7-4,10-9,10h-21z" fill="%23fff"/></g></g></svg>');
        }

        &.card-interac {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 174.27 174.27" xmlns="http://www.w3.org/2000/svg"><path d="M17,3h140a14,14 0,0,1,14,14v140a14,14 0,0,1-14,14H17a14,14 0,0,1-14-14V17A14,14 0,0,1,17,3z" fill="%23fdb913"/><path d="M157,3a14,14 0,0,1,14,14v140a14,14 0,0,1-14,14H17a14,14 0,0,1-14-14V17A14,14 0,0,1,17,3h140m0-3H17A17,17 0,0,0,0,17v140a17,17 0,0,0,17,17h140a17,17 0,0,1,17-17V17A17,17 0,0,0,157,0z" fill="%23fff"/><path d="M97,89V59l8-2v4s2-5,7-6a5,5 0,0,1,2,0v8a11,11 0,0,0-4,1c-3,1-4,4-4,7v17z" fill="%23231f20"/><path d="M55,99s-1-2-1-9V75l-4,1v-6l4-1v-7l8-2v7l6-1v6l-6,1v15c0,7,2,8,2,8z" fill="%23231f20"/><path d="M69,81c0-5,1-9,2-12,2-4,5-6,10-7,9-2,12,3,12,11v4l-16,4c0,5,1,8,4,7,3-1,4-2,4-4v-1l8-2v1c0,3-1,10-11,13-10,2-13-4-13-13zm13-14c-3,1-4,3-4,8l8-2c0,0,0-1,0-1,0-3-1-5-4-4z" fill="%23231f20"/><path d="M142,63c0-9,2-16,12-19,7-1,9,0,10,2,1,2,2,4,2,7v1l-8,2v-1c0-4-1-5-4-4-3,1-4,4-4,9v3c0,6,1,8,4,8,3-1,3-3,3-6v-2l8-2v1c0,8-4,12-12,14-10,2-12-4-13-13z" fill="%23231f20"/><path d="M114,76c0-7,4-9,10-12,6-2,6-3,6-5,0-2-1-3-4-2a4,4 0,0,0-3,4v2l-8,2a15,15 0,0,1,1-5c1-4,5-7,11-8,8-2,11,2,11,7v14c0,6,1,7,1,7l-8,2a17,17 0,0,1-1-3s-2,4-7,6c-6,1-9-2-9-7zm16-10a29,29 0,0,1-4,2c-3,1-4,3-4,5,0,2,1,3,4,3,2-1,4-3,4-6z" fill="%23231f20"/><path d="M12,120a5,5 0,0,1-4-7l0,0,11-3v9l0,0c-3,1-6,1-6,1a5,5 0,0,1-1,0z" fill="%23231f20"/><path d="M12,131a5,5 0,0,1-5-5,5,5 0,0,1,1-3l0,0,11-3v9l0,0c-3,1-6,1-6,1a5,5 0,0,1-1,0z" fill="%23231f20"/><path d="M12,142a5,5 0,0,1-5-5,5,5 0,0,1,1-3l0,0,11-3v9l0,0c-3,1-6,1-6,1a5,5 0,0,1-1,0z" fill="%23231f20"/><path d="M10,109V61l9-2v48l-9,2z" fill="%23231f20"/><path d="M32,105a5,5 0,1,0-11,0v45a15,15 0,0,0,15,15h15v-19c0-10,0-21,0-21a7,7 0,0,0-3-6l-14-9v21a1,1 0,1,1-2,0V105z" fill="%23231f20"/><path d="M40,71a12,12 0,0,0-8,6v-3l-8,2v22a8,8 0,0,1,8,1V85c0-3,2-6,4-7,2,0,3,0,3,3v20l8-2V78c0-5-2-9-8-7z" fill="%23231f20"/><path d="M161,41a5,5 0,1,1,5-5,5,5 0,0,1-5,5zm0-10a5,5 0,1,0,5,5,5,5 0,0,0-5-5z" fill="%23231f20"/><path d="M159,32h2a1,1 0,0,1,2,2c0,1,0,1-1,2v0c1,0,1,0,1,1v1a1,1 0,0,0,0,1h-1a1,1 0,0,1,0-1v-1a1,1 0,0,0-1-1h-1v3h-1zm2,3a1,1 0,0,0,1-1c0-1,0-1-1-1h-1v2z" fill="%23231f20"/></svg>');
        }

        &.card-maestro {
            background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!-- Created with Inkscape (http://www.inkscape.org/) --><svg width="211.66664mm" height="132.92667mm" viewBox="0 0 211.66664 132.92667" version="1.1" id="svg1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs1" /><g id="layer1" transform="translate(-5.2916672,-84.613751)"><g id="maestro" fill-rule="nonzero" style="fill:none;stroke:none;stroke-width:1" transform="matrix(0.28222222,0,0,0.28222222,5.2916675,84.613751)"><rect id="Rectangle-1" fill="%23000000" x="0" y="0" width="750" height="471" rx="40" /><g id="Group" transform="translate(133,48)"><path d="M 146.8,373.77 V 349 c 0,-9.35 -6,-15.64 -15.55,-15.72 -5,-0.08 -10.26,1.49 -13.9,7 -2.73,-4.38 -7,-7 -13.07,-7 -4.627185,-0.23227 -9.032003,2.00057 -11.58,5.87 v -4.88 h -8.61 v 39.55 h 8.69 v -21.97 c 0,-6.87 3.81,-10.51 9.68,-10.51 5.71,0 8.61,3.72 8.61,10.42 v 22 h 8.69 v -21.91 c 0,-6.87 4,-10.51 9.68,-10.51 5.87,0 8.69,3.72 8.69,10.42 v 22 z M 195.28,354 v -19.77 h -8.61 V 339 c -2.73,-3.56 -6.87,-5.79 -12.49,-5.79 -11.09,0 -19.77,8.69 -19.77,20.77 0,12.08 8.69,20.77 19.77,20.77 5.63,0 9.76,-2.23 12.49,-5.79 v 4.8 h 8.61 z m -32,0 c 0,-6.95 4.55,-12.66 12,-12.66 7.12,0 11.91,5.46 11.91,12.66 0,7.2 -4.8,12.66 -11.91,12.66 -7.47,0 -12.02,-5.71 -12.02,-12.66 z M 379.4,333.19 c 2.9066,-0.0286 5.79074,0.5115 8.49,1.59 2.51472,1.00465 4.808,2.49274 6.75,4.38 1.91306,1.87576 3.42974,4.11677 4.46,6.59 2.146,5.29759 2.146,11.22241 0,16.52 -1.03026,2.47323 -2.54694,4.71424 -4.46,6.59 -1.94168,1.88767 -4.23504,3.37581 -6.75,4.38 -5.46684,2.12826 -11.53317,2.12826 -17,0 -2.5105,-1.00137 -4.79783,-2.49001 -6.73,-4.38 -1.90152,-1.8812 -3.41068,-4.12116 -4.44,-6.59 -2.146,-5.29759 -2.146,-11.22241 0,-16.52 1.02979,-2.46859 2.53889,-4.70846 4.44,-6.59 1.93233,-1.88979 4.21962,-3.37839 6.73,-4.38 2.70549,-1.08107 5.59668,-1.62126 8.51,-1.59 z m 0,8.14 c -1.68178,-0.0146 -3.35004,0.30142 -4.91,0.93 -1.47025,0.59036 -2.80425,1.47516 -3.92,2.6 -1.12291,1.14808 -2.00666,2.5077 -2.6,4 -1.26573,3.30978 -1.26573,6.97022 0,10.28 0.59286,1.49254 1.47668,2.85226 2.6,4 1.11575,1.12484 2.44975,2.00964 3.92,2.6 3.15949,1.23928 6.67051,1.23928 9.83,0 1.47428,-0.5939 2.81415,-1.47808 3.94,-2.6 1.13283,-1.14407 2.02385,-2.50441 2.62,-4 1.26573,-3.30978 1.26573,-6.97022 0,-10.28 -0.59615,-1.49559 -1.48717,-2.85593 -2.62,-4 -1.12585,-1.12192 -2.46572,-2.0061 -3.94,-2.6 -1.56239,-0.63329 -3.23419,-0.9527 -4.92,-0.94 z M 242.1,354 c -0.08,-12.33 -7.69,-20.77 -18.78,-20.77 -11.58,0 -19.69,8.44 -19.69,20.77 0,12.58 8.44,20.77 20.27,20.77 6,0 11.42,-1.49 16.22,-5.54 l -4.22,-6.37 c -3.26674,2.61965 -7.31311,4.07634 -11.5,4.14 -5.54,0 -10.59,-2.56 -11.83,-9.68 h 29.37 c 0.06,-1.09 0.16,-2.16 0.16,-3.32 z m -29.45,-3.47 c 0.91,-5.71 4.38,-9.6 10.51,-9.6 5.54,0 9.1,3.47 10,9.6 z m 65.69,-6.2 c -3.7572,-2.16445 -8.00444,-3.33468 -12.34,-3.4 -4.72,0 -7.53,1.74 -7.53,4.63 0,2.65 3,3.39 6.7,3.89 l 4.05,0.58 c 8.61,1.24 13.82,4.88 13.82,11.83 0,7.53 -6.62,12.91 -18,12.91 -6.45,0 -12.41,-1.66 -17.13,-5.13 l 4.05,-6.7 c 3.79778,2.8177 8.43304,4.27591 13.16,4.14 5.87,0 9,-1.74 9,-4.8 0,-2.23 -2.23,-3.47 -6.95,-4.14 l -4.05,-0.58 c -8.85,-1.24 -13.65,-5.21 -13.65,-11.67 0,-7.86 6.45,-12.66 16.46,-12.66 6.29,0 12,1.41 16.13,4.14 z m 41.35,-2.23 H 305.62 V 360 c 0,4 1.41,6.62 5.71,6.62 2.68436,-0.0883 5.30256,-0.85547 7.61,-2.23 l 2.48,7.36 c -3.22753,2.0116 -6.95693,3.0722 -10.76,3.06 -10.18,0 -13.73,-5.46 -13.73,-14.65 v -18 h -8 v -7.86 h 8 v -12 h 8.69 v 12 h 14.06 z m 29.78,-8.85 c 2.08651,0.01 4.15609,0.37523 6.12,1.08 l -2.65,8.11 c -1.7101,-0.68398 -3.53835,-1.0238 -5.38,-1 -5.63,0 -8.44,3.64 -8.44,10.18 v 22.17 h -8.6 V 334.23 H 339 V 339 c 2.14973,-3.6938 6.14803,-5.91551 10.42,-5.79 z" id="Shape" fill="%23ffffff" /><g id="_Group_"><rect id="Rectangle-path" fill="%237673c0" x="176.95" y="32.389999" width="130.5" height="234.50999" /><path d="m 185.24,149.64 c -0.0349,-45.77046 20.98539,-89.013163 57,-117.26 C 181.09297,-15.681825 93.277719,-8.6857857 40.511637,48.451235 c -52.766082,57.137025 -52.766082,145.230505 0,202.367535 C 93.277719,307.95579 181.09297,314.95182 242.24,266.89 c -36.01185,-28.24467 -57.03179,-71.48305 -57,-117.25 z" id="_Path_" fill="%23eb001b" /><path d="m 483.5,149.64 c 10e-4,57.09874 -32.59844,109.18636 -83.95444,134.14286 C 348.18956,308.73937 287.09234,302.18376 242.2,266.9 278.16658,238.62019 299.16471,195.39806 299.16471,149.645 299.16471,103.89194 278.16658,60.669813 242.2,32.39 287.09092,-2.8926448 348.18584,-9.4490429 399.54106,15.504953 450.89628,40.458948 483.49721,92.543064 483.5,149.64 Z" id="path1" fill="%2300a1df" /></g></g></g></g></svg>')
        }

        &.card-other {
            background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 194.03 132.29" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-40.57,-72.14)"><g transform="matrix(8.82,0,0,8.82,31.75,28.05)"><path d="M21.75,5H2.25A1.25,1.25 0,0,0,1,6.25v12.5A1.25,1.25 0,0,0,2.25,20h19.5A1.25,1.25 0,0,0,23,18.75V6.25A1.25,1.25 0,0,0,21.75,5zM22,18.75A0.25,0.25 0,0,1,21.75,19H2.25A0.25,0.25 0,0,1,2,18.75V10H22zM22,8H2V6.25A0.25,0.25 0,0,1,2.25,6h19.5A0.25,0.25 0,0,1,22,6.25zM8,18H3v-1h5zm13,0h-2v-1h2zm-3,0h-2v-1h2zM12,16H3v-1h9z"/></g></g></svg>');
        }
    }

    .card-section {
        .dropdown-toggle {
            font-size: var(--mpr-stripe-fs-xs);
        }
    }

    .dropdown {
        flex: 1 1 auto;

        .dropdown-menu {
            width: 100%;
            padding: 0;
            border-radius: var(--mpr-stripe-border-radius-sm);

            .dropdown-item {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 2px 6px;
                font-size: var(--mpr-stripe-fs-sm);
                white-space: normal;
                border-bottom: 1px solid var(--mpr-stripe-border-color);
                /* box-shadow: var(--mpr-box-shadow); */
                cursor: pointer;

                &.active {
                    background-color: var(--mpr-stripe-bg-active);
                    color: var(--mpr-stripe-color-dark);
                }
            }
        }

        .dropdown-toggle {
            display: flex;
            align-items: center;
            cursor: pointer;
            gap: 10px;
            width: 100%;
            text-align: left;
            background: #fff;
            font-size: var(--mpr-stripe-fs-sm);
            border: 0;
            border-radius: var(--mpr-stripe-border-radius-sm);
            box-shadow: var(--mpr-box-shadow);

            &.disabled {
                background: var(--mpr-stripe-bg-disabled);
                cursor: not-allowed;
            }
        }
    }

    .payment-method-options {
        border: 1px solid rgb(224, 224, 224);
        border-radius: var(--mpr-stripe-border-radius-sm);
        display: flex;
        flex-direction: column;
        flex: 1;

        .payment-option-item {
            gap: 10px;
            display: flex;
            transition: background-color 0.15s ease;
            align-items: center;
            padding: 10px;
            cursor: pointer;

            @media (max-width: 768px) {
                flex-direction: column;
                justify-content: center;
                align-items: stretch;
            }

            &.active {
                background-color: var(--mpr-stripe-bg-active);
            }

            &:not(:last-of-type) {
                border-bottom: 1px solid #e0e0e0;
            }

            .payment-option-description {
                flex-shrink: 0;
                display: flex;
                gap: 10px;
            }

            .payment-method-element {
                width: 100%;
                text-align: left;
            }

            .card-brand-bg {
                min-width: 30px;
                min-height: 30px;
            }

            .manage-cards-link {
                display: flex;
                font-size: var(--mpr-stripe-fs-sm);
                align-items: center;
                gap: 10px;
                color: var(--mpr-stripe-color-dark);
            }

            .save-card-group {
                display: flex;
                align-items: center;
                gap: 5px;
                flex-shrink: 0;
                font-size: var(--mpr-stripe-fs-sm);

                label {
                    font-size: var(--mpr-stripe-fs-sm);
                }
            }
        }

    }
}

.stripe-payment-modal {
    .form-control {
        &:focus {
            box-shadow: inset 0 0 0 1px var(--mpr-ec-bg-color-primary);
            border: 1px solid transparent;
        }
    }

    .checkout-section {
        &.highlight-error {
            animation: error-border-pulse 8s ease-in-out;
            box-shadow: 0 0 0 2px white;
        }

        scroll-margin-top: 20px;
        margin-bottom: 1em;

        &.voucher-section {
            .modal-section-container {
                gap: 10px;
            }
        }

        &.errors-section {
            margin: 0;
        }

        &.terms-section {
            .modal-section-container {
                flex-direction: column;
                gap: 10px;

                .terms-checkbox {
                    display: flex;
                    gap: 10px;
                }

                p {
                    color: var(--mpr-stripe-color-dark);
                    font-size: var(--mpr-stripe-fs-h-md);
                    margin: 0;
                }
            }
        }
    }

    .order-summary {
        font-size: var(--mpr-stripe-fs-h-xl);
    }
}

@media screen and (min-width: 769px) {
    .stripe-payment-modal {
        .stripe-address-form {
            .form-group {
                &:not(:first-child) {
                    margin-top: -1px;

                }

                .form-group-wrapper {
                    &:not(:first-child) {
                        .stripe-input {
                            margin-left: -1px;
                        }
                    }

                    &:only-child {
                        input {
                            max-width: calc(100% - 1px);
                        }
                    }
                }
            }
        }

        .billing {
            .form-group {
                &:first-child {
                    .form-group-wrapper:first-child {
                        .stripe-input {
                            border-top-left-radius: 8px;
                        }
                    }
                }
            }
        }

        .form-group {
            &:first-child {
                .form-group-wrapper {
                    &:last-child {
                        .stripe-input {
                            border-top-right-radius: 8px;
                        }
                    }
                }
            }

            &:last-child {
                .form-group-wrapper {
                    &:first-child {
                        .stripe-input {
                            border-bottom-left-radius: 8px;
                        }
                    }

                    &:last-child {
                        .stripe-input {
                            border-bottom-right-radius: 8px;
                        }
                    }
                }
            }
        }
    }
}


@media screen and (max-width: 768px) {
    .stripe-payment-modal .stripe-address-form .form-group {
        flex-direction: column;
    }

    .shipping-option-details {
        flex-direction: column;
        gap: 0;
    }

    .stripe-payment-modal .modal-footer .security-info {
        order: 3;
    }

    .stripe-payment-modal .modal-footer .order-summary {
        order: 1;
    }

    .stripe-payment-modal .modal-footer .confirm-order-btn-section {
        order: 2;
    }

    .stripe-payment-modal .modal-footer {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 15px;
    }

    .confirm-order-btn .btn {
        width: 100%;
    }

    .card-payment-container {
        width: 100%;
    }

    .stripe-payment-modal {
        .stripe-address-form {
            .form-group {
                margin: 0px;

                .form-group-wrapper {
                    margin-top: -1px;

                    .stripe-input {
                        border-radius: 0 !important;
                    }
                }

                &:last-child {
                    .form-group-wrapper {
                        .stripe-input {
                            border-bottom-left-radius: 8px;
                            border-bottom-right-radius: 8px;
                        }
                    }
                }
            }
        }
    }
}