MERCADO PAGO MCP SERVER

La herramienta de IA que acelera tu integración

Simplificá tareas de desarrollo con MCP Server e integrá nuestras soluciones de pago en menos tiempo.

Optimizá todas las etapas de integración

Documentación accesible

Tené la documentación de nuestros checkouts dentro de tu IDE.

Browser ES

Browser Editor

Sugerencias de código

Aumentá tu productividad al escribir código con ayuda de la IA.

Code Pre

Code Post

Evaluación de la integración

Recibí recomendaciones de la IA para mejorar la calidad de la integración.

Evaluando integración

Quality Pre

Quality Post

2 mejoras encontradas

CursorWindsurfVSCode

{
  "mcpServers": {
    "mercadopago-mcp-server": {
      "url": "https://mcp.mercadopago.com/mcp",
      "headers": {
        "Authorization": "BEARER <ACCESS_TOKEN>"
      }
    }
  }
}

Seguí las novedades de la IA para desarrolladores

ARTÍCULO

30 DE DICIEMBRE

Probá tus integraciones con los nuevos recursos de IA de Mercado PagoLas nuevas herramientas de nuestro MCP Server te permiten configurar entornos de prueba más rápido, con menos pasos manuales y mayor control sobre los escenarios que necesitás validar

ARTÍCULO

30 DE DICIEMBRE

Herramientas de IA para asistirte en tu integración con Mercado PagoConocé cómo sacar el máximo provecho a la IA para optimizar tu integración de nuestras soluciones

Construí el futuro con Mercado Pago

Sé parte del mayor ecosistema de tecnología de América Latina.

