It is used to position the modalbar before starting the animation. Without html menus is placed at (0,0) using an absolution position relative the editor holder. With html menus is has to be placed a below the menus. This bit of code should be placed inside the `&.popout` and not inside the `&.offscreens` since is part of the preparation and not the actual animation.

Anyway that top still has an issue. The html menu can become 2 lines too and the height is higher. This is why I think that we should just change the style in JavaScript and remove that from the code.

If we then change the `-44px` to `-100%` in `&.offscreen` we won't need to use 2 classes.