{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA","file":"style.min.css","sourcesContent":[".checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    label:first-of-type {\n    display: flex;\n    order: 2;\n    margin-bottom: 1px;\n    align-items: center;\n}\n\n.checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway-\"] {\n    display: flex;\n}\n\n.checkout-payplus\n    li[class^=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    input[type=\"radio\"][name=\"payment_method\"]:not(:checked) {\n    display: unset !important;\n}\n\n.checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway-hostedfields\"] {\n    display: ruby;\n}\n\nhtml[dir=\"ltr\"]\n    .checkout-payplus\n    li[class^=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    label\n    img {\n    margin-right: 15px !important;\n}\n\nhtml[dir=\"rtl\"]\n    .checkout-payplus\n    li[class^=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    label\n    img {\n    margin-left: 15px !important;\n}\n\n.checkout-payplus\n    #add_payment_method\n    #payment\n    ul.payment_methods\n    li:not(.woocommerce-notice)::after,\n.checkout-payplus\n    #add_payment_method\n    #payment\n    ul.payment_methods\n    li:not(.woocommerce-notice)::before,\n.checkout-payplus\n    .woocommerce-cart\n    #payment\n    ul.payment_methods\n    li:not(.woocommerce-notice)::after,\n.checkout-payplus\n    .woocommerce-cart\n    #payment\n    ul.payment_methods\n    li:not(.woocommerce-notice)::before,\n.checkout-payplus\n    .woocommerce-checkout\n    #payment\n    ul.payment_methods\n    li:not(.woocommerce-notice)::after,\n.checkout-payplus\n    .woocommerce-checkout\n    #payment\n    ul.payment_methods\n    li:not(.woocommerce-notice)::before {\n    content: unset !important;\n    display: table;\n}\n\n.checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    label:first-of-type\n    span {\n    order: 1;\n}\n\n.checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    label:first-of-type\n    img {\n    order: -1;\n    margin-left: 20px;\n    max-height: 32px;\n    max-width: 32px;\n}\n\n.checkout-payplus\n    li[class^=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    input[type=\"radio\"][name=\"payment_method\"]:not(:checked) {\n    display: flex;\n    /* Your styles here */\n}\n\n#payment\n    > ul\n    > li[class^=\"wc_payment_method payment_method_payplus-payment-gateway-\"]\n    img {\n    max-height: 32px;\n    max-width: 32px;\n}\n\n#payment\n    > ul\n    > li[class^=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    img {\n    max-height: 32px;\n    max-width: 64px;\n}\n\n.checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    .payment-method-description {\n    margin-top: 0;\n}\n\n.checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    input[type=\"radio\"][name=\"payment_method\"]\n    ~ .payment_box {\n    margin-top: 0.2rem;\n}\n\n.checkout-payplus input[type=\"radio\"][name=\"payment_method\"] + label::before,\n.checkout-payplus\n    input[type=\"radio\"][name=\"payment_method\"]:checked\n    + label::before {\n    order: -1;\n    transform: none;\n}\n\n.payplus-checkout-image-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n}\n\n.payplus-checkout-image {\n    max-width: 100%;\n    max-height: 35px;\n    object-fit: contain;\n}\n\n.show-border {\n    animation: borderChange 0.5s forwards;\n}\n\n@keyframes borderChange {\n    0% {\n        border-color: grey;\n    }\n\n    100% {\n        border-color: green;\n    }\n}\n\nhtml[lang=\"en-US\"]\n    .checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    label:first-of-type\n    img,\nhtml[lang=\"en\"]\n    .checkout-payplus\n    li[class*=\"wc_payment_method payment_method_payplus-payment-gateway\"]\n    label:first-of-type\n    img {\n    margin-left: 0;\n    margin-right: 20px;\n}\n\n.express-checkout-buttons {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.express-checkout-product {\n    margin: 5% auto;\n    border-radius: 12px;\n    border: 1px solid #f9f9f9;\n    padding: 20px 10px 10px 10px;\n    position: relative;\n    display: block;\n    width: 100%;\n}\n\n#phone-number.invalid {\n    border-color: red;\n}\n\n#phone-number.invalid::after {\n    content: \"✖\"; /* Unicode for the red \"X\" icon */\n    color: red;\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 16px; /* Adjust the size of the icon */\n    pointer-events: none; /* Ensure the icon does not interfere with input */\n}\n\n#phone-number.valid {\n    border-color: green;\n    background-image: url(../images/vCheckmark.svg);\n    background-repeat: no-repeat;\n    background-position: right center;\n    background-size: 20px;\n}\n\n#phone-number.valid::after {\n    content: \"✔\"; /* Unicode for the green checkmark icon */\n    color: green;\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 16px; /* Adjust the size of the icon */\n    pointer-events: none; /* Ensure the icon does not interfere with input */\n}\n\n#phone-number {\n    width: 96.5%;\n    position: relative;\n    display: block;\n    text-align: center;\n    border: 3px solid #606061;\n    border-radius: 5px;\n}\n\n.border-with-word {\n    position: relative;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.border-with-word::before,\n.border-with-word::after {\n    content: \"\";\n    flex: 1;\n    border-top: 2px solid #cfcaca; /* Adjust the thickness and color of the border */\n    margin: 0 0; /* Adjust the gap around the text */\n}\n\n.border-with-word span {\n    background: transparent; /* Match the background color to your container */\n    padding: 0 10px; /* Optional: Add padding around the text */\n}\n\n@media (min-width: 767.98px) {\n    .express-checkout {\n        margin: 3% auto 0 auto;\n        /* border-radius: 12px; */\n        /* border: 1px solid #e3e6e9; */\n        padding: 30px 10px 10px 10px;\n        position: relative;\n        display: block;\n        width: 264px;\n    }\n}\n\n@media (max-width: 767.98px) {\n    .express-checkout {\n        margin: 3% auto 0 auto;\n        /* border-radius: 12px; */\n        /* border: 1px solid #e3e6e9; */\n        /* padding: 20px 10px 10px 10px; */\n        padding-top: 20px;\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n}\n\n.express-flex {\n    display: flex;\n    position: absolute;\n    top: 0px;\n    width: 100%;\n    left: 0px;\n}\n\nbody #applePayButton {\n    margin-top: 5px;\n    margin-bottom: 10px;\n    border-radius: 3px !important;\n    border: 0px;\n}\n\n.title-express-checkout {\n    margin: 0px;\n    position: absolute;\n    top: -12px;\n    font-size: 14px;\n    width: 100%;\n    text-align: center;\n}\n\n.title-express-checkout span {\n    background: #ffffff;\n    padding: 0px 15px;\n    text-align: center;\n    display: inline-block;\n    color: #000;\n}\n\n#error-api-payplus p {\n    font-size: 14px;\n    margin: 0;\n    color: red;\n    text-align: center;\n}\n\n.express-checkout iframe.disabled,\n#applePayButton.disabled {\n    pointer-events: none;\n    cursor: not-allowed;\n}\n\n.express-checkout.disabled {\n    opacity: 0.5;\n}\n\n.express-checkout p {\n    margin: 0px;\n}\n@media screen and (min-width: 568px) {\n    body .alertify .ajs-dialog {\n        height: 82% !important;\n    }\n}\n@media screen and (max-width: 568px) {\n    body .alertify:not(.ajs-maximized) .ajs-modal {\n        padding: 0px 0px;\n    }\n\n    body .alertify .ajs-dialog {\n        margin: 0 auto;\n        .ajs-commands {\n            top: 0 !important;\n        }\n    }\n}\n"]}