@import './default-config.css';
@import 'config.css';


@keyframes load {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.legend {
    position: relative;
    width: 100%;
}

.loadingBarWrapper {
  overflow: hidden;
  top: 0;
  position: absolute;
  animation-name: load;
  animation-duration: 1.5s;
  width: 100%;
}

.loadingBar {
    height: 10px;
    width: 100%;
    top: 0;
    border-radius: 10px;
    background: var(--ut-front-react-progress-gradient-background);
}

.background {
    width: 100%;
    height: 10px;
    background-color: #EBEBEB;
    border-radius: 10px;
}

.label {
    font-weight: 600;
    margin-bottom: 5px;
}