*:before, *:after {box-sizing: inherit;} is causing some weird behaviour in MacOS Safari's webinspector:
For some reason I can't explain when inspecting the DOM in Safari :before and :after elements keep appearing and disappearing all the time without doing anything.