html {
  position: relative;
  height: 100%;
  width: 100%;
}

body {
  background-color: #ebebeb;
}

.app {
  overflow: hidden;
}

.app-header {
  position: fixed;
  width: 100%;
  height: 40px;
  z-index: 10000;
  background-color: #e04d4d;
  display: table;
  border-bottom: 1px solid #B03D3D;
  @include user-select(none);
}

.app-search {
  position: relative;
  width: 720px;
  margin: 0px auto;
  height: 100%;
  display: table;
}

.app-localizations {
  width: 720px;
  margin: 100px auto;
  @include transition(transform 0.2s, opacity 0.2s);

  &.is-revealed {
    opacity: 1;
    @include transform(translateY(0));
  }

  &.is-hidden {
    opacity: 0;
    @include transform(translateY(50px));
  }
}

.app-localization {
  margin-top: 125px;
  margin-bottom: 125px;
  @include transition(transform 0.2s, opacity 0.2s);

  &.is-revealed {
    opacity: 1;
    @include transform(translateY(0));
  }

  &.is-hidden {
    opacity: 0;
    @include transform(translateY(50px));
  }
}