{"version":3,"sources":["../../src/Modal/Modal.css.ts"],"names":["keyframes","vars","modalSizeMap","overlayAnimation","contentAnimation"],"mappings":";AAAA,OAAS,aAAAA,MAAiB,iBAC1B,OAAS,QAAAC,MAAY,sBAGd,IAAMC,EAAe,CAC1B,OAAQ,QACR,KAAM,OACN,MAAO,QACP,MAAO,OACT,EAEaC,EAAmBH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMdC,EAAK,SAAS,MAAM,QAAQ;AAAA;AAAA,EAIjCG,EAAmBJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { ModalContainerProps } from \"./Modal.types\";\n\nexport const modalSizeMap = {\n  medium: \"540px\",\n  full: \"100%\",\n  large: \"720px\",\n  small: \"380px\",\n} satisfies Record<ModalContainerProps[\"width\"], string>;\n\nexport const overlayAnimation = keyframes`\n  from {\n    background-color: transparent;\n  }\n\n  to {\n    background: ${vars.semantic.color.backdrop};\n  }\n`;\n\nexport const contentAnimation = keyframes`\n    from {\n        transform: translateY(30px);\n        opacity: 0;\n    }\n\n    to {     \n        transform: translateY(0);\n        opacity: 1;\n    }\n`;\n"]}