Dynamic elements

Dialogs

Dialog boxes obscure the entire interface to perform a specific action. The background under the windows should be glass with a blur effect of imd-bg-blur-gray.

The window can be made smaller or larger by using the .imd-dialog-sm or .imd-dialog-lg classes. Adding the .imd-dialog-xl class will cause the window to cover 94% of the screen's height and width.

Alerts

An alert is a small information bar that appears at the top of the screen. The default alert has a maximum width of 300px and always has a standard-sized side margin. The slide-up animation should be applied to the alert.