@import '../../style/themes/index';

.loading-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 514;

  .loading-bar {
    height: 3px;
    overflow: hidden;
    background-color: #fff;

    opacity: 1;
    transition: opacity cubic-bezier(0, 0, 0.42, 1) 0.3s 0.4s;

    &.done {
      opacity: 0;
    }

    .level {
      width: 100%;
      height: 100%;
      background-color: @primary-color;
      transform-origin: 0;
      transition: transform 500ms cubic-bezier(0, 0, 0.42, 1);
    }
  }
}