<template>
  <router-view v-slot="{ Component }">
    <transition :duration="{ enter: 200, leave: 200 }" name="route-fade" mode="out-in">
      <!-- The above durations should be kept in sync with the global css class "fade-on-route-transition" -->
      <component :is="Component" />
    </transition>
  </router-view>
</template>

<style lang="scss">
   @import "./node_modules/bootstrap/scss/bootstrap";
   @import "@/styles/common-styles.scss";
   @import "@/styles/common-typography-styles.scss";
   @import "@/styles/common-error-styles.scss";
   @import "@/styles/common-animations.scss";
   @import "@/styles/shared-input-button-styles.scss";
</style>
