:global {
  .scale {
    &-enter,
    &-appear {
      opacity: 0;
      transform: scale(0.8);
    }

    &-enter-active,
    &-appear-active {
      opacity: 1;
      transform: scale(1);
      transition: transform 0.3s, opacity 0.3s;
    }

    &-exit {
      opacity: 1;
      transform: scale(1);
    }

    &-exit-active {
      opacity: 0;
      transform: scale(0.8);
      transition: transform 0.3s, opacity 0.3s;
    }
  }
}