:root {
  --font-family-sans: 'Montserrat', 'BlinkMacSystemFont', 'Roboto', 'system-ui',
    'Helvetica Neue', '-apple-system', 'Segoe UI', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'sans-serif';
}

.drawer-modal-item-enter-active,
.drawer-modal-item-leave-active {
  transition: all 0.3s ease;
}

.drawer-modal-item-enter-from,
.drawer-modal-item-leave-to {
  opacity: 0;
  transform: translateY(100%);
}

.drawer-modal-enter-active,
.drawer-modal-leave-active {
  transition: opacity 0.3s ease;
}

.drawer-modal-enter-active .drawer-modal,
.drawer-modal-leave-active .drawer-modal {
  transition: transform 0.3s ease;
}

.drawer-modal-enter,
.drawer-modal-leave-to {
  opacity: 0;
}

.drawer-modal-enter .drawer-modal,
.drawer-modal-leave-to .drawer-modal {
  transform: translateY(100%);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}