The backdrop of an HTML5 dialog element is the dimmed background that appears when the dialog element is open. You can customize the style of the backdrop using the background-color and opacity CSS properties.
Hiding a label element can be useful in various situations, for example when you want to create a cleaner user interface or when you want to present information only to certain users. However, it is important that this is done in an accessible way so that users with disabilities do not lose access to the information contained in this element.
CSS variables, also called "custom properties", are a powerful tool that allows you to define a value and
reuse it within a style sheet.