.gather-panel-frame-container {
  position: fixed;
  border: 0;
  outline: 0;
  overflow: hidden;
  z-index: 1;
  /* box-shadow: 0 0 80px 0 rgba(0,0,0,.12); */
  -webkit-animation: smileFadeSlideUp .2s ease-in!important;
  animation: smileFadeSlideUp .2s ease-in!important;
}
.gather-panel-frame-container.gather-minimized {
  width: 195px;
  height: 50px;
  background: transparent;
  overflow: hidden;
  border-radius: 4px;
}
.gather-panel-frame-container.gather-minimized.gather-sticky-left {
  transform: rotate(-90deg);
  transform-origin: bottom left;
}
.gather-panel-frame-container.gather-minimized.gather-sticky-right {
  transform: rotate(90deg);
  transform-origin: bottom right;
}
.gather-panel-frame-container.gather-minimized.gather-center-full {
  width: auto;
  border-radius: 0px;
}
.gather-panel-frame-container.gather-maximized {
  height: 100%;
  width: 600px;
}
.gather-panel-frame-container.gather-hidden {
  display: none;
}
.gather-panel-frame-container.gather-inline {
  width: 100% !important;
  height: 100% !important;
  position: relative;
}
.gather-panel-frame-container.gather-inline  .gather-panel-ui-container {
  width: 100%;
  height: 100%;
}

@media only screen and (max-height: 450px), only screen and (max-width: 600px) {
  .gather-panel-frame-container.gather-maximized {
    border-radius: 0!important;
    height: 100%!important;
    max-height: 100vh!important;
    top: 0!important;
    right: 0!important;
    left: 0!important;
    width: 100% !important;
    max-width: 100vw !important;
  }
}