@keyframes rotate-360 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dialog-fade-in {
  0% {
    opacity: 0;
    transform: translateY(-2rem);
    display: none;
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    display: block;
  }
}

@keyframes dialog-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
    display: block;
  }

  100% {
    opacity: 0;
    transform: translateY(-2rem);
    display: none;
  }
}

@keyframes dialog-backdrop-fade-in {
  0% {
    background-color: rgb(0 0 0 / 0);
  }

  100% {
    background-color: rgb(0 0 0 / 0.5);
  }
}
