@keyframes reactDrawerFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes reactDrawerFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes reactDrawerFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes reactDrawerFadeOutRight {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes reactDrawerFadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes reactDrawerFadeOutLeft {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.react-drawer.react-drawer-close {
  display: none;
}
.react-drawer .react-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.react-drawer .react-drawer-content {
  position: fixed;
}
.react-drawer .react-drawer-content.react-drawer-left {
  top: 0;
  left: 0;
  height: 100%;
}
.react-drawer .react-drawer-content.react-drawer-right {
  top: 0;
  right: 0;
  height: 100%;
}
.react-drawer.react-drawer-opening .react-drawer-overlay {
  animation: 0.5s reactDrawerFadeIn;
}
.react-drawer.react-drawer-opening .react-drawer-content.react-drawer-right {
  animation: 0.5s reactDrawerFadeInRight;
}
.react-drawer.react-drawer-opening .react-drawer-content.react-drawer-left {
  animation: 0.5s reactDrawerFadeInLeft;
}
.react-drawer.react-drawer-closing .react-drawer-overlay {
  animation: 0.5s forwards reactDrawerFadeOut;
}
.react-drawer.react-drawer-closing .react-drawer-content.react-drawer-right {
  animation: 0.5s forwards reactDrawerFadeOutRight;
}
.react-drawer.react-drawer-closing .react-drawer-content.react-drawer-left {
  animation: 0.5s forwards reactDrawerFadeOutLeft;
}

/*# sourceMappingURL=react-drawer.css.map*/