.react-notifications--NotificationHost {
  position: absolute;
  top:      0;
  right:    0;
  bottom:   0;
  left:     0;

  pointer-events: none;
}

.react-notifications--NotificationContainer {
  position: absolute;
  top:      0;
  right:    0;
  bottom:   0;
  left:     0;

  pointer-events: none;
  will-change: transform opacity;
}

.react-notifications--NotificationContainer.show {
  transform: translateY(-64px);
  opacity:   0;
}

.react-notifications--NotificationContainer.show-active {
  transform: translateY(0);
  opacity:   1;
}

.react-notifications--NotificationContainer.hide {
  transform: translateY(0);
  opacity:   1;
}

.react-notifications--NotificationContainer.hide-active {
  transform: translateY(-64px);
  opacity:   0;
}

.react-notifications--NotificationContainer.show-active,
.react-notifications--NotificationContainer.hide-active {
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
}
.react-dnd--DragLayer {
  position: fixed;
  left:     0;
  top:      0;
  right:    0;
  bottom:   0;
  pointer-events: none;
}

.react-dnd--DragLayer * {
  pointer-events: none !important;
}

.react-dnd--DragLayer--ghost {
  position:    absolute;
  will-change: transform, width, height, top, left;
}

.react-dnd--DragLayer--ghost-size {
  position: absolute;
  left:     0;
  top:      0;

  transform-origin: center center;

  display: flex;
  flex-direction: column;
}

.react-dnd--DragLayer--ghost-size.animated {
  transition:          100ms ease-out;
  transition-property: transform, width, height;
}
.VirtualizedChatView--container {
  overflow: auto;
}

.VirtualizedChatView--list {
  position: relative;
}

.VirtualizedChatView--list > * {
  position: absolute;
  left:     0;
  right:    0;
  bottom:   0;

  will-change: transform;
}
.ModalPortal--root {
  position: fixed;
  top:      0;
  left:     0;
  right:    0;
  bottom:   0;
  
  min-height:     1px;
  pointer-events: none;
  outline:        none;
}

.ModalPortal {
  position: absolute;
  top:      0;
  left:     0;
  right:    0;
  bottom:   0;

  pointer-events: none;
  outline:        none;
}

.ModalPortal--shim {
  position: absolute;
  top:      0;
  left:     0;
  right:    0;
  bottom:   0;

  pointer-events: auto;
}

.ModalPortal--shim.show {
  opacity: 0;
}

.ModalPortal--shim.show-active {
  opacity: 1;
  transition: opacity;
}

.ModalPortal--shim.hide {
  opacity: 1;
}

.ModalPortal--shim.hide-active {
  opacity: 0;
  transition: opacity;
}

.ModalPortal--content {
  position: absolute;
  top:      0;
  left:     0;
  right:    0;
  bottom:   0;
}

.ModalPortal--content > * {
  pointer-events: auto;
}
.ReactPopup--portal {
  position: fixed;
  left:     0;
  right:    0;
  top:      0;
  bottom:   0;

  display:        flex;
  flex-direction: column;
  pointer-events: none;
}

.ReactPopup--shim {
  position: absolute;
  left:     0;
  right:    0;
  top:      0;
  bottom:   0;
}

.ReactPopup--container {
  position:       absolute;
  pointer-events: none !important;
  display:        flex;
}

.ReactPopup--container-horizontal {
  flex-direction: row;
  align-items:    flex-start;
}
.ReactPopup--container-vertical {
  flex-direction: column;
}
.ReactPopup--container-near {
  justify-content: flex-end;
}
.ReactPopup--container-far {
  justify-content: flex-start;
}

.ReactPopup--body {
  flex:           0 1 auto;
  display:        flex;
  flex-direction: column;
  pointer-events: auto;
}

.ReactPopup--bodyAutoScroll {
  overflow: auto;
}

.ReactPopup--bodyTransition, .ReactPopup--bodyTransition * {
  overflow: hidden !important
}

/*# sourceMappingURL=app.77ea5c7b.chunk.css.map*/