\n \n \n \n `;h.innerHTML=e,h.addEventListener("andes-modal-trigger-close",v),h.addEventListener("andes-modal-close",g),(e=>{let{className:t,event:n,eventCallback:a,modalWrapper:o}=e;const s=new MutationObserver(()=>{var e;const r=null===(e=document)||void 0===e?void 0:e.querySelector(t);o.contains(r)&&(r.addEventListener(n,a),s.disconnect())});s.observe(document,{attributes:!1,childList:!0,characterData:!1,subtree:!0})})({modalWrapper:h,className:`.${r}__action--key-save`,event:"click",eventCallback:m}),l(i(t)),h.open=!0,window.addEventListener("message",e=>{const{eventName:t,status:n,payload:r}=e&&e.data||{};if(t!==a.SAVE_COOKIES_PREFERENCES)return;const i=d();n===o.SUCCESS?(r&&s("event",r),p(i)):c(i),u=!1,v()})})}}},864(e){e.exports={sendMelidataTrack:(e,t)=>{"undefined"!=typeof melidata&&melidata("cleanAndSend",e,t)}}},140(e){e.exports={embedModeEvents:{SAVE_COOKIES_PREFERENCES:"saveCookiesPreference"},embedModeStatus:{SUCCESS:"SUCCESS",FAILURE:"FAILURE"},getModalConfig:e=>({id:`js-modal-${e}`,className:`${e}__modal`,overlayClassName:`${e}__modal-overlay`,wrapperClassName:`${e}__modal-wrapper`})}},82(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(301),o=n(18),s=n(668),r=n(315),i=n(409),d=n(820),l=n(906),c=n(624),p=n(319);function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=u(a),m=u(o),g=u(s),v=u(r),f=u(i),y=u(d),_=u(l),b=u(p),x=new Event("andes-modal-trigger-close",{bubbles:!0,composed:!0}),w=new Event("andes-modal-close",{bubbles:!0,composed:!0}),$="Enter",A="Escape",k="Space",E=Object.freeze({small:"small",large:"large",full:"full",card:"card"}),S={card:{normal:24,sticky:16},full:{normal:24,sticky:16},small:{normal:32,sticky:16},large:{normal:48,sticky:16}},C="andes-modal";function O(e){var t;return"undefined"!=typeof window&&null!=window.navigator&&e.test((null===(t=window.navigator.userAgentData)||void 0===t?void 0:t.platform)||window.navigator.platform)}function P(){return O(/^iPhone/i)||O(/^iPad/i)||O(/^Mac/i)&&navigator.maxTouchPoints>1}function M(e,t){var n=window.getComputedStyle(e),a=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return a&&t&&(a=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),a}function j(e,t){var n=e;for(M(n,t)&&(n=n.parentElement);n&&!M(n,t);)n=n.parentElement;return n||document.scrollingElement||document.documentElement}function T(){for(var e=arguments.length,t=new Array(e),n=0;nn+e.clientHeight&&(t.scrollTop+=a-n)}},W=function(e,t,n,a){return e.addEventListener(t,n,a),function(){e.removeEventListener(t,n,a)}},F={module:"@andes/modal",locale:"es-AR",translations:{"andes-modalCerrar":[null,"Cerrar"]}},q=Object.freeze({"es-AR":F,"pt-BR":{module:"@andes/modal",locale:"pt-BR",translations:{"andes-modalCerrar":[null,"Fechar"]}},"en-US":{module:"@andes/modal",locale:"en-US",translations:{"andes-modalCerrar":[null,"Close"]}}}),V=function(e){var t,n,a=(n=document.documentElement.getAttribute("lang"),null!==(t=q[n])&&void 0!==t?t:F),o="object"===b.default(null==a?void 0:a.translations)?a.translations["andes-modal".concat(e)]:void 0;return Array.isArray(o)?o[1]:void 0},K=c.css(H||(H=h.default(['\n :host {\n /** Overlay */\n --modal-overlay-background: rgba(0, 0, 0, 0.8);\n --modal-overlay-type-card-padding: var(--andes-spacing-48, 48px) var(--andes-spacing-24, 24px);\n --modal-overlay-desktop-padding: var(--andes-spacing-48, 48px);\n\n /** Card */\n --modal-card-border-radius: var(--border-radius-6, 6px);\n --modal-card-background: var(--andes-white, #fff);\n --modal-card-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1);\n /* FIX-ME: The width should be 480px but the change would be breaking change */\n --modal-card-type-small-width: auto;\n /* FIX-ME: The width should be 800px but the change would be breaking change */\n --modal-card-type-large-width: auto;\n\n --modal-card-type-card-not-has-actions-padding-bottom: var(--andes-spacing-28, 28px);\n --modal-card-type-full-not-has-actions-padding-bottom: var(--andes-spacing-24, 24px);\n --modal-card-type-small-not-has-actions-padding-bottom: var(--andes-spacing-32, 32px);\n --modal-card-type-large-not-has-actions-padding-bottom: var(--andes-spacing-48, 48px);\n\n /** Header */\n --modal-header-border-radius: var(--border-radius-6, 6px) var(--border-radius-6, 6px) 0 0;\n --modal-header-sticky-height: 64px;\n --modal-header-sticky-shadow: 0 1px 0 0 var(--andes-gray-070, rgba(0, 0, 0, 0.07)), 0 0 var(--andes-spacing-24, 24px) 0 var(--andes-gray-100, rgba(0, 0, 0, 0.1));\n --modal-header-sticky-border: 1px solid var(--andes-gray-070, rgba(0, 0, 0, 0.07));\n --modal-header-sticky-font-size: var(--font-size-20, 20px);\n --modal-header-sticky-line-height: 25px;\n \n --modal-header-type-card-padding: 22px var(--andes-spacing-24, 24px) var(--andes-spacing-12, 12px);\n --modal-header-type-full-padding: 26px var(--andes-spacing-24, 24px) var(--andes-spacing-12, 12px);\n --modal-header-type-small-padding: 30px var(--andes-spacing-32, 32px) var(--andes-spacing-12, 12px);\n --modal-header-type-large-padding: 45px var(--andes-spacing-48, 48px) var(--andes-spacing-12, 12px);\n\n --modal-header-type-card-font-size: var(--font-size-20, 20px);\n --modal-header-type-full-font-size: var(--font-size-24, 24px);\n --modal-header-type-small-font-size: var(--font-size-24, 24px);\n --modal-header-type-large-font-size: var(--font-size-28, 28px);\n \n --modal-header-type-card-line-height: 25px;\n --modal-header-type-full-line-height: 30px;\n --modal-header-type-small-line-height: 30px;\n --modal-header-type-large-line-height: 35px;\n \n --modal-header-type-card-sticky-padding: 21px var(--andes-spacing-24, 24px) 18px;\n --modal-header-type-full-sticky-padding: 21px var(--andes-spacing-24, 24px) 18px;\n --modal-header-type-small-sticky-padding: 21px var(--andes-spacing-32, 32px) 18px;\n --modal-header-type-large-sticky-padding: 21px var(--andes-spacing-48, 48px) 18px;\n\n --modal-header-secondary-mobile-padding: 0 var(--andes-spacing-24, 24px) var(--andes-spacing-12, 12px);\n --modal-header-secondary-desktop-padding: 0 var(--andes-spacing-32, 32px) var(--andes-spacing-12, 12px);\n\n /** Actions */\n --modal-actions-border-radius: 0 0 var(--border-radius-6, 6px) var(--border-radius-6, 6px);\n\n --modal-actions-type-card-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-24, 24px) var(--andes-spacing-24, 24px);\n --modal-actions-type-full-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-24, 24px) var(--andes-spacing-24, 24px);\n --modal-actions-type-small-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-32, 32px) var(--andes-spacing-32, 32px);\n --modal-actions-type-large-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-48, 48px) var(--andes-spacing-32, 48px);\n\n --modal-actions-type-card-sticky-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-24, 24px);\n --modal-actions-type-full-sticky-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-24, 24px);\n --modal-actions-type-small-sticky-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-32, 32px);\n --modal-actions-type-large-sticky-padding: var(--andes-spacing-16, 16px) var(--andes-spacing-48, 48px);\n\n /** Content */\n /* FIX-ME: The paddding-bottom should be 28px but the change would be breaking change */\n --modal-content-type-card-padding: 0 var(--andes-spacing-24, 24px) var(--andes-spacing-24, 24px);\n --modal-content-type-full-padding: 0 var(--andes-spacing-24, 24px) var(--andes-spacing-24, 24px);\n --modal-content-type-small-padding: 0 var(--andes-spacing-32, 32px) var(--andes-spacing-32, 32px);\n --modal-content-type-large-padding: 0 var(--andes-spacing-48, 48px) var(--andes-spacing-48, 48px);\n\n /* FIX-ME: The paddding should be 16px but the change would be breaking change */\n --modal-content-type-card-has-actions-padding-bottom: var(--andes-spacing-8, 8px);\n --modal-content-type-full-has-actions-padding-bottom: var(--andes-spacing-16, 16px);\n /* FIX-ME: The paddding should be 19px but the change would be breaking change */\n --modal-content-type-small-has-actions-padding-bottom: var(--andes-spacing-16, 16px);\n --modal-content-type-large-has-actions-padding-bottom: 35px;\n\n /** Asset */\n --modal-asset-type-card-padding: 26px var(--andes-spacing-24, 24px);\n --modal-asset-type-full-padding: var(--andes-spacing-32, 32px) var(--andes-spacing-24, 24px);\n --modal-asset-type-small-padding: var(--andes-spacing-32, 32px);\n --modal-asset-type-large-padding: var(--andes-spacing-48, 48px) var(--andes-spacing-48, 48px) var(--andes-spacing-32, 32px);\n\n /** The negative margin is to adjust the size of the main header with the asset */\n --modal-asset-type-card-margin-top: -59px;\n --modal-asset-type-full-margin-top: -68px;\n --modal-asset-type-small-margin-top: -72px;\n --modal-asset-type-large-margin-top: -92px;\n }\n\n /** Container */\n :host {\n display: block;\n -webkit-font-smoothing: antialiased;\n }\n\n /** Overlay */\n .andes-modal {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: var(--modal-overlay-background);\n display: flex;\n justify-content: center;\n align-items: center;\n width: auto;\n height: auto;\n max-width: none;\n max-height: none;\n border: none;\n margin: 0;\n padding: var(--modal-overlay-desktop-padding);\n }\n\n .andes-modal:not([open]) {\n display: none;\n }\n\n /** Card */\n .andes-modal__card {\n background-color: var(--modal-card-background);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n outline: none;\n position: relative;\n transform: translate3d(0, 0, 0);\n max-height: 100%;\n max-width: 100%;\n box-shadow: var(--modal-card-shadow);\n border-radius: var(--modal-card-border-radius);\n }\n\n /** Scrollable */\n .andes-modal__scrollable {\n overflow-y: auto;\n overflow-x: hidden;\n border-radius: var(--modal-card-border-radius);\n }\n\n /** Header */\n .andes-modal__header {\n box-sizing: border-box;\n display: flex;\n font-family: sans-serif;\n position: relative;\n top: 0;\n border-radius: var(--modal-header-border-radius);\n padding: var(--modal-header-type-small-padding);\n z-index: var(--z-index, 1020)\n }\n\n .andes-modal__header-content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n min-height: var(--modal-header-type-small-line-height);\n }\n\n .andes-modal__header-content[data-centered] {\n align-items: center;\n text-align: center;\n }\n\n .andes-modal__title {\n margin: 0;\n padding: 0;\n font-family: var(--font-family-primary, \'Proxima Nova\', -apple-system, \'Roboto\', Arial, sans-serif);\n font-weight: var(--font-weight-semibold, 600);\n line-height: var(--modal-header-type-small-line-height);\n font-size: var(--modal-header-type-small-font-size);\n color: var(--andes-text-color-primary, rgba(0, 0, 0, 0.9));\n }\n\n .andes-modal__header[data-sticky] {\n position: sticky;\n height: var(--modal-header-sticky-height);\n box-shadow: var(--modal-header-sticky-shadow);\n background-color: var(--modal-card-background);\n padding: var(--modal-header-type-small-sticky-padding);\n }\n\n .andes-modal__header[data-sticky] .andes-modal__header-content {\n overflow: hidden;\n min-height: var(--modal-header-sticky-line-height);\n }\n\n .andes-modal__header[data-sticky] .andes-modal__title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n font-size: var(--modal-header-sticky-font-size);\n line-height: var(--modal-header-sticky-line-height);\n min-height: var(--modal-header-sticky-line-height);\n }\n\n .andes-modal__header[data-hidden-title] .andes-modal__title {\n display: none;\n }\n\n /** Actions */\n ::slotted([slot="actions"]) {\n border-radius: var(--modal-actions-border-radius);\n padding: var(--modal-actions-type-small-padding);\n background-color: var(--modal-card-background);\n }\n\n ::slotted([slot="actions"][data-border]) {\n border-radius: var(--modal-actions-border-radius);\n padding: var(--modal-actions-type-small-sticky-padding);\n z-index: var(--z-index, 1020);\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=card] [data-sticky] andes-modal-close-button::part(button),\n [data-type=full] [data-sticky] andes-modal-close-button::part(button),\n [data-type=small] [data-sticky] andes-modal-close-button::part(button),\n [data-type=large] [data-sticky] andes-modal-close-button::part(button) {\n padding: 0 0 1px 4px;\n margin-right: calc(var(--andes-spacing-4, 4px) * -1);\n }\n\n /** Content */\n .andes-modal__content {\n padding: var(--modal-content-type-small-padding);\n }\n\n .andes-modal__card[data-has-actions] .andes-modal__content {\n padding-bottom: var(--modal-content-type-small-has-actions-padding-bottom);\n }\n\n /** Asset */\n ::slotted([slot="asset"]) {\n display: flex;\n justify-content: center;\n padding: var(--modal-asset-type-small-padding);\n margin-top: var(--modal-asset-type-small-margin-top);\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-has-asset] .andes-modal__header:not([data-sticky]) andes-modal-close-button {\n margin-top: calc(var(--andes-spacing-4, 4px) * -1);\n padding-top: 0;\n }\n\n .andes-modal__header--secondary {\n padding: var(--modal-header-secondary-desktop-padding);\n margin: 0;\n }\n\n .andes-modal__content ::slotted(*) {\n box-sizing: border-box;\n color: var(--andes-text-color-primary, rgba(0, 0, 0, 0.9));\n }\n\n /** VARIANTS */\n /** type=card */\n [data-type=card] {\n padding: var(--modal-overlay-type-card-padding);\n }\n\n [data-type=card] .andes-modal__card {\n width: auto;\n height: auto;\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=card] andes-modal-close-button {\n position: absolute;\n right: calc((var(--andes-spacing-4, 4px) + var(--andes-spacing-12, 12px)) * -1);\n top: calc(var(--andes-spacing-48, 48px) * -1);\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=card] andes-modal-close-button::part(button) {\n padding: var(--andes-spacing-12, 12px);\n }\n\n [data-type=card] .andes-modal__header {\n padding: var(--modal-header-type-card-padding);\n }\n\n [data-type=card] .andes-modal__header-content {\n min-height: var(--modal-header-type-card-line-height);\n }\n\n [data-type=card] .andes-modal__header[data-sticky] {\n padding: var(--modal-header-type-card-sticky-padding);\n }\n\n [data-type=card] .andes-modal__header--secondary {\n padding: var(--modal-header-secondary-mobile-padding);\n margin: 0;\n }\n\n [data-type=card] .andes-modal__title {\n font-size: var(--modal-header-type-card-font-size);\n line-height: var(--modal-header-type-card-line-height);\n }\n\n [data-type=card] ::slotted([slot="asset"]) {\n display: flex;\n justify-content: center;\n padding: var(--modal-asset-type-card-padding);\n margin-top: var(--modal-asset-type-card-margin-top);\n }\n\n [data-type=card] .andes-modal__content {\n padding: var(--modal-content-type-card-padding);\n }\n\n [data-type=card] [data-has-actions] .andes-modal__content {\n padding-bottom: var(--modal-content-type-card-has-actions-padding-bottom);\n }\n\n [data-type=card] ::slotted([slot="actions"]) {\n padding: var(--modal-actions-type-card-padding);\n background-color: var(--modal-card-background);\n }\n\n [data-type=card] ::slotted([slot="actions"][data-border]) {\n padding: var(--modal-actions-type-card-sticky-padding);\n }\n\n /** type=full */\n [data-type=full] {\n padding: 0;\n }\n\n [data-type=full] .andes-modal__card {\n border-radius: 0;\n max-width: none !important;\n max-height: none !important;\n width: 100%;\n height: 100%;\n }\n\n [data-type=full] .andes-modal__scrollable {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n [data-type=full] .andes-modal__content {\n padding-top: 0;\n flex-grow: 1;\n } \n\n [data-type=full] .andes-modal__header {\n padding: var(--modal-header-type-full-padding);\n }\n\n [data-type=full] .andes-modal__header-content {\n min-height: var(--modal-header-type-full-line-height);\n }\n\n [data-type=full] .andes-modal__title {\n font-size: var(--modal-header-type-full-font-size);\n line-height: var(--modal-header-type-full-line-height)\n }\n\n [data-type=full] .andes-modal__header[data-sticky] {\n padding: var(--modal-header-type-full-sticky-padding);\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=full] andes-modal-close-button {\n align-self: flex-start;\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=full] andes-modal-close-button::part(button) {\n padding: 2px 0 4px 8px;\n margin-right: calc(var(--andes-spacing-4, 4px) * -1);\n }\n\n [data-type=full] ::slotted([slot="actions"]) {\n padding: var(--modal-actions-type-full-padding);\n background-color: var(--modal-card-background);\n }\n\n [data-type=full] ::slotted([slot="actions"][data-border]) {\n padding: var(--modal-actions-type-full-sticky-padding);\n }\n\n [data-type=full] .andes-modal__content {\n padding: var(--modal-content-type-full-padding);\n }\n\n [data-type=full] [data-has-actions] .andes-modal__content {\n padding-bottom: var( --modal-content-type-full-has-actions-padding-bottom);\n }\n\n [data-type=full] ::slotted([slot="asset"]) {\n display: flex;\n justify-content: center;\n padding: var(--modal-asset-type-full-padding);\n margin-top: var(--modal-asset-type-full-margin-top);\n }\n\n [data-type=full] .andes-modal__header--secondary {\n padding: var(--modal-header-secondary-mobile-padding);\n margin: 0;\n }\n\n @media (min-width: 768px) {\n /** type=small */\n [data-type=small] {\n padding: var(--modal-overlay-desktop-padding);\n }\n\n [data-type=small] .andes-modal__card {\n border-radius: var(--modal-card-border-radius);\n margin: var(--modal-card-type-small-margin);\n width: var(--modal-card-type-small-width);\n }\n\n [data-type=small] .andes-modal__header {\n border-radius: var(--modal-header-border-radius);\n padding: var(--modal-header-type-small-padding);\n }\n\n [data-type=small] .andes-modal__header-content {\n min-height: var(--modal-header-type-small-line-height);\n }\n\n [data-type=small] .andes-modal__title {\n font-size: var(--modal-header-type-small-font-size);\n line-height: var(--modal-header-type-small-line-height);\n }\n\n [data-type=small] .andes-modal__header[data-sticky] {\n padding: var(--modal-header-type-small-sticky-padding);\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=small] andes-modal-close-button {\n align-self: flex-start;\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=small] andes-modal-close-button::part(button) {\n padding: 2px 0 4px 4px;\n margin-right: calc(var(--andes-spacing-4, 4px) * -1);\n }\n\n [data-type=small] .andes-modal__content {\n padding: var(--modal-content-type-small-padding);\n }\n\n [data-type=small] [data-has-actions] .andes-modal__content {\n padding-bottom: var(--modal-content-type-small-has-actions-padding-bottom);\n }\n\n [data-type=small] ::slotted([slot="actions"]) {\n padding: var(--modal-actions-type-small-padding);\n background-color: var(--modal-card-background);\n }\n\n [data-type=small] ::slotted([slot="actions"][data-border]) {\n padding: var(--modal-actions-type-small-sticky-padding);\n }\n\n [data-type=small] ::slotted([slot="asset"]) {\n display: flex;\n justify-content: center;\n padding: var(--modal-asset-type-small-padding);\n margin-top: var(--modal-asset-type-small-margin-top);\n }\n\n [data-type=small] [data-has-asset] .andes-modal__header:not([data-sticky]) andes-modal-close-button {\n margin-top: calc(var(--andes-spacing-4, 4px) * -1);\n padding-top: 0;\n }\n\n [data-type=small] .andes-modal__header--secondary {\n padding: var(--modal-header-secondary-desktop-padding);\n margin: 0;\n }\n\n /** type=large */\n [data-type=large] {\n padding: var(--modal-overlay-desktop-padding);\n }\n\n [data-type=large] .andes-modal__card {\n border-radius: var(--modal-card-border-radius);\n margin: var(--modal-card-type-large-margin);\n width: var(--modal-card-type-large-width);\n }\n\n [data-type=large] .andes-modal__header {\n border-radius: var(--modal-header-border-radius);\n padding: var(--modal-header-type-large-padding);\n }\n\n [data-type=large] .andes-modal__header-content {\n min-height: var(--modal-header-type-large-line-height);\n }\n\n [data-type=large] .andes-modal__title {\n font-size: var(--modal-header-type-large-font-size);\n line-height: var(--modal-header-type-large-line-height);\n }\n\n [data-type=large] .andes-modal__header[data-sticky] {\n padding: var(--modal-header-type-large-sticky-padding);\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=large] andes-modal-close-button {\n align-self: flex-start;\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=large] andes-modal-close-button::part(button) {\n padding: 6px 0 5px 4px;\n margin-right: calc(var(--andes-spacing-4, 4px) * -1);\n }\n\n [data-type=large] .andes-modal__content {\n padding: var(--modal-content-type-large-padding);\n }\n\n [data-type=large] [data-has-actions] .andes-modal__content {\n padding-bottom: var(--modal-content-type-large-has-actions-padding-bottom);\n }\n\n [data-type=large] ::slotted([slot="actions"]) {\n padding: var(--modal-actions-type-large-padding);\n background-color: var(--modal-card-background);\n }\n\n [data-type=large] ::slotted([slot="actions"][data-border]) {\n padding: var(--modal-actions-type-large-sticky-padding);\n }\n\n [data-type=large] ::slotted([slot="asset"]) {\n display: flex;\n justify-content: center;\n padding: var(--modal-asset-type-large-padding);\n margin-top: var(--modal-asset-type-large-margin-top);\n }\n\n /* Adjust the position of the button to adjust the line-height */\n [data-type=large] [data-has-asset] .andes-modal__header:not([data-sticky]) andes-modal-close-button {\n margin-top: calc(var(--andes-spacing-4, 4px) * -1);\n padding-top: 0;\n }\n\n [data-type=large] .andes-modal__header--secondary {\n padding: var(--modal-header-secondary-desktop-padding);\n margin: 0;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .andes-modal[open] {\n animation: fade-in 0.2s ease-in-out;\n }\n\n .andes-modal[open] .andes-modal__card {\n transform: translate3d(0, 0, 0);\n animation: translate-in 0.2s ease-in-out, fade-in 0.2s ease-in-out;\n }\n\n .andes-modal[closing] {\n animation: fade-out 0.2s ease-in-out;\n }\n\n .andes-modal[closing] .andes-modal__card {\n animation: translate-out 0.2s ease-in-out, fade-out 0.2s ease-in-out;\n \n }\n\n .andes-modal__header {\n transition-property: box-shadow, position;\n transition-duration: 0.08s;\n transition-timing-function: ease-in-out;\n }\n\n ::slotted([slot="actions"]) {\n transition-property: box-shadow, padding, background-color;\n transition-duration: 0.08s;\n transition-timing-function: ease-in-out;\n }\n }\n\n @keyframes fade-in {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes fade-out {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n\n @keyframes translate-in {\n from { margin-top: 300px; }\n to { margin-top: 0; }\n }\n\n @keyframes translate-out {\n from { margin-top: 0; }\n to { margin-top: 300px; }\n }\n\n .andes-modal--iframe .andes-modal__scrollable {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .andes-modal--iframe .andes-modal__content {\n flex: 1;\n }\n']))),X=c.css(N||(N=h.default(["\n :host {\n --modal-close-button-padding: 0;\n --modal-close-button-margin: 0;\n --modal-close-button-focus-visible: var(\n --focus-indicator-shadow,\n 0 0 0 2px var(--andes-white, #ffffff), 0 0 0 3px var(--andes-blue-600, #2968c8), 0 0 0 5px var(--andes-blue-300, rgba(65, 137, 230, 0.3))\n );\n }\n\n :host {\n display: inline-block;\n max-width: max-content;\n max-height: max-content;\n }\n\n .andes-modal__close {\n align-items: center;\n appearance: none;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n display: flex;\n font-size: inherit;\n justify-content: center;\n outline: none;\n padding: var(--modal-close-button-padding);\n padding: var(--modal-close-button-margin);\n }\n\n .andes-modal__close:focus {\n box-shadow: none;\n -moz-box-shadow: none;\n -webkit-box-shadow: none;\n }\n\n .andes-modal__close svg {\n width: var(--andes-spacing-24, 24px);\n height: var(--andes-spacing-24, 24px);\n }\n\n .andes-modal__close:focus-visible svg {\n box-shadow: var(--modal-close-button-focus-visible);\n -moz-box-shadow: var(--modal-close-button-focus-visible);\n -webkit-box-shadow: var(--modal-close-button-focus-visible);\n }\n"])));function Y(e,t,n){return t=f.default(t),v.default(e,J()?Reflect.construct(t,n||[],f.default(e).constructor):t.apply(e,n))}function J(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(J=function(){return!!e})()}var Z,G,Q,ee,te,ne=function(e){function t(){var e;return m.default(this,t),(e=Y(this,t)).closeButtonSrLabel=void 0,e.color=void 0,e}return _.default(t,e),g.default(t,[{key:"handleClick",value:function(e){e.stopPropagation(),this.dispatchEvent(x)}},{key:"handleKeyDown",value:function(e){e.stopPropagation(),[$,A,k].includes(e.code)&&this.dispatchEvent(x)}},{key:"render",value:function(){return c.html(L||(L=h.default(['\n