/* ROSWO Radar v2 — slow news interval, 1s soft inner-dot breathing, reading-direction slide. */
.roswo-radar .radar-dot::after {
  background:#68b8d0;
  opacity:.08;
  box-shadow:none;
  animation:roswo-radar-breathe 1s ease-in-out infinite;
}
@keyframes roswo-radar-breathe {
  0%,100% {opacity:.08; box-shadow:0 0 0 rgba(104,184,208,0);}
  50% {opacity:.78; box-shadow:0 0 5px 1px rgba(104,184,208,.16);}
}
.roswo-radar .radar-dot.is-flashing::after {
  animation:roswo-radar-breathe 1s ease-in-out infinite;
}
.roswo-radar .radar-item {
  transform:translate3d(104%,0,0);
}
.roswo-radar .radar-item.is-active {
  transform:translate3d(0,0,0);
}
.roswo-radar .radar-item.is-entering {
  animation-name:roswo-radar-enter-reading;
}
.roswo-radar .radar-item.is-leaving {
  animation-name:roswo-radar-leave-reading;
}
@keyframes roswo-radar-enter-reading {
  from {transform:translate3d(104%,0,0);}
  to {transform:translate3d(0,0,0);}
}
@keyframes roswo-radar-leave-reading {
  from {transform:translate3d(0,0,0);}
  to {transform:translate3d(-104%,0,0);}
}
/* On intentional backward swipe, reverse the movement to match the gesture. */
.roswo-radar[data-direction="back"] .radar-item.is-entering {
  animation-name:roswo-radar-enter-back;
}
.roswo-radar[data-direction="back"] .radar-item.is-leaving {
  animation-name:roswo-radar-leave-back;
}
@keyframes roswo-radar-enter-back {
  from {transform:translate3d(-104%,0,0);}
  to {transform:translate3d(0,0,0);}
}
@keyframes roswo-radar-leave-back {
  from {transform:translate3d(0,0,0);}
  to {transform:translate3d(104%,0,0);}
}
@media (prefers-reduced-motion:reduce) {
  .roswo-radar .radar-dot::after,
  .roswo-radar .radar-dot.is-flashing::after {
    animation:none!important;
    opacity:.52;
    box-shadow:none;
  }
}