._48dqpe4 {
  position: relative;
  width: var(--_48dqpe0);
}
._48dqpe4 img {
  width: 100%;
}
._48dqpe4 canvas {
  width: 100%;
  height: 100%;
}
._48dqpe5 {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  animation-iteration-count: infinite;
  animation-duration: 150ms;
  animation-fill-mode: forwards;
  opacity: 0;
  z-index: 2;
}
._48dqpe5 div {
  width: 100%;
  height: 100%;
  position: absolute;
}
._48dqpe5 canvas {
  opacity: var(--_48dqpe3);
}
._48dqpe6 {
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-duration: 150ms;
  z-index: 0;
}
._48dqpe6 canvas {
  opacity: 1;
  transform: none;
  filter: unset !important;
}
._48dqpe7 {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: unset;
  pointer-events: all;
}
._48dqpe7 img, ._48dqpe7 canvas {
  position: absolute;
}
._48dqpe7._48dqpe8 ._48dqpe5 {
  animation-name: _1dl3ad32;
  z-index: 0;
  opacity: 1;
}
._48dqpe7._48dqpe8 ._48dqpe5:nth-child(odd) {
  animation-name: _1dl3ad33;
}
._48dqpe7._48dqpe8 ._48dqpe6 {
  opacity: 1;
  animation-name: _1dl3ad34;
}
._48dqpe7._48dqpe8 ._48dqpe6:nth-child(odd) {
  animation-name: _1dl3ad35;
}