.message-container {
  width: calc(100% + 2rem);
  margin: 0 1rem 1rem -31px;
  .rtl & {
    margin: 0 -31px 1rem 1rem;
  }
}

.arrow-left {
  width: 0.75rem;
  height: 0.75rem;
  left: 3.45rem;
  top: 0.75rem;
  transform: rotate(-45deg);
  background: var(--bs-body-bg);
  .rtl & {
    left: unset;
    right: 3.45rem;
    transform: rotate(45deg);
  }
}

.root {
  --ax-panel-body-padding: 1rem;
}

.root.mail-box {
  --ax-panel-border: none;
}

.root a {
  cursor: pointer;
  color: var(--bs-link-color) !important;
  text-decoration: none !important;
  &:hover,
  &:focus {
    color: var(--bs-link-hover-color) !important;
    text-decoration: underline !important;
  }
}

.avatar {
  margin: 0.65rem;
  margin-top: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  overflow: hidden;
  position: relative;
  font-size: 1.25rem;
  align-items: center;
  flex-shrink: 0;
  user-select: none;
  border-radius: 50%;
  justify-content: center;
  color: var(--bs-body-color);
  background-color: var(--ax-panel-bg);
}

.pull-right {
  float: right;
}
