/*
  Place your custom style overrides here.
  Checkout /src/assets/global.scss for an overview of all globally available css variables you
    can override

  NOTE: The main application's styling is included through JavaScript. Therefore, it gets added to
    the head _after_ this file. If you want to override the globally used CSS variables, you can either
    use !important, or increase the specificity from :root
*/

.loading:after {
  display: inline-block;
  content: '';
  background-image: url(img/icons/loading.svg);
  background-size: contain;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin-left: .25em;
}