# Styling

We use the BEM naming conventions, with the following classes

- `.bm-camera`
- `.bm-camera__video-image-container`
- `.bm-camera__video-container`
- `.bm-camera__image-container`
- `.bm-camera__video`
- `.bm-camera__image`
- `.bm-camera__selector-container`
- `.bm-camera__selector`
- `.bm-camera__button-container`
- `.bm-button`
- `.bm-button__open`
- `.bm-button__close`
- `.bm-button__take-photo`
- `.bm-button__clear-photo`
- `.bm-error`
- `.bm-error__text`

The HTML structure is in the components [layout file](../src/camera-controller.html)

These classes are not used inside the javascript for element selection.