@charset "UTF-8";
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
          to right,
          #4cd964,
          #5ac8fa,
          #007aff,
          #34aadc,
          #5856d6,
          #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.bm-toasts {
  font-size: 15px;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
  line-height: 20px;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em !important;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
  flex: 1;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.f {
  --y: calc(var(--len) - var(--nth));
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  transform: translate3d(0, calc(var(--y) * -40%), 0) scale(calc(1 - 0.05 * var(--y)));
  transition: all 0.3s;
  min-height: 80px;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff !important;
  background: transparent !important;
  line-height: 15px;
  outline: none;
  border: none !important;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 0 !important;
  width: auto !important;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
  vertical-align: initial;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  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;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**
* General Uppy styles that apply to everything inside the .uppy-Root container
*/
.uppy-Root {
  position: relative;
  box-sizing: border-box;
  color: #333;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir=rtl] .uppy-Root,
.uppy-Root[dir=rtl] {
  text-align: right;
}

.uppy-Root *,
.uppy-Root *::before,
.uppy-Root *::after {
  box-sizing: inherit;
}

.uppy-Root [hidden] {
  display: none;
}

.uppy-u-reset {
  all: initial;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
}

[dir=rtl] .uppy-u-reset {
  text-align: right;
}

.uppy-c-textInput {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px;
}

.uppy-c-textInput:focus {
  border-color: rgba(18, 105, 207, 0.6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.15);
}

.uppy-c-icon {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  fill: currentColor;
}

.uppy-c-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  -webkit-user-select: none;
  user-select: none;
}

[dir=rtl] .uppy-c-btn {
  text-align: center;
}

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.uppy-c-btn::-moz-focus-inner {
  border: 0;
}

.uppy-c-btn-primary {
  padding: 10px 18px;
  color: #fff;
  font-size: 14px;
  background-color: #1269cf;
  border-radius: 4px;
}

.uppy-c-btn-primary:hover {
  background-color: #0e51a0;
}

.uppy-c-btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.4);
}

.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px;
}

.uppy-c-btn-link {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1;
  background-color: transparent;
  border-radius: 4px;
}

.uppy-c-btn-link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25);
}

.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px;
}

.uppy-Informer {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  z-index: 1005;
  text-align: center;
}

.uppy-Informer span > div {
  margin-bottom: 6px;
}

.uppy-Informer-animated {
  z-index: -1000;
  transform: translateY(350%);
  opacity: 0;
  transition: all 300ms ease-in;
}

.uppy-Informer p {
  display: inline-block;
  max-width: 90%;
  margin: 0;
  padding: 0;
  padding: 6px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  background-color: #757575;
  border-radius: 18px;
}

.uppy-size--md .uppy-Informer p {
  max-width: 500px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.3;
}

[dir=ltr] .uppy-Informer p span {
  left: 3px;
}

[dir=rtl] .uppy-Informer p span {
  right: 3px;
}

[dir=ltr] .uppy-Informer p span {
  margin-left: -1px;
}

[dir=rtl] .uppy-Informer p span {
  margin-right: -1px;
}

.uppy-Informer p span {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #525252;
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%;
}

.uppy-Informer p span:hover {
  cursor: help;
}

.uppy-Informer p span::after {
  line-height: 1.3;
  word-wrap: break-word;
}

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
-------------------------------------------------------------------- */
/* ------------------------------------------------
  [1] Base Styles
------------------------------------------------- */
.uppy-Root [aria-label][role~=tooltip] {
  position: relative;
}

.uppy-Root [aria-label][role~=tooltip]::before,
.uppy-Root [aria-label][role~=tooltip]::after {
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  transform-origin: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  pointer-events: none;
  will-change: transform;
}

.uppy-Root [aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: "";
}

.uppy-Root [aria-label][role~=tooltip]::after {
  box-sizing: content-box;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: var(--microtip-font-weight, normal);
  font-size: var(--microtip-font-size, 13px);
  white-space: nowrap;
  text-transform: var(--microtip-text-transform, none);
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  content: attr(aria-label);
}

.uppy-Root [aria-label][role~=tooltip]:hover::before,
.uppy-Root [aria-label][role~=tooltip]:hover::after,
.uppy-Root [aria-label][role~=tooltip]:focus::before,
.uppy-Root [aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------
  [2] Position Modifiers
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
  bottom: 100%;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-bottom: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
  bottom: 100%;
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.2] Top Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
  bottom: 100%;
  transform: translate3d(calc(0% - 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.3] Bottom
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
  top: 100%;
  bottom: auto;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
  top: 100%;
  left: 50%;
  margin-top: 11px;
  transform: translate3d(-50%, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

/* ------------------------------------------------
  [2.4] Bottom Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
  top: 100%;
  transform: translate3d(calc(-100% + 16px), -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

/* ------------------------------------------------
  [2.5] Bottom Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
  top: 100%;
  transform: translate3d(calc(0% - 16px), -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}

/* ------------------------------------------------
  [2.6] Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=left]::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translate3d(10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=left]::before {
  width: 6px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [2.7] Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=right]::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  top: 50%;
  bottom: auto;
  left: 100%;
  transform: translate3d(-10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=right]::before {
  width: 6px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-size=small]::after {
  width: 80px;
  white-space: initial;
}

.uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
  width: 150px;
  white-space: initial;
}

.uppy-Root [role~=tooltip][data-microtip-size=large]::after {
  width: 260px;
  white-space: initial;
}

.uppy-StatusBar {
  position: relative;
  z-index: 1001;
  display: flex;
  height: 46px;
  font-weight: 400;
  font-size: 12px;
  line-height: 40px;
  background-color: #fff;
  transition: height 0.2s;
  color: rgba(var(--bm-text-color), 1);
  background-color: rgba(var(--bm-bg-secondary), 1);
}

.uppy-StatusBar::before {
  background-color: rgba(var(--bm-border-color), 1);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #eaeaea;
  content: "";
}

.uppy-StatusBar[aria-hidden=true] {
  height: 0;
  overflow-y: hidden;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #e32437;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
  color: #e32437;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  height: 65px;
  background-color: #fff;
  border-top: 1px solid rgba(var(--bm-border-color), 1);
}

.uppy-StatusBar-progress {
  position: absolute;
  z-index: 1001;
  height: 2px;
  background-color: #1269cf;
  transition: background-color, width 0.3s ease-out;
}

.uppy-StatusBar-progress.is-indeterminate {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
  background-size: 64px 64px;
  animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
}

@keyframes uppy-StatusBar-ProgressStripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 64px 0;
  }
}
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
  background-color: #f6a623;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none;
}

[dir=ltr] .uppy-StatusBar-content {
  padding-left: 10px;
}

[dir=rtl] .uppy-StatusBar-content {
  padding-right: 10px;
}

.uppy-StatusBar-content {
  position: relative;
  z-index: 1002;
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
}

[dir=ltr] .uppy-size--md .uppy-StatusBar-content {
  padding-left: 15px;
}

[dir=rtl] .uppy-size--md .uppy-StatusBar-content {
  padding-right: 15px;
}

[dir=ltr] .uppy-StatusBar-status {
  padding-right: 0.3em;
}

[dir=rtl] .uppy-StatusBar-status {
  padding-left: 0.3em;
}

.uppy-StatusBar-status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: normal;
  line-height: 1.4;
}

.uppy-StatusBar-statusPrimary {
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details {
  margin-left: 5px;
}

.uppy-StatusBar-statusSecondary {
  display: inline-block;
  margin-top: 1px;
  color: #757575;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

[dir=ltr] .uppy-StatusBar-statusSecondaryHint {
  margin-right: 5px;
}

[dir=rtl] .uppy-StatusBar-statusSecondaryHint {
  margin-left: 5px;
}

.uppy-StatusBar-statusSecondaryHint {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

[dir=ltr] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-right: 8px;
}

[dir=rtl] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-left: 8px;
}

[dir=ltr] .uppy-StatusBar-statusIndicator {
  margin-right: 7px;
}

[dir=rtl] .uppy-StatusBar-statusIndicator {
  margin-left: 7px;
}

.uppy-StatusBar-statusIndicator {
  position: relative;
  top: 1px;
  color: #525252;
}

.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom;
}

[dir=ltr] .uppy-StatusBar-actions {
  right: 10px;
}

[dir=rtl] .uppy-StatusBar-actions {
  left: 10px;
}

.uppy-StatusBar-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1004;
  display: flex;
  align-items: center;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  position: static;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background-color: rgba(var(--bm-bg-secondary), 1);
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: column;
  height: 90px;
}

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: row;
  height: 65px;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: column;
  justify-content: center;
}

.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: row;
  justify-content: initial;
}

.uppy-StatusBar-actionCircleBtn {
  margin: 3px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
}

.uppy-StatusBar-actionCircleBtn:focus {
  outline: none;
}

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-StatusBar-actionCircleBtn:hover {
  opacity: 1;
}

.uppy-StatusBar-actionCircleBtn:focus {
  border-radius: 50%;
}

.uppy-StatusBar-actionCircleBtn svg {
  vertical-align: bottom;
}

.uppy-StatusBar-actionBtn {
  display: inline-block;
  color: #1269cf;
  font-size: 10px;
  line-height: inherit;
  vertical-align: middle;
}

.uppy-size--md .uppy-StatusBar-actionBtn {
  font-size: 11px;
}

.uppy-StatusBar-actionBtn--disabled {
  opacity: 0.4;
}

[dir=ltr] .uppy-StatusBar-actionBtn--retry {
  margin-right: 6px;
}

[dir=rtl] .uppy-StatusBar-actionBtn--retry {
  margin-left: 6px;
}

.uppy-StatusBar-actionBtn--retry {
  position: relative;
  height: 16px;
  padding: 1px 6px 3px 18px;
  color: #fff;
  line-height: 1;
  background-color: #ff4b23;
  border-radius: 8px;
}

.uppy-StatusBar-actionBtn--retry:focus {
  outline: none;
}

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-StatusBar-actionBtn--retry:hover {
  background-color: #f92d00;
}

[dir=ltr] .uppy-StatusBar-actionBtn--retry svg {
  left: 6px;
}

[dir=rtl] .uppy-StatusBar-actionBtn--retry svg {
  right: 6px;
}

.uppy-StatusBar-actionBtn--retry svg {
  position: absolute;
  top: 3px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: 100%;
  padding: 15px 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  background-color: #1bb240;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #189c38;
}

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: auto;
  padding: 13px 22px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1bb240;
  cursor: not-allowed;
}

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  color: #1269cf;
  background-color: transparent;
}

[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px;
}

[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-left: 3px;
}

[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-left: 3px;
}

[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-bottom: 1px;
  border-radius: 3px;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded, .uppy-StatusBar.is-postprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  display: none;
}

.uppy-StatusBar-actionBtn--done {
  padding: 7px 8px;
  line-height: 1;
  border-radius: 3px;
}

.uppy-StatusBar-actionBtn--done:focus {
  outline: none;
}

.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
  border: 0;
}

.uppy-StatusBar-actionBtn--done:hover {
  color: #0e51a0;
}

.uppy-StatusBar-actionBtn--done:focus {
  background-color: #dfe6f1;
}

.uppy-size--md .uppy-StatusBar-actionBtn--done {
  font-size: 14px;
}

.uppy-StatusBar-serviceMsg {
  padding-left: 10px;
  color: #000;
  font-size: 11px;
  line-height: 1.1;
}

.uppy-size--md .uppy-StatusBar-serviceMsg {
  padding-left: 15px;
  font-size: 14px;
}

.uppy-StatusBar-serviceMsg-ghostsIcon {
  position: relative;
  top: 2px;
  left: 6px;
  width: 10px;
  vertical-align: text-bottom;
  opacity: 0.5;
}

.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon {
  top: 1px;
  left: 10px;
  width: 15px;
}

[dir=ltr] .uppy-StatusBar-details {
  left: 2px;
}

[dir=rtl] .uppy-StatusBar-details {
  right: 2px;
}

.uppy-StatusBar-details {
  position: relative;
  top: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #939393;
  border-radius: 50%;
  cursor: help;
  -webkit-appearance: none;
  appearance: none;
}

.uppy-StatusBar-details::after {
  line-height: 1.3;
  word-wrap: break-word;
}

[dir=ltr] .uppy-StatusBar-spinner {
  margin-right: 10px;
}

[dir=rtl] .uppy-StatusBar-spinner {
  margin-left: 10px;
}

.uppy-StatusBar-spinner {
  animation-name: uppy-StatusBar-spinnerAnimation;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  fill: #1269cf;
}

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
  fill: #f6a623;
}

@keyframes uppy-StatusBar-spinnerAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6px;
}

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list::after {
  flex: auto;
  content: "";
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  position: relative;
  width: 50%;
  margin: 0;
}

.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 33.3333%;
}

.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 25%;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem::before {
  display: block;
  padding-top: 100%;
  content: "";
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg {
  opacity: 0.85;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.5;
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.2);
}

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  width: 30%;
  height: 30%;
  fill: rgba(0, 0, 0, 0.7);
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}

@media (hover: none) {
  .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
    display: block;
  }
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-weight: 500;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  text-decoration: none;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author:hover,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author:hover {
  background: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1002;
  width: 26px;
  height: 26px;
  background-color: #1269cf;
  border-radius: 50%;
  opacity: 0;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after, [dir=ltr] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  left: 7px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after, [dir=rtl] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  right: 7px;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  top: 8px;
  width: 12px;
  height: 7px;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--is-checked,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--is-checked {
  opacity: 1;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author {
  display: block;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus {
  outline: none;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff;
}

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 7px 15px;
}

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.6;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-right: 15px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  margin-left: 15px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border: 1px solid #1269cf;
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25);
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  left: 3px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  right: 3px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  top: 4px;
  width: 9px;
  height: 5px;
  opacity: 0;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked {
  background-color: #1269cf;
  border-color: #1269cf;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked::after {
  opacity: 1;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  display: flex;
  align-items: center;
  color: inherit;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
  text-decoration: underline;
  outline: none;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-right: 8px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, [dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-left: 8px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
  overflow: hidden;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
  cursor: default;
}

[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-right: 7px;
}

[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  margin-left: 7px;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  width: 20px;
}

.uppy-ProviderBrowserItem-checkbox {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}

.uppy-ProviderBrowserItem-checkbox:disabled {
  cursor: default;
}

.uppy-ProviderBrowserItem-checkbox::after {
  position: absolute;
  border-bottom: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea;
  transform: rotate(-45deg);
  cursor: pointer;
  content: "";
}

.uppy-ProviderBrowserItem-checkbox:disabled::after {
  cursor: default;
}

.uppy-SearchProvider {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.uppy-SearchProvider-input {
  width: 90%;
  max-width: 650px;
  margin-bottom: 15px;
}

.uppy-size--md .uppy-SearchProvider-input {
  margin-bottom: 20px;
}

.uppy-SearchProvider-input::-webkit-search-cancel-button {
  display: none;
}

.uppy-SearchProvider-searchButton {
  padding: 13px 25px;
}

.uppy-size--md .uppy-SearchProvider-searchButton {
  padding: 13px 30px;
}

.uppy-DashboardContent-panelBody {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.uppy-Provider-auth,
.uppy-Provider-error,
.uppy-Provider-loading,
.uppy-Provider-empty {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  color: #939393;
}

.uppy-Provider-empty {
  color: #939393;
}

.uppy-Provider-authIcon svg {
  width: 100px;
  height: 75px;
}

.uppy-Provider-authTitle {
  max-width: 500px;
  margin-bottom: 30px;
  padding: 0 15px;
  color: #757575;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
}

.uppy-size--md .uppy-Provider-authTitle {
  font-size: 20px;
}

.uppy-Provider-btn-google {
  display: flex;
  align-items: center;
  padding: 8px 12px !important;
  background: #4285f4;
}

.uppy-Provider-btn-google:hover {
  background-color: #1266f1;
}

.uppy-Provider-btn-google:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.4);
}

.uppy-Provider-btn-google svg {
  margin-right: 8px;
}

[dir=ltr] .uppy-Provider-breadcrumbs {
  text-align: left;
}

[dir=rtl] .uppy-Provider-breadcrumbs {
  text-align: right;
}

.uppy-Provider-breadcrumbs {
  flex: 1;
  margin-bottom: 10px;
  color: #525252;
  font-size: 12px;
}

.uppy-size--md .uppy-Provider-breadcrumbs {
  margin-bottom: 0;
}

[dir=ltr] .uppy-Provider-breadcrumbsIcon {
  margin-right: 4px;
}

[dir=rtl] .uppy-Provider-breadcrumbsIcon {
  margin-left: 4px;
}

.uppy-Provider-breadcrumbsIcon {
  display: inline-block;
  color: #525252;
  line-height: 1;
  vertical-align: middle;
}

.uppy-Provider-breadcrumbsIcon svg {
  width: 13px;
  height: 13px;
  fill: #525252;
}

.uppy-Provider-breadcrumbs button {
  display: inline-block;
  padding: 4px;
  line-height: inherit;
  border-radius: 3px;
}

.uppy-Provider-breadcrumbs button:focus {
  outline: none;
}

.uppy-Provider-breadcrumbs button::-moz-focus-inner {
  border: 0;
}

.uppy-Provider-breadcrumbs button:hover {
  color: #0e51a0;
}

.uppy-Provider-breadcrumbs button:focus {
  background-color: #dfe6f1;
}

.uppy-Provider-breadcrumbs button:not(:last-of-type) {
  text-decoration: underline;
}

.uppy-Provider-breadcrumbs button:last-of-type {
  color: #333;
  font-weight: 500;
  cursor: normal;
  pointer-events: none;
}

.uppy-Provider-breadcrumbs button:hover {
  cursor: pointer;
}

.uppy-ProviderBrowser {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  font-weight: 400;
  font-size: 14px;
}

.uppy-ProviderBrowser-user {
  margin: 0 8px 0 0;
  color: #333;
  font-weight: 500;
}

[dir=ltr] .uppy-ProviderBrowser-user::after {
  left: 4px;
}

[dir=rtl] .uppy-ProviderBrowser-user::after {
  right: 4px;
}

.uppy-ProviderBrowser-user::after {
  position: relative;
  color: #939393;
  font-weight: normal;
  content: "·";
}

.uppy-ProviderBrowser-header {
  position: relative;
  z-index: 1001;
  border-bottom: 1px solid #eaeaea;
}

.uppy-ProviderBrowser-headerBar {
  z-index: 1001;
  padding: 7px 15px;
  color: #757575;
  font-size: 12px;
  line-height: 1.4;
  background-color: #fafafa;
}

.uppy-size--md .uppy-ProviderBrowser-headerBar {
  display: flex;
  align-items: center;
}

.uppy-ProviderBrowser-headerBar--simple {
  display: block;
  justify-content: center;
  text-align: center;
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  display: inline-block;
  flex: none;
  vertical-align: middle;
}

.uppy-ProviderBrowser-searchFilter {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 15px;
  margin-bottom: 15px;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterInput {
  padding-left: 30px;
}

[dir=rtl] .uppy-ProviderBrowser-searchFilterInput {
  padding-right: 30px;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterInput {
  padding-right: 30px;
}

[dir=rtl] .uppy-ProviderBrowser-searchFilterInput {
  padding-left: 30px;
}

.uppy-ProviderBrowser-searchFilterInput {
  z-index: 1001;
  width: 100%;
  height: 30px;
  font-size: 13px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.4;
  background-color: #eaeaea;
  border: 0;
  border-radius: 4px;
  outline: 0;
  color: #333;
}

.uppy-ProviderBrowser-searchFilterInput::-webkit-search-cancel-button {
  display: none;
}

.uppy-ProviderBrowser-searchFilterInput:focus {
  background-color: #cfcfcf;
  border: 0;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterIcon {
  left: 16px;
}

[dir=rtl] .uppy-ProviderBrowser-searchFilterIcon {
  right: 16px;
}

.uppy-ProviderBrowser-searchFilterIcon {
  position: absolute;
  z-index: 1002;
  width: 12px;
  height: 12px;
  color: #757575;
}

.uppy-ProviderBrowser-searchFilterInput::placeholder {
  color: #939393;
  opacity: 1;
}

[dir=ltr] .uppy-ProviderBrowser-searchFilterReset {
  right: 16px;
}

[dir=rtl] .uppy-ProviderBrowser-searchFilterReset {
  left: 16px;
}

.uppy-ProviderBrowser-searchFilterReset {
  border-radius: 3px;
  position: absolute;
  z-index: 1002;
  width: 22px;
  height: 22px;
  padding: 6px;
  color: #939393;
  cursor: pointer;
}

.uppy-ProviderBrowser-searchFilterReset:focus {
  outline: none;
}

.uppy-ProviderBrowser-searchFilterReset::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-searchFilterReset:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-ProviderBrowser-searchFilterReset:hover {
  color: #757575;
}

.uppy-ProviderBrowser-searchFilterReset svg {
  vertical-align: text-top;
}

.uppy-ProviderBrowser-userLogout {
  padding: 4px;
  color: #1269cf;
  line-height: inherit;
  border-radius: 3px;
  cursor: pointer;
}

.uppy-ProviderBrowser-userLogout:focus {
  outline: none;
}

.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-userLogout:hover {
  color: #0e51a0;
}

.uppy-ProviderBrowser-userLogout:focus {
  background-color: #dfe6f1;
}

.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline;
}

.uppy-ProviderBrowser-body {
  position: relative;
  flex: 1;
}

.uppy-ProviderBrowser-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-spacing: 0;
  -webkit-overflow-scrolling: touch;
}

.uppy-ProviderBrowser-list:focus {
  outline: none;
}

.uppy-ProviderBrowserItem-inner {
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
}

.uppy-ProviderBrowser-footer {
  display: flex;
  align-items: center;
  height: 65px;
  padding: 0 15px;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
}

[dir=ltr] .uppy-ProviderBrowser-footer button {
  margin-right: 8px;
}

[dir=rtl] .uppy-ProviderBrowser-footer button {
  margin-left: 8px;
}

.uppy-Dashboard-Item-previewInnerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}

.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: none;
}

.uppy-Dashboard-Item-previewInnerWrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  display: none;
  background-color: rgba(0, 0, 0, 0.65);
  content: "";
}

.uppy-Dashboard-Item-previewLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
}

.uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #579df0;
}

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
  transform: translateZ(0);
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  object-fit: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}

.uppy-Dashboard-Item-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1002;
  width: 120px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: all 0.35 ease;
}

.uppy-Dashboard-Item-progressIndicator {
  display: inline-block;
  width: 38px;
  height: 38px;
  opacity: 0.9;
  color: #fff;
}

.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
  width: 55px;
  height: 55px;
}

button.uppy-Dashboard-Item-progressIndicator {
  cursor: pointer;
}

button.uppy-Dashboard-Item-progressIndicator:focus {
  outline: none;
}

button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
  border: 0;
}

button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
  fill: #579df0;
}

.uppy-Dashboard-Item-progressIcon--circle {
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-Item-progressIcon--bg {
  stroke: rgba(255, 255, 255, 0.4);
}

.uppy-Dashboard-Item-progressIcon--progress {
  transition: stroke-dashoffset 0.5s ease-out;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--play {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--cancel {
  transition: all 0.2s;
  fill: #fff;
}

.uppy-Dashboard-Item-progressIcon--pause {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--check {
  transition: all 0.2s;
  fill: #fff;
}

.uppy-Dashboard-Item-progressIcon--retry {
  fill: #fff;
}

[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: -8px;
}

[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: -8px;
}

[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  left: initial;
}

[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  right: initial;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  top: -9px;
  width: auto;
  transform: initial;
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
}

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 28px;
  height: 28px;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
  opacity: 1;
}

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 22px;
  height: 22px;
}

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
  opacity: 0;
}

[dir=ltr] .uppy-Dashboard-Item-fileInfo {
  padding-right: 5px;
}

[dir=rtl] .uppy-Dashboard-Item-fileInfo {
  padding-left: 5px;
}

[dir=ltr] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-right: 10px;
}

[dir=rtl] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-left: 10px;
}

[dir=ltr] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-right: 15px;
}

[dir=rtl] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-left: 15px;
}

.uppy-Dashboard-Item-name {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  word-wrap: anywhere;
  word-break: break-all;
}

.uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-name {
  font-size: 14px;
  line-height: 1.4;
}

.uppy-Dashboard-Item-fileName {
  display: flex;
  align-items: baseline;
}

.uppy-Dashboard-Item-fileName button {
  margin-left: 5px;
}

.uppy-Dashboard-Item-author {
  color: #757575;
  vertical-align: bottom;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px;
}

.uppy-Dashboard-Item-author a {
  color: #757575;
}

.uppy-Dashboard-Item-status {
  color: #757575;
  font-weight: normal;
  font-size: 11px;
  line-height: 1;
}

.uppy-Dashboard-Item-statusSize {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: bottom;
  margin-bottom: 5px;
}

.uppy-Dashboard-Item-reSelect {
  color: #1269cf;
  font-weight: 600;
  font-size: inherit;
  font-family: inherit;
}

.uppy-Dashboard-Item-errorMessage {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: #a51523;
  background-color: #fdeff1;
  padding: 5px 6px;
}

.uppy-Dashboard-Item-errorMessageBtn {
  font-size: 11px;
  text-decoration: underline;
  color: #a51523;
  cursor: pointer;
  font-weight: 500;
}

.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: none;
}

.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: block;
  border-top: 1px solid #f7c2c8;
  padding: 6px 8px;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: inline-block;
  position: static;
  border: 1px solid #f7c2c8;
  border-radius: 3px;
}

.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: none;
}

.uppy-Dashboard-Item-action {
  color: #939393;
  cursor: pointer;
}

.uppy-Dashboard-Item-action:focus {
  outline: none;
}

.uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-Dashboard-Item-action:hover {
  color: #1f1f1f;
  opacity: 1;
}

.uppy-Dashboard-Item-action--remove {
  color: #1f1f1f;
  opacity: 0.95;
  background: none;
}

.uppy-Dashboard-Item-action--remove:hover {
  color: #000;
  opacity: 1;
}

[dir=ltr] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  right: -8px;
}

[dir=rtl] .uppy-size--md .uppy-Dashboard-Item-action--remove {
  left: -8px;
}

.uppy-size--md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: -8px;
  z-index: 1002;
  width: 18px;
  height: 18px;
  padding: 0;
}

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
  border-radius: 50%;
}

[dir=ltr] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  right: 8px;
}

[dir=rtl] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  left: 8px;
}

.uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: 8px;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-actionWrapper {
  display: flex;
  align-items: center;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  padding: 3px;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action:focus {
  border-radius: 3px;
}

.uppy-Dashboard-Item-action--edit {
  background: none;
}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink,
.uppy-size--md .uppy-Dashboard-Item-action--edit {
  width: 16px;
  height: 16px;
  padding: 0;
}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
.uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
  border-radius: 3px;
}

.uppy-Dashboard-Item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
}

[dir=ltr] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
  padding-right: 0;
}

[dir=rtl] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
  padding-left: 0;
}

[dir=ltr] .uppy-size--md .uppy-Dashboard-Item {
  float: left;
}

[dir=rtl] .uppy-size--md .uppy-Dashboard-Item {
  float: right;
}

.uppy-size--md .uppy-Dashboard-Item {
  position: relative;
  display: block;
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(33.333% - 15px - 15px);
  height: 215px;
  margin: 5px 15px;
  padding: 0;
  border-bottom: 0;
}

.uppy-size--lg .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(25% - 15px - 15px);
  height: 190px;
  margin: 5px 15px;
  padding: 0;
}

.uppy-size--xl .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(20% - 15px - 15px);
  height: 210px;
  padding: 0;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  height: 100%;
  border-bottom: 0;
  position: relative;
  padding: 15px;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap {
  opacity: 0.2;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name {
  opacity: 0.7;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39' viewBox='0 0 35 39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 01-3.417-3.416 3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.417 3.417 3.383 3.383 0 01-3.417 3.416zm13.667 0A3.383 3.383 0 0120.5 18.16a3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.416 3.417 3.383 3.383 0 01-3.416 3.416z' fill='%2523000' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 25px;
  opacity: 0.5;
  content: "";
}

.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 40px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 30%;
}

.uppy-Dashboard-Item-preview {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}

.uppy-size--md .uppy-Dashboard-Item-preview {
  width: 100%;
  height: 140px;
}

.uppy-size--lg .uppy-Dashboard-Item-preview {
  height: 120px;
}

.uppy-size--xl .uppy-Dashboard-Item-preview {
  height: 140px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview {
  width: 100%;
  max-height: 75%;
  flex-grow: 1;
}

.uppy-Dashboard--singleFile.uppy-size--md .uppy-Dashboard-Item-preview {
  max-height: 100%;
}

[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 8px;
}

[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 8px;
}

[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-left: 12px;
}

[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 12px;
}

.uppy-Dashboard-Item-fileInfoAndButtons {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}

.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons, .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
  align-items: flex-start;
  padding: 0;
  padding-top: 9px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 100%;
  flex-grow: 0;
}

.uppy-Dashboard-Item-fileInfo {
  flex-grow: 1;
  flex-shrink: 1;
}

.uppy-Dashboard-Item-actionWrapper {
  flex-grow: 0;
  flex-shrink: 0;
}

.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap::after,
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap::after {
  display: block;
}

[dir=ltr] .uppy-Dashboard-Item-errorDetails {
  left: 2px;
}

[dir=rtl] .uppy-Dashboard-Item-errorDetails {
  right: 2px;
}

.uppy-Dashboard-Item-errorDetails {
  position: relative;
  top: 0;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  background-color: #939393;
  border-radius: 50%;
  border: none;
  cursor: help;
  -webkit-appearance: none;
  appearance: none;
}

.uppy-Dashboard-Item-errorDetails::after {
  line-height: 1.3;
  word-wrap: break-word;
}

.uppy-Dashboard-FileCard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}

.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.uppy-Dashboard-FileCard-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  min-height: 0;
}

.uppy-Dashboard-FileCard-preview {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
  justify-content: center;
  height: 60%;
  min-height: 0;
  border-bottom: 1px solid rgba(var(--bm-border-color), 1);
}

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
  flex: 0 0 auto;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
}

[dir=ltr] .uppy-Dashboard-FileCard-edit {
  right: 10px;
}

[dir=rtl] .uppy-Dashboard-FileCard-edit {
  left: 10px;
}

.uppy-Dashboard-FileCard-edit {
  position: absolute;
  top: 10px;
  padding: 7px 15px;
  color: #fff;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
}

.uppy-Dashboard-FileCard-edit:focus {
  outline: none;
}

.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-FileCard-edit:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-Dashboard-FileCard-edit:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.uppy-Dashboard-FileCard-info {
  flex-grow: 0;
  flex-shrink: 0;
  height: 40%;
  padding: 30px 20px 20px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(var(--bm-bg-secondary), 1);
}

.uppy-Dashboard-FileCard-fieldset {
  max-width: 640px;
  margin: auto;
  margin-bottom: 12px;
  padding: 0;
  font-size: 0;
  border: 0;
}

.uppy-Dashboard-FileCard-label {
  display: inline-block;
  width: 22%;
  color: rgba(var(--bm-text-color), 1);
  font-size: 12px;
  vertical-align: middle;
}

.uppy-size--md .uppy-Dashboard-FileCard-label {
  font-size: 14px;
}

.uppy-Dashboard-FileCard-input {
  display: inline-block;
  width: 78%;
  vertical-align: middle;
}

.uppy-Dashboard-FileCard-actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 55px;
  padding: 0 15px;
  border-top: 1px solid rgba(var(--bm-border-color), 1);
  background-color: rgba(var(--bm-bg-secondary), 1);
}

.uppy-size--md .uppy-Dashboard-FileCard-actions {
  height: 65px;
}

[dir=ltr] .uppy-Dashboard-FileCard-actionsBtn {
  margin-right: 10px;
}

[dir=rtl] .uppy-Dashboard-FileCard-actionsBtn {
  margin-left: 10px;
}

.uppy-transition-slideDownUp-enter {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.uppy-transition-slideDownUp-leave {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
}

@keyframes uppy-Dashboard-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn {
  from {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  from {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut {
  from {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut--small {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
}
.uppy-Dashboard--modal {
  z-index: 1001;
}

.uppy-Dashboard--modal[aria-hidden=true] {
  display: none;
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard-isFixed {
  height: 100vh;
  overflow: hidden;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5);
}

.uppy-Dashboard-inner {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  border-radius: 5px;
  outline: none;
  background-color: rgba(var(--bm-bg-color), 1);
  border: 1px solid rgba(var(--bm-border-color), 1);
  color: rgba(var(--bm-text-color), 1);
}

.uppy-size--md .uppy-Dashboard-inner {
  min-height: auto;
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner {
    width: 650px;
    height: 500px;
  }
}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 1002;
}

.uppy-Dashboard--isDisabled .uppy-Dashboard-inner {
  cursor: not-allowed;
}

.uppy-Dashboard-innerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0;
}

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
  opacity: 1;
}

.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
  opacity: 0.6;
  filter: grayscale(100%);
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
}

.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
  fill: #9f9f9f;
}

.uppy-Dashboard--isDisabled [disabled],
.uppy-Dashboard--isDisabled [aria-disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  position: fixed;
  top: 35px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: none;
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner {
    top: 50%;
    right: auto;
    left: 50%;
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%);
  }
}
[dir=ltr] .uppy-Dashboard-close {
  right: -2px;
}

[dir=rtl] .uppy-Dashboard-close {
  left: -2px;
}

.uppy-Dashboard-close {
  position: absolute;
  top: -33px;
  z-index: 1005;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 27px;
  cursor: pointer;
  background: none !important;
}

.uppy-Dashboard-close:focus {
  outline: none;
}

.uppy-Dashboard-close::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-close:focus {
  color: #6eabf2;
}

@media only screen and (min-width: 820px) {
  [dir=ltr] .uppy-Dashboard-close {
    right: -35px;
  }
  [dir=rtl] .uppy-Dashboard-close {
    left: -35px;
  }
  .uppy-Dashboard-close {
    top: -10px;
    font-size: 35px;
  }
}
.uppy-Dashboard-serviceMsg {
  position: relative;
  top: -1px;
  z-index: 1004;
  padding: 12px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  background-color: #fffbf7;
  border-top: 1px solid #edd4b9;
  border-bottom: 1px solid #edd4b9;
}

.uppy-size--md .uppy-Dashboard-serviceMsg {
  font-size: 14px;
  line-height: 1.4;
}

.uppy-Dashboard-serviceMsg-title {
  display: block;
  margin-bottom: 4px;
  padding-left: 42px;
  line-height: 1;
}

.uppy-Dashboard-serviceMsg-text {
  padding: 0 15px;
}

.uppy-Dashboard-serviceMsg-actionBtn {
  color: #1269cf;
  font-weight: inherit;
  font-size: inherit;
  vertical-align: initial;
}

.uppy-Dashboard-serviceMsg-icon {
  position: absolute;
  top: 10px;
  left: 15px;
}

.uppy-Dashboard-AddFiles {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px);
  margin: 7px;
  border: 1px dashed #dfdfdf;
  border-radius: 3px;
}

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px - 40px);
  border: none;
}

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
  border-color: #cfcfcf;
}

.uppy-Dashboard-AddFiles-info {
  display: none;
  margin-top: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
  display: block;
}

.uppy-size--md .uppy-Dashboard-AddFiles-info {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  padding-top: 30px;
  padding-bottom: 0;
}

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
  margin-top: 0;
}

.uppy-Dashboard-browse {
  color: #1269cf;
  cursor: pointer;
}

.uppy-Dashboard-browse:focus {
  outline: none;
}

.uppy-Dashboard-browse::-moz-focus-inner {
  border: 0;
}

.uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus {
  border-bottom: 1px solid #1269cf;
}

.uppy-Dashboard-browseBtn {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
}

.uppy-size--md .uppy-Dashboard-browseBtn {
  width: auto;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 13px 44px;
  font-size: 15px;
}

.uppy-Dashboard-AddFiles-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  margin-top: 2px;
  padding: 2px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.uppy-size--md .uppy-Dashboard-AddFiles-list {
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin-top: 15px;
  padding-top: 0;
  overflow-y: visible;
}

.uppy-DashboardTab {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}

.uppy-size--md .uppy-DashboardTab {
  display: inline-block;
  width: initial;
  margin-bottom: 10px;
  border-bottom: none;
}

.uppy-DashboardTab-btn {
  flex-direction: row;
  align-items: center;
  justify-content: left;
  width: 100%;
  height: 100%;
  padding: 12px 15px;
  cursor: pointer;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: initial !important;
  color: rgba(var(--bm-text-color), 0.9) !important;
}

.uppy-DashboardTab-btn:focus {
  outline: none;
}

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0;
}

[dir=ltr] .uppy-size--md .uppy-DashboardTab-btn {
  margin-right: 1px;
}

[dir=rtl] .uppy-size--md .uppy-DashboardTab-btn {
  margin-left: 1px;
}

.uppy-size--md .uppy-DashboardTab-btn {
  flex-direction: column;
  width: 86px;
  padding: 10px 3px;
  border-radius: 5px;
}

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardTab-btn:hover {
  background-color: #e9ecef;
}

.uppy-DashboardTab-btn:active,
.uppy-DashboardTab-btn:focus {
  background-color: #dfe6f1;
}

.uppy-DashboardTab-btn svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  transition: transform ease-in-out 0.15s;
}

[dir=ltr] .uppy-DashboardTab-inner {
  margin-right: 10px;
}

[dir=rtl] .uppy-DashboardTab-inner {
  margin-left: 10px;
}

.uppy-DashboardTab-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.02);
}

[dir=ltr] .uppy-size--md .uppy-DashboardTab-inner {
  margin-right: 0;
}

[dir=rtl] .uppy-size--md .uppy-DashboardTab-inner {
  margin-left: 0;
}

.uppy-DashboardTab-name {
  font-weight: 400;
  font-size: 14px;
}

.uppy-size--md .uppy-DashboardTab-name {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
}

.uppy-DashboardTab-iconMyDevice {
  color: #1269cf;
}

.uppy-DashboardTab-iconBox {
  color: #0061d5;
}

.uppy-DashboardTab-iconDropbox {
  color: #0061fe;
}

.uppy-DashboardTab-iconUnsplash {
  color: #111;
}

.uppy-DashboardTab-iconScreenRec {
  color: #2c3e50;
}

.uppy-DashboardTab-iconAudio {
  color: #8030a3;
}

.uppy-Dashboard-input {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  opacity: 0;
}

.uppy-DashboardContent-bar {
  position: relative;
  z-index: 1004;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background-color: rgba(var(--bm-bg-secondary), 1);
  border-bottom: 1px solid rgba(var(--bm-border-color), 1);
}

.uppy-size--md .uppy-DashboardContent-bar {
  height: 50px;
  padding: 0 15px;
}

.uppy-DashboardContent-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 170px;
  margin: auto;
  overflow-x: hidden;
  font-weight: 500;
  font-size: 12px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}

.uppy-size--md .uppy-DashboardContent-title {
  max-width: 300px;
  font-size: 14px;
  line-height: 50px;
}

[dir=ltr] .uppy-DashboardContent-back, [dir=ltr] .uppy-DashboardContent-save {
  margin-left: -6px;
}

[dir=rtl] .uppy-DashboardContent-back, [dir=rtl] .uppy-DashboardContent-save {
  margin-right: -6px;
}

.uppy-DashboardContent-back,
.uppy-DashboardContent-save {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  padding: 7px 6px;
  color: #1269cf;
  font-weight: 400;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
  background: none;
}

.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  outline: none;
}

.uppy-DashboardContent-back::-moz-focus-inner,
.uppy-DashboardContent-save::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-save:hover {
  color: #0e51a0;
}

.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  background-color: #dfe6f1;
}

.uppy-size--md .uppy-DashboardContent-back,
.uppy-size--md .uppy-DashboardContent-save {
  font-size: 14px;
}

[dir=ltr] .uppy-DashboardContent-addMore {
  margin-right: -5px;
}

[dir=rtl] .uppy-DashboardContent-addMore {
  margin-left: -5px;
}

.uppy-DashboardContent-addMore {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  width: 29px;
  height: 29px;
  padding: 7px 8px;
  color: #1269cf;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
  background: none;
}

.uppy-DashboardContent-addMore:focus {
  outline: none;
}

.uppy-DashboardContent-addMore::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardContent-addMore:hover {
  color: #0e51a0;
}

.uppy-DashboardContent-addMore:focus {
  background-color: #dfe6f1;
}

[dir=ltr] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-right: -8px;
}

[dir=rtl] .uppy-size--md .uppy-DashboardContent-addMore {
  margin-left: -8px;
}

.uppy-size--md .uppy-DashboardContent-addMore {
  width: auto;
  height: auto;
  font-size: 14px;
}

[dir=ltr] .uppy-DashboardContent-addMore svg {
  margin-right: 4px;
}

[dir=rtl] .uppy-DashboardContent-addMore svg {
  margin-left: 4px;
}

.uppy-DashboardContent-addMore svg {
  vertical-align: baseline;
}

.uppy-size--md .uppy-DashboardContent-addMore svg {
  width: 11px;
  height: 11px;
}

.uppy-DashboardContent-addMoreCaption {
  display: none;
}

.uppy-size--md .uppy-DashboardContent-addMoreCaption {
  display: inline;
}

.uppy-DashboardContent-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background-color: whitesmoke;
  border-radius: 5px;
}

.uppy-Dashboard-AddFilesPanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(var(--bm-bg-color), 1);
  border-radius: 5px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px);
}

.uppy-Dashboard-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12%;
}

.uppy-Dashboard-progressBarContainer.is-active {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1004;
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-filesContainer {
  position: relative;
  flex: 1;
  margin: 0;
  overflow-y: hidden;
}

.uppy-Dashboard-filesContainer::after {
  display: table;
  clear: both;
  content: "";
}

.uppy-Dashboard-files {
  flex: 1;
  margin: 0;
  padding: 0 0 10px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.uppy-size--md .uppy-Dashboard-files {
  padding-top: 10px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-filesInner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.uppy-Dashboard-dropFilesHereHint {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
  color: #757575;
  font-size: 16px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%231269CF' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px dashed #1269cf;
  border-radius: 3px;
  visibility: hidden;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
  visibility: visible;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg {
  opacity: 0.15;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  opacity: 0.03;
}

.uppy-Dashboard-AddFiles-title {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 15px;
  color: rgba(var(--bm-text-color), 1);
  font-weight: 500;
  font-size: 17px;
  line-height: 1.35;
  text-align: inline-start;
}

.uppy-size--md .uppy-Dashboard-AddFiles-title {
  max-width: 480px;
  padding: 0 35px;
  margin-top: 5px;
  font-weight: 400;
  font-size: 21px;
  text-align: center;
}

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
  text-align: center;
}

.uppy-Dashboard-AddFiles-title button {
  font-weight: 500 !important;
  padding: 0 !important;
  background: none !important;
  font-size: inherit !important;
  color: inherit !important;
}

.uppy-size--md .uppy-Dashboard-AddFiles-title button {
  font-weight: 400;
}

.uppy-Dashboard-note {
  max-width: 350px;
  margin: auto;
  padding: 0 15px;
  color: #757575;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
}

.uppy-size--md .uppy-Dashboard-note {
  max-width: 600px;
  line-height: 1.35;
}

a.uppy-Dashboard-poweredBy {
  display: inline-block;
  margin-top: 8px;
  color: #939393;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
}

.uppy-Dashboard-poweredByIcon {
  position: relative;
  top: 1px;
  margin-right: 1px;
  margin-left: 1px;
  vertical-align: text-top;
  opacity: 0.9;
  fill: none;
  stroke: #939393;
}

.uppy-Dashboard-Item-previewIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
}

.uppy-size--md .uppy-Dashboard-Item-previewIcon {
  width: 38px;
  height: 38px;
}

.uppy-Dashboard-Item-previewIcon svg {
  width: 100%;
  height: 100%;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIcon {
  width: 100%;
  height: 100%;
  max-width: 60%;
  max-height: 60%;
}

.uppy-Dashboard-Item-previewIconWrap {
  position: relative;
  height: 76px;
  max-height: 75%;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIconWrap {
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-Item-previewIconBg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px);
}

.uppy-Dashboard-upload {
  position: relative;
  width: 50px;
  height: 50px;
}

.uppy-size--md .uppy-Dashboard-upload {
  width: 60px;
  height: 60px;
}

.uppy-Dashboard-upload .uppy-c-icon {
  position: relative;
  top: 1px;
  width: 50%;
}

[dir=ltr] .uppy-Dashboard-uploadCount {
  right: -12px;
}

[dir=rtl] .uppy-Dashboard-uploadCount {
  left: -12px;
}

.uppy-Dashboard-uploadCount {
  position: absolute;
  top: -12px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 8px;
  line-height: 16px;
  background-color: #1bb240;
  border-radius: 50%;
}

.uppy-size--md .uppy-Dashboard-uploadCount {
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 18px;
}

.uppy-ImageCropper-range {
  -webkit-appearance: none;
  background: rgba(var(--bm-text-color), 1);
  margin: 8px 0;
  width: 100%;
}

.uppy-ImageCropper-range::-moz-focus-outer {
  border: 0;
}

.uppy-ImageCropper-range:focus {
  outline: 0;
}

.uppy-ImageCropper-range:focus::-webkit-slider-runnable-track {
  background: rgba(255, 255, 255, 0.2);
}

.uppy-ImageCropper-range:focus::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.2);
}

.uppy-ImageCropper-range:focus::-ms-fill-upper {
  background: rgba(255, 255, 255, 0.2);
}

.uppy-ImageCropper-range::-webkit-slider-runnable-track {
  cursor: default;
  height: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
  background: rgba(255, 255, 255, 0.2);
  border: 0 solid transparent;
  border-radius: 5px;
}

.uppy-ImageCropper-range::-webkit-slider-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
  background: #fff;
  border: 0 solid transparent;
  border-radius: 9px;
  box-sizing: border-box;
  cursor: default;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
  margin-top: -6px;
}

.uppy-ImageCropper-range::-moz-range-track {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
  cursor: default;
  height: 4px;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  border: 0 solid transparent;
  border-radius: 5px;
  height: 2px;
}

.uppy-ImageCropper-range::-moz-range-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
  background: #fff;
  border: 0 solid transparent;
  border-radius: 9px;
  box-sizing: border-box;
  cursor: default;
  height: 16px;
  width: 16px;
}

.uppy-ImageCropper-range::-ms-track {
  cursor: default;
  height: 4px;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 8px 0;
  color: transparent;
}

.uppy-ImageCropper-range::-ms-fill-lower {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
  background: rgba(242, 242, 242, 0.2);
  border: 0 solid transparent;
  border-radius: 10px;
}

.uppy-ImageCropper-range::-ms-fill-upper {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
  background: rgba(255, 255, 255, 0.2);
  border: 0 solid transparent;
  border-radius: 10px;
}

.uppy-ImageCropper-range::-ms-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
  background: #fff;
  border: 0 solid transparent;
  border-radius: 9px;
  box-sizing: border-box;
  cursor: default;
  height: 16px;
  width: 16px;
  margin-top: 1px;
}

.uppy-ImageCropper-range:disabled::-webkit-slider-thumb, .uppy-ImageCropper-range:disabled::-moz-range-thumb, .uppy-ImageCropper-range:disabled::-ms-thumb, .uppy-ImageCropper-range:disabled::-webkit-slider-runnable-track, .uppy-ImageCropper-range:disabled::-ms-fill-lower, .uppy-ImageCropper-range:disabled::-ms-fill-upper {
  cursor: not-allowed;
}

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container {
  position: relative;
  font-size: 0;
  line-height: 0;
  direction: ltr;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}

.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #eee;
  opacity: 0.5;
}

.cropper-dashed.dashed-h {
  top: 33.3333333333%;
  left: 0;
  width: 100%;
  height: 33.3333333333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.3333333333%;
  width: 33.3333333333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: 0.75;
}

.cropper-center::before,
.cropper-center::after {
  position: absolute;
  display: block;
  background-color: #eee;
  content: " ";
}

.cropper-center::before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

.cropper-center::after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: ew-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: ew-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #39f;
  opacity: 0.75;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: ew-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: ns-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: ew-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: nesw-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nwse-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: nesw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: nwse-resize;
  opacity: 1;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: 0.75;
  }
}
.cropper-point.point-se::before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  background-color: #39f;
  opacity: 0;
  content: " ";
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.uppy-ImageCropper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.uppy-ImageCropper-container {
  flex-grow: 1;
}

.uppy-ImageCropper-image {
  display: block;
  max-width: 100%;
  max-height: 400px;
}

.uppy-ImageCropper-controls {
  position: absolute;
  bottom: 15px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 38px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  transform: translateX(-50%);
  border-radius: 5px;
}

.uppy-size--md .uppy-ImageCropper-controls {
  padding-top: 0;
}

.uppy-ImageCropper-controls button {
  width: 35px;
  height: 35px;
  border-radius: 5px;
}

.uppy-ImageCropper-controls button svg {
  padding: 3px;
}

.uppy-size--md .uppy-ImageCropper-controls button {
  width: 40px;
  height: 40px;
}

.uppy-size--md .uppy-ImageCropper-controls button svg {
  padding: 1px;
}

.uppy-ImageCropper-controls button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.uppy-ImageCropper-controls button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  outline: none;
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-ImageCropper-rangeWrapper {
  position: absolute !important;
  top: 0;
  right: 10px;
  left: 10px;
  height: 38px;
}

.uppy-size--md .uppy-ImageCropper-range {
  width: 180px;
  margin-right: 5px;
  margin-left: 5px;
}

.uppy-ImageCropper .cropper-point {
  width: 8px;
  height: 8px;
}

.uppy-ImageCropper .cropper-view-box {
  outline: 2px solid #39f;
  background: repeating-conic-gradient(rgba(189, 189, 189, 0.2) 0% 25%, white 0% 50%) 50%/16px 16px;
}

.uppy-ImageCropper .cropper-modal {
  opacity: 0.9;
  background-color: white;
}

.uppy-ImageCropper .cropper-face {
  opacity: 0;
}

.uppy-ImageCropper-range::-moz-range-track {
  height: 4px;
}

.uppy-ImageCropper-range:focus::-webkit-slider-runnable-track, .uppy-ImageCropper-range:hover::-webkit-slider-runnable-track {
  background: rgba(255, 255, 255, 0.5);
}

.uppy-ImageCropper-range:focus::-ms-fill-lower, .uppy-ImageCropper-range:hover::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.5);
}

.uppy-ImageCropper-range:focus::-ms-fill-upper, .uppy-ImageCropper-range:hover::-ms-fill-upper {
  background: rgba(255, 255, 255, 0.5);
}

.uppy-ImageCropper-range:focus::-moz-range-track, .uppy-ImageCropper-range:hover::-moz-range-track {
  background: rgba(255, 255, 255, 0.5);
}

.uppy-Webcam-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.uppy-Webcam-videoContainer {
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #333;
}

.uppy-Webcam-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.uppy-Webcam-video--mirrored {
  transform: scaleX(-1);
}

.uppy-Webcam-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 75px;
  padding: 20px 20px;
}

.uppy-Webcam-videoSourceContainer {
  flex-grow: 0;
  width: 100%;
}

.uppy-size--lg .uppy-Webcam-videoSourceContainer {
  width: 33%;
  margin: 0;
}

.uppy-Webcam-videoSource-select {
  display: block;
  width: 100%;
  max-width: 90%;
  margin: auto;
  margin-bottom: 10px;
  padding: 0.4em 1em 0.3em 0.4em;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.4em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  border: 1px solid #757575;
}

.uppy-size--lg .uppy-Webcam-videoSource-select {
  margin-bottom: 0;
  font-size: 14px;
}

.uppy-Webcam-videoSource-select::-ms-expand {
  display: none;
}

.uppy-Webcam-buttonContainer {
  width: 50%;
  margin-left: 25%;
  text-align: center;
}

.uppy-size--lg .uppy-Webcam-buttonContainer {
  width: 34%;
  margin-left: 0;
}

.uppy-Webcam-recordingLength {
  flex-grow: 0;
  width: 25%;
  color: #757575;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  text-align: right;
}

.uppy-size--lg .uppy-Webcam-recordingLength {
  width: 33%;
}

.uppy-Webcam-button {
  width: 45px;
  height: 45px;
  color: #fff;
  background-color: #e32437;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}

.uppy-Webcam-button:focus {
  outline: none;
}

.uppy-Webcam-button::-moz-focus-inner {
  border: 0;
}

.uppy-Webcam-button:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-Webcam-button:hover {
  background-color: #d31b2d;
}

.uppy-Webcam-button--submit {
  margin: 0 12px;
  background-color: #1269cf;
}

.uppy-Webcam-button--submit:hover {
  background-color: #105db8;
}

.uppy-Webcam-button svg {
  display: inline-block;
  width: 30px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  fill: currentColor;
}

.uppy-size--md .uppy-Webcam-button {
  width: 60px;
  height: 60px;
}

.uppy-Webcam-button--picture {
  margin-right: 12px;
}

.uppy-Webcam-permissons {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 15px;
}

.uppy-Webcam-permissons p {
  max-width: 450px;
  margin: 0;
  color: #939393;
  line-height: 1.3;
  line-height: 1.45;
  text-align: center;
}

.uppy-Webcam-permissonsIcon svg {
  width: 100px;
  height: 75px;
  margin-bottom: 30px;
  color: #bbb;
}

.uppy-Webcam-title {
  max-width: 500px;
  margin: 0;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #333;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.35;
  text-align: center;
}

.uppy-Webcam-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.uppy-Webcam-videoContainer {
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #333;
}

.uppy-Webcam-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.uppy-Webcam-video--mirrored {
  transform: scaleX(-1);
}

.uppy-Webcam-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 75px;
  padding: 20px 20px;
}

.uppy-Webcam-videoSourceContainer {
  flex-grow: 0;
  width: 100%;
}

.uppy-size--lg .uppy-Webcam-videoSourceContainer {
  width: 33%;
  margin: 0;
}

.uppy-Webcam-videoSource-select {
  display: block;
  width: 100%;
  max-width: 90%;
  margin: auto;
  margin-bottom: 10px;
  padding: 0.4em 1em 0.3em 0.4em;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.4em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  border: 1px solid #757575;
}

.uppy-size--lg .uppy-Webcam-videoSource-select {
  margin-bottom: 0;
  font-size: 14px;
}

.uppy-Webcam-videoSource-select::-ms-expand {
  display: none;
}

.uppy-Webcam-buttonContainer {
  width: 50%;
  margin-left: 25%;
  text-align: center;
}

.uppy-size--lg .uppy-Webcam-buttonContainer {
  width: 34%;
  margin-left: 0;
}

.uppy-Webcam-recordingLength {
  flex-grow: 0;
  width: 25%;
  color: #757575;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  text-align: right;
}

.uppy-size--lg .uppy-Webcam-recordingLength {
  width: 33%;
}

.uppy-Webcam-button {
  width: 45px;
  height: 45px;
  color: #fff;
  background-color: #e32437;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}

.uppy-Webcam-button:focus {
  outline: none;
}

.uppy-Webcam-button::-moz-focus-inner {
  border: 0;
}

.uppy-Webcam-button:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}

.uppy-Webcam-button:hover {
  background-color: #d31b2d;
}

.uppy-Webcam-button--submit {
  margin: 0 12px;
  background-color: #1269cf;
}

.uppy-Webcam-button--submit:hover {
  background-color: #105db8;
}

.uppy-Webcam-button svg {
  display: inline-block;
  width: 30px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  fill: currentColor;
}

.uppy-size--md .uppy-Webcam-button {
  width: 60px;
  height: 60px;
}

.uppy-Webcam-button--picture {
  margin-right: 12px;
}

.uppy-Webcam-permissons {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 15px;
}

.uppy-Webcam-permissons p {
  max-width: 450px;
  margin: 0;
  color: #939393;
  line-height: 1.3;
  line-height: 1.45;
  text-align: center;
}

.uppy-Webcam-permissonsIcon svg {
  width: 100px;
  height: 75px;
  margin-bottom: 30px;
  color: #bbb;
}

.uppy-Webcam-title {
  max-width: 500px;
  margin: 0;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #333;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.35;
  text-align: center;
}

.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}

.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(10);
}

.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}

.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}

.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}

.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}

.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}

.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * environment setup
 */
.os-environment {
  scroll-behavior: auto !important;
  --os-custom-prop: -1;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: scroll;
  height: 200px;
  width: 200px;
  z-index: var(--os-custom-prop);
}

.os-environment div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.os-environment.os-environment-flexbox-glue {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  width: auto;
  min-height: 200px;
  min-width: 200px;
}

.os-environment.os-environment-flexbox-glue div {
  flex: auto;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
}

.os-environment.os-environment-flexbox-glue-max {
  max-height: 200px;
}

.os-environment.os-environment-flexbox-glue-max div {
  overflow: visible;
}

.os-environment.os-environment-flexbox-glue-max div::before {
  content: "";
  display: block;
  height: 999px;
  width: 999px;
}

/**
 * hide native scrollbars
 */
.os-environment,
[data-overlayscrollbars-viewport] {
  -ms-overflow-style: scrollbar !important;
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars~=scrollbarHidden],
[data-overlayscrollbars-viewport~=scrollbarHidden],
.os-scrollbar-hidden.os-environment {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner {
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/**
 * elements wont suddenly crop after initialization is done
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * applied to body
 */
html[data-overlayscrollbars],
html.os-scrollbar-hidden,
html.os-scrollbar-hidden > body {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  height: 100%;
}

html[data-overlayscrollbars] > body {
  overflow: visible;
}

/**
 * structure setup
 */
[data-overlayscrollbars~=host] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport] {
  --os-vaw: 0;
  --os-vah: 0;
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars~=viewport] {
  overflow: hidden;
}

[data-overlayscrollbars~=overflowVisible],
[data-overlayscrollbars-padding~=overflowVisible],
[data-overlayscrollbars-viewport~=overflowVisible] {
  overflow: visible;
}

[data-overlayscrollbars-overflow-x=hidden] {
  overflow-x: hidden;
}

[data-overlayscrollbars-overflow-x=scroll] {
  overflow-x: scroll;
}

[data-overlayscrollbars-overflow-x=hidden] {
  overflow-y: hidden;
}

[data-overlayscrollbars-overflow-y=scroll] {
  overflow-y: scroll;
}

[data-overlayscrollbars~=scrollbarPressed],
[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport] {
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none;
}

.os-scrollbar-track {
  position: relative;
  direction: ltr !important;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible,
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar .os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: rgba(0, 0, 0, 0);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}

.os-scrollbar .os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}

.os-scrollbar .os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar .os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--bm-scrollbar);
}

