:root {
  --fade-in-load-transition-time: 200ms;
}
.responsive-fade-in-load-thumbnail,
.fade-in-load-thumbnail {
  background-color: #eeeeee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.background.responsive-fade-in-load-thumbnail,
.background.fade-in-load-thumbnail {
  background-color: transparent !important;
}
.responsive-fade-in-load img,
.fade-in-load img {
  -webkit-transition: opacity var(--fade-in-load-transition-time) linear;
  -o-transition: opacity var(--fade-in-load-transition-time) linear;
  transition: opacity var(--fade-in-load-transition-time) linear;
}
.responsive-fade-in-load:not(.fade-in-loaded) img,
.fade-in-load:not(.fade-in-loaded) img {
  opacity: 0 !important;
}
.responsive-fade-in-load::after,
.fade-in-load::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: inherit;
  padding-left: inherit;
  content: "";
  -webkit-transition: opacity var(--fade-in-load-transition-time) linear;
  -o-transition: opacity var(--fade-in-load-transition-time) linear;
  transition: opacity var(--fade-in-load-transition-time) linear;
  -webkit-animation: 1s shine linear infinite;
  animation: 1s shine linear infinite;
  opacity: 1;
  background: #eeeeee;
  background-color: #eeeeee;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(2%, hsl(0deg 0% 91%)),
    color-stop(18%, hsl(0deg 0% 94%)),
    color-stop(34%, hsl(0deg 0% 91%))
  );
  background-image: -o-linear-gradient(
    left,
    hsl(0deg 0% 91%) 2%,
    hsl(0deg 0% 94%) 18%,
    hsl(0deg 0% 91%) 34%
  );
  background-image: linear-gradient(
    90deg,
    hsl(0deg 0% 91%) 2%,
    hsl(0deg 0% 94%) 18%,
    hsl(0deg 0% 91%) 34%
  );
  background-size: 200% 100%;
}
.background.responsive-fade-in-load + div,
.background.fade-in-load + div {
  position: relative;
}
.background.responsive-fade-in-load::after,
.background.fade-in-load::after {
  background: var(--color-blue-shade-4);
  background-color: var(--color-blue-shade-4);
  background-image: var(--color-blue-shade-4);
}
.responsive-fade-in-load.fade-in-loaded::after,
.fade-in-load.fade-in-loaded::after {
  opacity: 0;
  display: none;
}
.responsive-fade-in-load.fade-in-loaded img,
.fade-in-load.fade-in-loaded img {
  opacity: 1 !important;
}
.responsive-fade-in-load-thumbnail::after,
.fade-in-load-thumbnail::after {
  display: none;
}
@-webkit-keyframes shine {
  to {
    background-position-x: -200%;
  }
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
picture.responsive-fade-in-load.fade-in-loaded,
picture.fade-in-load.fade-in-loaded {
  /*position: relative;*/
}