.ChatReportPanel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;

  display: flex;
  align-items: center;
  margin-left: auto;
  background: var(--color-background);
  padding: 0.375rem 0.8125rem 0.25rem 1rem;
  box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow), inset 0 0.125rem 0.125rem var(--color-light-shadow);
  transform: translate3d(0, 0, 0);
  transition: opacity 0.15s ease, transform var(--layer-transition);

  body.animation-level-1 & {
    .ripple-container {
      display: none;
    }
  }

  @media (min-width: 1276px) {
    transform: translate3d(0, 0, 0);
    transition: opacity 0.15s ease, transform var(--layer-transition);

    #Main.right-column-open & {
      padding-right: calc(var(--right-column-width) + 1rem);
    }
  }

  .UserReportPanel--Button {
    margin-left: 0.25rem;
    flex: 1 1 50%;
    white-space: nowrap;
  }
}
