.l-small, .l-medium, .l-large {
  height: 17px;
  border-radius: 10px;
}
.l-large {
  width: 400px;
  margin: 0px 0px 25px 0px;
}
.l-medium {
  width: 200px;
  margin: 0px 0px 25px 0px;
}
.l-small {
  width: 100px;
}

.loading {
  background: linear-gradient(270deg, #e3e8ea, #cacfd2, #e3e8ea) 0% 0% / 300% 300%;
  -webkit-animation: LoadingField 2.5s ease infinite;
  -moz-animation: LoadingField 2.5s ease infinite;
  animation: LoadingField 2.5s ease infinite;
}

@-webkit-keyframes LoadingField {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}
@-moz-keyframes LoadingField {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}
@keyframes LoadingField {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}