/* Exact shared 3.9s Figma timeline, scoped to its four animated nodes. */
.compare-scene [data-node-id="152917:13811"] {
  animation: kf_152917_13811_translate_0 3.9s linear;
  animation-iteration-count: infinite;
}
@keyframes kf_152917_13811_translate_0 {
  0% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  28.846% {
    animation-timing-function: ease-in-out;
    translate: 0px 10px;
  }
  86.538% {
    animation-timing-function: ease-in-out;
    translate: 0px -10px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 10px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px -10px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 10px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px -10px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 10px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px -10px;
  }
  100% {
    translate: 0px 0px;
  }
}
.compare-scene [data-node-id="152917:13819"] {
  animation: kf_152917_13819_translate_0 3.9s linear;
  animation-iteration-count: infinite;
}
@keyframes kf_152917_13819_translate_0 {
  0% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  38.462% {
    animation-timing-function: ease-in-out;
    translate: 0px -12px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 12px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px -12px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 12px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px -12px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 12px;
  }
  100% {
    translate: 0px 0px;
  }
}
.compare-scene [data-node-id="152917:13827"] {
  animation:
    kf_152917_13827_box-shadow_0 3.9s linear,
    kf_152917_13827_translate_0 3.9s linear,
    kf_152917_13827_scale_0 3.9s linear;
  animation-iteration-count: infinite;
}
@keyframes kf_152917_13827_box-shadow_0 {
  0% {
    animation-timing-function: ease-in-out;
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0),
      0px 4px 8px 0px rgba(0, 0, 0, 0.18),
      0px 7.502px 16.129px 0px rgba(255, 255, 255, 0.25) inset,
      0px -17.504px 19.004px 0px rgba(0, 0, 0, 0.25) inset;
  }
  15.385% {
    animation-timing-function: ease-in-out;
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0),
      0px 4px 8px 0px rgba(0, 0, 0, 0.18),
      0px 7.502px 16.129px 0px rgba(255, 255, 255, 0.25) inset,
      0px -17.504px 19.004px 0px rgba(0, 0, 0, 0.25) inset;
  }
  20.513% {
    animation-timing-function: ease-in-out;
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0.12),
      0px 1px 3px 0px rgba(0, 0, 0, 0.32),
      0px -2px 6px 0px rgba(255, 255, 255, 0.1) inset,
      0px 8px 9px 0px rgba(0, 0, 0, 0.55) inset;
  }
  23.59% {
    animation-timing-function: ease-in-out;
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0.12),
      0px 1px 3px 0px rgba(0, 0, 0, 0.32),
      0px -2px 6px 0px rgba(255, 255, 255, 0.1) inset,
      0px 8px 9px 0px rgba(0, 0, 0, 0.55) inset;
  }
  33.333% {
    animation-timing-function: ease-in-out;
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0),
      0px 4px 8px 0px rgba(0, 0, 0, 0.18),
      0px 7.502px 16.129px 0px rgba(255, 255, 255, 0.25) inset,
      0px -17.504px 19.004px 0px rgba(0, 0, 0, 0.25) inset;
  }
  92.308% {
    animation-timing-function: ease-in-out;
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0),
      0px 4px 8px 0px rgba(0, 0, 0, 0.18),
      0px 7.502px 16.129px 0px rgba(255, 255, 255, 0.25) inset,
      0px -17.504px 19.004px 0px rgba(0, 0, 0, 0.25) inset;
  }
  97.436% {
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0.12),
      0px 1px 3px 0px rgba(0, 0, 0, 0.32),
      0px -2px 6px 0px rgba(255, 255, 255, 0.1) inset,
      0px 8px 9px 0px rgba(0, 0, 0, 0.55) inset;
  }
  100% {
    box-shadow:
      0px 0px 14px 0px rgba(255, 133, 31, 0.12),
      0px 1px 3px 0px rgba(0, 0, 0, 0.32),
      0px -2px 6px 0px rgba(255, 255, 255, 0.1) inset,
      0px 8px 9px 0px rgba(0, 0, 0, 0.55) inset;
  }
}
@keyframes kf_152917_13827_translate_0 {
  0% {
    translate: 0px 0px;
  }
  15.385% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  20.513% {
    translate: 0px 5px;
  }
  23.59% {
    animation-timing-function: ease-in-out;
    translate: 0px 5px;
  }
  33.333% {
    translate: 0px 0px;
  }
  92.308% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  97.436% {
    translate: 0px 5px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 5px;
  }
  100% {
    translate: 0px 0px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  100% {
    translate: 0px 5px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 5px;
  }
  100% {
    translate: 0px 0px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  100% {
    translate: 0px 5px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 5px;
  }
  100% {
    translate: 0px 0px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  100% {
    translate: 0px 5px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 5px;
  }
  100% {
    translate: 0px 0px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  100% {
    translate: 0px 5px;
  }
  100% {
    animation-timing-function: ease-in-out;
    translate: 0px 5px;
  }
  100% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152917_13827_scale_0 {
  0% {
    scale: 1 1;
  }
  15.385% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  20.513% {
    scale: 0.95 0.95;
  }
  23.59% {
    animation-timing-function: ease-in-out;
    scale: 0.95 0.95;
  }
  33.333% {
    scale: 1 1;
  }
  92.308% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  97.436% {
    scale: 0.95 0.95;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 0.95 0.95;
  }
  100% {
    scale: 1 1;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  100% {
    scale: 0.95 0.95;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 0.95 0.95;
  }
  100% {
    scale: 1 1;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  100% {
    scale: 0.95 0.95;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 0.95 0.95;
  }
  100% {
    scale: 1 1;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  100% {
    scale: 0.95 0.95;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 0.95 0.95;
  }
  100% {
    scale: 1 1;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  100% {
    scale: 0.95 0.95;
  }
  100% {
    animation-timing-function: ease-in-out;
    scale: 0.95 0.95;
  }
  100% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.compare-scene [data-node-id="152917:13828"] {
  animation: kf_152917_13828_box-shadow_0 3.9s linear;
  animation-iteration-count: infinite;
}
@keyframes kf_152917_13828_box-shadow_0 {
  0% {
    animation-timing-function: ease-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0);
  }
  6.41% {
    animation-timing-function: ease-in-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0);
  }
  15.128% {
    animation-timing-function: ease-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0.24);
  }
  20.256% {
    animation-timing-function: ease-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0.3);
  }
  29.487% {
    animation-timing-function: ease-in-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0.08);
  }
  37.179% {
    animation-timing-function: ease-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0);
  }
  56.41% {
    animation-timing-function: ease-in-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0);
  }
  65.128% {
    animation-timing-function: ease-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0.24);
  }
  70.256% {
    animation-timing-function: ease-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0.3);
  }
  79.487% {
    animation-timing-function: ease-in-out;
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0.08);
  }
  87.179% {
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0);
  }
  100% {
    box-shadow: 0px 0px 8px 0px rgba(255, 235, 204, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .compare-scene [data-node-id] {
    animation: none !important;
  }
}

.compare-scene:not(.is-visible) [data-node-id] {
  animation-play-state: paused;
}