/* [project]/components/ui/modal/modal.css [app-client] (css) */
@keyframes show-modal {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.modal {
  z-index: 2;
  background-color: #0009;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-visible {
  animation: .3s show-modal;
}

.modal-hide {
  animation: .3s reverse show-modal;
}


/*# sourceMappingURL=components_ui_modal_modal_dee97c38.css.map*/