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

React components library focused on usability, accessibility and developer experience

@layer mantine {.m-66836ed3{--alert-radius:var(--mantine-radius-default);--alert-bg:var(--mantine-primary-color-light);--alert-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;--alert-color:var(--mantine-primary-color-light-color);background-color:var(--alert-bg);border:var(--alert-bd);border-radius:var(--alert-radius);color:var(--alert-color);overflow:hidden;padding:var(--mantine-spacing-md) var(--mantine-spacing-md);position:relative}.m-667c2793,.m-a5d60502{display:flex}.m-667c2793{flex:1;flex-direction:column;gap:var(--mantine-spacing-xs)}.m-6a03f287{align-items:center;display:flex;font-size:var(--mantine-font-size-sm);font-weight:700;justify-content:space-between}.m-6a03f287:where([data-with-close-button]){padding-right:var(--mantine-spacing-md)}:where([dir=rtl]) .m-6a03f287:where([data-with-close-button]){padding-left:var(--mantine-spacing-md);padding-right:0}.m-698f4f23{display:block;overflow:hidden;text-overflow:ellipsis}.m-667f2a6a{align-items:center;display:flex;height:calc(1.25rem*var(--mantine-scale));justify-content:flex-start;line-height:1;margin-right:var(--mantine-spacing-md);margin-top:calc(.0625rem*var(--mantine-scale));width:calc(1.25rem*var(--mantine-scale))}:where([dir=rtl]) .m-667f2a6a{margin-left:var(--mantine-spacing-md);margin-right:0}.m-7fa78076{font-size:var(--mantine-font-size-sm);overflow:hidden;text-overflow:ellipsis}:where([data-mantine-color-scheme=light]) .m-7fa78076{color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m-7fa78076{color:var(--mantine-color-white)}.m-7fa78076:where([data-variant=filled]){color:var(--alert-color)}.m-7fa78076:where([data-variant=white]){color:var(--mantine-color-black)}.m-87f54839{color:var(--alert-color);height:calc(1.25rem*var(--mantine-scale));width:calc(1.25rem*var(--mantine-scale))}}