.dmdsjrsz { Vertical-align:top; Cursor: Pointe... -

This looks like a specific class, likely generated by a tool or framework (such as Styled Components or a CSS-in-JS library).

A guide on how to on a live website (using browser developer tools)? .dMDSjrsz { vertical-align:top; cursor: pointe...

Because class names like .dMDSjrsz are often or "hashed" by specific websites, the intent behind "creating a guide" for it could mean a few different things. Did you mean: This looks like a specific class, likely generated

A guide on how generate these unique class names? This looks like a specific class

Please clarify which of these you are looking for so I can provide the right instructions.