.os-scrollbar .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar .os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--bm-scrollbar-active);
}

.os-scrollbar .os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--bm-scrollbar-focus);
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars~=updating] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
  border-radius: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track {
  border-radius: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
  border-radius: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal {
  padding: 2px 2px;
  right: 10px;
  height: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: 10px;
  right: 0;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: 33px;
  max-width: none;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical, .os-no-css-vars.os-theme-light.os-scrollbar-vertical {
  padding: 2px 2px;
  bottom: 10px;
  width: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: 33px;
  max-height: none;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.os-no-css-vars.os-theme-dark .os-scrollbar-handle {
  background: var(--bm-scrollbar);
}

.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle {
  background: var(--bm-scrollbar-active);
}

.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle {
  background: var(--bm-scrollbar-focus);
}

.os-no-css-vars.os-theme-light .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.44);
}

.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-no-css-vars.os-theme-light:active .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.66);
}

/*# sourceMappingURL=index.css.map */
:root {
  --contexify-zIndex: 666;
  --contexify-menu-minWidth: 220px;
  --contexify-menu-padding: 6px;
  --contexify-menu-radius: 6px;
  --contexify-menu-bgColor: #fff;
  --contexify-menu-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1),
  2px 4px 4px rgba(0, 0, 0, 0.1),
  3px 6px 6px rgba(0, 0, 0, 0.1);
  --contexify-menu-negatePadding: var(--contexify-menu-padding);
  --contexify-separator-color: rgba(0, 0, 0, 0.2);
  --contexify-separator-margin: 5px;
  --contexify-itemContent-padding: 6px;
  --contexify-activeItem-radius: 4px;
  --contexify-item-color: #333;
  --contexify-activeItem-color: #fff;
  --contexify-activeItem-bgColor: #3498db;
  --contexify-rightSlot-color: #6f6e77;
  --contexify-activeRightSlot-color: #fff;
  --contexify-arrow-color: #6f6e77;
  --contexify-activeArrow-color: #fff;
}

.contexify.bm-contexify {
  z-index: 10000005 !important;
}

@keyframes contexify_feedback {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.contexify {
  position: fixed;
  opacity: 0;
  background-color: rgba(var(--bm-bg-color), 1);
  border: 1px solid rgba(var(--bm-border-color), 1);
  color: rgba(var(--bm-text-color), 1);
  box-sizing: border-box;
  border-radius: var(--contexify-menu-radius);
  padding: var(--contexify-menu-padding);
  min-width: var(--contexify-menu-minWidth);
  z-index: var(--contexify-zIndex);
  -user-select: none;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}
.contexify_submenu-isOpen, .contexify_submenu-isOpen > .contexify_itemContent {
  color: white;
  background-color: rgba(var(--main-bm-color), 1);
  border-radius: var(--contexify-activeItem-radius);
}
.contexify_submenu-isOpen > .contexify_itemContent .contexify_rightSlot {
  color: var(--contexify-activeArrow-color);
}
.contexify_submenu-isOpen > .contexify_submenu {
  pointer-events: initial;
  opacity: 1;
}
.contexify .contexify_submenu {
  position: absolute;
  pointer-events: none;
  transition: opacity 0.265s;
  /* Initial submenu position */
  top: calc(-1 * var(--contexify-menu-negatePadding));
  left: 100%;
}
.contexify .contexify_submenu-bottom {
  bottom: calc(-1 * var(--contexify-menu-negatePadding));
  top: unset;
}
.contexify .contexify_submenu-right {
  right: 100%;
  left: unset;
}
.contexify_rightSlot {
  margin-left: auto;
  display: flex;
  color: var(--contexify-rightSlot-color);
}
.contexify_separator {
  height: 1px;
  cursor: default;
  margin: var(--contexify-separator-margin);
  background-color: var(--contexify-separator-color);
}
.contexify_willLeave-disabled {
  pointer-events: none;
}
.contexify_item {
  cursor: pointer;
  position: relative;
}
.contexify_item:focus {
  outline: 0;
}
.contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent .contexify_rightSlot, .contexify_item:focus .contexify_rightSlot {
  color: var(--contexify-activeRightSlot-color);
}
.contexify_item:not(.contexify_item-disabled)[aria-haspopup] > .contexify_itemContent .contexify_rightSlot {
  color: var(--contexify-arrow-color);
}
.contexify_item[aria-haspopup]:focus > .contexify_itemContent .contexify_rightSlot, .contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen > .contexify_itemContent .contexify_rightSlot, .contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover > .contexify_itemContent .contexify_rightSlot {
  color: var(--contexify-activeArrow-color);
}
.contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent, .contexify_item:not(.contexify_item-disabled):focus > .contexify_itemContent {
  color: white;
  background-color: rgba(var(--main-bm-color), 1);
  border-radius: var(--contexify-activeItem-radius);
}
.contexify_item:not(.contexify_item-disabled):hover > .contexify_submenu {
  pointer-events: initial;
  opacity: 1;
}
.contexify_item-disabled {
  cursor: default;
  opacity: 0.5;
}
.contexify_itemContent {
  padding: 3px 6px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: rgba(var(--bm-text-color), 1);
  position: relative;
  font-size: 14px;
  line-height: 28px;
}
.contexify_item-feedback {
  animation: contexify_feedback 0.12s both;
}

.contexify_theme-dark {
  --contexify-menu-bgColor: rgba(40, 40, 40, 0.98);
  --contexify-separator-color: #4c4c4c;
  --contexify-item-color: #fff;
}

.contexify_theme-light {
  --contexify-separator-color: #eee;
  --contexify-item-color: #666;
  --contexify-activeItem-color: #3498db;
  --contexify-activeItem-bgColor: #e0eefd;
  --contexify-activeRightSlot-color: #3498db;
  --contexify-active-arrow-color: #3498db;
}

@keyframes contexify_scaleIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes contexify_scaleOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.contexify_willEnter-scale {
  transform-origin: top left;
  animation: contexify_scaleIn 0.3s;
}

.contexify_willLeave-scale {
  transform-origin: top left;
  animation: contexify_scaleOut 0.3s;
}

@keyframes contexify_fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes contexify_fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.contexify_willEnter-fade {
  animation: contexify_fadeIn 0.3s ease;
}

.contexify_willLeave-fade {
  animation: contexify_fadeOut 0.3s ease;
}

@keyframes contexify_flipInX {
  from {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
  }
  to {
    transform: perspective(800px);
  }
}
@keyframes contexify_flipOutX {
  from {
    transform: perspective(800px);
  }
  to {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
    opacity: 0;
  }
}
.contexify_willEnter-flip {
  backface-visibility: visible !important;
  transform-origin: top center;
  animation: contexify_flipInX 0.3s;
}

.contexify_willLeave-flip {
  transform-origin: top center;
  animation: contexify_flipOutX 0.3s;
  backface-visibility: visible !important;
}

@keyframes contexify_slideIn {
  from {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
  to {
    opacity: 1;
  }
}
@keyframes contexify_slideOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
}
.contexify_willEnter-slide {
  transform-origin: top center;
  animation: contexify_slideIn 0.3s;
}

.contexify_willLeave-slide {
  transform-origin: top center;
  animation: contexify_slideOut 0.3s;
}

:root {
  --bm-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --main-bm-color: 234, 49, 49;
  --bm-border-radius: 3px;
  --bm-button-bg: 33, 117, 155;
  --bm-button-color: 255, 255, 255;
  --bm-border-color: 215, 216, 219;
  --bm-border-secondary-color: 235, 235, 235;
  --bm-border-active: 167, 167, 167;
  --bm-mention-bg: 238, 238, 238;
  --bm-mention-color: 0,0,0;
  --bm-placeholder: 0, 0, 0;
  --bm-bg-color: 255, 255, 255;
  --bm-bg-secondary: 250, 251, 252;
  --bm-hover-bg: 250, 251, 252;
  --bm-text-color: 0, 0, 0;
  --bm-scrollbar: rgba(0, 0, 0, 0.1);
  --bm-scrollbar-active: rgba(0, 0, 0, 0.55);
  --bm-scrollbar-focus: rgba(0, 0, 0, 0.7);
  --bm-message-font-size: 14px;
  --bm-message-line-height: 18px;
  --bm-sticky-date-bg: #000;
  --bm-sticky-date-color: #fff;
  --left-message-bg-color: 232, 232, 232;
  --left-message-text-color: 0, 0, 0;
  --left-message-nickname-color: 0, 0, 0;
  --right-message-bg-color: 33, 117, 155;
  --right-message-text-color: 255, 255, 255;
  --right-message-nickname-color: 33, 117, 155;
  --bm-message-border-radius: 2px;
  --bm-widgets-button-radius: 5px;
  --bm-button-hover: #00000017;
  --bm-button-active: #00000027;
  --bm-avatar-radius: 2px;
  --bm-date-radius: 3px;
  --main-bm-border-color: #f1f1f1;
  --bm-mini-widgets-offset: 70px;
  --bm-mini-chats-offset: calc(var( --bm-mini-widgets-width ) + var( --bm-mini-widgets-offset ) + 10px);
  --bm-mini-widgets-width: 320px;
  --bm-mini-widgets-height: 450px;
  --bm-mini-chats-width: 300px;
  --bm-mini-chats-height: 450px;
  --bm-mini-chats-border-radius: 0;
  --bm-tooltip-bg: 0,0,0;
  --bm-tooltip-color: 255,255,255;
  --bm-alert-error-color: #842029;
  --bm-alert-error-bg: #f8d7da;
  --bm-alert-error-border-color: #f5c2c7;
  --bm-alert-info-color: #055160;
  --bm-alert-info-bg: #cff4fc;
  --bm-alert-info-border-color: #b6effb;
}

.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
  background-position: bottom right;
  padding: 0 3px 3px 0;
  z-index: 10;
}

.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}

.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}

.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}

.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}

.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}

.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}

.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}

.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}

.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.react-draggable video {
  cursor: grab;
}

.bm-wait-abit {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-top: 10px;
}

.bm-wait-abit div {
  animation: bm-wait-abit 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.bm-wait-abit div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #bcbcbc;
  margin: -4px 0 0 -4px;
}

.bm-wait-abit div:nth-child(1) {
  animation-delay: -0.036s;
}

.bm-wait-abit div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.bm-wait-abit div:nth-child(2) {
  animation-delay: -0.072s;
}

.bm-wait-abit div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.bm-wait-abit div:nth-child(3) {
  animation-delay: -0.108s;
}

.bm-wait-abit div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.bm-wait-abit div:nth-child(4) {
  animation-delay: -0.144s;
}

.bm-wait-abit div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.bm-wait-abit div:nth-child(5) {
  animation-delay: -0.18s;
}

.bm-wait-abit div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.bm-wait-abit div:nth-child(6) {
  animation-delay: -0.216s;
}

.bm-wait-abit div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.bm-wait-abit div:nth-child(7) {
  animation-delay: -0.252s;
}

