@charset "utf-8";

.vfm--fixed { position: fixed; }

.vfm--absolute { position: absolute; }

.vfm--inset { inset: 0px; }

.vfm--overlay { background-color: rgba(0, 0, 0, 0.5); z-index: -1; }

.vfm--prevent-none { pointer-events: none; }

.vfm--prevent-auto { pointer-events: auto; }

.vfm--outline-none:focus { outline: none; }

@keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.vfm-fade-enter-active { animation: 0.3s ease 0s 1 normal none running fade-in; }

.vfm-fade-leave-active { animation: 0.3s ease 0s 1 normal none running fade-out; }

.vfm-bounce-back { transition-duration: 0.3s; transition-property: transform; }

.vfm-slide-down-enter-active, .vfm-slide-down-leave-active, .vfm-slide-up-enter-active, .vfm-slide-up-leave-active { transition: transform 0.3s ease 0s; }

.vfm-slide-down-enter-from, .vfm-slide-down-leave-to { transform: translateY(100vh) !important; }

.vfm-slide-up-enter-from, .vfm-slide-up-leave-to { transform: translateY(-100vh) !important; }

.vfm-slide-left-enter-active, .vfm-slide-left-leave-active, .vfm-slide-right-enter-active, .vfm-slide-right-leave-active { transition: transform 0.3s ease 0s; }

.vfm-slide-right-enter-from, .vfm-slide-right-leave-to { transform: translate(100vw) !important; }

.vfm-slide-left-enter-from, .vfm-slide-left-leave-to { transform: translate(-100vw) !important; }

.vfm-swipe-banner-back, .vfm-swipe-banner-forward { bottom: 0px; position: fixed; top: 0px; width: 27px; z-index: 10; }

.vfm-swipe-banner-back { left: 0px; }

.vfm-swipe-banner-forward { right: 0px; }