.roima-loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: #fff;
  overflow: hidden;
}

.roima-loader__sweep-track {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.roima-loader__sweep {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 120px;
  background: linear-gradient(
    90deg,
    rgba(70, 176, 59, 0),
    rgba(70, 176, 59, 0.18),
    rgba(70, 176, 59, 0)
  );
  animation: roima-sweep 8s cubic-bezier(0.1, 0.4, 0.2, 0.95) forwards;
}

.roima-loader__mark {
  position: relative;
  width: 280px;
  height: auto;
}

@keyframes roima-sweep {
  0%   { transform: translateX(-120px); }
  100% { transform: translateX(85vw); }
}