@mantine/core/styles/Dialog.layer.css

React components library focused on usability, accessibility and developer experience

@layer mantine {.m-e2125a27{--dialog-size-xs:calc(10rem*var(--mantine-scale));--dialog-size-sm:calc(12.5rem*var(--mantine-scale));--dialog-size-md:calc(21.25rem*var(--mantine-scale));--dialog-size-lg:calc(25rem*var(--mantine-scale));--dialog-size-xl:calc(31.25rem*var(--mantine-scale));--dialog-size:var(--dialog-size-md);max-width:calc(100vw - var(--mantine-spacing-xl)*2);min-height:calc(3.125rem*var(--mantine-scale));position:relative;width:var(--dialog-size)}.m-5abab665{left:auto;position:absolute;right:calc(var(--mantine-spacing-md)/2);top:calc(var(--mantine-spacing-md)/2)}:where([dir=rtl]) .m-5abab665{left:calc(var(--mantine-spacing-md)/2);right:auto}}