@paydock/client-sdk/bundles/types/checkout/layout-widgets/additionals.d.ts

Paydock client sdk

declare const _default: "\n<style>\n    #standaloneWidget iframe[title=\"3d secure authentication\"],\n    #standaloneWidget .threeDSecure-iframe {\n        height: 420px;\n    }\n    #standaloneWidget iframe, #list iframe {\n      display: block;\n       max-width: 640px;\n       min-width: 320px;\n       width: 100%;\n       border-width: 0;\n    }\n    .spinner-wrapper {\n      position: absolute;\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 999;\n    }\n    \n    .spinner-wrapper svg {\n        position: absolute;\n\n        height: 50px;\n        width: 50px;\n        z-index: 1000;\n      }\n  \n    .spinner-wrapper .background {\n      margin: 0 !important;\n      background: #f9f9f9;\n      color: #f9f9f9;\n      word-break: break-all;\n      white-space: pre-wrap;\n      width: 100%;\n      height: 100%;\n    }\n    \n    .spinner-wrapper--hidden {\n        display: none;\n    }\n    @media screen and (max-width: 450px) {\n        #standaloneWidget button {\n            width: 100% !important;\n        }\n    }\n    @media screen and (max-width: 450px) {\n        #standaloneWidget .paypal-buttons {\n            margin: 0 10px 10px 10px;\n        }\n    }\n    @media screen and (min-width: 451px) {\n        #standaloneWidget .paypal-buttons {\n            padding-bottom: 12px;\n            right: 40px;\n            max-width: 290px;\n        }\n    }\n    @media screen and (min-width: 451px) {\n        #standaloneWidget #gpay-button-online-api-id {\n            max-width: 311px;\n            margin-bottom: 11px;\n            right: 11px;\n        }\n    }\n    @media screen and (max-width: 450px) {\n        #standaloneWidget .gpay-card-info-container-fill {\n            margin: 0 10px 5px 10px;\n        }\n    }\n    \n    apple-pay-button {\n        padding: 0 10px 20px;\n        max-width: 320px;\n    }\n    \n    @media screen and (max-width: 450px) {\n        apple-pay-button {\n            max-width: 100%;\n        }\n    }\n</style>\n<div id=\"spinner\" class=\"spinner-wrapper spinner-wrapper--hidden\">\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><radialGradient id='a5' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'><stop offset='0' stop-color='#191919'></stop><stop offset='.3' stop-color='#191919' stop-opacity='.9'></stop><stop offset='.6' stop-color='#191919' stop-opacity='.6'></stop><stop offset='.8' stop-color='#191919' stop-opacity='.3'></stop><stop offset='1' stop-color='#191919' stop-opacity='0'></stop></radialGradient><circle transform-origin='center' fill='none' stroke='url(#a5)' stroke-width='30' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'><animateTransform type='rotate' attributeName='transform' calcMode='spline' dur='1' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'></animateTransform></circle><circle transform-origin='center' fill='none' opacity='.2' stroke='#191919' stroke-width='30' stroke-linecap='round' cx='100' cy='100' r='70'></circle></svg>\n    <pre class=\"background\"></pre>\n</div>\n";
export default _default;
//# sourceMappingURL=additionals.d.ts.map