.bm-wait-abit div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.bm-wait-abit div:nth-child(8) {
  animation-delay: -0.288s;
}

.bm-wait-abit div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes bm-wait-abit {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.bm-messages-dark {
  --main-bm-color-dark: 255, 255, 255;
  --bm-text-color-dark: 255, 255, 255;
  --bm-bg-color-dark: 24, 29, 44;
  --bm-bg-secondary-dark: 29, 35, 51;
  --bm-border-color-dark: 63,72,95;
  --bm-border-secondary-color-dark: 63, 72, 95;
  --bm-hover-bg-dark: 28,35,56;
  --bm-button-hover-dark: #ffffff24;
  --bm-button-active-dark: #ffffff45;
  --bm-placeholder-dark: 181, 193, 211;
  --bm-scrollbar: rgba(255, 255, 255, 0.1);
  --bm-scrollbar-active: rgba(255, 255, 255, 0.55);
  --bm-scrollbar-focus: rgba(255, 255, 255, 0.7);
  --main-bm-color: var(--main-bm-color-dark) !important;
  --bm-text-color: var(--bm-text-color-dark);
  --bm-bg-color: var(--bm-bg-color-dark);
  --bm-bg-secondary: var(--bm-bg-secondary-dark);
  --bm-border-color: var(--bm-border-color-dark);
  --bm-border-secondary-color: var(--bm-border-secondary-color-dark);
  --bm-hover-bg: var(--bm-hover-bg-dark);
  --bm-placeholder: var(--bm-placeholder-dark);
  --bm-sticky-date-bg-dark: #1d2333;
  --bm-sticky-date-bg: var(--bm-sticky-date-bg-dark);
  --bm-sticky-date-color-dark: #fff;
  --bm-sticky-date-color: var(--bm-sticky-date-color-dark);
  --bm-tooltip-bg-dark: 0, 0, 0;
  --bm-tooltip-color-dark: 255,255,255;
  --bm-tooltip-bg: var(--bm-tooltip-bg-dark);
  --bm-tooltip-color: var(--bm-tooltip-color-dark);
  --left-message-bg-color-dark: 232, 232, 232;
  --left-message-bg-color: var(--left-message-bg-color-dark) !important;
  --left-message-text-color-dark: 0, 0, 0;
  --left-message-text-color: var(--left-message-text-color-dark) !important;
  --left-message-nickname-color-dark: 255, 255, 255;
  --left-message-nickname-color: var(--left-message-nickname-color-dark) !important;
  --right-message-bg-color-dark: 64, 78, 114;
  --right-message-bg-color: var(--right-message-bg-color-dark) !important;
  --right-message-text-color-dark: 255, 255, 255;
  --right-message-text-color: var(--right-message-text-color-dark) !important;
  --right-message-nickname-color-dark: 255, 255, 255;
  --right-message-nickname-color: var(--right-message-nickname-color-dark) !important;
  --bm-button-hover: var(--bm-button-hover-dark);
  --bm-button-active: var(--bm-button-active-dark);
  /*
        *    EMOJI SELECTOR
        */
}
body.bm-messages-dark .bpbmuc,
body.bm-messages-dark .bp-messages-wrap.bp-better-messages-list .tabs > div .unread-count,
body.bm-messages-dark .bp-messages-wrap .threads-list .thread .unread-count,
body.bm-messages-dark .bp-messages-wrap .bm-reply .bm-attachment[data-count]:after,
body.bm-messages-dark .bp-messages-wrap .threads-list .thread .unread-mention {
  background: rgb(63, 75, 111);
}
body.bm-messages-dark .bp-messages-wrap h1, body.bm-messages-dark .bp-messages-wrap h2, body.bm-messages-dark .bp-messages-wrap h3, body.bm-messages-dark .bp-messages-wrap h4, body.bm-messages-dark .bp-messages-wrap h5, body.bm-messages-dark .bp-messages-wrap h6 {
  color: rgba(var(--bm-text-color), 1);
}
body.bm-messages-dark .bp-messages-wrap .bm-reply .bm-attachment,
body.bm-messages-dark .bp-messages-wrap .bm-reply .bm-gif,
body.bm-messages-dark .bp-messages-wrap .bm-reply .bm-stickers,
body.bm-messages-dark .bp-messages-wrap .bm-reply .bm-emojies {
  color: rgba(var(--main-bm-color), 1) !important;
}
body.bm-messages-dark .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span,
body.bm-messages-dark .bp-messages-wrap .empty,
body.bm-messages-dark .bp-messages-wrap .empty-thread span,
body.bm-messages-dark .bp-messages-wrap .empty-thread svg,
body.bm-messages-dark .bm_user_selector .bm_user_selector__indicator {
  color: rgba(var(--main-bm-color), 1) !important;
}
body.bm-messages-dark .bp-messages-wrap .bpbm-empty-icon svg * {
  stroke: rgba(var(--main-bm-color), 1) !important;
}
body.bm-messages-dark .bp-better-messages-mini .chat,
body.bm-messages-dark .bp-better-messages-list {
  box-shadow: none !important;
}
body.bm-messages-dark .bp-messages-wrap .chat-header .thread-info .thread-info-data .group-online.online-now,
body.bm-messages-dark .bp-messages-wrap .chat-header .thread-info .thread-info-data .last-online.online-now,
body.bm-messages-dark .bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .group-online.online-now,
body.bm-messages-dark .bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .last-online.online-now {
  color: #43e443;
}
body.bm-messages-dark .bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup {
  box-shadow: none;
}
body.bm-messages-dark .bp-messages-wrap .bm-before-message-list .bpbm-group-call-in-progress {
  background: rgba(var(--bm-bg-secondary), 1);
}
body.bm-messages-dark #bp-better-messages-mini-mobile-open {
  background: rgba(var(--bm-bg-color), 1) !important;
}
body.bm-messages-dark .bpbm-checkbox:checked + label::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
body.bm-messages-dark .bpbm-radio:checked + label::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
body.bm-messages-dark .contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent, body.bm-messages-dark .contexify_item:not(.contexify_item-disabled):focus > .contexify_itemContent {
  color: rgba(var(--bm-text-color), 1);
  background-color: rgba(var(--bm-hover-bg), 1);
}
body.bm-messages-dark .bm-editor-format-tooltip {
  background: rgba(var(--bm-bg-color), 1);
  border: 1px solid rgba(var(--bm-border-color), 1);
}
body.bm-messages-dark .bm-modal-window .bm-modal-window-inner,
body.bm-messages-dark .bpbm-join-to-chat-button,
body.bm-messages-dark .bp-messages-wrap button,
body.bm-messages-dark .bm-button {
  background: rgba(var(--bm-bg-secondary), 1) !important;
  border: 1px solid rgba(var(--bm-border-color), 1) !important;
  box-shadow: none;
}
body.bm-messages-dark .bm-loading-background,
body.bm-messages-dark .bm-guest-wall {
  background: rgba(0, 0, 0, 0.9);
}
body.bm-messages-dark .bm-emoji-picker-container {
  --rgb-background: var(--bm-bg-color);
  --rgb-color: var(--bm-text-color);
  --rgb-accent: var(--main-bm-color);
  --color-border: rgba(var(--bm-bg-secondary), 1);
  --rgb-input: var(--bm-bg-secondary);
}

body.bm-messages-light .bm-emoji-picker-container {
  --rgb-background: var(--bm-bg-color);
  --rgb-color: var(--bm-text-color);
  --rgb-accent: var(--main-bm-color);
  --color-border: rgba(var(--bm-bg-secondary), 1);
  --rgb-input: var(--bm-bg-color);
}

.bm-editor-format-tooltip {
  padding: 2px 10px 2px;
  position: absolute;
  z-index: 800;
  top: -10000px;
  left: -10000px;
  font-size: 18px;
  margin-top: -6px;
  opacity: 0;
  border-radius: 4px;
  transition: opacity 0.75s;
  background-color: rgba(var(--main-bm-color), 1);
}
.bm-editor-format-tooltip > span {
  cursor: pointer;
  color: #fff;
  display: inline-block;
  opacity: 1;
}
.bm-editor-format-tooltip > span.bm-active {
  opacity: 1;
}
.bm-editor-format-tooltip > span + span {
  margin-left: 15px;
}

.bm-button {
  background: rgba(var(--main-bm-color), 1) !important;
  color: rgb(255, 255, 255) !important;
  font-size: 15px !important;
  line-height: 14px !important;
  padding: 7px 14px !important;
  border-radius: 2px !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
}
.bm-button[disabled] {
  background: gray !important;
  cursor: not-allowed !important;
}

.contexify_item > .contexify_itemContent > span {
  margin-left: 5px;
}

.bp-messages-wrap-group .bpbm-chat-content {
  height: calc(100% - 44px) !important;
}

.bp-messages-wrap-chat .bpbm-chat-content {
  height: calc(100% - 44px) !important;
}

.bp-messages-wrap-main,
.bp-messages-chat-wrap,
.bp-messages-wrap-group,
.bp-messages-single-thread-wrap {
  margin-top: 0 !important;
}

body.bp-messages-mobile .bp-messages-wrap select,
body.bp-messages-mobile .bp-messages-wrap textarea,
body.bp-messages-mobile .bp-messages-wrap input, body.bp-messages-mobile #better-messages-modals-container select,
body.bp-messages-mobile #better-messages-modals-container textarea,
body.bp-messages-mobile #better-messages-modals-container input {
  font-size: 16px;
}

