monday-ui-react-core/dist/esm/src/components/Modal/Modal.module.scss.js

Official monday.com UI resources for application development in React.js

var n={container:"container_8ee77787ab",overlay:"overlay_c0ab6cae25","overlay-fade-out":"overlay-fade-out_90c545599b","overlay-fade-in":"overlay-fade-in_a325e2dc37",dialog:"dialog_6f730d908b",default:"default_efd328b6be",full:"full_50f7c5d7af",spacing:"spacing_28774ee85b"};!function(n){const e="s_id-e49357986d51_2_149_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_8ee77787ab,\n.overlay_c0ab6cae25 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_8ee77787ab {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_8ee77787ab[aria-hidden=true] {\n  display: none;\n}\n\n.container_8ee77787ab[aria-hidden=true] .overlay_c0ab6cae25 {\n  background-color: transparent;\n  animation: overlay-fade-out_90c545599b 70ms var(--motion-timing-enter);\n}\n\n.overlay_c0ab6cae25 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_a325e2dc37 70ms var(--motion-timing-enter);\n}\n\n.dialog_6f730d908b {\n  z-index: 2;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_6f730d908b.default_efd328b6be {\n  width: 520px;\n}\n\n.dialog_6f730d908b.full_50f7c5d7af {\n  width: 100vw;\n}\n\n.dialog_6f730d908b.spacing_28774ee85b {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_a325e2dc37 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_90c545599b {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
//# sourceMappingURL=Modal.module.scss.js.map