input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}

::view-transition-image-pair(root) {
  isolation: auto;
}

/* ::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
  display: block;
} */

/* ::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.8s;
} */

::view-transition-old(root) {
  animation: fade-and-scale-out 0.6s ease 1 forwards;
}
::view-transition-new(root) {
  animation: fade-and-scale-in 0.6s ease 1 forwards;
}

@keyframes fade-and-scale-in {
  from {
    opacity: 0.2;
    /* transform: scale(0.995); */
  }
  to {
    opacity: 1;
    /* transform: scale(1); */
  }
}
@keyframes fade-and-scale-out {
  from {
    opacity: 1;
    /* transform: scale(1); */
  }
  to {
    opacity: 0.2;
    /* transform: scale(0.995); */
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}