@property CSS at-rule is part of the CSS Houdini umbrella of APIs, it allows developers to explicitly define their
css custom properties, allowing for property type checking, setting default values, and define whether a property can inherit values or not.
@property rule represents a custom property registration directly in a stylesheet without having to run any JS. Valid
@property rules result in a registered custom property, as if
CSS.registerProperty had been called with equivalent parameters.