/* Shared favorite transition: Figma 49012:376365, 700ms forward/reverse. */

.favorite-motion {
  --favorite-motion-icon-size: 30px;
  position: relative;
  display: inline-block;
  width: var(--favorite-motion-icon-size);
  height: var(--favorite-motion-icon-size);
  flex: 0 0 var(--favorite-motion-icon-size);
  overflow: visible;
}

.favorite-motion--desktop {
  --favorite-motion-icon-size: 36px;
  --favorite-motion-inactive-filter: grayscale(1) opacity(0.55);
}

.favorite-motion--compact {
  --favorite-motion-icon-size: 18px;
}

.favorite-motion--action {
  --favorite-motion-icon-size: 30px;
}

.favorite-motion__stage {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 40px;
  height: 40px;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.favorite-motion__star {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: var(--favorite-motion-icon-size);
  height: var(--favorite-motion-icon-size);
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}

.favorite-motion__star img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  opacity: 1;
  filter: var(--favorite-motion-inactive-filter, brightness(0) invert(1));
  transition: none;
}

.favorite-motion[data-favorite-state="active"] .favorite-motion__star img {
  filter: none;
}

.favorite-motion__sparkle {
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}

.favorite-motion__sparkle i {
  display: block;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  background: linear-gradient(135deg, #ffe580, #facc15);
  opacity: 0;
}

.favorite-motion__sparkle--lower-left {
  top: calc(50% + 10.08px);
  left: calc(50% - 15.01px);
  width: 3.986px;
  height: 3.843px;
}

.favorite-motion__sparkle--upper-right {
  top: calc(50% - 13.92px);
  left: calc(50% + 13.99px);
  width: 3.986px;
  height: 3.843px;
}

.favorite-motion__sparkle--upper-left {
  top: calc(50% - 9.11px);
  left: calc(50% - 14.85px);
  width: 2.301px;
  height: 2.219px;
}


@keyframes wydsp-favorite-0 {
  0% {
    animation-timing-function: ease-in;
    transform: translateX(8.333px) translateY(0px) translate(11.667px, 20px) rotate(0rad) scaleX(1) scaleY(1) translate(-11.667px, -20px) rotate(0rad);
  }
  21.43% {
    animation-timing-function: ease-out;
    transform: translateX(8.333px) translateY(0px) translate(11.667px, 20px) rotate(0.175rad) scaleX(0.04) scaleY(0.04) translate(-11.667px, -20px) rotate(0rad);
  }
  50% {
    animation-timing-function: linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    transform: translateX(8.333px) translateY(0px) translate(11.667px, 20px) rotate(-0.087rad) scaleX(1.15) scaleY(1.15) translate(-11.667px, -20px) rotate(0rad);
  }
  78.57% {
    transform: translateX(8.333px) translateY(0px) translate(11.667px, 20px) rotate(0rad) scaleX(1) scaleY(1) translate(-11.667px, -20px) rotate(0rad);
  }
  100% {
    transform: translateX(8.333px) translateY(0px) translate(11.667px, 20px) rotate(0rad) scaleX(1) scaleY(1) translate(-11.667px, -20px) rotate(0rad);
  }
}
.favorite-motion.is-collecting .favorite-motion-vector__star,
.favorite-motion.is-uncollecting .favorite-motion-vector__star {
  transform-origin: 0 0;
  animation: wydsp-favorite-0 0.7s linear both;
}
@keyframes wydsp-favorite-1 {
  0% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  1.67% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  3.33% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  5% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  6.67% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  8.33% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  10% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  11.67% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  13.33% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  15% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  16.67% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  18.33% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  20% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  21.67% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  23.33% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  25% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  26.67% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  28.33% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  28.57% {
    transform: translateX(3px) translateY(32px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  30% {
    transform: translateX(3px) translateY(32px) translateX(-0.143px) translateY(0.191px) translate(1.993px, -1.922px) scaleX(0.162) scaleY(0.162) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  31.67% {
    transform: translateX(3px) translateY(32px) translateX(-0.304px) translateY(0.405px) translate(1.993px, -1.922px) scaleX(0.337) scaleY(0.337) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  33.33% {
    transform: translateX(3px) translateY(32px) translateX(-0.46px) translateY(0.613px) translate(1.993px, -1.922px) scaleX(0.499) scaleY(0.499) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  35% {
    transform: translateX(3px) translateY(32px) translateX(-0.612px) translateY(0.816px) translate(1.993px, -1.922px) scaleX(0.649) scaleY(0.649) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  36.67% {
    transform: translateX(3px) translateY(32px) translateX(-0.761px) translateY(1.014px) translate(1.993px, -1.922px) scaleX(0.786) scaleY(0.786) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  38.33% {
    transform: translateX(3px) translateY(32px) translateX(-0.905px) translateY(1.206px) translate(1.993px, -1.922px) scaleX(0.907) scaleY(0.907) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  40% {
    transform: translateX(3px) translateY(32px) translateX(-1.046px) translateY(1.394px) translate(1.993px, -1.922px) scaleX(1.013) scaleY(1.013) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  41.67% {
    transform: translateX(3px) translateY(32px) translateX(-1.183px) translateY(1.578px) translate(1.993px, -1.922px) scaleX(1.099) scaleY(1.099) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  43.33% {
    transform: translateX(3px) translateY(32px) translateX(-1.317px) translateY(1.755px) translate(1.993px, -1.922px) scaleX(1.162) scaleY(1.162) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  45% {
    transform: translateX(3px) translateY(32px) translateX(-1.447px) translateY(1.929px) translate(1.993px, -1.922px) scaleX(1.196) scaleY(1.196) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  45.71% {
    transform: translateX(3px) translateY(32px) translateX(-1.501px) translateY(2.002px) translate(1.993px, -1.922px) scaleX(1.2) scaleY(1.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  46.67% {
    transform: translateX(3px) translateY(32px) translateX(-1.573px) translateY(2.098px) translate(1.993px, -1.922px) scaleX(1.199) scaleY(1.199) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  48.33% {
    transform: translateX(3px) translateY(32px) translateX(-1.695px) translateY(2.26px) translate(1.993px, -1.922px) scaleX(1.19) scaleY(1.19) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  50% {
    transform: translateX(3px) translateY(32px) translateX(-1.814px) translateY(2.419px) translate(1.993px, -1.922px) scaleX(1.175) scaleY(1.175) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  51.67% {
    transform: translateX(3px) translateY(32px) translateX(-1.929px) translateY(2.572px) translate(1.993px, -1.922px) scaleX(1.153) scaleY(1.153) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  53.33% {
    transform: translateX(3px) translateY(32px) translateX(-2.038px) translateY(2.718px) translate(1.993px, -1.922px) scaleX(1.127) scaleY(1.127) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  55% {
    transform: translateX(3px) translateY(32px) translateX(-2.144px) translateY(2.859px) translate(1.993px, -1.922px) scaleX(1.095) scaleY(1.095) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  56.67% {
    transform: translateX(3px) translateY(32px) translateX(-2.246px) translateY(2.994px) translate(1.993px, -1.922px) scaleX(1.059) scaleY(1.059) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  58.33% {
    transform: translateX(3px) translateY(32px) translateX(-2.342px) translateY(3.123px) translate(1.993px, -1.922px) scaleX(1.02) scaleY(1.02) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  60% {
    transform: translateX(3px) translateY(32px) translateX(-2.434px) translateY(3.245px) translate(1.993px, -1.922px) scaleX(0.977) scaleY(0.977) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  61.67% {
    transform: translateX(3px) translateY(32px) translateX(-2.52px) translateY(3.36px) translate(1.993px, -1.922px) scaleX(0.93) scaleY(0.93) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  63.33% {
    transform: translateX(3px) translateY(32px) translateX(-2.6px) translateY(3.467px) translate(1.993px, -1.922px) scaleX(0.88) scaleY(0.88) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  65% {
    transform: translateX(3px) translateY(32px) translateX(-2.675px) translateY(3.567px) translate(1.993px, -1.922px) scaleX(0.828) scaleY(0.828) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  66.67% {
    transform: translateX(3px) translateY(32px) translateX(-2.743px) translateY(3.658px) translate(1.993px, -1.922px) scaleX(0.772) scaleY(0.772) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  68.33% {
    transform: translateX(3px) translateY(32px) translateX(-2.805px) translateY(3.74px) translate(1.993px, -1.922px) scaleX(0.714) scaleY(0.714) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  70% {
    transform: translateX(3px) translateY(32px) translateX(-2.859px) translateY(3.813px) translate(1.993px, -1.922px) scaleX(0.654) scaleY(0.654) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  71.67% {
    transform: translateX(3px) translateY(32px) translateX(-2.906px) translateY(3.875px) translate(1.993px, -1.922px) scaleX(0.59) scaleY(0.59) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  73.33% {
    transform: translateX(3px) translateY(32px) translateX(-2.944px) translateY(3.926px) translate(1.993px, -1.922px) scaleX(0.525) scaleY(0.525) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  75% {
    transform: translateX(3px) translateY(32px) translateX(-2.973px) translateY(3.964px) translate(1.993px, -1.922px) scaleX(0.456) scaleY(0.456) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  76.67% {
    transform: translateX(3px) translateY(32px) translateX(-2.992px) translateY(3.99px) translate(1.993px, -1.922px) scaleX(0.385) scaleY(0.385) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  78.33% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.311) scaleY(0.311) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  78.57% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  80% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  81.67% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  83.33% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  85% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  86.67% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  88.33% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  90% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  91.67% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  93.33% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  95% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  96.67% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  98.33% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  100% {
    transform: translateX(3px) translateY(32px) translateX(-3px) translateY(4px) translate(1.993px, -1.922px) scaleX(0.3) scaleY(0.3) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
}
@keyframes wydsp-favorite-2 {
  0% {
    animation-timing-function: linear;
    opacity: 0;
  }
  28.57% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  42.86% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  78.57% {
    animation-timing-function: linear;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.favorite-motion.is-collecting .favorite-motion-vector__sparkle-one,
.favorite-motion.is-uncollecting .favorite-motion-vector__sparkle-one {
  transform-origin: 0 0;
  animation:
    wydsp-favorite-1 0.7s linear both,
    wydsp-favorite-2 0.7s linear both;
}
@keyframes wydsp-favorite-3 {
  0% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  1.67% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  3.33% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  5% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  6.67% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  8.33% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  10% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  11.67% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  13.33% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  15% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  16.67% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  18.33% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  20% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  21.67% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  23.33% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  25% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  26.67% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  28.33% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  30% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  31.43% {
    transform: translateX(32px) translateY(8px) translateX(0px) translateY(0px) translate(1.993px, -1.922px) scaleX(0) scaleY(0) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  31.67% {
    transform: translateX(32px) translateY(8px) translateX(0.024px) translateY(-0.024px) translate(1.993px, -1.922px) scaleX(0.026) scaleY(0.026) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  33.33% {
    transform: translateX(32px) translateY(8px) translateX(0.184px) translateY(-0.184px) translate(1.993px, -1.922px) scaleX(0.195) scaleY(0.195) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  35% {
    transform: translateX(32px) translateY(8px) translateX(0.339px) translateY(-0.339px) translate(1.993px, -1.922px) scaleX(0.352) scaleY(0.352) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  36.67% {
    transform: translateX(32px) translateY(8px) translateX(0.49px) translateY(-0.49px) translate(1.993px, -1.922px) scaleX(0.498) scaleY(0.498) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  38.33% {
    transform: translateX(32px) translateY(8px) translateX(0.637px) translateY(-0.637px) translate(1.993px, -1.922px) scaleX(0.631) scaleY(0.631) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  40% {
    transform: translateX(32px) translateY(8px) translateX(0.781px) translateY(-0.781px) translate(1.993px, -1.922px) scaleX(0.753) scaleY(0.753) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  41.67% {
    transform: translateX(32px) translateY(8px) translateX(0.921px) translateY(-0.921px) translate(1.993px, -1.922px) scaleX(0.861) scaleY(0.861) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  43.33% {
    transform: translateX(32px) translateY(8px) translateX(1.057px) translateY(-1.057px) translate(1.993px, -1.922px) scaleX(0.953) scaleY(0.953) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  45% {
    transform: translateX(32px) translateY(8px) translateX(1.191px) translateY(-1.191px) translate(1.993px, -1.922px) scaleX(1.026) scaleY(1.026) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  46.67% {
    transform: translateX(32px) translateY(8px) translateX(1.321px) translateY(-1.321px) translate(1.993px, -1.922px) scaleX(1.077) scaleY(1.077) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  48.33% {
    transform: translateX(32px) translateY(8px) translateX(1.447px) translateY(-1.447px) translate(1.993px, -1.922px) scaleX(1.1) scaleY(1.1) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  48.57% {
    transform: translateX(32px) translateY(8px) translateX(1.465px) translateY(-1.465px) translate(1.993px, -1.922px) scaleX(1.1) scaleY(1.1) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  50% {
    transform: translateX(32px) translateY(8px) translateX(1.57px) translateY(-1.57px) translate(1.993px, -1.922px) scaleX(1.097) scaleY(1.097) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  51.67% {
    transform: translateX(32px) translateY(8px) translateX(1.689px) translateY(-1.689px) translate(1.993px, -1.922px) scaleX(1.087) scaleY(1.087) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  53.33% {
    transform: translateX(32px) translateY(8px) translateX(1.804px) translateY(-1.804px) translate(1.993px, -1.922px) scaleX(1.072) scaleY(1.072) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  55% {
    transform: translateX(32px) translateY(8px) translateX(1.916px) translateY(-1.916px) translate(1.993px, -1.922px) scaleX(1.05) scaleY(1.05) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  56.67% {
    transform: translateX(32px) translateY(8px) translateX(2.024px) translateY(-2.024px) translate(1.993px, -1.922px) scaleX(1.024) scaleY(1.024) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  58.33% {
    transform: translateX(32px) translateY(8px) translateX(2.127px) translateY(-2.127px) translate(1.993px, -1.922px) scaleX(0.994) scaleY(0.994) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  60% {
    transform: translateX(32px) translateY(8px) translateX(2.227px) translateY(-2.227px) translate(1.993px, -1.922px) scaleX(0.959) scaleY(0.959) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  61.67% {
    transform: translateX(32px) translateY(8px) translateX(2.321px) translateY(-2.321px) translate(1.993px, -1.922px) scaleX(0.921) scaleY(0.921) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  63.33% {
    transform: translateX(32px) translateY(8px) translateX(2.411px) translateY(-2.411px) translate(1.993px, -1.922px) scaleX(0.88) scaleY(0.88) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  65% {
    transform: translateX(32px) translateY(8px) translateX(2.496px) translateY(-2.496px) translate(1.993px, -1.922px) scaleX(0.836) scaleY(0.836) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  66.67% {
    transform: translateX(32px) translateY(8px) translateX(2.577px) translateY(-2.577px) translate(1.993px, -1.922px) scaleX(0.789) scaleY(0.789) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  68.33% {
    transform: translateX(32px) translateY(8px) translateX(2.651px) translateY(-2.651px) translate(1.993px, -1.922px) scaleX(0.739) scaleY(0.739) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  70% {
    transform: translateX(32px) translateY(8px) translateX(2.72px) translateY(-2.72px) translate(1.993px, -1.922px) scaleX(0.687) scaleY(0.687) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  71.67% {
    transform: translateX(32px) translateY(8px) translateX(2.782px) translateY(-2.782px) translate(1.993px, -1.922px) scaleX(0.631) scaleY(0.631) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  73.33% {
    transform: translateX(32px) translateY(8px) translateX(2.838px) translateY(-2.838px) translate(1.993px, -1.922px) scaleX(0.574) scaleY(0.574) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  75% {
    transform: translateX(32px) translateY(8px) translateX(2.886px) translateY(-2.886px) translate(1.993px, -1.922px) scaleX(0.515) scaleY(0.515) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  76.67% {
    transform: translateX(32px) translateY(8px) translateX(2.927px) translateY(-2.927px) translate(1.993px, -1.922px) scaleX(0.452) scaleY(0.452) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  78.33% {
    transform: translateX(32px) translateY(8px) translateX(2.96px) translateY(-2.96px) translate(1.993px, -1.922px) scaleX(0.388) scaleY(0.388) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  80% {
    transform: translateX(32px) translateY(8px) translateX(2.983px) translateY(-2.983px) translate(1.993px, -1.922px) scaleX(0.321) scaleY(0.321) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  81.67% {
    transform: translateX(32px) translateY(8px) translateX(2.997px) translateY(-2.997px) translate(1.993px, -1.922px) scaleX(0.252) scaleY(0.252) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  82.86% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  83.33% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  85% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  86.67% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  88.33% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  90% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  91.67% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  93.33% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  95% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  96.67% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  98.33% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
  100% {
    transform: translateX(32px) translateY(8px) translateX(3px) translateY(-3px) translate(1.993px, -1.922px) scaleX(0.2) scaleY(0.2) translate(-1.993px, 1.922px) rotate(0rad) scaleY(-1);
  }
}
@keyframes wydsp-favorite-4 {
  0% {
    animation-timing-function: linear;
    opacity: 0;
  }
  31.43% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  45.71% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  82.86% {
    animation-timing-function: linear;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.favorite-motion.is-collecting .favorite-motion-vector__sparkle-two,
.favorite-motion.is-uncollecting .favorite-motion-vector__sparkle-two {
  transform-origin: 0 0;
  animation:
    wydsp-favorite-3 0.7s linear both,
    wydsp-favorite-4 0.7s linear both;
}
@keyframes wydsp-favorite-5 {
  0% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  1.67% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  3.33% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  5% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  6.67% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  8.33% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  10% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  11.67% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  13.33% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  15% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  16.67% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  18.33% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  20% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  21.67% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  23.33% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  25% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  26.67% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  28.33% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  30% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  31.67% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  33.33% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  35% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  35.71% {
    transform: translateX(4px) translateY(12px) translateX(0px) translateY(0px) translate(1.151px, -1.109px) scaleX(0) scaleY(0) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  36.67% {
    transform: translateX(4px) translateY(12px) translateX(-0.09px) translateY(-0.09px) translate(1.151px, -1.109px) scaleX(0.142) scaleY(0.142) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  38.33% {
    transform: translateX(4px) translateY(12px) translateX(-0.238px) translateY(-0.238px) translate(1.151px, -1.109px) scaleX(0.37) scaleY(0.37) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  40% {
    transform: translateX(4px) translateY(12px) translateX(-0.382px) translateY(-0.382px) translate(1.151px, -1.109px) scaleX(0.579) scaleY(0.579) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  41.67% {
    transform: translateX(4px) translateY(12px) translateX(-0.521px) translateY(-0.521px) translate(1.151px, -1.109px) scaleX(0.769) scaleY(0.769) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  43.33% {
    transform: translateX(4px) translateY(12px) translateX(-0.654px) translateY(-0.654px) translate(1.151px, -1.109px) scaleX(0.935) scaleY(0.935) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  45% {
    transform: translateX(4px) translateY(12px) translateX(-0.784px) translateY(-0.784px) translate(1.151px, -1.109px) scaleX(1.079) scaleY(1.079) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  46.67% {
    transform: translateX(4px) translateY(12px) translateX(-0.908px) translateY(-0.908px) translate(1.151px, -1.109px) scaleX(1.193) scaleY(1.193) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  48.33% {
    transform: translateX(4px) translateY(12px) translateX(-1.027px) translateY(-1.027px) translate(1.151px, -1.109px) scaleX(1.27) scaleY(1.27) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  50% {
    transform: translateX(4px) translateY(12px) translateX(-1.142px) translateY(-1.142px) translate(1.151px, -1.109px) scaleX(1.3) scaleY(1.3) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  51.67% {
    transform: translateX(4px) translateY(12px) translateX(-1.251px) translateY(-1.251px) translate(1.151px, -1.109px) scaleX(1.29) scaleY(1.29) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  53.33% {
    transform: translateX(4px) translateY(12px) translateX(-1.355px) translateY(-1.355px) translate(1.151px, -1.109px) scaleX(1.265) scaleY(1.265) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  55% {
    transform: translateX(4px) translateY(12px) translateX(-1.453px) translateY(-1.453px) translate(1.151px, -1.109px) scaleX(1.226) scaleY(1.226) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  56.67% {
    transform: translateX(4px) translateY(12px) translateX(-1.545px) translateY(-1.545px) translate(1.151px, -1.109px) scaleX(1.176) scaleY(1.176) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  58.33% {
    transform: translateX(4px) translateY(12px) translateX(-1.631px) translateY(-1.631px) translate(1.151px, -1.109px) scaleX(1.116) scaleY(1.116) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  60% {
    transform: translateX(4px) translateY(12px) translateX(-1.709px) translateY(-1.709px) translate(1.151px, -1.109px) scaleX(1.048) scaleY(1.048) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  61.67% {
    transform: translateX(4px) translateY(12px) translateX(-1.781px) translateY(-1.781px) translate(1.151px, -1.109px) scaleX(0.972) scaleY(0.972) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  63.33% {
    transform: translateX(4px) translateY(12px) translateX(-1.843px) translateY(-1.843px) translate(1.151px, -1.109px) scaleX(0.89) scaleY(0.89) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  65% {
    transform: translateX(4px) translateY(12px) translateX(-1.897px) translateY(-1.897px) translate(1.151px, -1.109px) scaleX(0.801) scaleY(0.801) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  66.67% {
    transform: translateX(4px) translateY(12px) translateX(-1.941px) translateY(-1.941px) translate(1.151px, -1.109px) scaleX(0.706) scaleY(0.706) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  68.33% {
    transform: translateX(4px) translateY(12px) translateX(-1.974px) translateY(-1.974px) translate(1.151px, -1.109px) scaleX(0.605) scaleY(0.605) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  70% {
    transform: translateX(4px) translateY(12px) translateX(-1.994px) translateY(-1.994px) translate(1.151px, -1.109px) scaleX(0.498) scaleY(0.498) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  71.43% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  71.67% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  73.33% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  75% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  76.67% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  78.33% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  80% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  81.67% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  83.33% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  85% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  86.67% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  88.33% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  90% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  91.67% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  93.33% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  95% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  96.67% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  98.33% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
  100% {
    transform: translateX(4px) translateY(12px) translateX(-2px) translateY(-2px) translate(1.151px, -1.109px) scaleX(0.4) scaleY(0.4) translate(-1.151px, 1.109px) rotate(0rad) scaleY(-1);
  }
}
@keyframes wydsp-favorite-6 {
  0% {
    animation-timing-function: linear;
    opacity: 0;
  }
  35.71% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  50% {
    animation-timing-function: ease-in;
    opacity: 0.8;
  }
  71.43% {
    animation-timing-function: linear;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.favorite-motion.is-collecting .favorite-motion-vector__sparkle-three,
.favorite-motion.is-uncollecting .favorite-motion-vector__sparkle-three {
  transform-origin: 0 0;
  animation:
    wydsp-favorite-5 0.7s linear both,
    wydsp-favorite-6 0.7s linear both;
}

/* Figma 49012:376365: original 40x40 vectors and baked 700ms keyframes. */
.favorite-motion-vector {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: calc(var(--favorite-motion-icon-size) * 4 / 3);
  height: calc(var(--favorite-motion-icon-size) * 4 / 3);
  max-width: none;
  transform: translate(-50%, -50%);
  overflow: visible;
}
.favorite-motion[data-favorite-state="inactive"]:not(.is-collecting):not(.is-uncollecting) .favorite-motion-vector__star {
  filter: var(--favorite-motion-inactive-filter, brightness(0) invert(1));
}
.favorite-motion.is-uncollecting .favorite-motion-vector [class] { animation-direction: reverse; }
@media (prefers-reduced-motion: reduce) {
  .favorite-motion.is-collecting *, .favorite-motion.is-uncollecting * { animation: none !important; }
  .favorite-motion[data-favorite-state="inactive"] .favorite-motion-vector__star {
    filter: var(--favorite-motion-inactive-filter, brightness(0) invert(1));
  }
}
@media (max-width: 768px) { .favorite-motion--desktop { --favorite-motion-icon-size: 24px; } }