.slideout .slideout-content[data-v-a1f22e91] {
  transform: translateX(100%);
}
.slideout .slideout-background[data-v-a1f22e91] {
  opacity: 0;
}
.slideout.-open .slideout-content[data-v-a1f22e91] {
  transform: translateX(0%);
}
.slideout.-open .slideout-background[data-v-a1f22e91] {
  opacity: 1;
}
.slideout.-slideOut .slideout-content[data-v-a1f22e91], .slideout.-slideIn .slideout-content[data-v-a1f22e91] {
  animation: animation-slide-a1f22e91 0.35s ease-out 0s 1 normal forwards;
}
.slideout.-slideOut .slideout-background[data-v-a1f22e91], .slideout.-slideIn .slideout-background[data-v-a1f22e91] {
  animation: animation-opacity-a1f22e91 0.35s ease-out 0s 1 normal forwards;
}
.slideout.-slideOut .slideout-content[data-v-a1f22e91],
.slideout.-slideOut .slideout-background[data-v-a1f22e91] {
  animation-direction: reverse;
}
@keyframes animation-slide-a1f22e91 {
0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(0%);
}
}
@keyframes animation-opacity-a1f22e91 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}