.bp-messages-wrap {
  padding: 0;
  background: rgba(var(--bm-bg-color), 1);
  border-radius: var(--bm-border-radius) !important;
  border: 1px solid rgba(var(--bm-border-color), 1);
  position: relative;
  clear: both;
  box-sizing: border-box !important;
  color: rgba(var(--bm-text-color), 1);
  text-align: left;
  overflow: hidden;
  font-family: var(--bm-font-family);
  line-height: normal;
  font-weight: normal;
  /**
   * Animations
   */
}
.bp-messages-wrap .ps-vip__icon {
  transform: none;
}
.bp-messages-wrap .bm-deleted-message {
  opacity: 0.5;
}
.bp-messages-wrap .bm-inline-whitespace {
  width: 0 !important;
  display: inline-block !important;
}
.bp-messages-wrap .bm-message-content-centered > svg {
  margin-right: 5px;
}
.bp-messages-wrap .bm-message-content-centered > * {
  vertical-align: middle;
}
.bp-messages-wrap label {
  color: rgba(var(--bm-text-color), 1);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bp-messages-wrap select,
.bp-messages-wrap textarea,
.bp-messages-wrap input {
    font-size: 16px;
  }
}
.bp-messages-wrap .bpbm-display-none {
  display: none !important;
}
.bp-messages-wrap.bm-threads-list {
  border: 0;
  border-radius: 0 !important;
  box-shadow: none;
}
.bp-messages-wrap p {
  margin: 0;
  white-space: normal !important;
}
.bp-messages-wrap ol, .bp-messages-wrap ul:not(.bp-better-messages-restrict-send-message) {
  margin: 0 !important;
  padding: 0 0 0 15px !important;
}
.bp-messages-wrap ol li, .bp-messages-wrap ul:not(.bp-better-messages-restrict-send-message) li {
  margin: 0 0 10px 0 !important;
}
.bp-messages-wrap button {
  background: rgba(var(--main-bm-color), 1) !important;
  color: rgb(255, 255, 255) !important;
  font-size: 15px !important;
  line-height: 14px !important;
  padding: 7px 14px !important;
  border-radius: 2px !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
}
.bp-messages-wrap a:not(.bm-no-link-style) {
  color: rgba(var(--bm-text-color), 1) !important;
  box-shadow: none !important;
}
.bp-messages-wrap * {
  box-sizing: border-box !important;
  font-family: var(--bm-font-family);
  vertical-align: initial;
}
.bp-messages-wrap input, .bp-messages-wrap input:focus, .bp-messages-wrap textarea, .bp-messages-wrap textarea:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
.bp-messages-wrap .bm-typing-container {
  display: flex;
  align-items: center;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  min-width: 1px;
}
.bp-messages-wrap .bm-typing-container .bm-typing-text {
  margin-left: 8px;
  font-size: 12px;
  line-height: 12px;
}
.bp-messages-wrap .bm-typing {
  display: inline-block;
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin-top: 5px;
  white-space: nowrap;
  /* States */
}
.bp-messages-wrap .bm-typing__bullet {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 300ms linear;
}
.bp-messages-wrap .bm-typing__bullet:not(:last-child) {
  margin-right: 3px;
}
.bp-messages-wrap .bm-typing.bm-is-typing-init {
  display: inline-block;
}
.bp-messages-wrap .bm-typing.bm-is-typing-active .bm-typing__bullet {
  background-color: #757575;
  animation: bm-bounce 1000ms linear infinite both;
}
.bp-messages-wrap .bm-typing.bm-is-typing-active .bm-typing__bullet:nth-child(2) {
  animation-delay: 150ms;
}
.bp-messages-wrap .bm-typing.bm-is-typing-active .bm-typing__bullet:nth-child(3) {
  animation-delay: 300ms;
}
@keyframes bm-bounce {
  0%, 80%, 100% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 0.5;
    transform: translateY(-100%);
  }
}
@keyframes bm-fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bp-messages-wrap .bm-animation-enter {
  opacity: 0;
}
.bp-messages-wrap .bm-animation-enter-active {
  opacity: 1;
  transition: ease-in-out 100ms;
}
.bp-messages-wrap .bm-animation-exit {
  opacity: 1;
}
.bp-messages-wrap .bm-animation-exit-active {
  opacity: 0;
  transition: ease-in-out 100ms;
}
.bp-messages-wrap .bp-messages-threads-wrapper {
  display: flex;
  width: 100%;
  height: 700px;
  will-change: transform;
}
.bp-messages-wrap .bm-mentions {
  border-top: 1px solid rgb(var(--bm-border-secondary-color));
  background: white;
  max-height: 165px;
  overflow: auto;
  width: 100%;
  z-index: 2 !important;
}
.bp-messages-wrap .bm-mentions .bm-mention {
  display: flex;
  border-top: 1px solid rgb(var(--bm-border-secondary-color));
  padding: 10px;
  font-size: 15px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  cursor: pointer;
}
.bp-messages-wrap .bm-mentions .bm-mention:first-child {
  border-top: none;
}
.bp-messages-wrap .bm-mentions .bm-mention .avatar {
  margin-right: 4px;
}
.bp-messages-wrap .bm-mentions .bm-mention.bm-mention-active {
  background: rgb(var(--bm-hover-bg));
}
.bp-messages-wrap .bm-thread-settings-container {
  overflow: auto;
  position: absolute;
  background: rgba(var(--bm-bg-color), 1);
  display: block;
  z-index: 11;
  width: 100%;
}
.bp-messages-wrap .bm-thread-info-container {
  overflow: auto;
  position: absolute;
  background: rgba(var(--bm-bg-color), 1);
  display: block;
  z-index: 11;
  width: 100%;
  height: 100%;
  /*.bm-thread-info-scroll-container{
        overflow: auto;
        //height: calc(100% - 44px);
      }*/
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general {
  text-align: center;
  margin: 20px auto;
  padding: 0 20px;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .bm-thread-info-general-avatar {
  margin-bottom: 10px;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .bm-thread-info-general-avatar > a {
  display: inline-block;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .name {
  font-size: 20px;
  font-weight: bold;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .name > * {
  font-weight: bold;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .sub-name {
  font-size: 16px;
  margin-top: 10px;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .bm-subject-container {
  margin-bottom: 10px;
  display: block;
  /*input[type="text"]{
        max-width: 100%;
        font-size: 20px;
        font-weight: bold;
        padding: 0;
        border: 1px solid rgba(var(--bm-border-secondary-color), 1);
        margin: 0;
        min-height: auto;
        min-width: auto;
        color: rgba(var(--bm-text-color), 1);
      }*/
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .bm-subject-container strong {
  outline: 0;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .bm-subject-container strong:empty:before {
  content: attr(data-placeholder);
  color: rgba(var(--bm-text-color), 0.5);
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-general .bm-subject-container .bm-subject-container-edit {
  margin-left: 5px;
  vertical-align: middle;
  font-size: 85%;
  cursor: pointer;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 10px 20px;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-actions button {
  margin: 0 5px;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-actions .bm-thread-info-action {
  display: flex;
  padding: 8px 10px;
  margin: 5px;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  border-radius: var(--bm-border-radius);
  background: rgba(var(--bm-bg-secondary), 1);
  color: rgba(var(--main-bm-color), 1);
  border: 1px solid rgba(var(--bm-border-secondary-color), 1);
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-actions .bm-thread-info-action .bm-thread-info-action-icon {
  font-size: 16px;
  margin-bottom: 2px;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-tabs {
  background: rgba(var(--bm-bg-secondary), 1);
  border-radius: var(--bm-border-radius);
  border: 1px solid rgba(var(--bm-border-secondary-color), 1);
  margin: 10px 20px 20px;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-tabs .bm-thread-info-tabs-head {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: stretch;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-tabs .bm-thread-info-tabs-head .bm-thread-info-tab {
  display: block;
  cursor: pointer;
  flex: 1;
  text-align: center;
  padding: 12px 15px;
  font-size: 14px;
  border-bottom: 2px solid rgba(var(--bm-bg-secondary), 1);
  color: rgba(var(--bm-text-color), 0.6);
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-tabs .bm-thread-info-tabs-head .bm-thread-info-tab.bm-thread-info-tab-active {
  border-bottom: 2px solid rgba(var(--main-bm-color), 1);
  color: rgba(var(--main-bm-color), 1);
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-tabs .participants-panel {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-tabs .bp-messages-user-list {
  background: rgba(var(--bm-bg-secondary), 1);
}
.bp-messages-wrap .bm-thread-info-container .bm-thread-info-tabs .bp-messages-user-list .user.threads-list-item .actions {
  padding-right: 10px;
}
.bp-messages-wrap.bp-better-messages-mini .bm-messages-list .bm-list .bm-messages-stack .bm-pic {
  width: 20px;
  height: 20px;
  left: 10px;
}
.bp-messages-wrap.bp-better-messages-mini .bm-messages-list .bm-list .bm-messages-stack .bm-pic .bm-placeholder-wrapper {
  width: 20px !important;
  height: 20px !important;
}
.bp-messages-wrap.bp-better-messages-mini .bm-messages-list .bm-list .bm-messages-stack .bm-content {
  margin-top: -20px;
  padding-left: 40px;
}
.bp-messages-wrap.bp-better-messages-mini .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-pic {
  left: calc(100% - 30px);
  right: 0;
}
.bp-messages-wrap.bp-better-messages-mini .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content {
  padding-right: 40px;
  margin-top: -20px;
}
.bp-messages-wrap.bp-better-messages-mini .bpbm-group-call-in-progress {
  line-height: 30px;
}
.bp-messages-wrap.bp-better-messages-mini .bpbm-group-call-in-progress .bpbm-group-call-in-progress-join {
  display: block;
  line-height: normal;
  margin-bottom: 8px;
  margin-top: 0;
  margin-left: 0;
}
.bp-messages-wrap .bm-messages-list {
  position: relative;
  height: 100%;
  min-height: 0;
}
.bp-messages-wrap .bm-messages-list:not(.not-interacted) .bm-list.bm-just-scrolled .bm-sticky-date {
  position: sticky;
  z-index: 3;
}
.bp-messages-wrap .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message.selected .bm-message-content:after {
  border-radius: var(--bm-message-border-radius) !important;
}
.bp-messages-wrap .bm-messages-list .bpbm-scroll-down {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background: rgba(var(--bm-bg-secondary), 1);
  box-shadow: 0 0 2px 0 rgba(var(--main-bm-color), 0.5);
  color: rgba(var(--main-bm-color), 1);
  font-size: 18px;
  border-radius: 100%;
  z-index: 2;
  cursor: pointer;
  text-align: center;
  transition: opacity, box-shadow 0.2s ease-in-out;
}
.bp-messages-wrap .bm-messages-list .bpbm-scroll-down svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.bp-messages-wrap .bm-messages-list .bpbm-scroll-down:hover {
  box-shadow: 0 0 3px 0 rgba(var(--main-bm-color), 1);
  opacity: 1;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-voice-message {
  padding-bottom: 20px;
}
.bp-messages-wrap .bm-messages-list .bm-list {
  height: 100%;
  text-align: center;
  overflow: auto;
}
.bp-messages-wrap .bm-messages-list .bm-list.bm-inverted .os-scrollbar-vertical {
  transform: scaleY(-1);
}
.bp-messages-wrap .bm-messages-list .bm-list.bm-inverted [data-overlayscrollbars-contents] {
  display: flex;
  flex-direction: column-reverse;
}
.bp-messages-wrap .bm-messages-list .bm-list.bm-inverted.bm-not-full-height [data-overlayscrollbars-contents] {
  justify-content: flex-end;
}
.bp-messages-wrap .bm-messages-list .bm-list.bm-date-position-stack .bm-voice-message {
  padding-bottom: 20px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-list-content {
  padding-top: 15px;
  padding-bottom: 1px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-conversation-start {
  color: rgba(var(--bm-text-color), 1) !important;
  font-size: 11px;
  display: inline-block;
  padding: 5px 10px;
  opacity: 0.3;
  border-radius: 3px;
  min-height: 30px;
  user-select: none;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-date-stack .bm-unread-messages {
  background: rgba(var(--main-bm-color), 0.1);
  color: rgba(var(--bm-text-color), 0.5);
  height: 20px;
  width: 100%;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 10px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-sticky-date {
  cursor: default;
  background: var(--bm-sticky-date-bg);
  color: var(--bm-sticky-date-color);
  top: 10px;
  display: inline-block;
  left: 0;
  right: 0;
  border-radius: var(--bm-date-radius) !important;
  padding: 3px 7px;
  z-index: 2;
  font-size: 11px;
  line-height: 15px;
  margin: 10px auto;
  opacity: 0.85;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack {
  margin-bottom: 15px;
  text-align: left;
  /** Left Side Color **/
  /** Right Side Color **/
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-stack-hidden {
  opacity: 0.5;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-system .bm-content .bm-messages-listing .bm-message {
  justify-content: center;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-system .bm-content .bm-messages-listing .bm-message .bm-message-content {
  padding: 3px 8px;
  font-size: 80%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-info {
  display: flex;
  align-items: center;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-info a {
  color: rgba(var(--left-message-nickname-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-info .bm-name .bm-name-moderator,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-info .bm-name .bm-name-verified {
  color: rgba(var(--left-message-nickname-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message {
  padding-right: 10px !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-replied-message,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bpbm-replied-message {
  border-color: rgba(var(--left-message-text-color), 1) !important;
  background: rgba(var(--left-message-text-color), 0.1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
  border-radius: var(--bm-message-border-radius) !important;
  background: rgba(var(--left-message-bg-color), 1);
  color: rgba(var(--left-message-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) * {
  color: rgba(var(--left-message-text-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .bm-attachments .bm-files .bm-file {
  border-color: rgba(var(--left-message-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .bm-message-info .bm-time {
  color: rgba(var(--left-message-text-color), 0.8);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) a {
  color: rgba(var(--left-message-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) pre {
  border: 1px solid rgba(var(--left-message-text-color), 1) !important;
  background: none !important;
  padding: 5px 10px;
  margin: 5px 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .url-wrap {
  border-color: rgba(var(--left-message-text-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .url-wrap .url-description .url-title {
  color: rgba(var(--left-message-text-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info a {
  color: rgba(var(--right-message-nickname-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info .bm-name {
  flex-direction: row-reverse;
  margin-left: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info .bm-name .bm-name-moderator,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info .bm-name .bm-name-verified {
  color: rgba(var(--right-message-nickname-color), 1);
  margin-left: 0;
  margin-right: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info .bm-name .bm-time {
  color: rgba(var(--bm-text-color), 0.5);
  font-size: 11px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message {
  padding-left: 10px !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-replied-message,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bpbm-replied-message {
  border-color: rgba(var(--right-message-text-color), 1) !important;
  background: rgba(var(--right-message-text-color), 0.1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
  border-radius: var(--bm-message-border-radius) !important;
  background: rgba(var(--right-message-bg-color), 1);
  color: rgba(var(--right-message-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) * {
  color: rgba(var(--right-message-text-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) a {
  color: rgba(var(--right-message-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .bm-attachments .bm-files .bm-file {
  border-color: rgba(var(--right-message-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .bm-message-info .bm-time {
  color: rgba(var(--right-message-text-color), 0.8);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) pre {
  border: 1px solid rgba(var(--right-message-text-color), 1) !important;
  background: none !important;
  padding: 5px 10px;
  margin: 5px 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .url-wrap {
  border-color: rgba(var(--right-message-text-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) .url-wrap .url-description .url-title {
  color: rgba(var(--right-message-text-color), 1) !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side {
  text-align: right;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-pic {
  left: calc(100% - 50px);
  right: 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content {
  padding-left: 0;
  padding-right: 60px;
  margin-top: -35px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info {
  text-align: right;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info .name .bm-placeholder-wrapper {
  margin-left: auto;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message {
  flex-direction: row-reverse !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .message-controls {
  flex-direction: row-reverse !important;
  margin-left: 0;
  margin-right: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-hide-avatars .bm-content {
  padding-left: 15px;
  margin-top: 0 !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-hide-avatars.bm-right-side .bm-content {
  padding-left: 0;
  padding-right: 15px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-pic {
  position: sticky;
  top: 10px;
  left: 15px;
  width: 35px;
  height: 35px;
  display: block;
  z-index: 1;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-pic > span {
  display: block;
  width: 100%;
  height: 100%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content {
  padding-left: 60px;
  margin-top: -35px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-info {
  margin-bottom: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-info .name {
  font-weight: bold;
  text-decoration: none;
  border: none;
  color: rgba(var(--main-bm-color), 1);
  margin-right: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-info .name span, .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-info .name a {
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  border: none;
  color: rgba(var(--main-bm-color), 1);
  box-shadow: none;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-info .bm-time {
  color: rgba(var(--bm-text-color), 0.5);
  font-size: 11px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  max-width: 100%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message {
  position: relative;
  display: flex;
  width: auto;
  margin-bottom: 10px;
  padding: 0 0 0 0 !important;
  max-width: 100%;
  background: none;
  flex-direction: row;
  align-items: center;
  will-change: height;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message:hover {
  background: none;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message iframe {
  max-width: 100%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-highlight {
  position: absolute;
  background: rgba(var(--main-bm-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bp-messages-iframe-container {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 10px 0 0;
  padding-bottom: 3px;
  border-radius: 2px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bp-messages-iframe-container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info {
  display: block;
  float: right;
  margin-left: 10px;
  user-select: none;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info.bm-message-info-no-margin {
  margin-left: 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-pinned-label {
  cursor: default;
  color: rgba(var(--bm-text-color), 1);
  font-size: 11px;
  margin-left: 5px;
  white-space: nowrap;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-pinned-label svg {
  vertical-align: middle;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-edited-label {
  cursor: default;
  color: rgba(var(--bm-text-color), 1);
  font-size: 11px;
  margin-left: 5px;
  white-space: nowrap;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-edited-label svg {
  vertical-align: middle;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-time {
  cursor: default;
  color: rgba(var(--bm-text-color), 1);
  font-size: 10px;
  white-space: nowrap;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message.selected .bm-message-content:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: black;
  opacity: 0.1;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message {
  display: block;
  background: rgba(var(--main-bm-color), 0.03);
  border-left: 2px solid rgba(var(--main-bm-color), 1);
  padding: 5px 10px 5px 10px;
  font-size: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px;
  user-select: none;
  cursor: pointer;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message .bm-replied-message-text .bpbm-call,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message .bpbm-replied-message-text .bpbm-call,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message .bm-replied-message-text .bpbm-call,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message .bpbm-replied-message-text .bpbm-call {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message .bm-replied-message-name,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message .bpbm-replied-message-name,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message .bm-replied-message-name,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message .bpbm-replied-message-name {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message video,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message video {
  max-height: 130px !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message .bpbm-sticker img,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message .bpbm-sticker img {
  max-height: 130px;
  width: auto !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message .videos .video,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-replied-message .images,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message .videos .video,
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-replied-message .images {
  padding: 0 !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content {
  position: relative;
  color: rgba(var(--bm-text-color), 1);
  padding: 7px 12px;
  max-width: 90%;
  word-break: break-all;
  font-size: var(--bm-message-font-size);
  line-height: var(--bm-message-line-height);
  text-align: left;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content a {
  color: rgba(var(--bm-text-color), 1);
  text-decoration: underline !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.favorited-page {
  cursor: pointer;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.bm-message-pending {
  opacity: 0.5;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.bm-message-pending:hover {
  opacity: 1;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.no-padding {
  padding: 0 !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.bm-hide-background {
  background: none;
  padding: 0 !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.bm-hide-background .bm-message-info .bm-time {
  color: gray !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.has-iframe {
  width: 100%;
  max-width: 600px !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.voice-message {
  width: 100%;
  max-width: 600px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.voice-message + .message-controls {
  margin-top: -15px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments-space-hack {
  width: 100%;
  display: block;
  min-width: 300px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-message-content-text {
  word-break: break-word;
  white-space: normal;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-message-content-text p {
  display: inline;
  word-break: break-word;
  line-height: unset;
  word-wrap: unset;
  margin: 0 !important;
  padding: 0 !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-message-content-text h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-message-content-text h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-message-content-text h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-message-content-text .bp-messages-iframe-container {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 10px 0 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-voice-message {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  min-height: 30px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-voice-message .bm-voice-message-duration {
  position: absolute;
  bottom: 0;
  color: gray !important;
  font-size: 11px;
  white-space: nowrap;
  left: 35px;
  cursor: default;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-voice-message .bm-voice-message-play {
  width: 35px;
  font-size: 30px;
  text-align: left;
  cursor: pointer;
  color: rgba(var(--main-bm-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-voice-message .bm-waveform {
  width: 80%;
  width: calc(100% - 35px);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-voice-message .bm-waveform wave {
  max-width: 100%;
  overflow: hidden !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bpbm-sticker {
  max-width: 200px;
  width: 100%;
  display: block;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bpbm-sticker img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-mention {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  background: rgba(0, 0, 0, 0.1);
  padding: 2px 5px;
  vertical-align: middle;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-mention.bm-mention-current {
  font-weight: bold;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-mention > .avatar {
  margin-right: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-reactions {
  display: flex;
  margin-top: 4px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-reactions .bm-reaction {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-reactions .bm-reaction img {
  height: 13px !important;
  width: 13px !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-reactions .bm-reaction .bm-reaction-count {
  font-size: 11px;
  margin-left: 2px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments {
  width: 100%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-images {
  overflow: hidden;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-images a {
  max-height: 300px;
  max-width: 300px;
  overflow: hidden;
  margin-bottom: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-images a img {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-videos {
  overflow: hidden;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-videos .bm-video {
  max-width: 100%;
  max-height: 300px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-audios {
  overflow: hidden;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-audios .bm-audio {
  max-width: 100%;
  height: 30px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-files .bm-file {
  border: 1px solid rgba(var(--bm-text-color), 1);
  display: block;
  overflow: hidden;
  border-radius: 4px;
  -moz-transition: border-color 0.2s ease-in-out, -moz-box-shadow 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -webkit-transition: border-color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  width: 100%;
  text-decoration: none;
  margin: 2px 0;
  padding: 5px 12px;
  outline: 0;
  color: inherit !important;
  box-sizing: border-box;
  align-items: center;
  white-space: normal;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-files .bm-file svg {
  margin-right: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-attachments .bm-files .bm-file .size {
  margin-left: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap {
  border: 1px solid rgba(var(--bm-text-color), 1);
  overflow: hidden;
  border-radius: 4px;
  -moz-transition: border-color 0.2s ease-in-out, -moz-box-shadow 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -webkit-transition: border-color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  display: block;
  width: 100%;
  text-decoration: none;
  margin: 5px 0;
  outline: 0;
  color: rgba(var(--bm-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap * {
  border-color: rgba(var(--bm-text-color), 1);
  color: rgba(var(--bm-text-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap + br {
  display: none;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap .url-image {
  display: block;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  display: block;
  height: 150px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap .url-image + .url-description {
  border-top: 1px solid #fafbfc;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap .url-description {
  padding: 15px;
  display: block;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap .url-description .url-title {
  display: block;
  color: rgba(var(--bm-text-color), 1) !important;
  font-size: 120%;
  line-height: 100%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap .url-title i {
  font-size: 75%;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap .url-site {
  display: block;
  font-size: 80%;
  margin: 6px 0 0px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls {
  display: flex;
  margin-left: 5px;
  font-size: 13px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span {
  position: relative;
  font-size: 15px;
  visibility: hidden;
  margin: 0 5px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  color: gray;
  text-align: center;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span > svg {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span.bm-status {
  visibility: visible;
  cursor: default;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span.bm-status[data-status=seen] {
  color: rgba(var(--main-bm-color), 1);
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span.favorite {
  color: #fdae00 !important;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span.favorite i:before {
  content: "\f005";
  font-weight: 400;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span.favorite.active {
  visibility: visible;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls > span.favorite.active i:before {
  font-weight: bold;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message.selected .message-controls > span, .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message:hover .message-controls > span {
  visibility: visible;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-gif {
  display: block;
  border-radius: 2px;
  overflow: hidden;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-gif video {
  height: auto;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-attachments {
  padding: 4px 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-attachments > * + * {
  margin-top: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .videos .video {
  padding: 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .videos .video video {
  border-radius: 2px;
  overflow: hidden;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .videos .video + .video {
  padding-top: 5px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .images {
  padding: 3px 0;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .images a {
  display: block;
  width: auto;
  height: auto;
  background: none !important;
  padding-bottom: 0;
  border: 0;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  max-width: 300px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .images a + a {
  padding-top: 10px;
}
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .images a img {
  display: block !important;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message {
  max-width: calc(100% - 15px) !important;
  align-items: flex-start !important;
  margin: -5px -5px 5px !important;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message.selected .bm-message-content {
  border-radius: 3px !important;
  overflow: hidden;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-gif {
  display: inline-block;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bpbm-gif video {
  width: auto;
  display: inline-block;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content {
  width: 100% !important;
  max-width: 100% !important;
  background: none !important;
  padding: 5px !important;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .bm-voice-message {
  margin-top: 0 !important;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content.voice-message {
  max-width: initial !important;
  width: 100% !important;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info {
  line-height: 1 !important;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-time {
  margin-left: 0 !important;
}
.bp-messages-wrap .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls {
  float: right;
  flex-direction: row-reverse;
}
.bp-messages-wrap .chat-header {
  display: flex;
  position: relative;
  height: 44px;
  min-height: 44px;
  background: rgba(var(--bm-bg-secondary), 1);
  border-bottom: 1px solid rgba(var(--bm-border-secondary-color), 1);
  line-height: 42px;
  box-sizing: border-box;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  z-index: 2;
  font-size: 1.1rem;
}
.bp-messages-wrap .chat-header > .bm-btn {
  position: relative;
  width: 50px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
  cursor: pointer;
}
.bp-messages-wrap .chat-header .thread-info {
  display: inline-flex;
  line-height: 15px;
  font-size: 14px;
  margin-right: auto !important;
  align-items: center;
  margin-left: 5px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
}
.bp-messages-wrap .chat-header .thread-info .bm-thread-emoji {
  font-size: 25px;
  line-height: 30px;
}
.bp-messages-wrap .chat-header .thread-info .avatar {
  display: block;
  margin-right: 8px;
  height: 30px;
  width: 30px;
  min-width: 30px;
}
.bp-messages-wrap .chat-header .thread-info .avatar a, .bp-messages-wrap .chat-header .thread-info .avatar img {
  margin: 0;
  display: block;
}
.bp-messages-wrap .chat-header .thread-info .avatar-group {
  position: relative;
  width: 34px;
  display: grid;
  grid-template-columns: 15px 15px;
  grid-template-rows: 15px 15px;
  grid-gap: 2px 2px;
  margin-right: 6px;
}
.bp-messages-wrap .chat-header .thread-info .avatar-group.avatars-count-2 {
  grid-template-rows: 15px;
}
.bp-messages-wrap .chat-header .thread-info .avatar-group .avatar {
  width: 15px;
  height: 15px;
  min-width: 15px;
  margin-right: 0;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  max-width: 100%;
  max-width: calc(100% - 30px);
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .name {
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .name a {
  color: rgba(var(--bm-text-color), 1);
  line-height: 1;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .sub-name {
  font-size: 12px;
  line-height: 14px;
  min-height: 14px;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .sub-name .group-online {
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .sub-name .bm-thread-sync {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .sub-name .bm-thread-sync i {
  font-size: 10px;
  vertical-align: middle;
  margin-right: 5px;
}
.bp-messages-wrap .chat-header .thread-info .thread-info-data .group-online.online-now,
.bp-messages-wrap .chat-header .thread-info .thread-info-data .last-online.online-now {
  color: green;
}
.bp-messages-wrap .new-thread {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 20px;
}
.bp-messages-wrap .new-thread .bm-reply {
  margin-top: auto;
}
.bp-messages-wrap .bm-reply {
  position: relative;
  display: flex;
  background: rgba(var(--bm-bg-color), 1);
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  z-index: 10;
}
.bp-messages-wrap .bm-reply > * {
  position: relative;
  background: rgba(var(--bm-bg-color), 1);
  z-index: 5;
}
.bp-messages-wrap .bm-reply .bm-reply-restricted {
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin: 10px 10px;
  white-space: normal;
  background: rgba(var(--main-bm-color), 0.05);
  border: 1px solid rgba(var(--main-bm-color), 0.1);
  overflow: hidden;
  border-radius: 3px;
  padding: 12px 10px;
}
.bp-messages-wrap .bm-reply .bm-reply-restricted a {
  text-decoration: underline !important;
}
.bp-messages-wrap .bm-reply .bm-attachment {
  position: relative;
  display: flex;
  min-width: 50px;
  height: 100%;
  text-align: center;
  font-size: 24px;
  color: rgba(var(--bm-text-color), 0.36);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.bp-messages-wrap .bm-reply .bm-attachment.bm-attachment-progress {
  font-size: 16px;
}
.bp-messages-wrap .bm-reply .bm-attachment .bm-attachment-progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 8px;
  border-radius: 50%;
}
.bp-messages-wrap .bm-reply .bm-attachment .bm-attachment-progress-bar::before {
  color: rgba(var(--bm-text-color), 0.6);
  content: attr(data-percent);
}
.bp-messages-wrap .bm-reply .bm-attachment[data-count]:after {
  content: attr(data-count);
  position: absolute;
  font-size: 8px;
  display: block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 100%;
  background: rgba(var(--main-bm-color), 1);
  color: white;
  left: 6px;
  bottom: 28px;
}
.bp-messages-wrap .bm-reply .bm-attachment svg {
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}
.bp-messages-wrap .bm-reply .bm-attachment .bm-attachment-files-count {
  margin-left: 8px;
  font-size: 18px;
}
.bp-messages-wrap .bm-reply .bm-emojies {
  width: 50px;
  text-align: center;
  font-size: 21.1px;
  color: rgba(var(--bm-text-color), 0.36);
  cursor: pointer;
  padding-bottom: 12px;
  position: relative;
  height: 100%;
}
.bp-messages-wrap .bm-reply .bm-emojies svg {
  position: absolute;
  bottom: 15.1px;
  left: 0;
  right: 0;
  margin: auto;
}
.bp-messages-wrap .bm-reply .bm-gif {
  width: 45px;
  text-align: center;
  font-size: 18.5px;
  color: rgba(var(--bm-text-color), 0.36);
  cursor: pointer;
  padding-bottom: 12px;
  position: relative;
  height: 100%;
}
.bp-messages-wrap .bm-reply .bm-gif svg {
  position: absolute;
  bottom: 16.6px;
  left: 0;
  right: 0;
  margin: auto;
  border: 1.49px solid;
  border-radius: 3px;
}
.bp-messages-wrap .bm-reply .bm-stickers {
  width: 50px;
  text-align: center;
  font-size: 20px;
  color: rgba(var(--bm-text-color), 0.36);
  cursor: pointer;
  padding-bottom: 12px;
  position: relative;
  height: 100%;
}
.bp-messages-wrap .bm-reply .bm-stickers svg {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  margin: auto;
}
.bp-messages-wrap .bm-reply .bm-send-message {
  position: relative;
  width: 60px;
  text-align: center;
  font-size: 20px;
  color: rgba(var(--main-bm-color), 1);
  cursor: pointer;
  height: 100%;
}
.bp-messages-wrap .bm-reply .bm-send-message svg {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 10px;
  margin: auto;
}
.bp-messages-wrap .bm-reply.bm-attachments .bm-editor {
  padding-left: 0;
}
.bp-messages-wrap .bm-reply .bm-editor {
  position: relative;
  width: 100%;
  padding: 12px 0 12px 16px;
  max-height: 150px;
  z-index: 5;
  overflow-y: auto;
  overflow-x: hidden;
}
.bp-messages-wrap .bm-reply .bm-editor * {
  font-size: 16px;
  line-height: 24px;
}
.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content {
  outline: 0;
  border: 0;
  margin: 0;
  padding: 0;
  white-space: normal;
  min-height: 24px;
  background: rgba(var(--bm-bg-color), 1) !important;
  color: rgba(var(--bm-text-color), 1) !important;
}
.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content .bm-inline-emoji {
  display: inline-block;
}
.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content:empty::before {
  content: attr(placeholder);
  color: rgba(var(--bm-placeholder), 0.33);
  white-space: nowrap;
}
.bp-messages-wrap .bm-reply .bm-editor .bm-editor-content:empty:focus::before {
  content: "";
}
.bp-messages-wrap .bm-reply .bm-editor p {
  margin: 0 !important;
}
.bp-messages-wrap .bm-reply .bm-editor .bm-inline-mention {
  padding: 0 3px;
  margin: 0 1px;
  vertical-align: middle;
  display: inline-flex;
  border-radius: 3px;
  background-color: rgba(var(--bm-mention-bg), 1);
  color: rgba(var(--bm-mention-color), 1);
  align-items: center;
  box-shadow: none;
}
.bp-messages-wrap .bm-reply .bm-editor .bm-inline-mention > .avatar {
  margin-right: 5px;
}
.bp-messages-wrap.bp-messages-mobile input, .bp-messages-wrap.bp-messages-mobile textarea {
  font-size: 16px !important;
}
.bp-messages-wrap.bp-messages-mobile .bm-reply .bm-editor {
  font-size: 16px;
}
.bp-messages-wrap .threads-list-wrapper {
  position: relative;
  height: 100%;
  max-height: 100%;
}
.bp-messages-wrap .threads-list-wrapper .threads-list-loading-more {
  margin: 10px 0;
}
.bp-messages-wrap.bp-better-messages-mini.bm-widget-not-at-bottom .chats .chat {
  border-radius: var(--bm-mini-chats-border-radius);
}
.bp-messages-wrap.bp-better-messages-mini .chats {
  display: block;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat {
  position: relative;
  border-radius: var(--bm-mini-chats-border-radius) var(--bm-mini-chats-border-radius) 0 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 10px;
  width: var(--bm-mini-chats-width);
  min-width: var(--bm-mini-chats-width);
  max-width: 100%;
  background: rgba(var(--bm-bg-color), 1);
  box-shadow: 0 0 3px 1px rgba(var(--bm-border-secondary-color), 1);
  pointer-events: auto;
  bottom: 0;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1);
  transition: bottom 0.5s linear;
  height: 36px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat.open {
  height: var(--bm-mini-chats-height);
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat.open .head {
  height: 44px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat.mini-chat-new .head > span {
  margin-right: auto;
  font-size: 15px;
  margin-left: 10px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat.mini-chat-new .bm-alert {
  font-size: 13px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat.blink .head {
  background: rgba(var(--bm-bg-color), 1);
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head {
  position: relative;
  z-index: 1;
  padding: 5px;
  height: 36px;
  border-radius: 0;
  background: rgba(var(--bm-bg-secondary), 1);
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
  display: flex !important;
  font-size: 13px;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info {
  display: inline-flex;
  line-height: 15px;
  font-size: 14px;
  margin-right: auto;
  align-items: center;
  border-radius: var(--bm-widgets-button-radius);
  height: 35px;
  padding: 2px 4px 2px 4px;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .bm-thread-emoji {
  font-size: 25px;
  line-height: 30px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info.thread-info-loaded .thread-info-arrow-down {
  position: relative;
  font-weight: 900;
  font-size: 18px;
  margin-left: auto;
  color: rgba(var(--main-bm-color), 1);
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info:not(.thread-info-hover-disabled):hover {
  background: var(--bm-button-hover);
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar {
  display: block;
  margin-right: 8px;
  height: 30px;
  width: 30px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar a, .bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar img {
  margin: 0;
  display: block;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info > .avatar {
  min-width: 30px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar-group {
  position: relative;
  width: 34px;
  display: grid;
  grid-template-columns: 15px 15px;
  grid-template-rows: 15px 15px;
  grid-gap: 2px 2px;
  margin-right: 6px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar-group.avatars-count-2 {
  grid-template-rows: 15px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar-group .avatar {
  width: 15px;
  height: 15px;
  min-width: 15px;
  margin-right: 0;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  max-width: 100%;
  min-width: 1px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .name {
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  min-width: 1px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .name a {
  color: rgba(var(--bm-text-color), 1) !important;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .name > *:not(strong) {
  margin-left: 5px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .sub-name {
  font-size: 12px;
  line-height: 14px;
  min-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .group-online,
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .last-online {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  font-size: 12px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .group-online.online-now,
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .last-online.online-now {
  color: green;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls {
  line-height: 20px;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls > * {
  position: relative;
  display: block;
  cursor: pointer;
  color: rgba(var(--main-bm-color), 1);
  font-size: 18px;
  width: 30px;
  height: 30px;
  border-radius: var(--bm-widgets-button-radius) !important;
  opacity: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*&.audio-call{
                    font-size: 13px;
                    line-height: 13px;
                }

                &.minimize{
                    font-size: 18px;
                    line-height: 18px;
                }

                &.close{
                    font-size: 18px;
                    line-height: 18px;
                } */
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls > * > svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls > *:hover {
  background: var(--bm-button-hover);
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls > *:active {
  background: var(--bm-button-active);
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .chat-content {
  position: relative;
  max-width: 100%;
  display: flex;
  width: 100%;
  height: calc(100% - 44px);
  flex-direction: column;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat:not(.open) > * {
  display: none;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat:not(.open) span.writing {
  display: none !important;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .title strong {
  font-weight: normal;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head.blink {
  background: #f1f1f1;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .unread-count {
  background: rgba(var(--main-bm-color), 1);
  border-radius: 100%;
  color: white;
  font-size: 10px;
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  text-align: center;
  margin-right: 6px;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .unread-count:after,
.bp-messages-wrap.bp-better-messages-mini .chats .bp-better-messages-list .tabs > div[data-tab=messages] .unread-count:after,
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .unread-count:before,
.bp-messages-wrap.bp-better-messages-mini .chats .bp-better-messages-list .tabs > div[data-tab=messages] .unread-count:before {
  display: none;
}
.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .unread-count.count-0 {
  display: none;
}
.bp-messages-wrap.bp-better-messages-list .tabs > div .unread-count {
  background: rgba(var(--main-bm-color), 1);
  border-radius: 100%;
  color: white;
  font-size: 10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.bp-messages-wrap .bm-placeholder {
  margin: 0 auto;
  position: absolute;
  background-color: #eee;
  width: 100%;
  height: 100%;
}
@keyframes bm-placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.bp-messages-wrap .bm-animated-background {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: bm-placeHolderShimmer;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 100%;
  position: relative;
}
.bp-messages-wrap #bm-new-thread-title {
  margin: 0 auto 0 0 !important;
  padding: 0 !important;
  font-size: 16px;
}
.bp-messages-wrap .bm_thread_subject_input {
  position: relative;
  z-index: 1;
  align-items: center;
  background-color: rgba(var(--bm-bg-color), 1);
  border-color: rgba(var(--bm-border-color), 0.62);
  border-style: solid;
  border-width: 0;
  cursor: default;
  display: flex;
  flex-wrap: nowrap;
  outline: 0 !important;
  transition: all 100ms;
  box-sizing: border-box;
  padding: 7px 15px;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
  justify-content: flex-start;
  font-size: 16px;
  height: auto !important;
  min-height: 40px !important;
}
.bp-messages-wrap .bm_thread_subject_input .bm-to-label {
  padding-right: 10px;
  font-weight: bold;
  white-space: nowrap;
  font-size: 16px;
  margin: 0;
}
.bp-messages-wrap .bm_thread_subject_input input.thread_subject__input[type=text] {
  color: inherit;
  background: 0 center;
  opacity: 1;
  width: 100%;
  font: inherit;
  min-width: 2px;
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  font-size: 16px;
  color: rgba(var(--bm-text-color), 1) !important;
  background: none !important;
  border-radius: 0;
}
.bp-messages-wrap .bm_thread_subject_input input.thread_subject__input[type=text]::placeholder {
  color: rgba(var(--bm-placeholder), 0.33);
}
.bp-messages-wrap .bm_thread_subject_input input.thread_subject__input[type=text]:focus, .bp-messages-wrap .bm_thread_subject_input input.thread_subject__input[type=text]:active {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
}
.bp-messages-wrap .bm_thread_create_error {
  background: red;
  color: white;
}
.bp-messages-wrap .bm-alert {
  position: relative;
  color: var(--bm-alert-info-color);
  background-color: var(--bm-alert-info-bg);
  border: var(--bm-alert-info-border-color);
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.5rem;
  line-height: 28px;
}
.bp-messages-wrap .bm-alert p {
  font-size: 16px;
}
.bp-messages-wrap .bm-alert.bm-error {
  color: var(--bm-alert-error-color);
  background-color: var(--bm-alert-error-bg);
  border: var(--bm-alert-error-border-color);
}
.bp-messages-wrap .bm-alert.bm-info {
  background: rgba(var(--bm-bg-color), 1);
  color: rgba(var(--bm-text-color), 1);
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
}
.bp-messages-wrap .bm-alert.bm-info button {
  background: rgba(var(--bm-button-bg), 1);
  color: rgba(var(--bm-button-color), 1);
  font-size: 14px;
  line-height: 14px;
  padding: 5px 10px;
  border-radius: 2px;
  border: 0;
}
.bp-messages-wrap .bm-alert a {
  color: inherit;
  text-decoration: underline !important;
}
.bp-messages-wrap .bm-alert .bm_icon {
  font-size: 1rem;
  padding: 0 1rem;
}
.bp-messages-wrap .bm-alert ul {
  padding: 0;
  list-style: none;
  margin: 0 0;
}
.bp-messages-wrap .bm-alert ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bp-messages-wrap .bm-notice a {
  color: inherit;
  text-decoration: underline !important;
}
.bp-messages-wrap .bm-notice .bm_icon {
  font-size: 1rem;
  padding: 0 1rem;
}
.bp-messages-wrap .bm-notice p {
  margin: 0;
  color: inherit;
}
.bp-messages-wrap .bm-notice ul {
  list-style: none;
  margin: 1rem 0;
}
.bp-messages-wrap .bm-notice ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bp-messages-wrap .chat-tabs {
  padding: 0;
  margin: 0 !important;
  border-radius: 0;
  background: rgba(var(--bm-bg-color), 1);
  font-size: 13px;
  box-sizing: content-box !important;
  display: flex;
  width: 100%;
  user-select: none;
}
.bp-messages-wrap .chat-tabs > div {
  display: block;
  flex-grow: 1;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
  width: 1px;
  line-height: 36px;
  height: 36px;
  border-top: 3px solid rgba(var(--main-bm-color), 0.03);
  padding-bottom: 3px;
}
.bp-messages-wrap .chat-tabs > div.active {
  background: rgba(var(--main-bm-color), 0.03);
  border-color: rgba(var(--main-bm-color), 0.5);
}
.bp-messages-wrap .bm-slide-container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 0;
  will-change: transform;
}
.bp-messages-wrap .bm-slide-container > .bm-slide {
  width: 100%;
  height: 100%;
  min-width: 100%;
}
.bp-messages-wrap.bm-search-popup {
  max-width: 320px;
  width: 100%;
  margin-top: 5px;
}
.bp-messages-wrap.bm-search-popup > .bm-search-results {
  max-height: 400px;
}
.bp-messages-wrap.bm-search-popup > .bm-search-results .bp-messages-user-list .user {
  width: auto;
  display: flex;
}
.bp-messages-wrap.bm-search-popup > .bm-search-results .threads-list .thread .pic {
  width: 30px;
  height: 30px;
}
.bp-messages-wrap.bm-search-popup > .bm-search-results .threads-list .thread .pic .bm-thread-emoji {
  font-size: 20px;
}
.bp-messages-wrap.bm-search-popup > .bm-search-results .threads-list .thread .pic a {
  width: 30px;
}
.bp-messages-wrap.bm-search-popup > .bm-search-results .threads-list .thread .pic img {
  width: 30px;
  height: 30px;
}

.bm-reactions-selector {
  position: absolute;
  padding: 0;
  border: none;
  box-shadow: 0 1px 3px 0 #b0b0b0;
  background: white;
  border-radius: 50px !important;
  z-index: 10000001;
}
.bm-reactions-selector:hover {
  overflow-y: hidden;
  display: grid;
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  border-radius: 5px !important;
  padding: 5px;
}
.bm-reactions-selector:hover[data-columns="1"] {
  border-radius: 50px !important;
  padding: 3px 2px;
}
.bm-reactions-selector:hover .bm-reaction-icon {
  display: block;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 2px;
}
.bm-reactions-selector:hover .bm-reaction-icon > img {
  width: 20px !important;
  height: 20px !important;
}
.bm-reactions-selector .bm-reaction-icon {
  display: none;
  cursor: pointer;
  padding: 4px;
}
.bm-reactions-selector .bm-reaction-icon > img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bm-reactions-selector .bm-reaction-icon:last-child {
  display: block;
}

.bm_user_selector {
  position: relative;
  font-size: 16px !important;
  z-index: 1;
  padding: 0 15px;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
  background-color: rgba(var(--bm-bg-color), 1);
}
.bm_user_selector .bm_user_selector__control {
  border: 0 !important;
  box-shadow: none !important;
  background-color: rgba(var(--bm-bg-color), 1) !important;
}
.bm_user_selector .bm_user_selector__control.bm_user_selector__control--is-focused {
  border: 0 !important;
  box-shadow: none !important;
}
.bm_user_selector .bm_user_selector__control input.bm_user_selector__input[type=text] {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 40px !important;
  box-shadow: none !important;
  color: rgba(var(--bm-text-color), 1) !important;
  background: none !important;
}
.bm_user_selector .bm_user_selector__control input.bm_user_selector__input[type=text]:focus, .bm_user_selector .bm_user_selector__control input.bm_user_selector__input[type=text]:active {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.bm_user_selector .bm-to-label {
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
  margin: 0;
}
.bm_user_selector input,
.bm_user_selector .bm_user_selector__placeholder {
  font-size: 16px !important;
  color: rgba(var(--bm-placeholder), 0.5);
}
.bm_user_selector .bm_user_selector__multi-value {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 0.9rem;
  padding: 1px 1px;
  background-color: rgba(var(--bm-mention-bg), 1);
  color: rgba(var(--bm-mention-color), 1);
}
.bm_user_selector .bm_user_selector__multi-value .avatar {
  margin: 0px 2px 0px 1px;
  width: 20px;
  height: 20px;
}
.bm_user_selector .bm_user_selector__multi-value .name {
  font-size: 13px;
}
.bm_user_selector .bm_user_selector__multi-value .bm_user_selector__multi-value__remove {
  display: block;
}
.bm_user_selector .bm_user_selector__multi-value .bm_user_selector__multi-value__remove svg {
  vertical-align: middle;
}
.bm_user_selector .bm_user_selector__menu {
  left: 0;
  width: 100%;
  margin-top: 1px;
  right: 0;
  background-color: rgba(var(--bm-bg-color), 1);
  box-shadow: none;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
  border-radius: 0;
}
.bm_user_selector .bm_user_selector__menu .bm_user_selector__menu-list .bm_user_selector__option {
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
  cursor: pointer;
}
.bm_user_selector .bm_user_selector__menu .bm_user_selector__menu-list .bm_user_selector__option .avatar {
  margin-right: 0.3rem;
  width: 30px;
  height: 30px;
}
.bm_user_selector .bm_user_selector__menu .bm_user_selector__menu-list .bm_user_selector__option .name {
  font-size: 16px;
}
.bm_user_selector .bm_user_selector__menu .bm_user_selector__menu-list .bm_user_selector__option.bm_user_selector__option_focused {
  background-color: rgba(var(--bm-hover-bg), 1);
}
.bm_user_selector .bm_user_selector__menu-loading,
.bm_user_selector .bm_user_selector__menu-notice--no-options {
  color: rgba(var(--bm-placeholder), 0.7);
  text-align: center;
  font-size: 16px;
  margin: 5px 0;
}

.bm-spinner {
  width: 100%;
  text-align: center;
  margin-top: 100px;
  font-size: 30px;
  color: #767676;
}

.bm-deleted-thread .bm-deleted-thread-restore {
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
}

body.bm-mobile-device .bm-toast-close-all-notifications {
  max-width: 90%;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.bm-mobile-device .Toastify__toast {
  max-width: 90% !important;
  margin: auto !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
}

.bm-toast-close-all-notifications {
  background: black !important;
  color: white !important;
  display: block;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  padding: 2px;
  font-size: 13px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
}

/*
    max-width: 90%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
 */
.bm-toast-site-message {
  background: black !important;
  color: white !important;
  user-select: none;
  opacity: 1;
}
.bm-toast-site-message .Toastify__toast-body {
  padding: 0;
}
.bm-toast-site-message .bm-toast-site-message-container {
  display: flex;
  align-items: flex-start;
}
.bm-toast-site-message .bm-toast-site-message-container .bm-toast-site-message-avatar {
  margin-right: 10px;
  min-width: 45px;
  max-width: 45px;
}
.bm-toast-site-message .bm-toast-site-message-container .bm-toast-site-message-avatar > .avatar {
  display: block !important;
}
.bm-toast-site-message .bm-toast-site-message-container .bm-toast-site-message-avatar .bm-toast-site-message-image {
  text-align: center;
}
.bm-toast-site-message .bm-toast-site-message-container .bm-toast-site-message-avatar .bm-toast-site-message-image .bm-thread-emoji {
  font-size: 28px;
  line-height: 36px;
}
.bm-toast-site-message .bm-toast-site-message-container .bm-toast-site-message-avatar > img {
  max-width: 45px;
}
.bm-toast-site-message .bm-toast-site-message-container .bm-toast-site-message-info .bm-toast-site-message-title {
  font-weight: bold;
}
.bm-toast-site-message .bm-toast-site-message-container .bm-toast-site-message-info .bm-toast-site-message-subject {
  font-size: 11px;
  line-height: 11px;
  margin: 2px 0;
}
.bm-toast-site-notification {
  background: black !important;
  color: white !important;
  user-select: none;
  opacity: 1;
}
.bm-toast-site-notification .Toastify__toast-body {
  padding: 0;
}
.bm-toast-site-notification .bm-toast-site-notification-container {
  display: flex;
  align-items: flex-start;
}
.bm-toast-site-notification .bm-toast-site-notification-container .bm-toast-site-notification-image {
  margin-right: 10px;
  min-width: 45px;
  max-width: 45px;
}
.bm-toast-site-notification .bm-toast-site-notification-container .bm-toast-site-notification-image > .avatar {
  display: block !important;
}
.bm-toast-site-notification .bm-toast-site-notification-container .bm-toast-site-notification-info .bm-toast-site-notification-title {
  font-weight: bold;
}
.bm-toast-site-call {
  background: black !important;
  color: white !important;
  user-select: none;
  opacity: 1;
}
.bm-toast-site-call .Toastify__toast-body {
  padding: 0;
}
.bm-toast-site-call .bm-toast-site-call-container {
  display: flex;
  align-items: flex-start;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-avatar {
  margin-right: 10px;
  min-width: 45px;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-avatar > .avatar {
  display: block !important;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info {
  width: 100%;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-title {
  font-weight: bold;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-content {
  display: flex;
  align-items: center;
  align-content: center;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-content .bm-toast-site-call-text {
  margin-right: auto;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-content .bm-toast-site-call-action-answer {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: green;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-content .bm-toast-site-call-action-answer > svg {
  transform: rotate(260deg);
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-content .bm-toast-site-call-action-reject {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: red;
  border-radius: 50%;
  position: relative;
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-content .bm-toast-site-call-action-reject > svg {
  transform: rotate(135deg);
}
.bm-toast-site-call .bm-toast-site-call-container .bm-toast-site-call-info .bm-toast-site-call-content svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

body.bm-mobile-device-ios-old .bp-messages-wrap .bm-reply {
  align-items: flex-end;
  min-height: 50px;
  overflow: hidden;
}

.bm-toast-push-proposal-container {
  background: black !important;
  color: white !important;
  user-select: none;
  opacity: 1;
  font-size: 14px;
  cursor: default;
  padding: 0 2px;
}
.bm-toast-push-proposal-container .bm-toast-push-proposal-title {
  line-height: 20px;
  margin-bottom: 5px;
}
.bm-toast-push-proposal-container .bm-toast-push-proposal-content > button {
  padding: 2px 10px;
  background: none;
  font-weight: normal;
  border: 0;
  color: white !important;
  margin: 0 !important;
}
.bm-toast-push-proposal-container .bm-toast-push-proposal-content .bm-toast-push-proposal-agree {
  background: green;
  margin-right: 5px;
}
.bm-toast-push-proposal-container .bm-toast-push-proposal-content .bm-toast-push-proposal-dismiss:hover {
  background: rgba(255, 255, 255, 0.1411764706);
}

.bm-modal-window {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 100001;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.bm-modal-window.bm-modal-add-participant .bm-modal-window-inner {
  height: 350px;
  width: 600px;
  overflow: unset;
  position: relative;
}
.bm-modal-window.bm-modal-add-participant .bm-modal-window-inner .bm_user_selector {
  border: 1px solid rgba(var(--bm-border-color), 0.62);
  border-radius: 2px;
  padding: 0;
}
.bm-modal-window.bm-modal-add-participant .bm-modal-window-inner .bm-action-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  padding: 5px;
}
.bm-modal-window .bm-modal-window-inner {
  display: flex;
  flex-direction: column;
  background-color: rgba(var(--bm-bg-color), 1);
  color: rgba(var(--bm-text-color));
  border-radius: 0.5em;
  max-width: 95%;
  max-height: 100%;
  padding: 0;
  margin: auto;
  box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.1098039216);
  overflow: hidden;
  pointer-events: auto;
}
.bm-modal-window .bm-modal-window-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
}
.bm-modal-window .bm-modal-window-header h3 {
  margin: 0;
  color: rgba(var(--bm-text-color));
  font-size: 18px;
}
.bm-modal-window .bm-modal-window-header .bm-modal-window-close {
  margin-left: auto;
  cursor: pointer;
  font-size: 25px;
  line-height: 15px;
}
.bm-modal-window .bm-modal-window-content {
  position: relative;
  height: 100%;
  min-width: 300px;
  min-height: 50px;
  padding: 10px;
}

#bm-modal-window-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: black;
  opacity: 0.5;
}

.bm-toasts.Toastify__toast--info {
  background: rgba(0, 0, 0, 0.85);
}
.bm-toasts .Toastify__toast-body {
  margin: 0;
}
.bm-toasts .Toastify__toast-body a {
  color: white !important;
  text-decoration: underline !important;
}
.bm-toasts .Toastify__toast-body a:hover {
  color: white !important;
}
.bm-toasts .Toastify__toast-body p {
  margin: 0;
}

.bp-messages-wrap .chat-header > strong {
  font-size: 13px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 200px;
  overflow: hidden;
  display: inline-block;
  text-align: left;
}

.bp-messages-wrap .chat-header .bm-chat-header-title {
  margin: 0 auto 0 0 !important;
  padding: 0 !important;
  font-size: 16px;
}

.bp-messages-wrap .chat-header.chat-header-flex-end {
  justify-content: flex-end;
}

.bp-messages-wrap .chat-header > strong:first-child {
  padding-left: 20px;
}

.bp-messages-wrap .chat-header > a,
.bp-messages-wrap .chat-header > span {
  display: inline-block;
  line-height: inherit;
  color: rgba(var(--main-bm-color), 1) !important;
  text-decoration: none !important;
  border: none;
  font-size: 18px;
}

.bp-messages-wrap .chat-header .thread-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
}
.bp-messages-wrap .chat-header .thread-actions > a,
.bp-messages-wrap .chat-header .thread-actions > span,
.bp-messages-wrap .chat-header .thread-actions > div.expandingButtons {
  position: relative;
  color: rgba(var(--main-bm-color), 1) !important;
  font-size: 18px;
  height: 42px;
  width: 50px;
  cursor: pointer;
}
.bp-messages-wrap .chat-header .thread-actions > a > svg,
.bp-messages-wrap .chat-header .thread-actions > span > svg,
.bp-messages-wrap .chat-header .thread-actions > div.expandingButtons > svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.bp-messages-wrap .chat-header .mobileClose {
  display: none;
}

.bp-messages-wrap .chat-header h3 {
  margin: 0 0 0 20px;
}

.bp-messages-wrap .chat-header .new-message,
.bp-messages-wrap .chat-footer .new-message {
  position: relative;
  width: 50px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}

.bp-messages-wrap .chat-footer .new-message {
  color: rgba(var(--main-bm-color), 1);
  font-size: 20px;
}

.bp-messages-wrap .chat-header .block-user {
  position: relative;
  float: right;
  width: 50px;
  text-align: center;
  cursor: pointer;
}

.bp-messages-wrap .chat-header .mini-chat {
  position: relative;
  float: right;
  width: 50px;
  text-align: center;
  cursor: pointer;
}

.bp-messages-wrap .chat-header .video-call {
  position: relative;
  float: right;
  width: 50px;
  text-align: center;
  cursor: pointer;
}

.bp-messages-wrap .chat-header .bpbm-maximize,
.bp-messages-wrap .chat-header .bpbm-minimize,
.bp-messages-wrap .chat-header .bm-search-btn {
  position: relative;
  float: right;
  width: 50px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}

.bp-messages-wrap .chat-header .group-call,
.bp-messages-wrap .chat-header .group-audio-call {
  position: relative;
  width: 50px;
  text-align: center;
  float: right;
  cursor: pointer;
}

.bp-messages-wrap .chat-header .audio-call {
  position: relative;
  float: right;
  width: 50px;
  text-align: center;
  cursor: pointer;
}

.bp-messages-wrap .chat-header .mass-message {
  position: relative;
  float: right;
  width: 50px;
  text-align: center;
  cursor: pointer;
}

.bp-messages-wrap .chat-header .starred-messages,
.bp-messages-wrap .chat-header .bm-close {
  position: relative;
  /* float: right; */
  width: 50px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
}

.bp-messages-wrap .chat-header .push-notifications {
  float: right;
  width: 50px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  vertical-align: top;
  outline: none;
  font-size: 13px;
  cursor: pointer;
  display: none;
}

.bp-messages-wrap .chat-header .bpbm-search {
  float: right;
  text-align: center;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
}

.bp-messages-wrap .chat-header .bpbm-search form {
  display: inline-block;
  position: relative;
  margin: 7px 8px 7px 0 !important;
  height: 30px;
  line-height: 30px;
}

.bp-messages-wrap .chat-header .bpbm-search form .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  margin: auto;
  bottom: 0;
  width: 27px;
  font-size: 15px;
}
.bp-messages-wrap .chat-header .bpbm-search form .close svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.bp-messages-wrap .chat-header .bpbm-search form input[type=text]::placeholder {
  color: rgba(var(--bm-placeholder), 0.33);
}

.bp-messages-wrap .chat-header .bpbm-search form .close i {
  line-height: 30px !important;
}

.bp-messages-wrap .chat-header .bpbm-search form input[type=text] {
  max-height: 30px !important;
  min-height: 30px !important;
  display: inline-block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  max-width: 200px;
  box-sizing: border-box;
  padding: 10px 25px 10px 10px;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
}
.bp-messages-wrap .chat-header .bpbm-search form input[type=text]:focus {
  border-color: rgba(var(--bm-border-active), 1) !important;
}

.bp-messages-wrap .chat-header .bpbm-search form input:focus {
  border-color: rgba(var(--main-bm-color), 1);
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6);
}

.bp-messages-wrap .chat-header .bpbm-search a {
  width: 50px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  vertical-align: top;
  outline: none;
  font-size: 13px;
  border: none;
}

.bp-messages-wrap .chat-header .participants {
  float: right;
  min-width: 50px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
}

.bp-messages-wrap .chat-header .participants + .participants {
  display: none !important;
}

.bp-messages-wrap .chat-header .bpbm-unmute-thread,
.bp-messages-wrap .chat-header .bpbm-mute-thread {
  float: right;
  width: 50px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
}

.bp-messages-wrap .chat-header .bpbm-leave-thread {
  float: right;
  width: 50px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
}

.bp-messages-wrap .empty {
  text-align: center;
  margin: 30px 0 30px;
  color: rgba(var(--bm-text-color), 0.6);
}

.bp-messages-wrap .threads-list .empty {
  padding: 30px 0 20px;
}

.bp-messages-wrap .threads-list .empty .bpbm-empty-icon {
  font-size: 50px;
  line-height: 50px;
  margin: 10px auto;
}

.bp-messages-wrap .threads-list .empty .bpbm-empty-icon i {
  font-size: 50px;
}

.bp-messages-wrap .threads-list .empty .bpbm-empty-message {
  margin: 10px auto;
}

.bp-messages-wrap .threads-list .empty .bpbm-empty-link {
  margin: 10px auto;
}

.bpbm-empty-link a {
  color: rgba(var(--main-bm-color), 1) !important;
}

.bp-messages-wrap .thread-not-selected .empty {
  padding: 20px 0 20px;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-icon {
  font-size: 50px;
  margin: 10px auto;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-icon i {
  font-size: 50px;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-message {
  margin: 10px auto;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-or {
  margin: 0px auto;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-link {
  margin: 10px auto;
}

.bp-messages-wrap .bpbm-favorite-empty {
  padding: 30px 0 20px;
}

.bp-messages-wrap .bpbm-favorite-empty .bpbm-empty-icon {
  font-size: 50px;
  margin: 10px auto;
}

.bp-messages-wrap .bpbm-favorite-empty .bpbm-empty-icon i {
  font-size: 50px;
}

.bp-messages-wrap .bpbm-favorite-empty .bpbm-empty-message {
  margin: 10px auto;
}

.bp-messages-wrap .bpbm-search-empty {
  padding: 30px 0 20px;
}

.bp-messages-wrap .bpbm-search-empty .bpbm-empty-icon {
  font-size: 50px;
  margin: 10px auto;
}

.bp-messages-wrap .bpbm-search-empty .bpbm-empty-icon i {
  font-size: 50px;
}

.bp-messages-wrap .bpbm-search-empty .bpbm-empty-message {
  margin: 10px auto;
}

.bp-messages-wrap .chat-header .back {
  position: relative;
  width: 42px;
  min-width: 42px;
  text-align: center;
  height: 100%;
  cursor: pointer;
}
.bp-messages-wrap .chat-header .back + .thread-info {
  margin-left: 0 !important;
}
.bp-messages-wrap .chat-header .back svg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.bp-messages-wrap .chat-header .bm-close {
  position: relative;
  width: 42px;
  min-width: 42px;
  text-align: center;
  height: 100%;
  cursor: pointer;
}

.bm-svg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.bm-svg-animate {
  animation-name: bm-svg-animate;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
}

@keyframes bm-svg-animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bp-messages-wrap .scroller {
  overflow: hidden;
  overflow-y: auto;
  width: auto;
  width: 100%;
  height: 100%;
  text-align: initial;
  vertical-align: initial;
  float: none;
  margin: 0;
  cursor: initial;
  z-index: initial !important;
  position: relative;
}

.bp-messages-wrap.bp-messages-mobile .scroller {
  max-height: 100%;
  max-height: calc(100% - 44px);
}

.bp-messages-wrap.bp-messages-mobile input,
.bp-messages-wrap.bp-messages-mobile textarea,
.bp-messages-wrap.bp-messages-mobile .new-message form > div input,
.bp-messages-wrap.bp-messages-mobile .new-message form > div .taggle_input[type=text] {
  font-size: 16px !important;
  line-height: 20px !important;
}

.bp-messages-wrap .starred .list, .bp-messages-wrap .search .list {
  margin-top: 20px;
}

/*
body.bp-messages-mobile *:not(input,textarea) {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
} */
body.bp-messages-mobile .bm-medium-editor-mention-panel {
  z-index: 100001;
}

.bp-messages-wrap.bp-messages-mobile .threads-list .thread .time {
  display: table-cell !important;
  padding-right: 0;
  padding-left: 0;
  width: 1px;
  margin-right: 0;
  vertical-align: top;
}

.bp-messages-wrap.bp-messages-mobile .threads-list .thread .time .delete {
  display: block !important;
  position: relative;
  top: 0;
  right: 0px;
  padding-right: 0px;
}

.bp-messages-wrap .clearfix::before, .bp-messages-wrap .clearfix::after {
  content: "";
  display: table;
}

.bp-messages-wrap .clearfix::after {
  clear: both;
}

.bp-messages-wrap .threads-list {
  position: relative;
  display: table;
  width: 100%;
  table-layout: auto;
}

.bp-messages-wrap .threads-list.empty {
  padding-bottom: 0;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list {
  height: auto;
}

.bp-messages-wrap .threads-list .thread {
  display: table-row;
  vertical-align: top;
  /* position: relative; */
}
.bp-messages-wrap .threads-list .thread .bm-typing-container {
  white-space: normal;
}

.bp-messages-wrap .threads-list .thread.no-avatars > .bm-info {
  padding-left: 15px;
}

.bp-messages-wrap .threads-list .thread .deleted {
  display: none;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  background: #fff6f6 !important;
  z-index: 2;
  padding: 0;
}

.bp-messages-wrap .threads-list .thread.bp-messages-active-thread {
  background: rgba(var(--main-bm-color), 0.03);
}

.bp-messages-wrap .threads-list .thread.unread {
  background: #fdfdfd;
  background: rgba(253, 253, 253, 0.4);
}

.bp-messages-wrap .threads-list .thread:last-child > * {
  border-bottom: 0;
}

.bp-messages-wrap .threads-list .thread > * {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 15px;
  padding-top: 15px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(var(--bm-border-secondary-color), 0.4);
  line-height: initial;
}

.bp-messages-wrap .threads-list .thread .pic {
  padding-left: 15px;
  width: 50px;
  height: 50px;
  padding-right: 15px;
  text-align: left;
  box-sizing: content-box !important;
  position: relative;
  opacity: 1;
  z-index: 1;
}
.bp-messages-wrap .threads-list .thread .pic .bm-thread-emoji {
  display: block;
  width: 100%;
  font-size: 40px;
  text-align: center;
}

.bp-messages-wrap .threads-list .thread .pic.group {
  vertical-align: middle;
  text-align: left;
  line-height: 0;
  width: 55px;
  height: 55px;
  box-sizing: content-box !important;
}

.bp-messages-wrap .avatar {
  border: 0 !important;
}

.bp-messages-wrap .threads-list .thread .pic img {
  display: block;
  vertical-align: top;
  /* width: 100%; */
  border-radius: var(--bm-avatar-radius) !important;
}

.bp-messages-wrap .threads-list .thread .pic.group > * {
  margin: 0.5px 0.5px !important;
  width: 25px !important;
  height: 25px !important;
  border: 0 !important;
  display: inline-block;
  box-sizing: border-box;
}

.bp-messages-wrap .threads-list .thread .pic.group > * .avatar {
  width: 25px !important;
  height: 25px !important;
}

.no-count.bp-better-messages-unread {
  display: none !important;
}

.bp-messages-wrap .threads-list .thread .bm-info .name {
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 6px;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.bp-messages-wrap .threads-list .thread .bm-info .name > *:not(strong, .bm-placeholder-wrapper) {
  margin-left: 5px;
}
.bp-messages-wrap .threads-list .thread .bm-info .name .bm-thread-icon {
  margin-left: 5px;
  color: rgba(var(--bm-text-color), 0.6);
}
.bp-messages-wrap .threads-list .thread .bm-info .name .bm-thread-icon svg {
  vertical-align: middle;
}

.bp-messages-wrap .threads-list .thread .bm-info .name + h4 {
  font-size: 10px;
  margin: 0 0 4px;
  text-transform: none;
  font-weight: normal;
  line-height: 12px;
}

.bp-messages-wrap .threads-list .thread .bm-info h4 {
  margin: 0 0 4px;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: initial;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  word-break: break-word;
  color: rgba(var(--bm-text-color), 1);
}
.bp-messages-wrap .threads-list .thread .bm-info h4 .bm-thread-icon {
  margin-left: 5px;
  color: rgba(var(--bm-text-color), 0.6);
}

.bp-messages-wrap .threads-list .thread .bm-info .last-message {
  margin: 0;
  font-size: 12px;
  /* IE 5.5-7 */
  /* Firefox 1.0-2.0 */
  /* current browsers */
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all; /* Instead use this non-standard one: */
  word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 13px;
  padding: 0;
  display: flex;
  align-items: flex-start;
}
.bp-messages-wrap .threads-list .thread .bm-info .last-message .bm-last-message-avatar {
  min-width: 15px;
  max-width: 15px;
  margin-right: 5px;
}
.bp-messages-wrap .threads-list .thread .bm-info .last-message .bm-last-message-content > br + br {
  display: none;
}
.bp-messages-wrap .threads-list .thread .bm-info .last-message .bm-last-message-content .last-message-rich {
  display: flex;
  align-items: center;
}
.bp-messages-wrap .threads-list .thread .bm-info .last-message .bm-last-message-content .last-message-rich > svg {
  margin-right: 3px;
}

@-webkit-keyframes pulse-animation {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.bm-ai-waiting > svg {
  -webkit-animation: pulse-animation 2s infinite linear;
}

.bp-messages-wrap .threads-list .thread .bm-info .bm-live-chat-online {
  display: flex;
  font-size: 11px;
  align-items: center;
  margin-top: 2px;
}
.bp-messages-wrap .threads-list .thread .bm-info .bm-live-chat-online .bm-live-chat-online-indicator {
  background: #28B62C;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-animation: pulse-animation 2s infinite linear;
  margin-right: 5px;
}

.bp-messages-wrap .threads-list .thread .bm-info p .avatar {
  vertical-align: middle;
  margin-right: 5px !important;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.bp-messages-wrap .threads-list .thread .bm-info p .avatar img {
  display: block;
}

.bp-messages-wrap .threads-list .thread .bm-info p .bpbm-gifs-icon {
  vertical-align: middle;
}

.bp-messages-wrap .threads-list .thread .time {
  padding-left: 10px;
  position: relative;
  padding-right: 2px;
  text-align: center;
  width: 1px;
  font-size: 12px;
  white-space: nowrap;
}
.bp-messages-wrap .threads-list .thread .time .bm-status {
  display: block;
  opacity: 1 !important;
  position: relative;
  margin: 5px 0 0;
  cursor: pointer;
  text-align: center;
  color: gray;
  font-size: 11px;
}
.bp-messages-wrap .threads-list .thread .time .bm-status[data-status=seen] {
  color: rgba(var(--main-bm-color), 1);
}
.bp-messages-wrap .threads-list .thread .time .bm-status > svg {
  width: 14px;
}

.bp-messages-wrap .threads-list .thread .actions {
  text-align: center;
  width: 1px;
  font-size: 12px;
  padding-right: 8px;
}
.bp-messages-wrap .threads-list .thread .actions > * {
  opacity: 0;
}

.bp-messages-wrap.bp-messages-mobile .threads-list .thread .actions {
  padding-right: 4px;
}

body:not(.bm-mobile-device) .bp-messages-wrap .threads-list .thread:hover > * {
  background: rgba(var(--bm-hover-bg), 1);
  cursor: pointer;
}

body:not(.bm-mobile-device) .bp-messages-wrap .threads-list .thread:hover .actions > * {
  opacity: 1;
}

body:not(.bm-mobile-device) .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content .url-wrap:hover {
  -moz-box-shadow: 0 0 4px rgb(220, 220, 220);
  -webkit-box-shadow: 0 0 4px rgb(220, 220, 220);
  box-shadow: 0 0 4px rgb(220, 220, 220);
  border-color: rgb(220, 220, 220);
}

.bp-messages-wrap .threads-list .thread .actions .bm-more-actions {
  font-size: 15px;
  color: #cacaca;
  line-height: 1;
}

.bp-messages-wrap .threads-list .thread .unread-mention {
  background: rgba(var(--main-bm-color), 1);
  color: white;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  font-size: 12px;
  margin-right: 5px;
  position: relative;
}
.bp-messages-wrap .threads-list .thread .unread-mention > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.bp-messages-wrap .threads-list .thread .unread-count {
  background: rgba(var(--main-bm-color), 1);
  color: white;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  font-weight: bold;
  padding: 0;
  line-height: 20px;
  font-size: 11px;
  display: block;
}

.bp-messages-wrap .threads-list .thread .bm-info .user {
  line-height: 14px;
  margin-bottom: 4px;
}

.bp-messages-wrap .threads-list .thread .bm-info .user a {
  text-decoration: none;
}

.bp-messages-wrap div.new-message {
  padding: 20px 20px;
  overflow: auto;
  height: 100%;
}
.bp-messages-wrap div.new-message h4 {
  margin: 0 0 1em;
}

.bp-messages-wrap div.new-message form {
  margin: 0;
}

.bp-messages-wrap .new-message form > div {
  margin-bottom: 20px;
  position: relative;
}

.bp-messages-wrap .new-message form > div label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
}

.bp-messages-wrap .new-message form > div textarea {
  min-height: 80px;
  padding-top: 10px !important;
}

.bp-messages-wrap .new-message form > div input, .bp-messages-wrap .new-message form > div textarea {
  display: block;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -moz-transition: border-color 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out !important;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  font-size: 14px !important;
  padding-left: 12px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 12px !important;
  height: initial !important;
  min-height: 10px !important;
}

.bp-messages-wrap .new-message form > div textarea {
  min-height: 5em !important;
  outline: none;
}

.bp-messages-wrap .new-message form > div input:focus {
  border-color: rgba(var(--main-bm-color), 1) !important;
  outline: 0 !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6) !important;
}

.bp-messages-wrap .writing {
  position: absolute;
  bottom: 82px;
  left: 0;
  height: 30px;
  line-height: 30px;
  padding-left: 78px;
  font-size: 10px;
  box-sizing: border-box;
  width: 100%;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(250, 251, 252) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(250, 251, 252) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(250, 251, 252) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fafbfc",GradientType=1);
  z-index: 4;
}

.bp-messages-wrap.bp-better-messages-mini .writing {
  padding-left: 12px;
}

.bp-messages-wrap .active .taggle_list {
  border-color: rgba(var(--main-bm-color), 1);
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--main-bm-color), 0.6);
}

.bp-messages-wrap .taggle_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 !important;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  font-size: 14px;
  padding-left: 12px !important;
  margin-bottom: 0 !important;
  height: auto !important;
  overflow: hidden;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 12px;
}

.bp-messages-wrap .taggle_list input.taggle_input[type=text],
.bp-messages-wrap .taggle_list input.taggle_input[type=text]:focus {
  border: none !important;
  outline: none !important;
  height: auto !important;
  font-size: 16px;
  font-weight: 300;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 10px;
}

.bp-messages-wrap .taggle_list li {
  float: left;
  display: inline-block;
  white-space: nowrap;
  font-weight: 500;
  margin-bottom: 0px;
  margin-left: 0 !important;
}

.bp-messages-wrap .taggle_list .taggle {
  margin-right: 8px;
  background: #E2E1DF;
  padding: 1px 10px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 30px;
  line-height: 30px;
}

.bp-messages-wrap .taggle_list .taggle_hot {
  background: #cac8c4;
}

.bp-messages-wrap .taggle_list .taggle .close:active {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
}

.bp-messages-wrap .taggle_list .taggle .close {
  font-size: 1.1rem;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  text-decoration: none;
  padding-left: 2px;
  padding-top: 3px;
  padding-right: 2px;
  background-image: none !important;
  line-height: 0.5;
  color: #ccc;
  color: rgba(0, 0, 0, 0.2);
  padding-bottom: 4px;
  display: none;
  border: 0;
  background: none;
  cursor: pointer;
  outline: 0;
}

.bp-messages-wrap .taggle_list .taggle:hover {
  /* padding: 5px; */
  padding-right: 25px;
  background: #ccc;
  transition: all 0.3s;
}

.bp-messages-wrap .taggle_list .taggle:hover > .close {
  display: inline-block;
  width: 20px;
}

.bp-messages-wrap .taggle_list .taggle .close:hover {
  color: #990033;
}

.bp-messages-wrap .taggle_placeholder {
  position: absolute;
  color: #CCC;
  top: 12px;
  left: 8px;
  transition: opacity, 0.25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#wcfm-main-contentainer input.taggle_input[type=text],
.bp-messages-wrap .new-message form > div .taggle_input[type=text] {
  padding: 0px !important;
  padding-left: 0;
  float: left;
  background: none;
  width: 100%;
  max-width: 100%;
  font-size: 14px !important;
  margin: 0;
  border: 0 !important;
  box-shadow: none !important;
}

.bp-messages-wrap .taggle_sizer {
  padding: 0;
  margin: 0;
  position: absolute;
  top: -500px;
  z-index: -1;
  visibility: hidden;
}

/*container styles*/
.bp-messages-wrap textarea.input, .bp-messages-wrap .textarea.input {
  border: 0;
  background: #FDFDFD;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.7);
  min-height: 60px;
  padding: 8px;
  border-radius: 3px;
  color: #555;
  transition: all 0.25s;
  cursor: text;
  margin-bottom: 10px;
  position: relative;
}

.bp-messages-wrap .textarea.input:focus, .bp-messages-wrap .textarea.input.active, .bp-messages-wrap textarea.input:focus, .bp-messages-wrap textarea.input.active {
  background: #fff;
  transition: all 0.25s;
}

.bp-messages-wrap .textarea.input, textarea.input {
  height: auto;
}

.bp-messages-wrap .textarea.tags {
  position: relative;
}

.bp-messages-wrap .textarea.tags * {
  box-sizing: content-box !important;
}

.bp-messages-wrap .placeholder_input {
  position: relative;
}

.bp-messages-wrap .placeholder_input span {
  position: absolute;
  color: #AAA;
  top: 50%;
  margin-top: -11px;
  left: 10px;
}

.bp-messages-wrap .placeholder_input input {
  width: 120px;
}

.bp-messages-wrap .ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
}

.bp-messages-wrap .ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.bp-messages-wrap .ui-widget-content {
  background: #fff;
  color: #990033;
}

.bp-messages-wrap .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}

.bp-messages-wrap .ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: normal;
  color: #8a8a8a;
  cursor: pointer;
}

.bp-messages-wrap .ui-menu .ui-menu-item a:hover {
  color: #fff;
  background: #990033;
}

.bp-messages-wrap .ui-state-hover, .bp-messages-wrap .ui-widget-content .ui-state-hover, .bp-messages-wrap .ui-widget-header .ui-state-hover, .bp-messages-wrap .ui-state-focus, .bp-messages-wrap .ui-widget-content .ui-state-focus, .bp-messages-wrap .ui-widget-header .ui-state-focus {
  background: #fafbfc;
  cursor: pointer;
}

.bp-messages-wrap .ui-state-hover a, .bp-messages-wrap .ui-state-hover a:hover, .bp-messages-wrap .ui-state-hover a:link, .bp-messages-wrap .ui-state-hover a:visited {
  color: #fff;
}

.bp-messages-wrap .ui-state-active, .bp-messages-wrap .ui-widget-content .ui-state-active, .bp-messages-wrap .ui-widget-header .ui-state-active {
  /* border: 1px solid #aaaaaa; */
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}

.bp-messages-wrap .ui-helper-hidden {
  display: none;
}

.bp-messages-wrap .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.bp-messages-wrap .autocomplete {
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  top: 66px;
  background: white;
  width: 99.5%;
  left: 0.25%;
  z-index: 2;
}

.bp-messages-wrap .autocomplete ul li {
  display: block;
  padding: 6px 8px;
}

.bp-messages-wrap .autocomplete ul li.selected, .autocomplete ul li:hover {
  background: #ff6633;
  color: #fff;
  cursor: pointer;
}

.bp-messages-wrap .ui-autocomplete {
  max-height: 200px;
  overflow: scroll;
  width: 99% !important;
}

.bbpm-avatar {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 0 !important;
  overflow: initial !important;
  color: #8ac176;
  transition: color 0.5s ease;
  border-radius: var(--bm-avatar-radius) !important;
}
.bbpm-avatar img {
  display: block;
  border-radius: var(--bm-avatar-radius) !important;
}

.bbpm-avatar::before {
  display: block;
  opacity: 0;
  position: absolute;
  content: "";
  background-color: currentColor;
  border-radius: 50%;
  bottom: -1px;
  right: -1px;
  border: 1px solid #fff;
  height: 20%;
  width: 20%;
  z-index: 2;
}

.bbpm-avatar.online::before {
  opacity: 1;
}

.bp-messages-wrap img.wp-smiley, .bp-messages-wrap img.emoji, .bp-messages-wrap .emojione {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1.3em !important;
  width: 1.3em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  top: initial !important;
  text-indent: initial !important;
  line-height: initial !important;
}

.threads-list-wrapper.all-loaded .threads-list {
  padding-bottom: 0;
}

.threads-list-wrapper .loading-messages {
  top: auto;
  bottom: 10px;
}

.loading-messages {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
}

.loading-messages > div {
  width: 10px;
  height: 10px;
  background-color: #8b8b8b;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loading-messages .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading-messages .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.bm-spin-animation {
  -webkit-animation: bm-spin 2s linear infinite;
  animation: bm-spin 2s linear infinite;
}

@-webkit-keyframes bm-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes bm-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.bp-better-messages-mini {
  position: fixed;
  bottom: var(--bm-mini-widgets-offset-bottom);
  right: 70px;
  box-shadow: none !important;
  border: 0 !important;
  overflow: unset;
  z-index: 800;
  pointer-events: none;
  background: none !important;
  white-space: nowrap;
}

.bp-messages-wrap.bp-better-messages-list .messages .scroller {
  max-height: 351px !important;
  height: 9999px;
}

/** +40px **/
.bp-messages-wrap.bp-better-messages-list .messages.no-chat-footer .scroller {
  max-height: 351px !important;
}

.bp-messages-wrap.bp-better-messages-list .friends .scroller,
.bp-messages-wrap.bp-better-messages-list .um-friends .scroller,
.bp-messages-wrap.bp-better-messages-list .ps-friends .scroller,
.bp-messages-wrap.bp-better-messages-list .bpbm-groups .scroller,
.bp-messages-wrap.bp-better-messages-list .ps-groups .scroller,
.bp-messages-wrap.bp-better-messages-list .bmum-groups .scroller {
  max-height: 351px !important;
  height: 9999px;
}

.bp-messages-wrap.bp-better-messages-mini .bp-messages-threads-wrapper {
  max-height: 395px;
}

#bp-better-messages-mini-mobile-open {
  display: none;
}

#bp-better-messages-mini-mobile-open .bp-better-messages-mini-mobile-open-icon {
  font-size: 28px;
  line-height: 52px;
}
#bp-better-messages-mini-mobile-open .bp-better-messages-mini-mobile-open-icon > svg {
  vertical-align: initial;
}

#bp-better-messages-mini-mobile-open .count {
  position: absolute;
  top: -6px;
  right: -6px;
  font-size: 12px;
  line-height: 14px;
  padding: 2px 4px;
  height: 17px;
  background: red;
  border-radius: 2px;
  box-sizing: border-box;
}

.bp-messages-wrap-main.bp-messages-mobile,
.bp-messages-wrap-group.bp-messages-mobile,
.bp-messages-chat-wrap.bp-messages-mobile,
.bp-messages-single-thread-wrap.bp-messages-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: white;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.bp-messages-wrap-main.bp-messages-mobile .chat-footer,
.bp-messages-wrap-group.bp-messages-mobile .chat-footer,
.bp-messages-chat-wrap.bp-messages-mobile .chat-footer,
.bp-messages-single-thread-wrap.bp-messages-mobile .chat-footer {
  height: calc(44px + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
}

#bp-better-messages-mini-mobile-container,
#bp-better-messages-mobile-view-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: white;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
#bp-better-messages-mini-mobile-container .chat-footer,
#bp-better-messages-mobile-view-container .chat-footer {
  height: calc(44px + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
}
#bp-better-messages-mini-mobile-container > .bp-messages-wrap,
#bp-better-messages-mobile-view-container > .bp-messages-wrap {
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
}
#bp-better-messages-mini-mobile-container > .bp-messages-wrap > .bp-messages-threads-wrapper,
#bp-better-messages-mobile-view-container > .bp-messages-wrap > .bp-messages-threads-wrapper {
  height: 100% !important;
}

body.bm-mobile-device .bp-messages-wrap .chat-header .mini-chat,
body.bm-mobile-device .bp-better-messages-mini,
body.bm-mobile-device .bp-better-messages-list {
  display: none !important;
}
body.bm-mobile-device #bp-better-messages-mini-mobile-open {
  position: fixed;
  background: rgba(var(--main-bm-color), 1);
  color: white;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 50px;
  font-size: 25px;
  bottom: 20px;
  right: 20px;
  border-radius: 2px;
  box-shadow: none;
  border: none;
  z-index: 10;
}
body.bm-mobile-device #bp-better-messages-mini-mobile-open.bm-initialized {
  display: block;
}
body.bm-mobile-device #bp-better-messages-mini-mobile-open i {
  line-height: 50px;
}
body.bm-mobile-device #bp-better-messages-mini-mobile-open.bpbm-mobile-open-left {
  left: 20px;
  right: auto;
}

@media screen and (max-width: 800px) {
  .bp-messages-wrap .chat-header .bpbm-minimize,
.bp-better-messages-mini,
.bp-better-messages-list {
    display: none !important;
  }
  #bp-better-messages-mini-mobile-open {
    position: fixed;
    background: rgba(var(--main-bm-color), 1);
    color: white;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 50px;
    font-size: 25px;
    bottom: 20px;
    right: 20px;
    border-radius: 2px;
    box-shadow: none;
    border: none;
    z-index: 10;
  }
  #bp-better-messages-mini-mobile-open.bm-initialized {
    display: block;
  }
  #bp-better-messages-mini-mobile-open i {
    line-height: 50px;
  }
  #bp-better-messages-mini-mobile-open.bpbm-mobile-open-left {
    left: 20px;
    right: auto;
  }
}
.bp-messages-wrap i {
  font-size: inherit;
}

.bp-messages-wrap .pic {
  width: 50px;
  height: 50px;
  position: relative;
  opacity: 1;
  z-index: 1;
}

.bp-messages-wrap .pic img {
  height: 50px;
  width: 50px;
}

.bp-messages-wrap .pic.group img {
  height: 23px;
}

/* @media screen and (max-width: 700px) { */
.bp-messages-wrap.bp-messages-mobile {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none;
  margin: 0 !important;
  max-width: 100% !important;
}
.bp-messages-wrap.bp-messages-mobile .contexify__item__content {
  padding: 6px 12px;
}

.bp-messages-wrap.bp-messages-mobile .chat-header .mobileClose {
  position: relative;
  color: rgba(var(--main-bm-color), 1) !important;
  display: inline-block;
  float: right;
  width: 45px;
  text-align: center;
}

.bp-messages-wrap .chat-header .expandingButtons {
  display: inline-block;
  /* position: relative; */
  float: right;
  width: 45px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.bp-messages-wrap .expandingButtons .bpbm-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0px;
  z-index: 1000;
  /* display: none; */
  min-width: 10rem;
  padding: 0.2rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: rgba(var(--bm-bg-secondary), 1);
  background-clip: padding-box;
  border: 1px solid rgba(var(--bm-border-color), 0.62);
  border-radius: 0;
}

.bp-messages-wrap .expandingButtons.expandingButtonsOpen .bpbm-dropdown-menu {
  display: block;
}

.bp-messages-wrap.bp-better-messages-mini .expandingButtons.expandingButtonsOpen .bpbm-dropdown-menu {
  right: 12px;
}

.bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  padding: 0 10px;
  clear: both;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  color: rgba(var(--bm-text-color), 1);
  text-align: left;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
}
.bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item .bpbm-dropdown-item-icon {
  position: relative;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  font-size: 16px;
  text-align: center;
}
.bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item .bpbm-dropdown-item-icon svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item:hover {
  background: rgba(var(--main-bm-color), 0.03);
}

.bp-messages-wrap.bp-messages-mobile .chat-header .bpbm-search {
  display: inline-block;
  float: none;
}

.bp-messages-wrap.bp-messages-mobile .chat-header .bpbm-search a {
  height: 44px;
  line-height: 44px;
}

.bp-messages-wrap .new-message .message {
  position: relative;
  background: none;
  padding: 0;
  margin: 0;
}

.bp-messages-wrap.bp-messages-mobile .threads-list .thread .pic.group {
  width: 55px;
}

.bp-messages-wrap.bp-messages-mobile .threads-list .thread .pic {
  padding-left: 15px !important;
  padding-right: 15px !important;
  opacity: 1;
  position: relative;
  z-index: 1;
}

.bp-better-messages-list {
  display: flex;
  position: fixed;
  border-radius: var(--bm-mini-chats-border-radius) var(--bm-mini-chats-border-radius) 0 0 !important;
  overflow: hidden !important;
  bottom: var(--bm-mini-widgets-offset-bottom);
  overflow: unset;
  z-index: 800;
  right: var(--bm-mini-widgets-offset);
  width: var(--bm-mini-widgets-width);
  max-width: 100%;
  background: rgba(var(--bm-bg-color), 1);
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1);
  box-shadow: 0 0 3px 1px rgba(var(--bm-border-secondary-color), 1);
}
.bp-better-messages-list:empty {
  border: none;
  box-shadow: none;
}
.bp-better-messages-list.bm-widget-not-at-bottom {
  border-radius: var(--bm-mini-chats-border-radius) !important;
}
.bp-better-messages-list.bm-opened {
  height: var(--bm-mini-widgets-height);
}
.bp-better-messages-list .bm-thread-emoji {
  font-size: 20px !important;
}
.bp-better-messages-list .tabs-content {
  position: relative;
  height: 100%;
  min-height: 0;
}
.bp-better-messages-list .tabs-content > div.active {
  height: 100%;
}

.bm-button-loading {
  position: relative;
  text-align: center;
}
.bm-button-loading .bm-button-loading-icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.bm-button-loading .bm-button-loading-icon svg {
  animation-name: bm-svg-animate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
}
.bm-button-loading .bm-button-text {
  opacity: 0;
}

.bp-better-messages-list + .bp-better-messages-mini {
  right: var(--bm-mini-chats-offset);
}

.bp-better-messages-list .tabs {
  padding: 0;
  margin: 0 !important;
  line-height: 35px;
  height: 35px;
  border-radius: 5px 5px 0 0;
  background: rgba(var(--bm-bg-color), 1);
  font-size: 13px;
  box-sizing: content-box !important;
  /* box-shadow: 0 0 3px 1px #d7d8db; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: nowrap;
}

.bp-better-messages-list.bm-opened .tabs {
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
}

.bp-better-messages-list .tabs > div {
  display: inline-flex;
  width: 100%;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}
.bp-better-messages-list .tabs > div > svg {
  font-size: 16px;
  margin-right: 4px;
}

.bp-better-messages-list .tabs > div.active {
  background: rgba(var(--bm-bg-secondary), 1);
}

.bp-better-messages-list .tabs > div[data-tab=bpbm-close] {
  width: 40px;
  min-width: 40px;
  padding: 0 5px 0 5px;
}

.bp-better-messages-list .tabs-content > div {
  display: none;
  height: 400px;
}

.bp-better-messages-list .tabs-content > div.active {
  display: block;
}

.bp-messages-wrap.bp-better-messages-list .threads-list .thread .pic img {
  width: 25px;
  height: 25px;
}

.bp-messages-wrap.bp-better-messages-list .threads-list .thread .pic.group > * {
  width: 12px !important;
  height: 12px !important;
  vertical-align: top;
}

.bp-messages-wrap.bp-better-messages-list .threads-list .thread .pic.group > * .avatar {
  width: 12px !important;
  height: 12px !important;
}

.bp-messages-wrap.bp-better-messages-list .threads-list .thread .pic {
  width: 25px;
  padding-left: 15px;
  padding-right: 10px;
  height: 25px;
  opacity: initial;
  position: relative;
  z-index: 1;
}

.bp-messages-wrap.bp-better-messages-list .threads-list .thread .pic.group {
  width: 30px;
  vertical-align: top;
}

.bp-messages-wrap.bp-better-messages-list .chat-header {
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  border-bottom: none;
  height: 40px;
  line-height: 37px;
}

.bp-messages-wrap .threads-list .thread .loading {
  margin: 0 auto 0;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  z-index: 2;
}

.bp-messages-wrap .threads-list .thread.loading .loading {
  display: block;
}

.bp-messages-wrap .threads-list .thread .loading > div {
  width: 10px;
  height: 10px;
  background-color: #8b8b8b;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.bp-messages-wrap .threads-list .thread .loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.bp-messages-wrap .threads-list .thread .loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.bp-messages-wrap .empty-thread {
  height: 100%;
  text-align: center;
  margin: 20px 0 40px;
  font-size: 16px;
}

.bp-messages-wrap .empty-thread svg {
  font-size: 50px !important;
  color: #9d9d9d;
}

.bp-messages-wrap .empty-thread span {
  display: block;
  margin-top: 20px;
  color: gray;
  white-space: normal;
  padding: 0 10px;
}

.bp-messages-user-list {
  position: relative;
  width: 100%;
  padding: 0;
  background: rgba(var(--bm-bg-color), 1);
  height: 100%;
}
.bp-messages-user-list .bpbm-loader-icon {
  text-align: center;
  font-size: 24px;
  margin-top: 40px;
}
.bp-messages-user-list .bm-user-search-wrap {
  padding: 0 10px;
  margin: 10px 0;
}
.bp-messages-user-list .bm-user-search-wrap .bm-user-search {
  min-height: 30px !important;
  display: inline-block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
}

.bm-load-more-participants-div {
  display: block;
  text-align: center;
  padding: 0 0 10px;
}
.bm-load-more-participants-div .bm-load-more-participants {
  display: inline-block;
  padding: 5px 15px;
  background: rgba(var(--main-bm-color), 1);
  color: rgba(var(--bm-bg-color), 1);
  white-space: nowrap;
  cursor: pointer;
}

.bp-messages-user-list .bp-messages-user-list-loader {
  text-align: left;
  font-size: 28px;
  padding: 10px !important;
}

.bp-messages-user-list .user {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  background: none !important;
  cursor: default !important;
  font-size: 15px;
  float: none;
}
.bp-messages-user-list .user .threads-list-item-note {
  font-size: 13px;
  margin-left: 5px;
}
.bp-messages-user-list .user .threads-list-item-note > span {
  display: inline-block;
  vertical-align: middle;
}
.bp-messages-user-list .user .threads-list-item-note .bm-banned-label {
  margin-left: 5px;
}

.bp-messages-user-list div.user:not(.not-clickable):hover {
  background: rgba(var(--bm-hover-bg), 1) !important;
  cursor: pointer !important;
}

.bp-messages-user-list .user > *:not(.pic) {
  margin-left: 5px;
}

.bp-messages-user-list .user > *:not(img) {
  padding-top: 7px;
  padding-bottom: 7px;
}

.bp-messages-user-list .user .pic {
  width: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: content-box !important;
  position: relative;
  opacity: 1;
  z-index: 1;
}

.bp-messages-user-list .user .pic img {
  width: 30px;
  height: 30px;
}

.bp-messages-user-list .user .name {
  font-size: 13px;
  word-break: break-word;
}

.bp-messages-user-list .user .bm-msg-status {
  color: gray;
  font-style: italic;
  font-size: 90%;
  padding-left: 10px;
}

.bp-messages-user-list .user .actions {
  display: flex;
  margin-left: auto;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
  align-items: center;
}

.bp-messages-user-list .user.threads-list-item .actions {
  padding-right: 0;
}

.bp-messages-user-list .user .actions > a,
.bp-messages-user-list .user .actions > span {
  position: relative;
  padding: 0;
  display: block;
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  cursor: pointer;
  color: rgba(var(--bm-text-color), 1);
}
.bp-messages-user-list .user .actions > a > svg,
.bp-messages-user-list .user .actions > span > svg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.bp-messages-user-list .user .loading {
  margin: 0 auto 0;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  z-index: 2;
}

.bp-messages-user-list .user.loading .loading {
  display: block;
}

.bp-messages-user-list .user .loading > div {
  width: 10px;
  height: 10px;
  background-color: #8b8b8b;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.bp-messages-user-list .user .loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.bp-messages-user-list .user .loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.bp-messages-group-list {
  position: relative;
  width: 100%;
  padding: 0;
  background: rgba(var(--bm-bg-color), 1);
  height: 100%;
  font-size: 15px;
}
.bp-messages-group-list .bpbm-loader-icon {
  text-align: center;
  font-size: 24px;
  margin-top: 40px;
}

.bp-messages-group-list .group {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  background: none !important;
  cursor: default !important;
}

.bp-messages-group-list .group:hover {
  background: rgba(var(--bm-hover-bg), 1) !important;
  cursor: pointer !important;
}

.bp-messages-group-list .group > * {
  padding-top: 7px;
  padding-bottom: 7px;
}

.bp-messages-group-list .group .pic {
  width: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: content-box !important;
  position: relative;
  opacity: 1;
  z-index: 1;
}

.bp-messages-group-list .group .pic img {
  width: 30px;
  height: 30px;
}

.bp-messages-group-list .group .name {
  font-size: 13px;
  word-break: break-word;
}

.bp-messages-group-list .group .actions {
  padding: 5px 15px;
  white-space: nowrap;
  margin-left: auto;
}

.bp-messages-group-list .group .actions > a {
  padding: 10px 3px;
  display: inline-block;
  color: rgba(var(--bm-text-color), 1);
  font-size: 12px;
}

.bp-messages-group-list .group.loading .loading {
  display: block;
}

.bp-messages-group-list .group .loading > div {
  width: 10px;
  height: 10px;
  background-color: #8b8b8b;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.bp-messages-group-list .group .loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.bp-messages-group-list .group .loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.bp-messages-wrap .chat-controls {
  position: absolute;
  background: #fafbfc;
  padding: 9px 15px;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
  display: none;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  bottom: 0;
}

.bp-messages-wrap .chat-controls .edit-message {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15px;
  width: 100%;
  height: 100%;
  background: inherit;
}

.bp-messages-wrap .chat-controls .edit-message .bpbm-edit-cancel {
  float: right;
}

.bp-messages-wrap .chat-controls a {
  text-decoration: none;
  background: #427a9b;
  color: white !important;
  font-size: 11px;
  padding: 2px 10px;
  vertical-align: top;
  display: inline-block;
  border-radius: 2px;
  line-height: 20px;
  user-select: none;
}

.bp-messages-wrap .chat-controls a .fas {
  color: white;
  line-height: 20px;
}

.bp-messages-wrap .chat-controls a.bpbm-fave {
  background: #dc9f19;
}

.bp-messages-wrap .chat-controls a.bpbm-delete {
  float: right;
  background: #ad1f1f !important;
  color: white !important;
  text-decoration: none !important;
}

.bp-messages-wrap .chat-controls a.bpbm-delete i {
  color: white !important;
}

.bp-messages-wrap.bp-better-messages-mini .chat-controls a {
  padding-top: 4px;
  padding-bottom: 4px;
}

.bp-messages-wrap .chat-controls a i {
  font-size: 9px;
  vertical-align: middle;
}

.bp-messages-wrap .participants-panel,
.bp-messages-wrap .bm-thread-settings {
  position: relative;
  width: 100%;
  z-index: 2;
  padding: 10px;
}
.bp-messages-wrap .participants-panel h4,
.bp-messages-wrap .bm-thread-settings h4 {
  margin: 0 !important;
  padding: 10px 10px !important;
  font-weight: 400;
  font-size: 20px;
}
.bp-messages-wrap .participants-panel .bm-thread-add-participant-title,
.bp-messages-wrap .bm-thread-settings .bm-thread-add-participant-title {
  display: flex;
  align-items: center;
}
.bp-messages-wrap .participants-panel .bm-thread-add-participant-title .bm-thread-add-participant,
.bp-messages-wrap .bm-thread-settings .bm-thread-add-participant-title .bm-thread-add-participant {
  display: block;
  position: relative;
  margin-left: auto;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.bm-name {
  display: inline-flex;
  align-items: center;
}
.bm-name .bm-name-moderator,
.bm-name .bm-name-verified {
  display: inline-flex;
}

.bm-name-verified {
  margin-left: 5px;
}

.bp-messages-wrap .participants-panel .participants-panel-filters {
  padding: 0px 10px 5px !important;
}
.bp-messages-wrap .participants-panel .participants-panel-filters > span {
  display: inline-block;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1);
  padding: 3px 10px;
  font-size: 13px;
  margin-right: 6px;
  border-radius: 15px;
  cursor: pointer;
  user-select: none;
}
.bp-messages-wrap .participants-panel .participants-panel-filters > span.bm-active {
  font-weight: bold;
}

.bp-messages-wrap .participants-panel .add-user {
  padding: 5px 10px 10px;
}

.bp-messages-wrap .participants-panel .add-user p {
  margin: 0 0 5px;
  font-weight: bold;
}

.bp-messages-wrap .participants-panel .add-user > button {
  margin-top: 8px;
}

.bp-messages-wrap .add-user-panel {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: auto;
  padding: 20px 10px;
  background: rgba(var(--bm-bg-color), 1);
}

.bp-messages-wrap .add-user-panel.open {
  display: block;
}

.bp-messages-wrap .add-user-panel h4 {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.bp-messages-wrap .add-user-panel .buttons {
  margin-top: 20px;
}

.bp-messages-wrap .add-user-panel .buttons button {
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
  color: white;
  background: rgba(var(--main-bm-color), 1);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  user-select: none;
  vertical-align: top;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 #cccccc;
  font-size: 14px !important;
  line-height: 17px;
}

.bp-messages-mobile-tap {
  display: none;
}

.bp-messages-wrap.mobile-ready:not(.bp-messages-mobile) .bp-messages-mobile-tap {
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6196078431);
  box-sizing: border-box;
  color: #216f95;
  z-index: 10;
}

body.uppy-Dashboard-isFixed #wpadminbar,
body.bp-messages-mobile #wpadminbar {
  display: none;
}

/**
* Youzer
*/
.bpbm-youzify-btn a {
  color: #898989;
  border: 1px solid #eee;
  background-color: transparent;
  font-size: 13px;
  height: initial;
  min-width: 110px;
  font-weight: 600;
  line-height: 22px;
  padding: 12px 20px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.bpbm-youzify-btn a i {
  font-weight: 600;
  margin-right: 8px;
  font-size: 14px;
}

body.bp-messages-mobile #yz-profile-header,
body.bp-messages-mobile .yz-sidebar-column,
body.bp-messages-mobile footer,
body.bp-messages-mobile #yz-profile-navmenu {
  display: none !important;
}

.bp-messages-wrap .bpbm-user-option-title {
  margin: 0 0 10px !important;
  font-size: 18px;
}

.bp-messages-wrap .bpbm-user-options .push-notifications-control {
  margin: 10px 0 0;
}

.bp-messages-wrap .bpbm-user-options {
  padding: 20px;
  font-size: 16px;
}
.bp-messages-wrap .bpbm-user-options button {
  cursor: pointer;
  display: inline-block;
  color: white;
  background: rgba(var(--main-bm-color), 1);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  user-select: none;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 #cccccc;
}
.bp-messages-wrap .bpbm-user-options input {
  max-height: 30px !important;
  min-height: 30px !important;
  display: inline-block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
}
.bp-messages-wrap .bpbm-user-options input:focus {
  border-color: rgba(var(--bm-border-active), 1) !important;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-option {
  margin: 0 0 10px;
  font-size: 16px;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-option .bpbm-user-option-text label {
  font-size: 13px;
  margin-right: 10px;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-option-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-option-toggle label {
  display: inline;
  font-size: 16px;
  padding: 0;
  margin: 0;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-option-toggle input[type=checkbox] {
  display: none;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-option-description {
  color: rgba(var(--bm-text-color), 0.8);
  font-size: 90%;
  margin: 8px 0 0;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist {
  margin: 10px 0;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist table {
  border: none;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist table td {
  border: 1px solid #e4e4e4;
  padding: 5px 10px;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist table + .bpbm-user-blacklist-empty {
  display: none;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist .bpbm-user-blacklist-empty {
  text-align: center;
  padding: 30px 0;
  border: 1px solid #e4e4e4;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist .bpbm-user-blacklist-empty svg {
  display: block;
  font-size: 36px;
  margin: 10px auto;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist ul {
  list-style: none;
  padding: 0px 10px;
  margin: 5px 0 5px;
  border: 1px solid #dedfe1;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist ul li {
  list-style: none;
  border: 1px solid #dedfe1;
  padding: 2px 10px;
  margin: 10px 0;
}

.bp-messages-wrap .bm-thread-options {
  padding: 20px 20px 10px;
  font-size: 16px;
  background: rgba(var(--bm-bg-secondary), 1);
  border-radius: var(--bm-border-radius);
  border: 1px solid rgba(var(--bm-border-secondary-color), 1);
  margin: 20px;
}

.bp-messages-wrap .bm-thread-options .bm-thread-option {
  margin: 0 0 10px;
  font-size: 16px;
}

.bp-messages-wrap .bm-thread-options .bm-thread-option-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
}

.bp-messages-wrap .bm-thread-options .bm-thread-option-toggle label {
  display: inline;
  font-size: 16px;
  padding-left: 0;
}

.bp-messages-wrap .bm-thread-options .bm-thread-option-toggle input[type=checkbox] {
  margin-right: 5px;
}

.bp-messages-wrap .bm-thread-options .bm-thread-option-toggle input[type=text] {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  min-height: 30px !important;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  padding: 10px;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
}

.bp-messages-wrap .bm-thread-options .bm-thread-option-description {
  color: rgba(var(--bm-text-color), 0.9);
  font-size: 80%;
  margin-top: 5px;
}

.bp-better-messages-restrict-send-message {
  list-style: none !important;
  padding: 10px 5px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: 16px;
}

.bp-better-messages-restrict-send-message li {
  list-style: none !important;
}

.bp-messages-group-call-controls-v2 {
  position: absolute;
  z-index: 2;
  background: rgba(var(--bm-bg-color), 1);
  width: 100%;
  height: 44px;
  padding: 0 10px;
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  border-left: 1px solid rgba(var(--bm-border-color), 0.62);
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bp-messages-group-call-controls-v2 .bp-messages-group-call-controls-buttons {
  white-space: nowrap;
}
.bp-messages-group-call-controls-v2 .bp-messages-group-call-controls-buttons > span {
  position: relative;
  display: inline-block;
  padding: 0;
  height: 34px;
  width: 34px;
  font-size: 15px;
  line-height: 34px;
  color: black;
  background: white;
  box-sizing: border-box;
  border-radius: 50px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
}
.bp-messages-group-call-controls-v2 .bp-messages-group-call-controls-buttons .bpbm-exit-room {
  background: red;
  color: white;
}
.bp-messages-group-call-controls-v2 .bpbm-call-settings {
  height: auto;
  margin-bottom: 10px;
}

.bp-messages-group-call-input-video-inner .bp-messages-group-call-controls {
  position: relative;
  line-height: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 2;
}
.bp-messages-group-call-input-video-inner .bp-messages-group-call-controls .bpbm-call-settings {
  height: auto;
  margin-bottom: 10px;
}
.bp-messages-group-call-input-video-inner .bp-messages-group-call-controls .bpbm-call-in-progress > span {
  height: 34px;
  width: 34px;
  font-size: 16px;
  line-height: 34px;
}

.bp-messages-private-call .bp-messages-call-controls {
  transition: bottom 0.5s ease-in-out;
}
.bp-messages-private-call .bp-messages-call-controls .bpbm-call-buttons > * {
  position: relative;
}
.bp-messages-private-call .bp-messages-call-controls .bpbm-call-buttons > * > svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bp-messages-private-call .bp-messages-call-controls.bm-show-on-hover {
  bottom: -999px;
}
.bp-messages-private-call .bp-messages-call-controls.show-on-tap {
  bottom: -999px;
}
.bp-messages-private-call:hover .bp-messages-call-controls.bm-show-on-hover {
  bottom: 0;
}
.bp-messages-private-call.bpbm-tapped .bp-messages-call-controls.show-on-tap {
  bottom: 0;
}

.bp-messages-call-controls .bpbm-call-buttons > * {
  pointer-events: auto;
}

.bp-messages-group-call-controls > * {
  pointer-events: auto;
}

.bp-messages-call-controls,
.bp-messages-group-call-controls {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  text-align: center;
  line-height: 82px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.bp-messages-call-controls .bpbm-call-buttons > *,
.bp-messages-group-call-controls .bpbm-call-buttons > * {
  pointer-events: auto;
}
.bp-messages-call-controls .bpbm-answer,
.bp-messages-group-call-controls .bpbm-answer {
  background: green;
  display: inline-block;
  padding: 12px 12px;
  font-size: 20px;
  line-height: 19px;
  color: white;
  box-sizing: border-box;
  border-radius: 50px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: middle;
  height: 44px;
  width: 44px;
}
.bp-messages-call-controls .bpbm-reject,
.bp-messages-group-call-controls .bpbm-reject {
  background: red;
  display: inline-block;
  padding: 12px 12px;
  font-size: 20px;
  line-height: 19px;
  color: white;
  box-sizing: border-box;
  border-radius: 50px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.bp-messages-call-controls .bpbm-reject i,
.bp-messages-group-call-controls .bpbm-reject i {
  transform: rotate(135deg);
}
.bp-messages-call-controls .bpbm-cancel,
.bp-messages-group-call-controls .bpbm-cancel {
  background: red;
  display: inline-block;
  padding: 12px 12px;
  font-size: 20px;
  line-height: 19px;
  height: 44px;
  width: 44px;
  color: white;
  box-sizing: border-box;
  border-radius: 50px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.bp-messages-call-controls .bpbm-cancel svg,
.bp-messages-group-call-controls .bpbm-cancel svg {
  transform: rotate(135deg);
}
.bp-messages-call-controls .bpbm-disable-mic,
.bp-messages-call-controls .bpbm-enable-mic,
.bp-messages-call-controls .bpbm-pic-in-pic,
.bp-messages-group-call-controls .bpbm-disable-mic,
.bp-messages-group-call-controls .bpbm-enable-mic,
.bp-messages-group-call-controls .bpbm-pic-in-pic {
  position: relative;
  background: white;
  display: inline-block;
  padding: 0;
  height: 44px;
  width: 44px;
  font-size: 20px;
  line-height: 44px;
  color: black;
  box-sizing: border-box;
  border-radius: 53px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.bp-messages-call-controls .bp-messages-full-screen-call,
.bp-messages-group-call-controls .bp-messages-full-screen-call {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
}
.bp-messages-call-controls .bpbm-configure-call,
.bp-messages-call-controls .bpbm-switch-full-screen,
.bp-messages-call-controls .bpbm-switch-share-screen,
.bp-messages-call-controls .bpbm-fs-enable,
.bp-messages-call-controls .bpbm-fs-disable,
.bp-messages-call-controls .bpbm-switch-camera-video,
.bp-messages-call-controls .bpbm-disable-video,
.bp-messages-call-controls .bpbm-enable-video,
.bp-messages-group-call-controls .bpbm-configure-call,
.bp-messages-group-call-controls .bpbm-switch-full-screen,
.bp-messages-group-call-controls .bpbm-switch-share-screen,
.bp-messages-group-call-controls .bpbm-fs-enable,
.bp-messages-group-call-controls .bpbm-fs-disable,
.bp-messages-group-call-controls .bpbm-switch-camera-video,
.bp-messages-group-call-controls .bpbm-disable-video,
.bp-messages-group-call-controls .bpbm-enable-video {
  background: white;
  display: inline-block;
  padding: 0;
  height: 44px;
  width: 44px;
  font-size: 20px;
  line-height: 44px;
  color: black;
  box-sizing: border-box;
  border-radius: 53px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
}
.bp-messages-call-controls .bpbm-cancel i,
.bp-messages-group-call-controls .bpbm-cancel i {
  transform: rotate(135deg);
}
.bp-messages-call-controls .bpbm-call-end,
.bp-messages-group-call-controls .bpbm-call-end {
  background: red;
  display: inline-block;
  padding: 0;
  height: 44px;
  width: 44px;
  font-size: 20px;
  line-height: 44px;
  color: white;
  box-sizing: border-box;
  border-radius: 50px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.bp-messages-call-controls .bpbm-call-end i,
.bp-messages-group-call-controls .bpbm-call-end i {
  transform: rotate(135deg);
}

.bpbm-call-settings {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: initial;
  height: 60px;
  color: black;
}
.bpbm-call-settings > .bpbm-call-setting {
  width: 30%;
  max-width: 300px;
  padding: 0 1%;
  flex: 1 1 0px;
}
.bpbm-call-settings > .bpbm-call-setting label {
  display: inline-block;
}
.bpbm-call-settings > .bpbm-call-setting .bm-call-statistics, .bpbm-call-settings > .bpbm-call-setting label {
  margin-bottom: 5px;
  color: white;
  background: rgba(0, 0, 0, 0.4588235294);
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 15px;
}
.bpbm-call-settings > .bpbm-call-setting .bm-call-statistics .bm-call-traffic span {
  display: inline-block;
  margin: 0 5px;
}

.bpbm-switch-device-select-wrap {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  max-width: 100%;
  border: 1px solid #777;
  border-radius: 0.25em;
  padding: 1px 8px 1px 8px;
  font-size: 12px;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
  pointer-events: auto;
}
.bpbm-switch-device-select-wrap select, .bpbm-switch-device-select-wrap::after {
  grid-area: select;
}
.bpbm-switch-device-select-wrap:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: #777;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.bpbm-switch-device-select-wrap select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0.8em 1em 0.8em 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit !important;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
  background: none;
  visibility: visible !important;
}
.bpbm-switch-device-select-wrap select::-ms-expand {
  display: none;
}

.bp-messages-wrap.bp-messages-popup .bpbm-answer {
  background: green;
  display: inline-block;
  padding: 0;
  height: 35px;
  width: 35px;
  font-size: 15px;
  line-height: 35px;
  color: white;
  box-sizing: border-box;
  border-radius: 50px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  text-align: center;
}

.bp-messages-wrap.bp-messages-popup .bpbm-reject {
  background: red;
  display: inline-block;
  padding: 0;
  height: 35px;
  width: 35px;
  font-size: 15px;
  line-height: 35px;
  color: white;
  box-sizing: border-box;
  border-radius: 50px;
  text-transform: uppercase;
  margin-left: 5px;
  cursor: pointer;
  text-align: center;
}

.bp-messages-wrap.bp-messages-popup .bpbm-answer i,
.bp-messages-wrap.bp-messages-popup .bpbm-reject i {
  vertical-align: middle;
}

.bp-messages-wrap.bp-messages-popup .bpbm-reject i {
  transform: rotate(135deg);
}

.bp-messages-wrap.bp-messages-popup {
  box-shadow: none;
  background: none;
  border: none;
  clear: none;
}

.bp-messages-call-popup {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  justify-content: space-between;
}

.bp-messages-wrap.bp-messages-popup .bpbm-call-in {
  white-space: nowrap;
  text-align: right;
}

.bp-messages-call-popup > * {
  vertical-align: middle;
}

.bp-messages-call-popup > .caller-name {
  padding: 0 5px;
  font-size: 12px;
  line-height: 14px;
}

.bp-messages-video-container .bp-messages-main-placeholder {
  background: gray;
  width: 100%;
  height: 100%;
  display: block;
  min-height: 400px;
  padding: 0;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-no-access-message {
  color: white;
  text-align: center;
  margin: 30px auto 10px;
  background: #bd1616;
  padding: 10px 10px 15px;
  border-radius: 10px;
  max-width: 90%;
  width: 100%;
}
.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-no-access-message .bp-messages-placeholder-no-access-message-icon {
  font-size: 30px;
}
.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-no-access-message .bp-messages-placeholder-no-access-message-text {
  margin-top: 5px;
  font-size: 18px;
}
.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-no-source-message {
  margin-top: 40px;
  text-align: center;
  background: black;
  color: white;
  opacity: 0.7;
  padding: 15px;
  margin-right: 20px;
  margin-left: 20px;
  width: auto;
  border-radius: var(--bm-border-radius);
}
.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-no-source-message {
  margin-top: 40px;
  text-align: center;
  background: black;
  color: white;
  opacity: 0.7;
  padding: 15px;
  margin-right: 20px;
  margin-left: 20px;
  width: auto;
  border-radius: var(--bm-border-radius);
}
.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-no-source-message svg {
  font-size: 28px;
}
.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-no-source-message .bp-messages-placeholder-participant-no-source-message-text {
  display: block;
  font-size: 18px;
}

.bp-messages-placeholder-participant-lost-message {
  position: absolute;
  margin: auto;
  text-align: center;
  background: black;
  color: white;
  opacity: 0.7;
  padding: 15px;
  bottom: 44%;
  left: 0;
  right: 0;
  margin-right: 20px;
  margin-left: 20px;
  width: auto;
  border-radius: var(--bm-border-radius);
}
.bp-messages-placeholder-participant-lost-message svg {
  font-size: 28px;
}
.bp-messages-placeholder-participant-lost-message .bp-messages-placeholder-participant-lost-message-text {
  display: block;
  font-size: 18px;
}

.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-call-animation {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 30px auto 0;
  /* border: solid 5px #fff; */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

.bp-messages-call-animation > .avatar {
  width: 100%;
  height: 100%;
}

.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-call-animation.bp-messages-animation-pause img {
  animation: none;
}

.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-call-animation img {
  width: 100px;
  height: 100px;
  border-radius: 100% !important;
  animation: bp-messages-call-play 2s ease infinite;
  position: absolute;
  left: 0;
  top: 0;
}

.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-message {
  position: relative;
  text-align: center;
  color: white;
  margin-top: 20px;
  pointer-events: none;
}

.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes bp-messages-call-play {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
  }
  25% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  25% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
  }
}
/**
    Side threads list
*/
.bp-messages-column {
  width: calc(100% - 320px);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: width 0.3s ease-in-out;
  overflow: hidden;
}
.bp-messages-column .bm-errors {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-size: 18px;
  flex-direction: column;
}
.bp-messages-column .bm-errors .bm-error {
  margin: 5px 0;
}

body.bp-messages-mobile .bp-messages-threads-wrapper .bp-messages-column {
  width: 100%;
}

.bp-messages-threads-wrapper.threads-hidden .bp-messages-column {
  width: 100%;
  height: 100%;
}

.bp-messages-threads-wrapper .bp-messages-column .preloader {
  top: 0;
  height: 100%;
}

.bp-messages-wrap .bp-messages-side-threads {
  display: none;
  width: 320px;
  border-right: 1px solid rgba(var(--bm-border-color), 0.62);
  flex-direction: column;
  justify-content: space-between;
  transition: width 0.3s ease-in-out;
}
.bp-messages-wrap .bp-messages-side-threads .bm-side-content {
  height: 100%;
  min-height: 0;
}

.bp-messages-wrap .bp-messages-threads-wrapper:not(.threads-hidden) .bp-messages-side-threads {
  display: flex;
}

.bp-messages-wrap .bp-messages-side-threads > * {
  width: 320px;
  border-right: 1px solid rgba(var(--bm-border-color), 0.62);
}

.bp-messages-wrap .bp-messages-side-threads > .scroller {
  max-height: 100% !important;
}

.bm-thread-svg {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.bm-thread-svg > svg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic {
  width: 30px;
  height: 30px;
  position: relative;
  opacity: 1;
  z-index: 1;
}
.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic .bm-thread-emoji {
  font-size: 25px;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic img {
  width: 30px;
  height: 30px;
  border-radius: var(--bm-avatar-radius) !important;
  overflow: hidden;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic.group {
  width: 35px;
  height: 35px;
  text-align: left;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic.group > * {
  width: 14px !important;
  height: 14px !important;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic.group > * .avatar {
  width: 14px !important;
  height: 14px !important;
}

.bp-messages-wrap .bp-messages-side-threads .threads-list .thread .time .time-wrapper {
  /*display: none;*/
  font-size: 9px;
  vertical-align: top;
}

.bp-messages-wrap.mobile-ready .bp-messages-side-threads {
  display: none !important;
}

.bp-messages-wrap.mobile-ready:not(.bp-better-messages-mini) {
  overflow: hidden;
}

.bp-messages-wrap.mobile-ready:not(.bp-better-messages-mini) .scroller {
  min-height: 200px;
}

.bp-messages-wrap.mobile-ready .bp-messages-threads-wrapper {
  display: flex;
}

body.bp-messages-mobile .bp-messages-wrap .bp-messages-threads-wrapper {
  height: 100% !important;
  max-height: 100% !important;
}

.bp-messages-wrap.mobile-ready .bp-messages-threads-wrapper .bp-messages-column {
  display: flex;
}

body.bp-messages .bp-navs.bp-subnavs {
  display: none !important;
}

body.bp-messages-mobile .bp-messages-hide-on-full-screen,
body.bp-messages-full-screen .bp-messages-hide-on-full-screen {
  display: none !important;
}

body.bp-messages-mobile .chat-header .bpbm-maximize,
.bp-messages-wrap.mobile-ready .chat-header .bpbm-maximize {
  display: none !important;
}
body.bp-messages-mobile .chat-header .bpbm-minimize,
.bp-messages-wrap.mobile-ready .chat-header .bpbm-minimize {
  display: none !important;
}

.bm-toasts-container {
  font-weight: normal;
}

.bm-emoji-picker-container {
  z-index: 801;
  width: 352px;
  font-weight: normal;
  border-radius: 10px;
  border: 1px solid rgba(var(--bm-border-color), 0.62);
}

body.bp-messages-full-screen #wpadminbar,
body.bp-messages-mobile #wpadminbar {
  display: none !important;
}
body.bp-messages-full-screen .bp-messages-call-wrap .bp-messages-call-container,
body.bp-messages-mobile .bp-messages-call-wrap .bp-messages-call-container {
  border-left: 0;
  border-right: 0;
}
body.bp-messages-full-screen .bm-editor-format-tooltip,
body.bp-messages-mobile .bm-editor-format-tooltip {
  z-index: 10000001;
}
body.bp-messages-full-screen .bp-messages-threads-wrapper,
body.bp-messages-mobile .bp-messages-threads-wrapper {
  height: 100% !important;
  max-height: 100% !important;
}
body.bp-messages-full-screen .bm-tooltip,
body.bp-messages-mobile .bm-tooltip {
  z-index: 10000001 !important;
}
body.bp-messages-full-screen .contexify,
body.bp-messages-mobile .contexify {
  z-index: 10000001 !important;
}
body.bp-messages-full-screen .uppy-Dashboard--modal .uppy-Dashboard-overlay,
body.bp-messages-mobile .uppy-Dashboard--modal .uppy-Dashboard-overlay {
  z-index: 10000001;
}
body.bp-messages-full-screen .uppy-Dashboard--modal .uppy-Dashboard-inner,
body.bp-messages-mobile .uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 10000002;
}
body.bp-messages-full-screen .Toastify__toast-container,
body.bp-messages-mobile .Toastify__toast-container {
  z-index: 10000001;
}
body.bp-messages-full-screen #better-messages-modals-container,
body.bp-messages-mobile #better-messages-modals-container {
  position: relative;
  z-index: 10000001;
}
body.bp-messages-full-screen .bm-emoji-picker-container,
body.bp-messages-mobile .bm-emoji-picker-container {
  z-index: 10000001;
  /*width: 100%;
      left: 0 !important;

      em-emoji-picker{
          margin: 0 auto;
      }*/
}
body.bp-messages-full-screen .bpbmmfp-bg,
body.bp-messages-mobile .bpbmmfp-bg {
  z-index: 10000001;
}
body.bp-messages-full-screen .bpbmmfp-wrap,
body.bp-messages-mobile .bpbmmfp-wrap {
  z-index: 10000002;
}
body.bp-messages-full-screen .chat-header .mini-chat,
body.bp-messages-full-screen .chat-header .bpbm-maximize,
body.bp-messages-mobile .chat-header .mini-chat,
body.bp-messages-mobile .chat-header .bpbm-maximize {
  display: none;
}
body.bp-messages-full-screen .chat-header .bpbm-minimize,
body.bp-messages-mobile .chat-header .bpbm-minimize {
  display: block !important;
}
body.bp-messages-full-screen .bp-better-messages-mini,
body.bp-messages-full-screen .bp-better-messages-list,
body.bp-messages-mobile .bp-better-messages-mini,
body.bp-messages-mobile .bp-better-messages-list {
  display: none;
}

.bpbm-browser-push-proposal .bpbm-browser-push-proposal-text {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}

.bpbm-browser-push-proposal-controls {
  user-select: none;
  display: block;
}

.bpbm-browser-push-proposal .bpbm-browser-push-proposal-controls {
  display: block;
}

.bpbm-browser-push-proposal .bpbm-browser-push-proposal-controls .BPBMenablePushNotifications {
  display: inline-block;
  margin: 0 10px 0 0;
  outline: 0;
  padding: 10px;
  font-size: 12px;
  background: green;
  color: white;
}

.bpbm-browser-push-proposal .bpbm-browser-push-proposal-controls .BPBMdismissPushProposal {
  display: inline-block;
  margin: 0;
  outline: 0;
  padding: 10px;
  font-size: 12px;
  background: black;
  color: white;
}

.bpbm-private-message-link-buddypress {
  display: block;
  text-decoration: none;
  color: initial;
  margin: 10px 0 0;
  font-size: 12px;
}

.bp-messages-wrap.mobile-ready .bp-messages-side-threads {
  display: none !important;
}

.bp-messages-wrap.mobile-ready .bp-messages-threads-wrapper .bp-messages-column {
  height: 100%;
}

.bp-messages-wrap.mobile-ready .bp-messages-threads-wrapper .bp-messages-column {
  width: 100%;
}

body.bp-messages-mobile {
  overflow: hidden !important;
  overscroll-behavior-x: none;
}

.bpbm-deleted-user-link {
  cursor: default !important;
  text-decoration: none !important;
  background: none !important;
}

.bp-messages-wrap .chat-header .bp-verified-badge {
  height: 17px;
  width: 17px;
}

.bp-messages-wrap .bp-verified-badge {
  background-color: rgba(var(--main-bm-color), 1) !important;
}

.bp-messages-wrap .chat-header .bp-verified-badge-tooltip {
  display: none !important;
}

.bp-messages-wrap .threads-list .thread .bm-info .name .bp-verified-badge,
.bp-better-messages-mini .chats .chat .head .bp-verified-badge {
  height: 12px;
  width: 12px;
  background-size: 6px;
}

.bp-messages-wrap .mejs-button > button {
  background: transparent url(../../../../../wp-includes/js/mediaelement/mejs-controls.svg) !important;
  border: 0 !important;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

.bp-messages-wrap .bulk-message {
  padding: 20px;
}
.bp-messages-wrap .bulk-message .reports {
  overflow: auto;
  font-size: 12px;
  margin-bottom: 20px;
}
.bp-messages-wrap .bulk-message .reports .reports-list td, .bp-messages-wrap .bulk-message .reports .reports-list th {
  padding: 5px;
}
.bp-messages-wrap .bulk-message .reports .reports-list .delete {
  color: darkred;
  cursor: pointer;
  font-size: 15px;
}
.bp-messages-wrap .bulk-message form > div {
  margin-bottom: 20px;
  position: relative;
}
.bp-messages-wrap .bulk-message form > div label {
  margin-bottom: 5px;
  font-size: 14px;
  vertical-align: middle;
}
.bp-messages-wrap .bulk-message form > div label.bm-bold {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}
.bp-messages-wrap .bulk-message form > div input[type=text] {
  display: block;
  width: 100%;
  font-size: 16px !important;
  border-radius: 0 !important;
  padding: 8px 10px;
  min-height: 0;
  margin-bottom: 0;
  height: auto;
  background: rgba(var(--bm-bg-color), 1) !important;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  color: rgba(var(--bm-text-color), 1) !important;
}
.bp-messages-wrap .bulk-message form > div .bm-editor {
  display: block;
  width: 100%;
  border: 1px solid rgba(var(--bm-border-color), 0.62) !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  padding: 8px 10px;
}
.bp-messages-wrap .bulk-message form > div .bm-editor > .bm-editor-content {
  min-height: 80px !important;
  outline: 0;
  border: 0;
  margin: 0;
  padding: 0;
  white-space: normal;
}
.bp-messages-wrap .bulk-message form > div .bm-attachment {
  background: rgba(var(--bm-button-bg), 1) !important;
  color: rgba(var(--bm-button-color), 1) !important;
  font-size: 15px !important;
  line-height: 14px !important;
  padding: 7px 14px !important;
  border-radius: 2px !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
}
.bp-messages-wrap .bulk-message .progress {
  height: 35px;
  line-height: 33px;
  width: 100%;
  background: #fcfcfc;
  border: 1px solid #f2f2f2;
  color: black;
  position: relative;
  margin-bottom: 20px;
}
.bp-messages-wrap .bulk-message .progress-value {
  background: #dddddd;
  height: 33px;
}
.bp-messages-wrap .bulk-message .progress-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  text-align: center;
}
.bp-messages-wrap .bulk-message .roles {
  margin-top: 5px;
  margin-left: 10px;
}
.bp-messages-wrap .bulk-message .box {
  background: rgba(var(--bm-bg-secondary), 1);
  padding: 10px;
  border: 1px solid rgba(var(--bm-border-color), 0.62);
}
.bp-messages-wrap .bulk-message ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}
.bp-messages-wrap .bulk-message ul > li {
  list-style: none;
  margin: 0 0 5px;
  font-size: 12px;
}
.bp-messages-wrap .bulk-message ul > li input {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.bm-guest-settings {
  width: 100%;
  text-align: center;
}
.bm-guest-settings .bm-guest-settings-form {
  margin: 10px;
}
.bm-guest-settings .bm-guest-settings-form .bm-guest-settings-form-input {
  margin-bottom: 10px;
}
.bm-guest-settings .bm-guest-settings-form .bm-guest-settings-form-input label {
  display: block;
  margin-bottom: 10px;
}
.bm-guest-settings .bm-guest-settings-form .bm-guest-settings-form-input input {
  max-height: 30px !important;
  min-height: 30px !important;
  display: block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  width: 100%;
  max-width: 250px;
  box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
  margin: auto;
}

.bm-guest-info {
  display: flex;
  width: 100%;
  background: rgba(var(--bm-bg-secondary), 1);
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  padding: 10px;
  font-size: 13px;
}
.bm-guest-info .bm-guest-info-label .bm-open-guest-settings {
  font-size: 80%;
  cursor: pointer;
  margin-left: 5px;
}
.bm-guest-info .bm-guest-info-label strong {
  display: inline-block;
}
.bm-guest-info .bm-guest-info-actions {
  margin-left: auto;
}
.bm-guest-info .bm-guest-info-actions > * {
  margin-left: 10px;
}

body.bp-messages-mobile .bp-better-messages-list,
body.bp-messages-mobile .bp-better-messages-mini {
  display: none;
}

.bpbm-stickers-selector {
  margin: 0;
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  user-select: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(var(--bm-bg-secondary), 1);
  z-index: 15;
}

.bpbm-stickers-selector .bpbm-stickers-head {
  display: flex;
  margin: 0;
  align-content: space-between;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
  padding: 0;
}

.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs {
  width: 100%;
  display: block;
  /* padding-bottom: 10px; */
  max-width: calc(100% - 40px);
  white-space: nowrap;
  position: relative;
  border-right: 1px solid rgba(var(--bm-border-color), 0.62);
}

.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs span {
  height: 40px;
  display: inline-block;
  width: 40px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  font-size: 20px;
  position: relative;
}
.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs span svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-close {
  display: block;
  width: 40px;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  position: relative;
}
.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-close svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs span:hover,
.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs span.bpbm-stickers-tabs-active {
  background: var(--bm-button-active);
}

.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs span img {
  display: block;
  cursor: pointer;
  padding: 5px;
  max-height: 100%;
  margin: 0;
  max-width: 100%;
}

.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs span .fas {
  font-size: 18px;
  line-height: 30px;
  padding: 5px 10px;
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-container {
  display: block;
}
.bpbm-stickers-selector .bpbm-stickers-selector-sticker-container > [data-overlayscrollbars-viewport] {
  height: 160px;
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-list {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-list:after {
  content: "";
  flex: auto;
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-list .bpbm-stickers-selector-empty {
  width: 100%;
  text-align: center;
  line-height: 150px;
  font-size: 13px;
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-list .bpbm-stickers-selector-sticker {
  margin: 5px;
  height: 70px;
  width: 70px;
  cursor: pointer;
  border-radius: 3px;
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-list .bpbm-stickers-selector-sticker:hover {
  background: var(--bm-button-hover);
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-list .bpbm-stickers-selector-sticker img {
  max-width: 100%;
  height: auto;
}

.bpbm-stickers-selector .bpbm-stickers-selector-sticker-container .loading-messages {
  display: block;
  position: relative;
  height: 160px;
  top: 0;
  line-height: 160px;
  width: 100%;
}

.bpbm-stickers-selector .bpbm-stickers-search {
  height: 40px;
  display: block;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
}

.bpbm-stickers-selector .bpbm-stickers-search + .bpbm-stickers-selector-sticker-list {
  height: 120px;
}

.bpbm-stickers-selector .bpbm-stickers-search + .bpbm-stickers-selector-sticker-list .bpbm-stickers-selector-empty {
  line-height: 120px;
}

.bpbm-stickers-selector .bpbm-stickers-search input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 8px;
  height: 39px;
  min-height: 39px;
  max-height: 39px;
  width: 100%;
  outline: 0 !important;
  border-radius: 0 !important;
  color: rgba(var(--bm-text-color), 1) !important;
  background: rgba(var(--bm-bg-color), 1) !important;
}
.bpbm-stickers-selector .bpbm-stickers-search input::placeholder {
  color: rgba(var(--bm-placeholder), 0.33);
}

.bpbm-gifs-selector {
  margin: 0;
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  user-select: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(var(--bm-bg-secondary), 1);
  z-index: 15;
}

.bpbm-gifs-selector .bpbm-gifs-head {
  display: flex;
  margin: 0;
  align-content: space-between;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
  padding: 0;
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs {
  width: 100%;
  display: block;
  height: 40px;
  /* padding-bottom: 10px; */
  max-width: calc(100% - 40px);
  white-space: nowrap;
  /* overflow-x: auto; */
  position: relative;
  border-right: 1px solid rgba(var(--bm-border-color), 0.62);
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs {
  height: 40px;
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span {
  height: 40px;
  display: inline-block;
  width: 40px;
  padding: 0;
  font-size: 20px;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span[data-package-id=search] {
  float: right;
  width: 100%;
  max-width: calc(100% - 50px);
  background: none !important;
  margin: 2.5px 5px 2.5px 0px;
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span[data-package-id=search] input {
  outline: none;
  padding: 0 0 0 10px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 1px !important;
  line-height: 35px;
  font-size: 13px;
  height: 35px;
  min-height: 35px;
  width: 100%;
  text-align: left;
  border: 1px solid rgba(var(--bm-border-color), 0.62) !important;
  color: rgba(var(--bm-text-color), 1) !important;
  background: rgba(var(--bm-bg-color), 1) !important;
}
.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span[data-package-id=search] input::placeholder {
  color: rgba(var(--bm-placeholder), 0.33);
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-close {
  height: 40px;
  display: block;
  position: relative;
  font-size: 20px;
  width: 40px;
  padding: 0;
  cursor: pointer;
  text-align: center;
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-close > i {
  font-size: 18px;
  line-height: 30px;
  padding: 5px 10px;
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span:hover,
.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span.bpbm-gifs-tabs-active {
  background: rgba(0, 0, 0, 0.0392156863);
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span img {
  display: block;
  cursor: pointer;
  padding: 5px;
  max-height: 100%;
  margin: 0;
  max-width: 100%;
}

.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs span .fas {
  font-size: 18px;
  line-height: 30px;
  padding: 5px 10px;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-container {
  display: block;
}
.bpbm-gifs-selector .bpbm-gifs-selector-gif-container > [data-overlayscrollbars-viewport] {
  height: 200px;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list {
  padding: 0 10px;
  min-height: 160px;
  margin: 0;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list:after {
  content: "";
  flex: auto;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list .bpbm-gifs-selector-empty {
  width: 100%;
  text-align: center;
  line-height: 160px;
  font-size: 13px;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list .bpbm-gifs-selector-gif {
  margin: 0 1.5px 3px;
  cursor: pointer;
  border-radius: 3px;
  display: block;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list .bpbm-gifs-selector-gif:hover {
  background: rgba(0, 0, 0, 0.0392156863);
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list .bpbm-gifs-selector-gif img {
  max-width: 100%;
  height: auto;
  display: block;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-container .loading-messages {
  display: block;
  position: relative;
  height: 160px;
  top: 0;
  line-height: 160px;
  width: 100%;
}

.bpbm-gifs-selector .bpbm-gifs-search {
  padding: 5px 10px;
  height: 40px;
  display: block;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list:not(.empty) {
  /* height: 160px; */
  /* overflow: auto; */
  display: block;
  padding: 0;
  column-width: 150px;
  column-count: auto;
  column-gap: 0;
  margin-top: 5px;
}

.bpbm-gifs-selector .bpbm-gifs-selector-gif-list.empty {
  display: block;
}

.bp-better-messages-mini .chats .chat .bpbm-gifs-selector .bpbm-gifs-selector-gif-list:not(.empty) {
  column-width: 130px;
}

.bpbm-gifs-selector .bpbm-gifs-search + .bpbm-gifs-selector-gif-list {
  height: 120px;
}

.bpbm-gifs-selector .bpbm-gifs-search + .bpbm-gifs-selector-gif-list .bpbm-gifs-selector-empty {
  line-height: 120px;
}

.bpbm-gifs-selector .bpbm-gifs-search input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 8px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 100%;
  outline: 0 !important;
  border: 1px solid #e9eaec;
  background: #ffffff;
}

.bp-messages-wrap .message .bpbm-stickers-btn {
  z-index: 5;
  display: block;
  position: absolute;
  right: 5px;
  top: 30px;
  padding-right: 4px;
  height: 24px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #cbcbcb;
}

.bp-messages-wrap .message .bpbm-stickers-btn i {
  font-weight: 400;
}

.bp-messages-wrap .message .bpbm-stickers-btn + .bpbm-gifs-btn {
  right: 25px;
}

.bp-messages-wrap .message .bpbm-gifs-btn {
  z-index: 5;
  display: block;
  position: absolute;
  right: 5px;
  top: 30px;
  padding-right: 4px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  color: #cbcbcb;
  width: 24px;
  font-size: initial;
}

.bp-messages-wrap .threads-list .thread .time .bpbm-counter-row {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-top: 5px;
}

.bp-messages-wrap .threads-list .thread .time .bpbm-counter-row .bm-thread-icon {
  display: block;
  font-size: 13px;
}

.bpbm-video-popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.3411764706);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.bpbm-video-popup .bpbm-popup-content {
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 80%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border: 1px solid rgba(234, 234, 234, 0.568627451);
  box-shadow: 0 0 3px 1px rgba(234, 234, 234, 0.568627451);
  border-radius: 1%;
  overflow: hidden;
}

.bpbm-video-popup .bpbm-popup-content .bp-messages-video-container {
  height: 100% !important;
}

.bpbm-video-popup .bpbm-popup-content .bp-messages-video-container .bp-messages-main-placeholder {
  height: 100% !important;
}

.bpbm-video-popup .bpbm-popup-content .bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-video {
  width: auto;
}

.bpbm-video-popup .bpbm-popup-content .bp-messages-video-container .bp-messages-main-placeholder .bp-messages-placeholder-video video {
  object-fit: contain;
  width: auto;
}

.bp-messages-wrap video {
  visibility: visible;
}

.bpbmuc {
  background: rgba(var(--main-bm-color), 1);
  border-radius: 100%;
  color: white;
  font-size: 10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  text-align: center;
  margin-right: 6px;
}

.bpbmuc.bpbmuc-hide-when-null.bpbmuc-preserve-space[data-count="0"] {
  visibility: hidden;
}

.bpbmuc.bpbmuc-hide-when-null:not(.bpbmuc-preserve-space)[data-count="0"] {
  display: none;
}

.bpbm-notice {
  position: relative;
  padding: 0.75rem 1.25rem !important;
  margin-bottom: 1rem;
  border: 1px solid #ffeeba;
  border-radius: 0.25rem;
  color: #856404;
  background-color: #fff3cd;
}

.bpbm-gif {
  position: relative;
  display: inline-block;
}

body.bp-messages-mobile .message-content > .bpbm-gif {
  max-width: 90%;
}

.bpbm-gif video {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 300px;
  margin: 0;
  padding: 0;
}

.bpbm-gif .bpbm-gif-play {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5215686275);
  cursor: pointer;
  z-index: 2;
}

.bpbm-gif .bpbm-gif-play svg {
  display: inline-block;
  position: absolute;
  font-style: normal !important;
  width: 45px;
  height: 45px;
  font-size: 45px;
  color: white;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.bm-style-btn,
a.bm-style-btn:hover,
a.bm-style-btn:focus {
  display: inline-block;
  color: white;
  cursor: pointer;
  background: rgba(var(--main-bm-color), 1);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 3px;
}

a.bpbm-pm-button:not(.bm-no-style),
a.bpbm-pm-button:hover:not(.bm-no-style),
a.bpbm-pm-button:focus:not(.bm-no-style) {
  display: inline-block;
  color: white;
  background: rgba(var(--main-bm-color), 1);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.bpbm-join-to-chat-button,
.bpbm-join-to-chat-button:hover,
a.bpbm-join-to-chat-button,
a.bpbm-join-to-chat-button:hover {
  cursor: pointer;
  display: inline-block;
  color: white !important;
  background: rgba(var(--main-bm-color), 1);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  margin-top: 8px;
  user-select: none;
  border-radius: 2px;
}
.bpbm-join-to-chat-button.bm-button-disabled,
.bpbm-join-to-chat-button:hover.bm-button-disabled,
a.bpbm-join-to-chat-button.bm-button-disabled,
a.bpbm-join-to-chat-button:hover.bm-button-disabled {
  background: gray !important;
  cursor: not-allowed !important;
}

.bpbm-preview-message {
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  display: flex;
  align-items: center;
  padding: 0 10px;
  width: 100%;
  background: rgba(var(--bm-bg-color), 1);
  position: relative;
  z-index: 5;
}

.bpbm-preview-message .bpbm-preview-message-cancel {
  position: relative;
  cursor: pointer;
  display: block;
  color: rgba(var(--main-bm-color), 1);
  font-size: 24px;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.bpbm-preview-message .bpbm-preview-message-content {
  overflow: hidden;
  padding: 10px 10px;
  user-select: none;
}

.bpbm-preview-message .bpbm-preview-message-content .bpbm-preview-message-text {
  font-size: 12px;
  line-height: 13px;
  overflow: hidden;
  /* height: 35px; */
  padding: 0;
  margin: 0;
  width: 100%;
  /* padding: 10px 10px; */
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bpbm-preview-message .bpbm-preview-message-content .bpbm-preview-message-text .bpbm-preview-desc {
  display: block;
  margin-top: 2px;
}

.bpbm-preview-message .bpbm-preview-message-content .bpbm-preview-message-name {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: rgba(var(--main-bm-color), 1);
  padding: 0;
  margin: 0;
}

.message-content.reply-enabled > .bpbm-gif,
.message-content.reply-enabled > .images,
.message-content.reply-enabled > .videos video {
  max-width: calc(100% - 30px);
}

.bp-messages-wrap .bpbm-search-in-list {
  width: 100%;
  padding: 0;
  margin: 0;
}

.bp-messages-wrap .bpbm-search-in-list > input {
  width: 100%;
  margin: 0;
  line-height: initial;
  color: rgba(var(--bm-text-color), 1) !important;
  min-height: 10px;
  display: block;
  outline: none !important;
  background: rgba(var(--bm-bg-color), 1);
  border-radius: 0;
  border-bottom: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  box-sizing: border-box;
  padding: 5px 10px 5px 10px;
  height: 45px;
  font-size: 13px;
  transition: border-color 0.2s;
}
.bp-messages-wrap .bpbm-search-in-list > input::placeholder {
  color: rgba(var(--bm-placeholder), 0.33);
}
/** **/
.bp-messages-wrap.bpbm-template-modern .list {
  display: block;
}

/**
  * Call Wrap
 */
.bp-messages-call-wrap {
  position: relative;
  width: 0;
  height: 100%;
  overflow: hidden;
}
.bp-messages-call-wrap .bp-messages-call-container {
  border-left: 1px solid rgba(var(--bm-border-color), 0.62);
  height: 100%;
}
.bp-messages-call-wrap:hover > .bpbm-switch-chat {
  opacity: 0.5;
}
.bp-messages-call-wrap > .bpbm-switch-chat {
  font-size: 12px;
  opacity: 0;
  position: absolute;
  z-index: 10;
  background: black;
  color: white;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.bp-messages-call-wrap > .bpbm-switch-chat:hover {
  opacity: 1;
}
.bp-messages-call-wrap .bp-messages-video-container {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 200px;
  z-index: 5;
}
.bp-messages-call-wrap .bp-messages-video-container .bm-video-containvideo, .bp-messages-call-wrap .bp-messages-video-container .bm-video-contain video {
  object-fit: contain !important;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-main-video {
  background: #d4d4d4;
  width: 100%;
  display: block;
  padding: 0;
  overflow: hidden;
  margin: 0;
  position: relative;
  height: 100%;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-main-video > video {
  width: 100%;
  height: 100%;
  /* max-height: 550px; */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: contain;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video {
  height: auto;
  position: absolute;
  max-width: 50%;
  max-height: 50%;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  z-index: 9;
  min-width: 50px;
  min-height: 50px;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video > video {
  margin: 0;
  padding: 0;
  max-width: 100%;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video-2 {
  height: auto;
  position: absolute;
  max-width: 50%;
  max-height: 50%;
  bottom: 10px;
  left: 10px;
  overflow: hidden;
  z-index: 9;
  min-width: 50px;
  min-height: 50px;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video-2 .bm-switch-videos {
  color: white;
  position: absolute;
  bottom: 2px;
  font-size: 10px;
  left: 2px;
  padding: 0;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video-2 .bm-switch-videos > i {
  background: rgba(0, 0, 0, 0.4196078431);
  display: inline-block;
  padding: 4px;
  border-radius: 100%;
  cursor: pointer;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video-2 > video {
  margin: 0;
  padding: 0;
  max-width: 100%;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video-3 {
  position: absolute;
  height: auto;
  max-width: 50%;
  max-height: 50%;
  top: 10px;
  right: 10px;
  overflow: hidden;
  z-index: 9;
  min-width: 50px;
  min-height: 50px;
}
.bp-messages-call-wrap .bp-messages-video-container .bp-messages-small-video-3 > video {
  margin: 0;
  padding: 0;
  max-width: 100%;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.bp-messages-wrap a, .bp-messages-wrap a:active, .bp-messages-wrap a:hover, .bp-messages-wrap a:focus {
  text-decoration: none !important;
}
.bp-messages-wrap.bpbm-call-view .bp-messages-side-threads {
  width: 0;
  overflow: hidden;
  border-right: none;
}
.bp-messages-wrap.bpbm-call-view .bp-messages-column {
  width: 100%;
}
.bp-messages-wrap.bpbm-call-view .bm-before-message-list .bpbm-group-call-in-progress {
  display: none !important;
}
.bp-messages-wrap.bp-messages-full-screen {
  position: fixed !important;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000000;
  border-radius: 0 !important;
  border: 0 !important;
}
.bp-messages-wrap .bm-search-results {
  height: 100%;
}
.bp-messages-wrap .bm-search-results .loading-messages {
  display: block;
  top: 50px;
}
.bp-messages-wrap .bm-search-results .threads-list {
  padding-bottom: 0;
}
.bp-messages-wrap .bm-search-results .bm-search-results-section + .bm-search-results-section .bm-search-results-header {
  border-top: 1px solid rgba(var(--bm-border-secondary-color), 1);
}
.bp-messages-wrap .bm-search-results .bm-search-results-section .bm-search-results-header {
  margin: 0;
  padding: 6px 10px 6px;
  border-bottom: 1px solid rgba(var(--bm-border-secondary-color), 1);
  font-size: 14px;
  background: rgba(var(--bm-bg-secondary), 1);
  line-height: initial;
}
.bp-messages-wrap.bp-better-messages-list .chat-footer .bpbm-user-me .bpbm-user-me-avatar .avatar {
  width: 25px;
  height: 25px;
}
.bp-messages-wrap .threads-list-index + .thread-not-selected {
  display: none;
}
.bp-messages-wrap .bp-messages-threads-wrapper.no-threads .bp-messages-side-threads {
  display: none !important;
}
.bp-messages-wrap .bp-messages-threads-wrapper.no-threads .bp-messages-side-threads + .bp-messages-column {
  width: 100%;
}
.bp-messages-wrap:not(.bp-messages-mobile, .mobile-ready) .bp-messages-threads-wrapper:not(.threads-hidden, .no-threads) .chat-header.bpbm-index .new-message {
  display: none;
}
.bp-messages-wrap:not(.bp-messages-mobile, .mobile-ready) .bp-messages-threads-wrapper:not(.threads-hidden, .no-threads) .chat-header.bpbm-index .bpbm-search {
  display: none;
}
.bp-messages-wrap:not(.bp-messages-mobile, .mobile-ready) .bp-messages-threads-wrapper:not(.threads-hidden, .no-threads) .chat-header.bpbm-index .starred-messages {
  float: right;
}
.bp-messages-wrap:not(.bp-messages-mobile, .mobile-ready) .bp-messages-threads-wrapper:not(.threads-hidden, .no-threads) .threads-list-index {
  display: none;
}
.bp-messages-wrap:not(.bp-messages-mobile, .mobile-ready) .bp-messages-threads-wrapper:not(.threads-hidden, .no-threads) .threads-list-index + .thread-not-selected {
  display: flex;
  height: auto;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.bp-messages-wrap:not(.bp-messages-mobile, .mobile-ready) .bp-messages-threads-wrapper:not(.threads-hidden, .no-threads) .threads-list-index + .thread-not-selected + .chat-footer {
  display: none;
}
.bp-messages-wrap .chat-header.side-header {
  display: flex;
  justify-content: flex-start;
  border-right: 0;
}
.bp-messages-wrap .chat-header.side-header .new-message + .bpbm-search {
  padding-left: 0;
  width: calc(100% - 50px);
}
.bp-messages-wrap .chat-header.side-header .bpbm-search {
  width: 100%;
  line-height: initial;
  padding-right: 10px;
  padding-left: 10px;
}
.bp-messages-wrap .chat-header.side-header .bpbm-search form {
  width: 100%;
}
.bp-messages-wrap .chat-header.side-header .bpbm-search form .close {
  display: none;
}
.bp-messages-wrap .chat-header.side-header .bpbm-search form input {
  width: 100%;
  max-width: 100%;
  border-width: 1px;
  text-align: left;
}
.bp-messages-wrap .chat-header .settings {
  position: relative;
  width: 50px;
  font-size: 16px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
  float: right;
}
.bp-messages-wrap.bp-messages-mobile .chat-header .settings {
  display: block;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content {
  flex-direction: column-reverse;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-view.bpbm-hide-chat .bpbm-chat-main, .bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-audio-view.bpbm-hide-chat .bpbm-chat-main {
  height: 0;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-view.bpbm-hide-chat .bp-messages-call-wrap, .bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-audio-view.bpbm-hide-chat .bp-messages-call-wrap {
  height: 100%;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-view .bpbm-chat-main, .bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-audio-view .bpbm-chat-main {
  height: 60%;
  max-width: 100%;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-view .bp-messages-call-wrap, .bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-audio-view .bp-messages-call-wrap {
  height: 40%;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-view .bp-messages-call-wrap .bpbm-switch-chat svg, .bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-call-audio-view .bp-messages-call-wrap .bpbm-switch-chat svg {
  transform: rotate(-90deg);
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content .bpbm-chat-main-primary {
  width: 100% !important;
  max-width: 100%;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content.bpbm-hide-chat .bp-messages-call-wrap .bpbm-switch-chat svg {
  transform: rotate(90deg);
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content .bp-messages-call-wrap {
  height: 0;
  width: 100%;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content .bp-messages-call-wrap .bpbm-switch-chat {
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  opacity: 0.5;
  height: 18px;
  width: 40px;
  line-height: 18px;
  border-radius: 4px 4px 0px 0;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-chat-content .bp-messages-call-wrap .bpbm-switch-chat i {
  transform: rotate(270deg);
}
.bp-messages-wrap .bpbm-group-call-in-progress {
  padding: 0 20px;
  background: rgba(var(--main-bm-color), 1);
  color: white;
  font-size: 15px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
}
.bp-messages-wrap .bpbm-group-call-in-progress .bpbm-group-call-in-progress-info svg {
  vertical-align: middle;
  margin-right: 5px;
}
.bp-messages-wrap .bpbm-group-call-in-progress .bpbm-group-call-in-progress-join {
  margin-left: 5px;
}
.bp-messages-wrap .bpbm-group-call-in-progress .bpbm-group-call-in-progress-join button {
  display: inline-block;
  background: green !important;
  border: 1px solid white !important;
  font-size: 14px;
  color: white;
  margin: 0 0;
  padding: 1px 21px !important;
  outline: 0 !important;
  box-shadow: none;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  text-transform: uppercase;
}
.bp-messages-wrap .bpbm-chat-content {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  min-height: 0;
  will-change: transform;
}
.bp-messages-wrap .bpbm-chat-content > * {
  transition: width 0.3s ease-in-out, max-width 0.3s ease-in-out, height 0.3s ease-in-out, max-height 0.3s ease-in-out;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-view .bpbm-chat-main {
  max-width: 350px;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-view .bp-messages-call-wrap {
  background: rgba(var(--bm-bg-color), 1);
  width: 100%;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-view.bpbm-hide-chat .bpbm-chat-main {
  width: 0;
  overflow: hidden;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-view.bpbm-hide-chat .bpbm-switch-chat svg {
  transform: rotate(180deg);
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-view.bpbm-hide-chat .bp-messages-call-container,
.bp-messages-wrap .bpbm-chat-content.bpbm-call-view.bpbm-hide-chat .bp-messages-group-call-controls-v2 {
  border-left: 0;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-audio-view .bp-messages-call-wrap {
  width: 100%;
  max-width: 350px;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-audio-view.bpbm-hide-chat .bpbm-chat-main-primary {
  width: 0;
  overflow: hidden;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-call-audio-view.bpbm-hide-chat .bp-messages-call-wrap {
  max-width: 100%;
}
.bp-messages-wrap .bpbm-chat-content .bpbm-chat-main {
  position: relative;
  max-width: 100%;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.bp-messages-wrap .bpbm-chat-content .bpbm-chat-main .bm-before-message-list {
  position: relative;
  z-index: 1;
}
.bp-messages-wrap .bpbm-chat-content .bpbm-chat-main .bpbm-chat-main-primary {
  position: relative;
  max-width: 100%;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  min-height: 0;
}
.bp-messages-wrap .bpbm-chat-content .bm-chat-online-users {
  position: relative;
  max-width: 100%;
  width: 200px;
  height: 100%;
  min-height: 0;
  border-left: 1px solid rgba(var(--bm-border-color), 1);
}
.bp-messages-wrap .bpbm-chat-content .bm-chat-online-users .bm-chat-online-users-title {
  color: rgba(var(--bm-text-color), 0.6);
  padding: 10px;
  user-select: none;
}
.bp-messages-wrap .bpbm-chat-content .bm-chat-online-users .bm-chat-online-users-list {
  /*> .user{
          > *{
            display: inline-block;
            vertical-align: middle;
          }

          div.pic{
            margin-right: 5px;
            width: 25px;
            height: 25px;

            img.avatar{
              width: 25px;
              height: 25px;
            }
          }

          margin-bottom: 5px;
          padding: 0 10px;
        }*/
}
.bp-messages-wrap .bpbm-chat-content .bm-chat-online-users .bm-chat-online-users-list .bp-messages-user-list .user {
  font-size: 12px;
}
.bp-messages-wrap .bpbm-chat-content .bm-chat-online-users .bm-chat-online-users-list .bp-messages-user-list .user .pic {
  width: 25px;
  height: 25px;
  min-width: 25px;
  padding-right: 5px;
}
.bp-messages-wrap .bpbm-chat-content .bm-chat-online-users .bm-chat-online-users-list .bp-messages-user-list .user .pic img {
  width: 25px;
  height: 25px;
}
.bp-messages-wrap .bpbm-chat-content.bpbm-hide-chat .bpbm-switch-chat i {
  transform: rotate(180deg);
}
.bp-messages-wrap .bm-top-pinned-message {
  display: flex;
  padding: 8px 10px;
  background: rgba(var(--bm-bg-color), 1);
  color: rgba(var(--bm-text-color), 1);
  text-align: left;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  cursor: default;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(var(--bm-border-color), 0.62);
}
.bp-messages-wrap .bm-top-pinned-message .bm-top-pinned-message-content {
  border-left: 2px solid rgba(var(--main-bm-color), 1);
  padding-left: 8px;
  user-select: none;
  cursor: pointer;
  width: 100%;
}
.bp-messages-wrap .bm-top-pinned-message .bm-top-pinned-message-content .bm-top-pinned-message-label {
  font-size: 12px;
  color: rgba(var(--main-bm-color), 1);
  display: block;
  font-weight: bold;
}
.bp-messages-wrap .bm-top-pinned-message .bm-top-pinned-message-content .bm-top-pinned-message-text {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bp-messages-wrap .bbpm-avatar img {
  display: block;
  transition: none;
}
.bp-messages-wrap img.avatar {
  transition: none;
  max-width: 100%;
  max-height: 100%;
}
.bp-messages-wrap .chat-footer {
  display: flex;
  position: relative;
  height: 44px;
  line-height: 42px;
  box-sizing: border-box;
  border-bottom: none;
  border-top: 1px solid rgba(var(--bm-border-secondary-color), 1);
  background: rgba(var(--bm-bg-secondary), 1);
}
.bp-messages-wrap .chat-footer > a {
  position: relative;
  color: rgba(var(--main-bm-color), 1) !important;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  text-decoration: none !important;
  border: none;
}
.bp-messages-wrap .chat-footer > a > svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.bp-messages-wrap .chat-footer .settings {
  width: 50px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
}
.bp-messages-wrap .chat-footer .new-message {
  display: block;
  width: 50px;
  height: 42px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.bp-messages-wrap .chat-footer .bpbm-user-me {
  position: relative;
  display: flex;
  line-height: initial;
  margin-left: auto;
  padding: 6px 8px;
  cursor: pointer;
  user-select: none;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}
.bp-messages-wrap .chat-footer .bpbm-user-me.bpbm-open, .bp-messages-wrap .chat-footer .bpbm-user-me:hover {
  background: rgba(0, 0, 0, 0.0588235294);
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-avatar {
  margin-right: 10px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-avatar .avatar {
  display: block;
  width: 30px;
  height: 30px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-name {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-status {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-status .current-status {
  display: flex;
  align-items: center;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-status .current-status svg {
  margin-right: 5px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup {
  position: absolute;
  bottom: 50px;
  right: 0;
  min-width: 100%;
  z-index: 10;
  background: var();
  box-sizing: border-box;
  border: 1px solid rgba(var(--bm-border-color), 1);
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 #d7d8db;
  cursor: default;
  white-space: nowrap;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list {
  display: block;
  background: rgba(var(--bm-bg-color), 1);
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item {
  display: block;
  padding: 10px;
  cursor: pointer;
  font-size: 13px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item:hover {
  background: rgba(0, 0, 0, 0.0588235294);
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item .bpbm-user-me-popup-list-item-title {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item .bpbm-user-me-popup-list-item-title > svg {
  margin-right: 5px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item .bpbm-user-me-popup-list-item-desc {
  display: block;
  font-size: 80%;
  opacity: 0.8;
  margin-top: 8px;
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item + .bpbm-user-me-popup-list-hr {
  display: block;
  border-bottom: 1px solid rgba(var(--bm-border-color), 1);
}
.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-hr {
  display: none;
}
.bp-messages-wrap .bm-connection-control .bm-connection-quality {
  display: flex;
  padding: 3px 7px;
  border-radius: 3px;
  font-size: 9px;
  opacity: 0.4;
  color: white;
  background: #eda703;
  cursor: default;
  transition: opacity 0.2s ease-in-out;
  text-align: center;
  align-items: center;
}
.bp-messages-wrap .bm-connection-control .bm-connection-quality svg {
  font-size: 120%;
}
.bp-messages-wrap .bm-connection-control .bm-connection-quality:hover, .bp-messages-wrap .bm-connection-control .bm-connection-quality.bm-opacity {
  opacity: 1;
}
.bp-messages-wrap .bm-connection-control .bm-connection-quality.bm-state-connected {
  color: white;
  background: #007528;
}
.bp-messages-wrap .bm-connection-control .bm-connection-quality.bm-state-disconnected {
  color: white;
  background: darkred;
}
.bp-messages-wrap .bm-connection-control .bm-connection-quality > span {
  text-transform: capitalize;
  margin-left: 4px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container {
  height: 100%;
  overflow: auto;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-container {
  overflow: hidden;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bpbm-call-settings {
  position: absolute;
  bottom: 55px;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid {
  position: relative;
  box-sizing: border-box;
  padding: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 44px);
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio {
  display: block;
  z-index: 1;
  width: calc(100% - 10px);
  margin: 5px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-screen .bp-messages-group-call-input-audio-screen-wrapper {
  background: gray;
  line-height: 0;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-screen .bp-messages-group-call-input-audio-screen-wrapper video {
  position: relative;
  width: 100%;
  height: auto;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner {
  padding: 0;
  box-shadow: 0 1px 5px 1px rgba(var(--bm-border-color), 1);
  display: block;
  border: 1px solid rgba(var(--bm-border-color), 1);
  background: rgba(var(--bm-bg-secondary), 1);
  color: rgba(var(--bm-text-color), 1);
  border-radius: 3px;
  overflow: hidden;
  transition: box-shadow 0.15s ease-in-out;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info {
  padding: 5px;
  display: block;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-info-avatar {
  padding-right: 10px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-info-avatar .avatar {
  display: block;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-info-avatar img {
  display: block;
  height: 45px;
  border-radius: 3px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-info-name {
  font-size: 15px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-caller-actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-right: 10px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-caller-actions .bpbm-mic-status {
  line-height: 0;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-caller-actions > .bpbm-admin-controls {
  display: flex;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-caller-actions > .bpbm-admin-controls .bpbm-unmute {
  display: none;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-caller-actions > .bpbm-admin-controls > span {
  position: relative;
  display: block;
  background: #e9e9e9;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
  margin-right: 10px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-caller-actions > .bpbm-admin-controls > span.bpbm-kick {
  background: #d62020;
  color: white;
  font-size: 11px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-caller-actions .bpbm-mic-status > i {
  display: block;
  background: #e9e9e9;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control {
  position: absolute;
  bottom: 0;
  background: #fafbfc;
  width: 100%;
  padding: 10px;
  border-top: 1px solid rgba(var(--bm-border-color), 0.62);
  border-left: 1px solid rgba(var(--bm-border-color), 0.62);
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control {
  display: flex;
  align-items: center;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .microphone-control-selector {
  width: 100%;
  max-width: 200px;
  margin-right: 10px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .microphone-control-selector label {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .microphone-control-selector .bpbm-switch-mic-select {
  max-width: 100%;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .speaker-control-selector {
  width: 100%;
  max-width: 200px;
  margin-right: 10px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .speaker-control-selector label {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .speaker-control-selector .bpbm-switch-audio-select {
  max-width: 100%;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .bm-audio-chat-additional-controls {
  margin-left: auto;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .bm-audio-chat-control-group {
  text-align: right;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .bpbm-switch-mic-switcher {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .bpbm-switch-mic-switcher > span {
  cursor: pointer;
  display: inline-block;
  background: rgba(var(--main-bm-color), 1);
  color: rgba(var(--bm-bg-color), 1);
  height: 39px;
  width: 100px;
  font-size: 13px;
  text-align: center;
  line-height: 39px;
  border-radius: 3px 0 0 3px;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .bpbm-switch-mic-switcher > span[aria-disabled=true] {
  background: gray;
  cursor: not-allowed;
}
.bp-messages-wrap .bp-messages-group-audio-call-container .bp-messages-group-call-audios-control .bm-audio-chat-control .bpbm-switch-mic-switcher .bm-end-call {
  display: inline-block;
  border-radius: 0px 3px 3px 0px;
  font-size: 13px;
  color: white;
  background: #c92e2e;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
  width: 45px;
  text-align: center;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  width: calc(100% - 4px);
  margin: auto;
  transition: height 0.5s ease;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-videos-grid-primary {
  position: relative;
  transition: height 0.5s ease;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-videos-grid-secondary {
  position: relative;
  transition: height 0.5s ease;
  overflow-x: auto;
  overflow-y: hidden;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video {
  display: block;
  position: absolute;
  z-index: 1;
  color: #fff;
  overflow: hidden;
  margin-top: 2px;
  padding: 2px;
  transition: top 0.5s ease, left 0.5s ease, height 0.5s ease, width 0.5s ease;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video.bpbm-cover-video > .bp-messages-group-call-input-video-inner video {
  object-fit: cover;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: gray;
  border-radius: var(--bm-border-radius);
  background-repeat: no-repeat;
  background-position: center;
  transition: box-shadow 0.15s ease-in-out;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-caller-status {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 5px;
  padding-top: 5px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1098039216);
  border-radius: 0 0 0 var(--bm-border-radius);
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-caller-status > span {
  margin-left: 5px;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-media-container {
  transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: var(--bm-border-radius);
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-media-container.bpbm-screen-shared .bm-small-video {
  position: absolute;
  bottom: 5px;
  right: 5px;
  max-height: 60px;
  opacity: 0.7;
  transition: opacity 0.15s ease-in-out;
  cursor: grab;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-media-container.bpbm-screen-shared .bm-small-video:hover {
  opacity: 1;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner video {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  object-fit: contain;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner audio {
  display: none !important;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-admin-controls {
  display: none;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1098039216);
  border-radius: 0 0 var(--bm-border-radius) 0;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-admin-controls > span {
  text-align: center;
  position: relative;
  display: block;
  cursor: pointer;
  margin-right: 5px;
  width: 15px;
  height: 15px;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner:hover .bpbm-admin-controls {
  display: flex !important;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner.bp-messages-group-call-video-secondary:hover .bpbm-caller-status {
  display: none !important;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner.bp-messages-group-call-video-secondary .bpbm-info-name .bpbm-name {
  display: none !important;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner.bp-messages-group-call-video-secondary .bpbm-info-name .bpbm-admin-controls {
  margin-left: 0 !important;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-group-call-input-video-inner-info {
  transform: translate3d(0, 0, 0);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
  background: rgba(0, 0, 0, 0.1098039216);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-between;
  pointer-events: none;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-group-call-input-video-inner-info .bpbm-info-avatar {
  display: none;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-group-call-input-video-inner-info .bpbm-caller-info {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-group-call-input-video-inner-info .bpbm-caller-info > * {
  padding: 5px 0;
  pointer-events: auto;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-group-call-input-video-inner-info .bpbm-caller-info .bpbm-info-name {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  color: white;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner .bpbm-group-call-input-video-inner-info .bpbm-caller-info .bpbm-info-name a {
  color: white !important;
}
.bp-messages-wrap .bp-messages-call-wrap-group .bpbm-call-settings {
  position: absolute;
  bottom: 55px;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
}
.tippy-box[data-theme=bpbmtheme][data-animation=fade][data-state=hidden] {
  opacity: 0;
}

.bm-tooltip {
  position: relative;
  background-color: rgba(var(--bm-tooltip-bg), 1);
  opacity: 0.85;
  color: rgba(var(--bm-tooltip-color), 1);
  border-radius: 4px;
  font-size: 13px;
  padding: 4px 8px;
  line-height: 1.4;
  outline: 0;
  z-index: 100001;
  transition-property: transform, visibility, opacity;
}

.bpbm-send-files {
  display: none !important;
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: rgba(var(--main-bm-color), 1);
  text-align: center;
  cursor: pointer;
}
.bpbm-send-files.bpbm-has-files {
  display: block !important;
}

.new-message button[type=submit] {
  cursor: pointer;
  display: inline-block;
  color: white;
  background: rgba(var(--main-bm-color), 1);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  user-select: none;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 #cccccc;
  margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation-link--bp-messages .bp-better-messages-unread {
  margin-left: 5px;
}

#buddypress #profile-header #item-buttons > #bpbm-audio-call.generic-button > .grimlock-btn.bpbm-audio-call:before {
  font-family: var(--grimlock-icon-phone-font-family) !important;
  content: var(--grimlock-icon-phone) !important;
  font-weight: 100;
  font-style: normal;
}
#buddypress #profile-header #item-buttons > #bpbm-video-call.generic-button > .grimlock-btn.bpbm-video-call:before {
  font-family: var(--grimlock-icon-video-font-family) !important;
  content: var(--grimlock-icon-video) !important;
  font-weight: 100;
  font-style: normal;
}
#buddypress #profile-header #item-buttons .dropdown-menu > #bpbm-audio-call.generic-button > .grimlock-btn.bpbm-audio-call:before {
  min-width: 22px;
  margin-right: 0.5rem;
  color: inherit !important;
  opacity: 0.7;
  font-size: 1rem !important;
  display: inline-flex;
  min-height: 22px;
  line-height: 0;
  justify-content: center;
  align-items: center;
  top: -0.1em;
  position: relative;
  font-family: var(--grimlock-icon-phone-font-family) !important;
  content: var(--grimlock-icon-phone) !important;
  font-weight: 100;
  font-style: normal;
}
#buddypress #profile-header #item-buttons .dropdown-menu > #bpbm-video-call.generic-button > .grimlock-btn.bpbm-video-call:before {
  min-width: 22px;
  margin-right: 0.5rem;
  color: inherit !important;
  opacity: 0.7;
  font-size: 1rem !important;
  display: inline-flex;
  min-height: 22px;
  line-height: 0;
  justify-content: center;
  align-items: center;
  top: -0.1em;
  position: relative;
  font-family: var(--grimlock-icon-video-font-family) !important;
  content: var(--grimlock-icon-video) !important;
  font-weight: 100;
  font-style: normal;
}

/**
    Ultimate Member
 */
.um-profile-body.messages.messages-default {
  max-width: 100% !important;
}

.um-profile .um-messaging-btn {
  float: right;
  margin: 0;
}

@media screen and (max-width: 500px) {
  .um-profile .um-messaging-btn {
    float: none;
    margin-top: 10px;
  }
}
.um-members-grid .um-member-card .um-members-bpbm-btn {
  margin: 2px 0;
}
.um-members-grid .um-member-card .um-members-bpbm-btn .um-button {
  padding: 10px 15px !important;
  transition: none !important;
  display: inline-block !important;
  margin: 0 auto !important;
  min-width: 110px;
  width: auto;
  text-align: center;
  font-size: 13px;
}

.um-members-list .um-member-card-footer .um-members-bpbm-btn {
  margin: 2px 0;
}
.um-members-list .um-member-card-footer .um-members-bpbm-btn .um-button {
  padding: 10.4px 15px !important;
  transition: none !important;
  display: inline-block !important;
  margin: 0 auto !important;
  min-width: 110px;
  width: auto;
  text-align: center;
  font-size: 13px;
}

.bpbm-users-avatars-list {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-bottom: 10px;
  position: relative;
  margin: 0 0;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  user-select: none;
}
.bpbm-users-avatars-list .bpbm-users-avatars-list-item {
  display: inline-block;
  text-align: center;
  margin: 0 10px 0 0;
  width: 70px;
  overflow: hidden;
  vertical-align: top;
  cursor: pointer;
}
.bpbm-users-avatars-list .bpbm-users-avatars-list-item .bpbm-users-avatars-list-item-avatar {
  display: block;
  padding: 0 5px;
  text-align: center;
}
.bpbm-users-avatars-list .bpbm-users-avatars-list-item .bpbm-users-avatars-list-item-avatar img {
  margin: 0 auto !important;
  border-radius: 100%;
}
.bpbm-users-avatars-list .bpbm-users-avatars-list-item .bpbm-users-avatars-list-item-name {
  display: block;
  white-space: normal;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 5px;
  max-height: 30px;
  font-size: 11px;
  line-height: 15px;
}

.bp-messages-wrap .bm-side-tabs {
  padding: 0;
  margin: 0 !important;
  line-height: 35px;
  height: 35px;
  border-radius: 0;
  background: rgba(var(--bm-bg-color), 1);
  font-size: 13px;
  box-sizing: content-box !important;
  display: flex;
  width: 100%;
  user-select: none;
}
.bp-messages-wrap .bm-side-tabs.bpbm-mobile-only {
  height: auto;
  line-height: 37px;
  font-size: 14px;
}
.bp-messages-wrap .bm-side-tabs.bpbm-mobile-only.bm-side-tabs-border-top > div {
  border-top: 3px solid #f5f5f5;
  padding-bottom: 3px;
  padding-bottom: env(safe-area-inset-bottom);
}
.bp-messages-wrap .bm-side-tabs.bpbm-mobile-only.bm-side-tabs-border-top > div.active {
  border-top: 3px solid #dadada;
}
.bp-messages-wrap .bm-side-tabs > div {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color, border-color 0.2s;
}
.bp-messages-wrap .bm-side-tabs > div.active {
  background: rgba(var(--bm-bg-secondary), 1);
}
.bp-messages-wrap .bm-side-tabs > div > svg {
  vertical-align: text-bottom;
}
.bp-messages-wrap .bm-side-tabs.bm-side-tabs-border-top > div {
  border-top: 1px solid #f5f5f5;
}
.bp-messages-wrap .bm-side-tabs.bm-side-tabs-border-top > div.active {
  border-top: 1px solid #dadada;
}
.bp-messages-wrap .bm-side-tabs.bm-side-tabs-border-bottom > div {
  border-bottom: 1px solid rgba(var(--bm-border-secondary-color), 0.5);
}
.bp-messages-wrap .bm-side-tabs.bm-side-tabs-border-bottom > div.active {
  border-bottom: 1px solid rgba(var(--bm-border-secondary-color), 1);
}

.bp-messages-wrap .bm-disabled-button {
  color: gray;
}
.bp-messages-wrap .bm-disabled-button > svg {
  color: gray;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-mobile-only.bm-side-tabs {
  display: flex;
}
.bp-messages-wrap .bpbm-desktop-only {
  display: block;
}
.bp-messages-wrap.bp-messages-mobile .bpbm-desktop-only {
  display: none;
}
.bp-messages-wrap .bp-messages-side-threads .bpbm-friends-list, .bp-messages-wrap .bp-messages-side-threads .bpbm-um-friends-list, .bp-messages-wrap .bp-messages-side-threads .bpbm-ps-friends-list, .bp-messages-wrap .bp-messages-side-threads .bpbm-groups-list, .bp-messages-wrap .bp-messages-side-threads .bpbm-ps-groups-list, .bp-messages-wrap .bp-messages-side-threads .bpbm-bmum-groups-list,
.bp-messages-wrap .bp-messages-column .bpbm-friends-list,
.bp-messages-wrap .bp-messages-column .bpbm-um-friends-list,
.bp-messages-wrap .bp-messages-column .bpbm-ps-friends-list,
.bp-messages-wrap .bp-messages-column .bpbm-groups-list,
.bp-messages-wrap .bp-messages-column .bpbm-ps-groups-list,
.bp-messages-wrap .bp-messages-column .bpbm-bmum-groups-list {
  width: calc(100% - 1px);
}
.bp-messages-wrap .bp-messages-side-threads .bpbm-friends-list .bpbm-loader-icon, .bp-messages-wrap .bp-messages-side-threads .bpbm-um-friends-list .bpbm-loader-icon, .bp-messages-wrap .bp-messages-side-threads .bpbm-ps-friends-list .bpbm-loader-icon, .bp-messages-wrap .bp-messages-side-threads .bpbm-groups-list .bpbm-loader-icon, .bp-messages-wrap .bp-messages-side-threads .bpbm-ps-groups-list .bpbm-loader-icon, .bp-messages-wrap .bp-messages-side-threads .bpbm-bmum-groups-list .bpbm-loader-icon,
.bp-messages-wrap .bp-messages-column .bpbm-friends-list .bpbm-loader-icon,
.bp-messages-wrap .bp-messages-column .bpbm-um-friends-list .bpbm-loader-icon,
.bp-messages-wrap .bp-messages-column .bpbm-ps-friends-list .bpbm-loader-icon,
.bp-messages-wrap .bp-messages-column .bpbm-groups-list .bpbm-loader-icon,
.bp-messages-wrap .bp-messages-column .bpbm-ps-groups-list .bpbm-loader-icon,
.bp-messages-wrap .bp-messages-column .bpbm-bmum-groups-list .bpbm-loader-icon {
  text-align: center;
  font-size: 24px;
  margin-top: 40px;
}
.bp-messages-wrap .bpbm-empty-icon {
  font-size: 24px;
}
.bp-messages-wrap .bpbm-empty-text {
  font-size: 16px;
  margin: 10px 0;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-mobile-devices {
  margin: 10px 0;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-mobile-devices table {
  border: none;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-mobile-devices table td {
  border: 1px solid #e4e4e4;
  padding: 5px 10px;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-mobile-devices table + .bpbm-user-mobile-devices-empty {
  display: none;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-mobile-devices .bpbm-user-mobile-devices-empty {
  text-align: center;
  padding: 30px 0;
  border: 1px solid #e4e4e4;
}
.bp-messages-wrap .bpbm-user-options .bpbm-user-mobile-devices .bpbm-user-mobile-devices-empty i {
  display: block;
  font-size: 36px;
  margin: 10px 0;
}

body.beehive #bpbm-video-call.generic-button a:before {
  content: "\ec27" !important;
}
body.beehive #bpbm-audio-call.generic-button a:before {
  content: "\eb15" !important;
}

span.bm-user .avatar, a.bm-user .avatar {
  margin-right: 5px;
}
span.bm-user > *, a.bm-user > * {
  vertical-align: middle;
}

.bpbm-checkbox {
  display: none !important;
  position: absolute !important;
  z-index: -1 !important;
  opacity: 0 !important;
}
.bpbm-checkbox + label {
  display: inline-flex !important;
  align-items: center;
  user-select: none;
  padding: 0 !important;
  margin: 0;
  font-size: 16px !important;
}
.bpbm-checkbox + label::before {
  position: relative !important;
  content: "";
  display: inline-block;
  width: 1em;
  top: 0 !important;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.bpbm-checkbox + label::after {
  content: none !important;
}
.bpbm-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.bpbm-checkbox:checked + label::before {
  border-color: rgba(var(--main-bm-color), 1);
  background-color: rgba(var(--main-bm-color), 1);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.bpbm-checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: rgba(var(--main-bm-color), 1);
}
.bpbm-checkbox:not(:disabled):active + label::before {
  background-color: rgba(var(--main-bm-color), 1);
  border-color: rgba(var(--main-bm-color), 1);
}
.bpbm-checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(var(--main-bm-color), 0.25);
}
.bpbm-checkbox:focus:not(:checked) + label::before {
  border-color: rgba(var(--main-bm-color), 1);
}
.bpbm-checkbox:disabled + label::before {
  background-color: #e9ecef;
}

.bpbm-radio {
  display: none;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.bpbm-radio + label {
  display: inline-flex !important;
  align-items: center;
  user-select: none;
}
.bpbm-radio + label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.bpbm-radio:checked + label::before {
  border-color: rgba(var(--main-bm-color), 1);
  background-color: rgba(var(--main-bm-color), 1);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.bpbm-radio:not(:disabled):not(:checked) + label:hover::before {
  border-color: rgba(var(--main-bm-color), 1);
}
.bpbm-radio:not(:disabled):active + label::before {
  background-color: rgba(var(--main-bm-color), 1);
  border-color: rgba(var(--main-bm-color), 1);
}
.bpbm-radio:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(var(--main-bm-color), 0.25);
}
.bpbm-radio:focus:not(:checked) + label::before {
  border-color: rgba(var(--main-bm-color), 1);
}
.bpbm-radio:disabled + label::before {
  background-color: #e9ecef;
}

.bm-dropzone {
  border: 2px dashed rgba(var(--bm-border-color), 1);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  z-index: 10;
  background: rgba(var(--bm-bg-color), 1);
  text-align: center;
  line-height: 100px;
  font-size: 18px;
  text-transform: uppercase;
  color: rgba(var(--bm-text-color), 1);
}
.bm-dropzone.bm-dropzone-dragging-over {
  background: rgba(var(--bm-hover-bg), 1);
  border: 2px dashed #2275d7;
}

/*
    Youzify Group Tab
 */
.youzify-group-navmenu a#nav-messages:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free" !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 14px;
  content: "\f086";
}

.bm-loading {
  display: flex;
  text-align: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.bm-loading .bm-loading-icon {
  display: block;
  font-size: 2rem;
}
.bm-loading .bm-loading-text {
  display: block;
  font-size: 1rem;
  padding-top: 1rem;
}

html[dir=rtl] .bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .name > *:not(strong),
html[dir=rtl] .bp-messages-wrap .threads-list .thread .bm-info .name > *:not(strong),
html[dir=rtl] .bm-name-verified {
  margin-right: 5px;
  margin-left: 0;
}
html[dir=rtl] .bpbm-radio + label::before,
html[dir=rtl] .bpbm-checkbox + label::before {
  margin-left: 0.5em;
  margin-right: 0;
}
html[dir=rtl] .contexify_item > .contexify_itemContent > span {
  margin-left: 0;
  margin-right: 5px;
}
html[dir=rtl] .bp-messages-wrap {
  text-align: right;
}
html[dir=rtl] .bp-messages-wrap .bm-top-pinned-message .bm-top-pinned-message-content {
  border-left: none;
  border-right: 2px solid rgba(var(--main-bm-color), 1);
  text-align: right;
  padding-left: 0;
  padding-right: 8px;
}
html[dir=rtl] .bp-messages-wrap:not(.bp-messages-mobile) .bp-messages-call-wrap > .bpbm-switch-chat {
  transform: rotate(180deg);
}
html[dir=rtl] .bp-messages-wrap .bp-messages-wrap .chat-header .bm-chat-header-title,
html[dir=rtl] .bp-messages-wrap #bm-new-thread-title {
  margin: 0 0 0 auto !important;
}
html[dir=rtl] .bp-messages-wrap.bpbm-call-view .bp-messages-side-threads {
  border-left: none;
}
html[dir=rtl] .bp-messages-wrap .bp-messages-side-threads {
  border-left: 1px solid rgba(var(--bm-border-color), 0.62);
  border-right: none;
}
html[dir=rtl] .bp-messages-wrap .bp-messages-side-threads > * {
  border-left: 1px solid rgba(var(--bm-border-color), 0.62);
  border-right: none;
}
html[dir=rtl] .bp-messages-wrap .expandingButtons .bpbm-dropdown-menu {
  left: 0;
  right: auto;
}
html[dir=rtl] .bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item-icon {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .bp-messages-wrap .bm-voice-message-play {
  transform: rotate(180deg);
}
html[dir=rtl] .bp-messages-wrap .bm-voice-message-duration {
  left: auto;
  right: 35px;
}
html[dir=rtl] .bp-messages-wrap .chat-header.side-header {
  border-left: none;
}
html[dir=rtl] .bp-messages-wrap .chat-header.side-header .new-message + .bpbm-search {
  padding-right: 0;
  padding-left: 10px;
}
html[dir=rtl] .bp-messages-wrap .chat-header .back {
  transform: rotate(180deg);
}
html[dir=rtl] .bp-messages-wrap .chat-header .back + .thread-info {
  margin-left: auto !important;
  margin-right: 0 !important;
}
html[dir=rtl] .bp-messages-wrap .chat-header .back + .thread-info .avatar {
  margin-right: 0;
  margin-left: 8px;
}
html[dir=rtl] .bp-messages-wrap .chat-header .back + .thread-info .avatar-group {
  margin-left: 6px;
  margin-right: 0;
}
html[dir=rtl] .bp-messages-wrap .chat-footer .bpbm-user-me {
  flex-direction: row-reverse;
  margin-left: 0;
  margin-right: auto;
}
html[dir=rtl] .bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-status .current-status svg {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item .bpbm-user-me-popup-list-item-title > svg {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .bp-messages-wrap .threads-list .thread .pic {
  text-align: right;
}
html[dir=rtl] .bp-messages-wrap .threads-list .thread .pic.group {
  text-align: right;
}
html[dir=rtl] .bp-messages-wrap .threads-list .thread .time {
  padding-right: 10px;
  padding-left: 5px;
}
html[dir=rtl] .bp-messages-wrap .threads-list .thread .bm-info h4 .bm-thread-icon {
  margin-right: 5px;
  margin-left: 0;
}
html[dir=rtl] .bp-messages-wrap .threads-list .thread .bm-info .last-message .bm-last-message-avatar {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .bp-messages-wrap .threads-list .thread .actions {
  padding-left: 8px;
  padding-right: 0;
}
html[dir=rtl] .bp-messages-wrap .bm-reply .bm-send-message svg {
  right: 0;
  left: 10px;
}
html[dir=rtl] .bp-messages-wrap .bm-reply .bm-editor {
  padding-right: 16px;
  padding-left: 0;
}
html[dir=rtl] .bp-messages-wrap .bm-reply.bm-attachments .bm-editor {
  padding-right: 0px;
}
html[dir=rtl] .bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info.thread-info-loaded .thread-info-arrow-down {
  margin-left: 0;
  margin-right: auto;
}
html[dir=rtl] .bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar {
  margin-right: 0;
  margin-left: 8px;
}
html[dir=rtl] .bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .avatar-group {
  margin-right: 0;
  margin-left: 6px;
}
html[dir=rtl] .bp-messages-wrap.bp-better-messages-mini .chats .chat .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-pic {
  right: calc(100% - 30px);
}
html[dir=rtl] .bp-messages-wrap.bp-better-messages-mini .chats .chat .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-pic {
  right: 10px;
}
html[dir=rtl] .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-pic {
  right: 15px;
  left: auto;
}
html[dir=rtl] .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content {
  padding-left: 0;
  padding-right: 60px;
}
html[dir=rtl] .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-info {
  display: flex;
  align-items: center;
}
html[dir=rtl] .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-info .name {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .message-controls {
  margin-right: auto;
}
html[dir=rtl] .bm-messages-list.bm-template-standard .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-content {
  display: flex;
  flex-direction: row;
  text-align: right;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-time {
  margin-left: 0;
  margin-right: 10px;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-pinned-label {
  margin-left: 0;
  margin-right: 5px;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message .bm-message-info .bm-edited-label {
  margin-left: 0;
  margin-right: 5px;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack .bm-messages-listing .bm-message-content {
  text-align: right !important;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack .bm-messages-listing .bm-message-content .bm-reactions {
  flex-direction: row-reverse !important;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-left-side .bm-pic {
  right: calc(100% - 50px);
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-info {
  flex-direction: row-reverse;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-info .bm-name {
  flex-direction: row-reverse;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message {
  flex-direction: row-reverse !important;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .message-controls {
  flex-direction: row-reverse !important;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-right-side .bm-pic {
  right: 15px;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info {
  flex-direction: row;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-info .bm-name {
  flex-direction: row;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message {
  flex-direction: row !important;
}
html[dir=rtl] .bm-messages-list.bm-template-modern .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .message-controls {
  flex-direction: row !important;
}
html[dir=rtl] .bp-better-messages-list .tabs > div > svg {
  margin-left: 4px;
  margin-right: 0;
}
html[dir=rtl] .bm_user_selector .bm_user_selector__menu .bm_user_selector__menu-list .bm_user_selector__option .avatar {
  margin-left: 0.3rem;
  margin-right: 0;
}
html[dir=rtl] .bm_thread_subject_input .bm-to-label {
  padding-right: 0;
  padding-left: 10px;
}
html[dir=rtl] .bp-messages-user-list .user .actions,
html[dir=rtl] .bp-messages-group-list .group .actions {
  margin-left: 0;
  margin-right: auto;
}
html[dir=rtl] .bp-messages-user-list .user > *:not(.pic) {
  margin-left: 0;
  margin-right: 5px;
}
html[dir=rtl] .bm-before-message-list .bpbm-group-call-in-progress .bpbm-group-call-in-progress-info svg {
  margin-left: 5px;
  margin-right: 0;
}
html[dir=rtl] .bm-before-message-list .bpbm-group-call-in-progress .bpbm-group-call-in-progress-join {
  margin-left: 0;
  margin-right: 5px;
}
html[dir=rtl] .bp-messages-group-call-controls-v2,
html[dir=rtl] .bp-messages-call-wrap .bp-messages-call-container {
  border-left: none;
  border-right: 1px solid rgba(var(--bm-border-color), 0.62);
}
html[dir=rtl] .bp-messages-group-audio-call-container .bp-messages-group-call-audios-grid > .bp-messages-group-call-input-audio .bp-messages-group-call-input-audio-inner .bp-messages-group-call-input-audio-inner-info .bpbm-caller-info .bpbm-info-avatar {
  padding-right: 0;
  padding-left: 10px;
}

body.in-bbapp .bp-messages-wrap .chat-header .mobileClose {
  display: none !important;
}

#bm-pg-messages {
  margin: 5px 0;
}

#wpum-profile #wpum-profile-bm-pm-link {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}

body.buddyboss-theme.bb-template-v1:not(.wcfm-dashboard-page) #buddypress .bb_more_options .bb_more_options_list a.bpbm-audio-call:before, body.buddyboss-theme.bb-template-v2:not(.wcfm-dashboard-page) #buddypress .bb_more_options .bb_more_options_list a.bpbm-audio-call:before {
  content: "\eeef";
  font-family: "bb-icons" !important;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  text-align: center;
  vertical-align: middle;
}
body.buddyboss-theme.bb-template-v1:not(.wcfm-dashboard-page) #buddypress .bb_more_options .bb_more_options_list a.bpbm-video-call:before, body.buddyboss-theme.bb-template-v2:not(.wcfm-dashboard-page) #buddypress .bb_more_options .bb_more_options_list a.bpbm-video-call:before {
  content: "\ef65";
  font-family: "bb-icons" !important;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  text-align: center;
  vertical-align: middle;
}

.bm-message-status-panel .bm-message-status-panel-users {
  margin: 10px 0 0;
}
.bm-message-status-panel .bm-message-status-panel-users .bm-message-status-panel-no-results {
  color: gray;
  font-style: italic;
}
.bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list {
  max-height: 400px;
  overflow: auto;
}

.bm-message-reactions-panel .bm-message-reactions-panel-users {
  margin: 10px 0 0;
}
.bm-message-reactions-panel .bm-message-reactions-panel-users .bm-message-reactions-panel-no-results {
  color: gray;
  font-style: italic;
}
.bm-message-reactions-panel .bm-message-reactions-panel-users .bp-messages-user-list {
  max-height: 400px;
  overflow: auto;
}

.bpbm-pm-button.bm-wpforo-btn {
  padding: 1px 5px 1px 5px !important;
  border-radius: 2px !important;
  background: rgba(var(--main-bm-color), 1) !important;
  color: white !important;
}

.bm-thread-moderation .bm-thread-moderation-stats {
  display: flex;
  padding: 10px 10px !important;
}
.bm-thread-moderation .bm-thread-moderation-stats .bm-thread-moderation-stats-item {
  display: flex;
  width: 125px;
  padding: 20px 0;
  height: 95px;
  background: rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  cursor: pointer;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.bm-thread-moderation .bm-thread-moderation-stats .bm-thread-moderation-stats-item > strong {
  display: block;
  font-size: 14px;
}
.bm-thread-moderation .bm-thread-moderation-stats .bm-thread-moderation-stats-item > i {
  display: block;
  font-style: normal;
  font-size: 28px;
}

.bm-moderation-actions-panel .bm-user-popup {
  margin-bottom: 10px;
}
.bm-moderation-actions-panel .bm-moderation-actions-form label {
  display: block;
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 5px;
}
.bm-moderation-actions-panel .bm-moderation-actions-form .bm-moderation-actions-row {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 5px;
  justify-content: space-between;
}
.bm-moderation-actions-panel .bm-moderation-actions-form .bm-moderation-actions-row > div {
  width: 49%;
}
.bm-moderation-actions-panel .bm-moderation-actions-form .bm-moderation-actions-button {
  font-size: 14px;
  width: 100%;
  text-align: center;
}
.bm-moderation-actions-panel .bm-moderation-actions-form input {
  max-height: 30px !important;
  min-height: 30px !important;
  display: inline-block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  max-width: 200px;
  box-sizing: border-box;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
  padding: 5px;
  min-height: 30px;
  width: 100%;
  vertical-align: middle;
}
.bm-moderation-actions-panel .bm-moderation-actions-form select {
  max-height: 30px !important;
  min-height: 30px !important;
  display: inline-block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  max-width: 200px;
  box-sizing: border-box;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
  padding: 5px;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.bm-user-popup {
  display: flex;
}
.bm-user-popup .bm-user-popup-user-info {
  margin-bottom: 5px;
}
.bm-user-popup .bm-user-popup-user-info .last-online {
  font-size: 10px;
}
.bm-user-popup .bm-user-popup-avatar {
  margin-right: 10px;
}
.bm-lc-button {
  cursor: pointer;
}

.bm-thread-info .bm-product-info {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid rgba(var(--bm-border-secondary-color), 1);
  align-items: center;
}
.bm-thread-info .bm-product-info .bm-product-image {
  margin-right: 10px;
  min-width: 50px;
}
.bm-thread-info .bm-product-info .bm-product-image a {
  display: block;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1);
  border-radius: 3px;
  overflow: hidden;
}
.bm-thread-info .bm-product-info .bm-product-image a img {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
}
.bm-thread-info .bm-product-info .bm-product-details .bm-product-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 3px;
  text-wrap: auto;
}
.bm-thread-info .bm-product-info .bm-product-details .bm-product-subtitle {
  white-space: normal;
  font-size: 90%;
}
.bm-thread-info .bm-product-info .bm-product-details .bm-product-price del {
  opacity: 0.5;
}
.bm-thread-info .bm-product-info .bm-product-details .bm-product-price ins, .bm-thread-info .bm-product-info .bm-product-details .bm-product-price mark {
  background: none;
}

body.bm-mobile-device .bp-messages-wrap .threads-list .thread .actions .bm-more-actions {
  opacity: 1;
}
body.bm-mobile-device .bp-messages-wrap .threads-list .thread .actions .bm-more-actions * {
  opacity: 1;
}

body.bm-mobile-device-pwa.bp-messages-mobile .bp-messages-wrap .chat-tabs > div {
  padding-bottom: 20px;
  box-sizing: content-box !important;
}
body.bm-mobile-device-pwa.bp-messages-mobile .bp-messages-wrap .bm-reply {
  padding-bottom: 20px;
}
body.bm-mobile-device-pwa.bp-messages-mobile .bp-messages-wrap .chat-footer {
  padding-bottom: 20px;
  height: 64px;
}
body.bm-mobile-device-pwa.bp-messages-mobile.bm-mobile-device-android.bm-mobile-device-pwa-fullscreen .bp-messages-wrap .bm-reply {
  padding-bottom: 50px;
}
body.bm-mobile-device-pwa.bp-messages-mobile #bp-better-messages-mini-mobile-container .chat-footer {
  padding-bottom: 20px;
  height: 64px;
}

.ps-notif--better-messages.ps-navbar__menu-item .ps-notifications {
  overflow: hidden !important;
}

#buddypress .bp-messages-wrap div:not(.bm-sticky-date, .bm-reactions-selector, .bm-message-content) {
  border-radius: 0 !important;
}

.bm-loading-background {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  z-index: 10;
}
.bm-loading-background svg {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  font-size: 50px;
  animation-name: bm-svg-animate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  opacity: 0.5;
}

.bm-guest-wall {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  overflow: auto;
  z-index: 1;
}
.bm-guest-wall .bm-guest-wall-content {
  margin-top: 50px;
}

.bp-messages-mobile .bm-guest-wall-content {
  margin-top: 100px;
}

.bp-messages-wrap-main .bm-guest-wall-content {
  margin-top: 100px;
}

.bm-heading {
  text-align: center;
  font-size: 22px;
  margin: 30px 0;
  text-transform: capitalize;
}

.bm-subheading {
  text-align: center;
  font-size: 18px;
  margin: 10px 0 15px;
}

.bm-smart-container .bm-draggable-handle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: move;
  z-index: 2;
}
.bm-smart-container .bm-resizable-handle {
  position: absolute;
  width: 15px;
  height: 15px;
  opacity: 0;
  z-index: 3;
}
.bm-smart-container .bm-resizable-handle.bm-resizable-handle-top-left {
  top: 0;
  left: 0;
  cursor: nw-resize;
}
.bm-smart-container .bm-resizable-handle.bm-resizable-handle-top-right {
  top: 0;
  right: 0;
  cursor: ne-resize;
}
.bm-smart-container .bm-resizable-handle.bm-resizable-handle-bottom-left {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
}
.bm-smart-container .bm-resizable-handle.bm-resizable-handle-bottom-right {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.bm-guest-login {
  text-align: center;
  margin-bottom: 30px;
}

.bm-guest-login-actions a {
  display: inline-block;
  margin: 0 5px;
}

.bm-guest-form {
  text-align: center;
}
.bm-guest-form form > div {
  margin: 10px 0;
}
.bm-guest-form label {
  display: block;
  margin-bottom: 10px;
}
.bm-guest-form input, .bm-guest-form input:focus {
  max-height: 30px !important;
  min-height: 30px !important;
  display: inline-block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  max-width: 200px;
  box-sizing: border-box;
  padding: 10px;
  margin: auto;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
}

.bm-report-message-panel label {
  display: block;
  margin-bottom: 5px;
}
.bm-report-message-panel .bm-report-message-panel-information {
  margin-bottom: 10px;
}
.bm-report-message-panel .bm-report-message-panel-category {
  margin-bottom: 10px;
}
.bm-report-message-panel .bm-report-message-panel-category select {
  max-height: 30px !important;
  min-height: 30px !important;
  display: block;
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  max-width: 200px;
  box-sizing: border-box;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
  padding: 5px;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.bm-report-message-panel .bm-report-message-panel-description {
  margin-bottom: 10px;
}
.bm-report-message-panel .bm-report-message-panel-description #bm-report-message-panel-description-textarea {
  background: rgba(var(--bm-bg-color), 1) !important;
  border-radius: 3px;
  border: 1px solid rgba(var(--bm-border-secondary-color), 1) !important;
  box-sizing: border-box;
  padding: 10px 25px 10px 10px;
  font-size: 13px;
  transition: border-color 0.2s;
  color: rgba(var(--bm-text-color), 1) !important;
  width: 100%;
  min-height: 95px;
}
.bm-report-message-panel .bm-report-message-panel-actions {
  text-align: center;
}

/*# sourceMappingURL=bp-messages.css.map */
