declare const _default: "\n<style>\n    @import url('https://fonts.cdnfonts.com/css/segoe-ui-4');\n    @import url('https://fonts.cdnfonts.com/css/droid-sans-2');\n    @import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');\n    @import url('https://fonts.googleapis.com/css2?family=Cantarell&family=Fira+Sans&family=Oxygen&family=Roboto&family=Ubuntu&display=swap');\n    \n    /* RESET DEFAULT STYLES */\n    *,\n    *:before,\n    *:after {\n        box-sizing: border-box;\n    }\n\n    html,\n    body,\n    div,\n    span,\n    applet,\n    object,\n    iframe,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p,\n    blockquote,\n    pre,\n    a,\n    abbr,\n    acronym,\n    address,\n    big,\n    cite,\n    code,\n    del,\n    dfn,\n    em,\n    img,\n    ins,\n    kbd,\n    q,\n    s,\n    samp,\n    small,\n    strike,\n    strong,\n    sub,\n    sup,\n    tt,\n    var,\n    b,\n    u,\n    i,\n    center,\n    dl,\n    dt,\n    dd,\n    ol,\n    ul,\n    li,\n    fieldset,\n    form,\n    label,\n    legend,\n    table,\n    caption,\n    tbody,\n    tfoot,\n    thead,\n    tr,\n    th,\n    td,\n    article,\n    aside,\n    canvas,\n    details,\n    embed,\n    figure,\n    figcaption,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    output,\n    ruby,\n    section,\n    summary,\n    time,\n    mark,\n    audio,\n    video,\n    input {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        font-size: 100%;\n        font: inherit;\n        vertical-align: baseline;\n    }\n\n    article,\n    aside,\n    details,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    section {\n        display: block;\n    }\n\n    body {\n        line-height: 1;\n    }\n\n    ol,\n    ul {\n        list-style: none;\n    }\n\n    ul {\n        padding: 0;\n        margin: 0;\n    }\n\n    /* MAIN STYLES */\n    .wrap {\n        padding: 10px;\n        background-color: {{background_color}};\n    }\n\n    .widget-body {\n        background-color: #fff;\n        border: 1px solid {{border_color}};\n    }\n\n    .payment-source {\n        cursor: pointer;\n        padding: 1em 0.8em;\n        display: flex;\n        align-items: center;\n        height: 70px;\n    }\n\n    .payment-source:not(:last-child) {\n        border-bottom: 1px solid {{border_color}};\n    }\n\n    .payment-source__wrap {\n        display: flex;\n        align-items: center;\n        font-family: {{font_family}};\n        font-size: {{font_size}};\n        color: {{text_color}}\n    }\n\n    .payment-source__radio {\n        margin-right: 2em;\n        width: 18px;\n        min-width: 18px;\n        height: 18px;\n        border: 1px solid {{button_color}};\n        border-radius: 50%;\n        appearance: none;\n        cursor: pointer;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n        }\n    }\n\n    .payment-source__radio::before {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 100%;\n        background-color: #fff;\n        border-radius: 50%;\n    }\n\n    .payment-source__radio:checked::before {\n        border: 4px solid {{button_color}};\n        outline: 1px solid {{button_color}};\n    }\n\n    .payment-source__title {\n        margin-right: 2em;\n        font-weight: 400;\n        line-height: 1.2;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n            font-size: 14px;\n        }\n    }\n\n    .payment-source__icon {\n        margin-right: 2em;\n        max-height: 35px;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n        }\n    }\n\n    .payment-source .card__scheme {\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n    }\n\n    .payment-source .card__scheme__item:not(:last-child) {\n        margin-right: 10px;\n    }\n\n    .payment-source .card__scheme__img {\n        max-width: 50px;\n\n        @media screen and (max-width: 460px) {\n            max-width: 40px;\n        }\n\n        @media screen and (max-width: 410px) {\n            max-width: 30px;\n        }\n    }\n\n    .payment-source__form {\n        margin-top: 1em;\n        margin-bottom: 1em;\n        margin-left: calc(2em + 18px);\n\n        @media screen and (max-width: 380px) {\n            margin-left: calc(1em + 18px);\n        }\n    }\n\n    .payment-source__form .form-group:not(:last-child) {\n        margin-bottom: 1.5em;\n    }\n\n    .payment-source__form .form-control {\n        padding: 10px 2px 10px 10px;\n        height: 40px;\n        background: #F9F9F9;\n        border: 1px solid {{border_color}};\n    }\n\n    .payment-source__form .form-control:not(:last-child) {\n        margin-right: 1.5em;\n    }\n\n    .payment-source__form .form-control.col-12 {\n        width: calc(100% - 1.5em);\n    }\n\n    .payment-source__form .form-control.col-3 {\n        width: calc(33.33% - 1.5em);\n    }\n\n    .footer__pay-btn {\n        margin-left: auto;\n        padding: 10px 2em;\n        height: 50px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #F6F0EB;\n        font-size: 16px;\n        background-color: {{button_color}};\n        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 0 0 0.5px rgba(0, 0, 0, 0.10);\n        border: none;\n        border-radius: 6px;\n        cursor: pointer;\n    }\n\n    .footer__pay-btn--paypal {\n        padding: 5px 2em;\n        background-color: #FFC43A;\n    }\n\n    .footer__pay-btn--gpay {\n        font-size: 22px;\n    }\n\n    .footer__pay-btn--gpay img {\n        margin-left: 5px;\n    }\n\n    .footer__pay-btn img {\n        max-height: 100%;\n    }\n</style>\n<main class=\"wrap\">\n    <div class=\"widget-body\">\n        <ul class=\"payment-sources__list\">\n            {{paymentMethods}}\n        </ul>\n    </div>\n</main>\n</div>\n";
export default _default;
//# sourceMappingURL=payment-template.d.ts.map