.react-contexify {
  position: fixed;
  opacity: 0;
  user-select: none;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.3) 0 10px 20px, #eeeeee 0 0 0 1px;
  padding: 5px 0; }
  .react-contexify__separator {
    float: left;
    width: 100%;
    height: 1px;
    cursor: default;
    margin: 4px 0;
    background-color: rgba(0, 0, 0, 0.2); }
  .react-contexify__item {
    cursor: pointer; }
    .react-contexify__item:not(.react-contexify__item--disabled):hover .react-contexify__item__data {
      color: white;
      background-color: #4393e6; }
    .react-contexify__item--disabled {
      cursor: default;
      opacity: .5; }
    .react-contexify__item__data {
      min-width: 140px;
      padding: 6px 12px;
      display: inline-block;
      text-align: left;
      white-space: nowrap;
      color: #333; }
    .react-contexify__item__icon {
      font-size: inherit;
      margin-right: 5px; }

.react-contexify__theme--dark {
  padding: 6px 0;
  background-color: rgba(40, 40, 40, 0.98);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4), 0 0 0 1px #222; }
  .react-contexify__theme--dark .react-contexify__separator {
    background-color: #eee; }
  .react-contexify__theme--dark .react-contexify__item__data {
    color: #ffffff; }
  .react-contexify__theme--dark .react-contexify__item__icon {
    margin-right: 8px;
    width: 12px;
    text-align: center; }

.react-contexify__theme--light {
  padding: 6px 0;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2), 0 0 0 1px #eee; }
  .react-contexify__theme--light .react-contexify__separator {
    background-color: #eee; }
  .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover .react-contexify__item__data {
    color: #4393e6;
    background-color: #E0EEFD; }
  .react-contexify__theme--light .react-contexify__item__data {
    color: #666; }
  .react-contexify__theme--light .react-contexify__item__icon {
    margin-right: 8px;
    width: 12px;
    text-align: center; }

@keyframes react-contexify__popIn {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@keyframes react-contexify__popOut {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }
.react-contexify__will-enter--pop {
  animation: react-contexify__popIn 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.2); }

.react-contexify__will-leave--pop {
  animation: react-contexify__popOut 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.2); }

@keyframes react-contexify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes react-contexify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.react-contexify__will-enter--zoom {
  animation: react-contexify__zoomIn 0.4s; }

.react-contexify__will-leave--zoom {
  animation: react-contexify__zoomOut 0.4s; }

@keyframes react-contexify__fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes react-contexify__fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.react-contexify__will-enter--fade {
  animation: react-contexify__fadeIn 0.3s ease; }

.react-contexify__will-leave--fade {
  animation: react-contexify__fadeOut 0.3s ease; }

@keyframes react-contexify__flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }
@keyframes react-contexify__flipOutX {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.react-contexify__will-enter--flip {
  backface-visibility: visible !important;
  animation: react-contexify__flipInX 0.65s; }

.react-contexify__will-leave--flip {
  animation: react-contexify__flipOutX 0.65s;
  backface-visibility: visible !important; }

/*# sourceMappingURL=ReactContexify.css.map */