/* Figma 152867:14820: six synchronized tracks, 5.6-second loop. */
.retail-cashier-phone .retail-phone {
  aspect-ratio: 295.436 / 602;
}
.retail-cashier-phone .retail-phone__screen {
  left: 4.955%;
  top: 1.907%;
  width: 90.644%;
  height: 96.482%;
}
.retail-cashier-phone .retail-phone__island {
  left: 38.065%;
  top: 3.219%;
}
.retail-cashier-motion {
  position: absolute;
  left: 4.955%;
  top: 1.907%;
  width: 90.644%;
  height: 96.482%;
  overflow: hidden;
  border-radius: 16.43% / 7.58%;
  pointer-events: none;
}
.retail-cashier-motion__layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.retail-cashier-motion__layer > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.retail-cashier-motion__add {
  top: 52.01422%;
  height: 47.98578%;
}
.retail-cashier-motion__item {
  top: 18.24645%;
  height: 81.75355%;
}
.retail-cashier-motion__tap {
  width: 9.743587%;
  height: 4.50237%;
}
.retail-cashier-motion__scan {
  left: 53.846155%;
  top: 86.966827%;
}
.retail-cashier-motion__category {
  left: 14.871792%;
  top: 68.246448%;
}
.retail-cashier-motion.is-ready [data-node-id="152867:14830"] {
  animation: kf_152867_14830_opacity_0 5.6s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
@keyframes kf_152867_14830_opacity_0 {
  0% {
    opacity: 0;
  }
  13.125% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  16.875% {
    opacity: 1;
  }
  41.875% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  45.625% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.retail-cashier-motion.is-ready [data-node-id="152867:14831"] {
  animation: kf_152867_14831_opacity_0 5.6s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
@keyframes kf_152867_14831_opacity_0 {
  0% {
    opacity: 0;
  }
  41.875% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  45.625% {
    opacity: 1;
  }
  76.25% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  82.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.retail-cashier-motion.is-ready [data-node-id="152867:14832"] {
  animation:
    kf_152867_14832_opacity_0 5.6s linear,
    kf_152867_14832_translate_0 5.6s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
@keyframes kf_152867_14832_opacity_0 {
  0% {
    opacity: 0;
  }
  13.125% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  13.75% {
    opacity: 1;
  }
  41.875% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  45.625% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes kf_152867_14832_translate_0 {
  0% {
    translate: 0px 100%;
  }
  13.125% {
    animation-timing-function: cubic-bezier(0.16, 0.85, 0.25, 1);
    translate: 0px 100%;
  }
  18.75% {
    translate: 0px 0px;
  }
  46.25% {
    animation-timing-function: cubic-bezier(0.16, 0.85, 0.25, 1);
    translate: 0px 0px;
  }
  46.375% {
    translate: 0px 100%;
  }
  100% {
    translate: 0px 100%;
  }
}
.retail-cashier-motion.is-ready [data-node-id="152867:14833"] {
  animation:
    kf_152867_14833_opacity_0 5.6s linear,
    kf_152867_14833_translate_0 5.6s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
@keyframes kf_152867_14833_opacity_0 {
  0% {
    opacity: 0;
  }
  41.875% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  45.625% {
    opacity: 1;
  }
  83.125% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  83.75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes kf_152867_14833_translate_0 {
  0% {
    animation-timing-function: cubic-bezier(0.16, 0.85, 0.25, 1);
    translate: 0px 100%;
  }
  41.875% {
    animation-timing-function: cubic-bezier(0.16, 0.85, 0.25, 1);
    translate: 0px 41.30435240427848%;
  }
  47.5% {
    translate: 0px 0px;
  }
  76.25% {
    animation-timing-function: cubic-bezier(0.16, 0.85, 0.25, 1);
    translate: 0px 0px;
  }
  83.125% {
    translate: 0px 100%;
  }
  100% {
    translate: 0px 100%;
  }
}
.retail-cashier-motion.is-ready [data-node-id="152867:14834"] {
  animation: kf_152867_14834_opacity_0 5.6s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
@keyframes kf_152867_14834_opacity_0 {
  0% {
    opacity: 0;
  }
  9.125% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  10.625% {
    animation-timing-function: ease-out;
    opacity: 0.95;
  }
  12.875% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.retail-cashier-motion.is-ready [data-node-id="152867:14835"] {
  animation: kf_152867_14835_opacity_0 5.6s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
@keyframes kf_152867_14835_opacity_0 {
  0% {
    opacity: 0;
  }
  37.875% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  39.375% {
    animation-timing-function: ease-out;
    opacity: 0.95;
  }
  41.625% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.retail-cashier-motion.is-ready.is-playing .retail-cashier-motion__layer {
  animation-play-state: running;
}
@media (prefers-reduced-motion: reduce) {
  .retail-cashier-motion {
    display: none;
  }
}