<template>
  <div id="app">
    <router-view />

    <PublicComponent />
  </div>
</template>

<script setup>
import PublicComponent from '@/components/PublicComponent/PublicComponent.vue'
</script>
<style>
body,
html,
#app {
  width: 100vw;
  height: 100vh;
  background-color: var(--global-appBackground);
  overflow: hidden;
}

.zoom-enter-active {
  transition: all 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.24, 1);
}

.zoom-leave-active {
  position: absolute !important;
  transition: all 0.2s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.24, 1);
}

.zoom-enter-from,
.zoom-leave-to {
  transform: scale(0.87);
  transform-origin: center center;
  opacity: 0;
}
.zoom-move {
  transition: transform 0.5s !important;
  transition-timing-function: cubic-bezier(0.75, 0, 0.24, 1);
}
</style>
