/* CSS variables */
:root {
  --bb-rl-primary-color: #4946fe;
  --bb-rl-secondary-color: #dde4ff;
  --bb-rl-background-color: #fff;
  --bb-rl-background-hover-color: #f8f8f8;
  --bb-rl-background-secondary-color: #f6f6f6;
  --bb-rl-background-secondary-hover-color: #f3f3f3;
  --bb-rl-background-tertiary-color: #dbdbdb;
  --bb-rl-background-tertiary-hover-color: #cececf;
  --bb-rl-background-black-color: #0c0c0d;
  --bb-rl-background-disabled-color: #dbdbdb;
  --bb-rl-background-brand-primary-color: var(--bb-rl-primary-color);
  --bb-rl-background-brand-primary-hover-color: #4937f4;
  --bb-rl-background-brand-secondary-color: #dde4ff;
  --bb-rl-background-brand-secondary-hover-color: #c2cdff;
  --bb-rl-background-brand-disabled-color: #767eff;
  --bb-rl-background-info-primary-color: #4946fe;
  --bb-rl-background-info-primary-hover-color: #4937f4;
  --bb-rl-background-info-secondary-color: #dde4ff;
  --bb-rl-background-info-secondary-hover-color: #c2cdff;
  --bb-rl-background-positive-primary-color: #14ae5c;
  --bb-rl-background-positive-primary-hover-color: #009951;
  --bb-rl-background-positive-secondary-color: #ebffee;
  --bb-rl-background-positive-secondary-hover-color: #cff7d3;
  --bb-rl-background-warning-primary-color: #e5a000;
  --bb-rl-background-warning-primary-hover-color: #bf6a02;
  --bb-rl-background-warning-secondary-color: #fffbeb;
  --bb-rl-background-warning-secondary-hover-color: #fff1c2;
  --bb-rl-background-danger-primary-color: #ec221f;
  --bb-rl-background-danger-primary-hover-color: #c00f0c;
  --bb-rl-background-danger-secondary-color: #fee9e7;
  --bb-rl-background-danger-secondary-hover-color: #fdd3d0;
  --bb-rl-border-color: #f3f3f3;
  --bb-rl-border-secondary-color: #e7e7e7;
  --bb-rl-border-tertiary-color: #cececf;
  --bb-rl-border-disabled-color: #f3f3f3;
  --bb-rl-border-quinery-color: #6d6d6e;
  --bb-rl-border-quaternary-color: #9e9e9e;
  --bb-rl-border-brand-primary-color: #3325ae;
  --bb-rl-border-brand-secondary-color: var(--bb-rl-primary-color);
  --bb-rl-border-info-primary-color: #3325ae;
  --bb-rl-border-info-secondary-color: #4946fe;
  --bb-rl-border-positive-primary-color: #02542d;
  --bb-rl-border-positive-secondary-color: #14ae5c;
  --bb-rl-border-warning-primary-color: #682d03;
  --bb-rl-border-warning-secondary-color: #e5a000;
  --bb-rl-border-danger-primary-color: #690807;
  --bb-rl-border-danger-secondary-color: #ec221f;
  --bb-rl-text-color: #242425;
  --bb-rl-text-white-color: #fff;
  --bb-rl-text-secondary-color: #555556;
  --bb-rl-text-tertiary-color: #858586;
  --bb-rl-text-disabled-color: #9e9e9e;
  --bb-rl-text-brand-primary-color: var(--bb-rl-primary-color);
  --bb-rl-text-brand-secondary-color: #3325ae;
  --bb-rl-text-positive-primary-color: #02542d;
  --bb-rl-text-positive-secondary-color: #14ae5c;
  --bb-rl-text-warning-primary-color: #682d03;
  --bb-rl-text-warning-secondary-color: #e5a000;
  --bb-rl-text-danger-primary-color: #690807;
  --bb-rl-text-danger-secondary-color: #ec221f;
  --bb-rl-icon-color: #0c0c0d;
  --bb-rl-icon-primary-color: #3d3d3d;
  --bb-rl-icon-secondary-color: #6d6d6e;
  --bb-rl-icon-tertiary-color: #9e9e9e;
  --bb-rl-icon-disabled-color: #cececf;
  --bb-rl-icon-brand-primary-color: #3325ae;
  --bb-rl-icon-brand-secondary-color: var(--bb-rl-primary-color);
  --bb-rl-icon-brand-disabled-color: #767eff;
  --bb-rl-icon-info-primary-color: #3325ae;
  --bb-rl-icon-positive-primary-color: #02542d;
  --bb-rl-icon-positive-secondary-color: #14ae5c;
  --bb-rl-icon-warning-primary-color: #682d03;
  --bb-rl-icon-warning-secondary-color: #e5a000;
  --bb-rl-icon-danger-primary-color: #690807;
  --bb-rl-icon-danger-secondary-color: #ec221f;
  --bb-rl-radius-xs: 2px;
  --bb-rl-radius-sm: 4px;
  --bb-rl-radius-md: 6px;
  --bb-rl-radius-base: 8px;
  --bb-rl-radius-lg: 12px;
  --bb-rl-radius-full: 99px;
  --bb-rl-space-0: 0;
  --bb-rl-space-50: 4px;
  --bb-rl-space-100: 8px;
  --bb-rl-space-200: 16px;
  --bb-rl-space-300: 24px;
  --bb-rl-space-400: 32px;
  --bb-rl-space-500: 40px;
  --bb-rl-space-600: 48px;
  --bb-rl-space-700: 56px;
  --bb-rl-z-index-dropdown: 1000;
  --bb-rl-z-index-sticky: 1020;
  --bb-rl-z-index-fixed: 1030;
  --bb-rl-z-index-adminbar: 1035;
  --bb-rl-z-index-modal-backdrop: 1040;
  --bb-rl-z-index-modal: 1050;
  --bb-rl-z-index-popover: 1060;
  --bb-rl-z-index-tooltip: 1070;
  --bb-rl-font-family-base: InterText, serif;
  --bb-rl-font-size-2xl: 20px;
  --bb-rl-font-size-base: 16px;
  --bb-rl-font-size-xs: 11px;
  --bb-rl-font-size-sm: 13px;
  --bb-rl-base-line-xs: 16px;
  --bb-rl-base-line-small: 20px;
  --bb-rl-base-line: 24px;
  --bb-rl-base-line-2xl: 30px;
}

/* Dark Mode Variables */
.bb-rl-dark-mode {
  --bb-rl-primary-color: #4946fe;
  --bb-rl-background-color: #242425;
  --bb-rl-background-hover-color: #555556;
  --bb-rl-background-secondary-color: #2f2f2f;
  --bb-rl-background-secondary-hover-color: #3d3d3d;
  --bb-rl-background-tertiary-color: #6d6d6e;
  --bb-rl-background-tertiary-hover-color: #555556;
  --bb-rl-background-black-color: #0c0c0d;
  --bb-rl-background-disabled-color: #dbdbdb;
  --bb-rl-background-brand-primary-color: var(--bb-rl-primary-color);
  --bb-rl-background-brand-primary-hover-color: #4937f4;
  --bb-rl-background-brand-secondary-color: #3325ae;
  --bb-rl-background-brand-secondary-hover-color: #2e2689;
  --bb-rl-background-brand-disabled-color: #767eff;
  --bb-rl-background-info-secondary-color: #3325ae;
  --bb-rl-background-positive-primary-color: #008043;
  --bb-rl-background-positive-primary-hover-color: #02542d;
  --bb-rl-background-positive-secondary-color: #02542d;
  --bb-rl-background-positive-secondary-hover-color: #024023;
  --bb-rl-background-warning-primary-color: #975102;
  --bb-rl-background-warning-primary-hover-color: #682d03;
  --bb-rl-background-warning-secondary-color: #682d03;
  --bb-rl-background-warning-secondary-hover-color: #522504;
  --bb-rl-background-danger-primary-color: #900b09;
  --bb-rl-background-danger-primary-hover-color: #690807;
  --bb-rl-background-danger-secondary-color: #690807;
  --bb-rl-background-danger-secondary-hover-color: #4d0b0a;
  --bb-rl-border-color: #2f2f2f;
  --bb-rl-border-secondary-color: #3d3d3d;
  --bb-rl-border-tertiary-color: #555556;
  --bb-rl-border-disabled-color: #f3f3f3;
  --bb-rl-border-quinery-color: #f6f6f6;
  --bb-rl-border-quaternary-color: #f3f3f3;
  --bb-rl-border-brand-primary-color: #c2cdff;
  --bb-rl-border-brand-secondary-color: var(--bb-rl-primary-color);
  --bb-rl-border-info-primary-color: #c2cdff;
  --bb-rl-border-positive-primary-color: #cff7d3;
  --bb-rl-border-positive-secondary-color: #14ae5c;
  --bb-rl-border-warning-primary-color: #fff1c2;
  --bb-rl-border-warning-secondary-color: #e5a000;
  --bb-rl-border-danger-primary-color: #fdd3d0;
  --bb-rl-border-danger-secondary-color: #ec221f;
  --bb-rl-text-color: #fff;
  --bb-rl-text-white-color: #fff;
  --bb-rl-text-secondary-color: #cececf;
  --bb-rl-text-tertiary-color: #b6b6b6;
  --bb-rl-text-disabled-color: #e7e7e7;
  --bb-rl-text-brand-primary-color: var(--bb-rl-primary-color);
  --bb-rl-text-brand-secondary-color: #c2cdff;
  --bb-rl-text-positive-primary-color: #cff7d3;
  --bb-rl-text-positive-secondary-color: #14ae5c;
  --bb-rl-text-warning-primary-color: #fff1c2;
  --bb-rl-text-warning-secondary-color: #e5a000;
  --bb-rl-text-danger-primary-color: #fdd3d0;
  --bb-rl-text-danger-secondary-color: #ec221f;
  --bb-rl-icon-color: #cececf;
  --bb-rl-icon-primary-color: #cececf;
  --bb-rl-icon-secondary-color: #cececf;
  --bb-rl-icon-tertiary-color: #9e9e9e;
  --bb-rl-icon-disabled-color: #858586;
  --bb-rl-icon-brand-primary-color: #c2cdff;
  --bb-rl-icon-brand-secondary-color: var(--bb-rl-primary-color);
  --bb-rl-icon-brand-disabled-color: #767eff;
  --bb-rl-icon-info-primary-color: #dde4ff;
  --bb-rl-icon-positive-primary-color: #cff7d3;
  --bb-rl-icon-positive-secondary-color: #14ae5c;
  --bb-rl-icon-warning-primary-color: #fff1c2;
  --bb-rl-icon-warning-secondary-color: #e5a000;
  --bb-rl-icon-danger-primary-color: #fdd3d0;
  --bb-rl-icon-danger-secondary-color: #ec221f;
  scrollbar-color: #666 transparent;
  color-scheme: dark;
}

/* SCSS Variables */
.bb-rl-secondary-header #object-nav #bb-rl-invite-groups-li,
.bb-rl-secondary-header #object-nav #bb-rl-admin-groups-li {
  display: none !important;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header {
  padding: 0;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-info-wrap {
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
  padding: 12px var(--bb-rl-space-300);
  gap: var(--bb-rl-space-200);
  width: 100%;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-info-wrap.bb-rl-no-border {
  border-bottom: 0;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-info-wrap .bb-rl-group-info #bb-rl-item-header-avatar {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-info-wrap .bb-rl-group-info #bb-rl-item-header-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-info-wrap .bb-rl-group-info .bb-rl-group-title {
  font-size: var(--bb-rl-font-size-base);
}

@media screen and (max-width: 800px) {
  .bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-info-wrap {
    flex-flow: wrap;
  }
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info {
  display: flex;
  align-items: center;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members {
  display: flex;
  align-items: center;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member {
  max-width: 20px;
  float: left;
  margin-right: -4px;
  position: relative;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member:last-child {
  margin-right: 0;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member a {
  text-decoration: none;
  display: block;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member img {
  background-color: #fff;
  border-radius: 50%;
  float: left;
  max-width: 100%;
  display: block;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) inset;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member.count-wrap {
  white-space: nowrap;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  max-width: none;
  line-height: 1.2;
  padding: 0 5px;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member.count-wrap a {
  font-size: var(--bb-rl-font-size-xs);
  color: var(--bb-rl-text-tertiary-color);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member.count-wrap .bb-rl-group-member-count-label {
  display: none;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member-invite {
  margin: -5px -5px -5px 8px;
  border-left: 1px solid var(--bb-rl-border-secondary-color);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb-group-members .bb-group-member-invite a {
  padding: 5px 10px 5px;
  color: var(--bb-rl-text-tertiary-color);
  font-size: var(--bb-rl-base-line-xs);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb_more_options_action i::before {
  content: "\e1fe";
  font-weight: 400;
  font-family: bb-icons-rl;
  font-size: 20px;
  color: var(--bb-rl-icon-primary-color);
  font-style: normal;
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb_more_options_list .leave-group,
.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb_more_options_list .delete-group {
  color: var(--bb-rl-text-danger-secondary-color);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb_more_options_list .leave-group:before,
.bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info .bb_more_options_list .delete-group:before {
  color: var(--bb-rl-text-danger-secondary-color);
}

@media screen and (max-width: 544px) {
  .bb-rl-groups-single-wrapper .bb-rl-secondary-header .bb-rl-group-extra-info {
    flex-flow: wrap;
    gap: var(--bb-rl-space-200);
  }
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute {
  display: flex;
  align-items: center;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute:not(:empty):before {
  content: "";
  height: 16px;
  width: 1px;
  background: var(--bb-rl-border-secondary-color);
  display: block;
  margin: 0 20px;
}

@media screen and (max-width: 544px) {
  .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute:not(:empty):before {
    display: none;
  }
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  font-size: var(--bb-rl-font-size-sm);
  padding: 6px var(--bb-rl-space-200);
  margin-right: 10px;
  line-height: var(--bb-rl-base-line-small);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.not-subscribed, .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.subscribed {
  min-height: 34px;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.not-subscribed i, .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.subscribed i {
  font-size: var(--bb-rl-font-size-base);
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.not-subscribed.bp-toggle-action-button-hover i:before {
  content: "\e0d0";
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.subscribed.bp-toggle-action-button-hover i:before {
  content: "\e0d2";
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.join-group:before, .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.leave-group:before, .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.leave_group:before, .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.request-membership:before {
  font-family: bb-icons-rl;
  margin-right: 5px;
  font-weight: 400;
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.join-group:before {
  content: "\e3d4";
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.leave_group:before, .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.leave-group:before {
  content: "\e182";
}

.bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute button.group-button.request-membership:before {
  content: "\e2fe";
}

.bb-rl-groups-single-wrapper > .bb-rl-secondary-header {
  top: 71px;
  position: sticky;
  z-index: calc(var(--bb-rl-z-index-fixed) - 1);
}

.bb-rl-groups-single-wrapper > .bb-rl-secondary-header:has(.bb-leave-group-popup.is-visible) {
  z-index: var(--bb-rl-z-index-tooltip);
}

.admin-bar .bb-rl-groups-single-wrapper > .bb-rl-secondary-header {
  top: 103px;
}

@media screen and (max-width: 992px) {
  .bb-rl-groups-single-wrapper > .bb-rl-secondary-header {
    top: 65px;
  }
  .admin-bar .bb-rl-groups-single-wrapper > .bb-rl-secondary-header {
    top: 97px;
  }
}

@media screen and (max-width: 782px) {
  .admin-bar .bb-rl-groups-single-wrapper > .bb-rl-secondary-header {
    top: 111px;
  }
}

.bb-rl-group-details {
  padding: 0 0 var(--bb-rl-space-400);
}

.bb-rl-group-details .subnav-filters {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  gap: var(--bb-rl-space-200);
  margin-bottom: var(--bb-rl-space-300);
  padding-bottom: var(--bb-rl-space-200);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-group-details .subnav-filters .group-search {
  margin-right: auto;
}

.bb-rl-group-details .subnav-filters .bb-rl-grid-filters {
  margin-right: 0;
  margin-left: auto;
}

.bb-rl-group-details #request-membership-form textarea {
  width: 100%;
  min-height: 120px;
  margin: var(--bb-rl-space-200) 0;
}

.bb-rl-group-details #request-membership-form #group-request-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
}

.bb-rl-group-details #request-membership-form #group-request-send:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.bb-rl-group-details #request-membership-form #group-request-send:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.bb-rl-group-details #request-membership-form #group-request-send:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.highlight.bb-rl-group-meta {
  display: flex;
  align-items: flex-start;
  gap: var(--bb-rl-space-200);
  margin-bottom: var(--bb-rl-space-200);
}

.highlight.bb-rl-group-meta .bb-rl-group-meta-figure {
  width: var(--bb-rl-space-300);
  flex: 0 0 var(--bb-rl-space-300);
}

.highlight.bb-rl-group-meta .bb-rl-group-meta-figure i {
  font-size: var(--bb-rl-space-300);
  color: var(--bb-rl-icon-primary-color);
}

.highlight.bb-rl-group-meta .bb-rl-group-meta-data h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 2px;
}

.highlight.bb-rl-group-meta .bb-rl-group-meta-data .bb-rl-meta-desc {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  line-height: var(--bb-rl-base-line-small);
  display: block;
  color: var(--bb-rl-text-tertiary-color);
}

.bb-rl-wrap-box {
  border-top: 1px solid var(--bb-rl-border-color);
  padding-top: var(--bb-rl-space-200);
}

.bb-rl-wrap-box h3 {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-group-organizers {
  margin-top: var(--bb-rl-space-200);
}

.bb-rl-group-organizers .item-entry {
  padding: var(--bb-rl-space-100) 0;
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-group-organizers .item-entry .list-wrap-inner {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-200);
}

.bb-rl-group-organizers .item-entry .member-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.bb-rl-group-organizers .item-entry .list-meta {
  display: flex;
  gap: var(--bb-rl-space-50);
  align-items: center;
  color: var(--bb-rl-text-tertiary-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  font-weight: 400;
}

.bb-rl-group-organizers .item-avatar {
  width: var(--bb-rl-space-600);
}

.bb-rl-group-organizers .item-avatar img {
  width: var(--bb-rl-space-600);
  height: auto;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.bb-rl-group-desc .group-description {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  font-weight: 400;
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-group-desc .group-description .bb-rl-more-link {
  display: table;
}

.bb-rl-group-section {
  padding: 0 var(--bb-rl-space-500);
}

@media screen and (max-width: 992px) {
  .bb-rl-group-section {
    padding-left: var(--bb-rl-space-200);
    padding-right: var(--bb-rl-space-200);
  }
}

.bb-rl-group-cover {
  flex: 0 0 100%;
  min-width: 0;
  position: relative;
  padding: 0;
}

.bb-rl-header-cover {
  background-color: #fff;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  display: block;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  height: 300px;
  border-radius: var(--bb-rl-radius-lg);
}

.bb-rl-header-cover .header-cover-img {
  max-width: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}

@media screen and (min-width: 1320px) {
  .bb-rl-header-cover .header-cover-img {
    display: block;
  }
}

.bb-rl-header-cover.has-position .header-cover-img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.bb-rl-header-cover .bb-rl-group-cover-ctrl {
  display: inline-flex;
  width: var(--bb-rl-space-400);
  height: var(--bb-rl-space-400);
  align-items: center;
  justify-content: center;
  background-color: var(--bb-rl-background-color);
  color: var(--bb-rl-icon-secondary-color);
  border-radius: var(--bb-rl-radius-md);
  position: absolute;
  left: var(--bb-rl-space-200);
  top: var(--bb-rl-space-200);
  z-index: 3;
  opacity: 0;
  transition: all 0.2s;
  text-decoration: none;
}

.bb-rl-header-cover .bb-rl-group-cover-ctrl > i {
  font-size: 24px;
}

@media screen and (min-width: 1320px) {
  #buddypress .bb-rl-group-cover #header-cover-image.has-cover-image {
    background-image: none !important;
  }
}

.header-cover-reposition-wrap {
  overflow: hidden;
  height: 100%;
  display: none;
  width: 100%;
  text-align: right;
}

.header-cover-reposition-wrap .drag-element-helper {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 119;
  top: 50%;
  color: var(--bb-rl-text-white-color);
  background-color: rgba(12, 12, 13, 0.5);
  padding: var(--bb-rl-space-50) var(--bb-rl-space-100);
  border-radius: var(--bb-rl-radius-md);
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  line-height: var(--bb-rl-base-line-small);
}

.header-cover-reposition-wrap .drag-element-helper > i {
  font-size: 16px;
  margin-right: var(--bb-rl-space-100);
}

.header-cover-reposition-wrap > .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  padding: var(--bb-rl-space-50) var(--bb-rl-space-200);
  font-size: 0.875rem;
  position: relative;
  z-index: 1;
  top: var(--bb-rl-space-200);
  right: var(--bb-rl-space-200);
  margin-left: var(--bb-rl-space-50);
}

.header-cover-reposition-wrap > .button.cover-image-cancel {
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-color);
  border: 1px solid transparent;
}

.header-cover-reposition-wrap > .button.cover-image-cancel:hover {
  background-color: var(--bb-rl-background-tertiary-hover-color);
}

.header-cover-reposition-wrap > .button.cover-image-cancel:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.header-cover-reposition-wrap > .button.cover-image-cancel:disabled {
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

.header-cover-reposition-wrap > .button.cover-image-save {
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
}

.header-cover-reposition-wrap > .button.cover-image-save:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.header-cover-reposition-wrap > .button.cover-image-save:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.header-cover-reposition-wrap > .button.cover-image-save:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.header-cover-reposition-wrap > .button.loading:after {
  content: "\e66a";
  font-family: bb-icons-rl;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: var(--bb-rl-space-100);
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  vertical-align: middle;
}

.header-cover-reposition-wrap .guillotine-window {
  position: absolute;
  top: 0;
}

.header-cover-reposition-wrap img {
  max-width: initial;
  perspective: none !important;
  backface-visibility: initial !important;
}

.bb-rl-header-cover a.position-change-cover-image {
  top: var(--bb-rl-space-700);
}

.bb-rl-header-cover .delete-cover-image {
  top: 96px;
  color: var(--bb-rl-background-danger-primary-color);
}

@media screen and (min-width: 1220px) {
  .bb-rl-header-cover a.position-change-cover-image {
    display: flex;
  }
  .bb-rl-header-cover .bb-rl-header-cover.has-cover-image {
    background-image: none;
  }
}

.bb-rl-header-cover:hover .bb-rl-group-cover-ctrl {
  opacity: 1;
}

.bb-rl-group-dashboard-panel {
  background: var(--bb-rl-background-color);
  border-radius: var(--bb-rl-radius-lg);
  padding: var(--bb-rl-space-300) var(--bb-rl-space-400);
  margin: 0 auto;
  max-width: 720px;
}

.bb-rl-secondary-header .bb-rl-group-info .bb-rl-group-link {
  color: var(--bb-rl-icon-primary-color);
  margin-right: var(--bb-rl-space-100);
  padding: var(--bb-rl-space-100);
  line-height: 1;
}

.bb-rl-secondary-header .bb-rl-group-info .bb-rl-group-link i {
  font-size: var(--bb-rl-space-300);
}

.bb-rl-subnav-filters-group-activity ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bb-rl-manage-group-container {
  display: flex;
}

.bb-rl-manage-group-container .bp-navs {
  max-width: 248px;
  width: 33%;
  padding-right: var(--bb-rl-space-200);
  border-right: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-manage-group-container .bp-navs .subnav {
  margin-left: calc(-1 * var(--bb-rl-space-100));
}

.bb-rl-manage-group-container .bp-navs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bb-rl-manage-group-container .bp-navs ul li {
  display: block;
}

.bb-rl-manage-group-container .bp-navs ul li a {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  padding: 10px var(--bb-rl-space-200);
  color: var(--bb-rl-text-secondary-color);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  width: 100%;
  border-radius: var(--bb-rl-radius-md);
}

.bb-rl-manage-group-container .bp-navs ul li a:hover {
  background-color: var(--bb-rl-background-secondary-hover-color);
}

.bb-rl-manage-group-container .bp-navs ul li.selected a {
  background-color: var(--bb-rl-background-secondary-hover-color);
}

.bb-rl-manage-group-container form {
  width: 100%;
  padding: 0;
}

.bb-rl-manage-group-container form > h2.bp-screen-title {
  display: none;
}

.bb-rl-manage-group-container form fieldset legend {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--bb-rl-text-secondary-color);
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-manage-group-container form .bb-rl-group-settings fieldset > p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--bb-rl-text-secondary-color);
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-manage-group-container form .bp-screen-title {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin: 0 0 var(--bb-rl-space-200);
}

.bb-rl-manage-group-container form > label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: block;
  margin: 0 0 var(--bb-rl-space-100);
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-manage-group-container form > input,
.bb-rl-manage-group-container form > textarea {
  width: 100%;
  margin-bottom: var(--bb-rl-space-300);
}

.bb-rl-manage-group-container form > textarea {
  min-height: 94px;
}

.bb-rl-manage-group-container form input[type="submit"],
.bb-rl-manage-group-container form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: 0.875rem;
}

.bb-rl-manage-group-container form input[type="submit"]:hover,
.bb-rl-manage-group-container form button[type="submit"]:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.bb-rl-manage-group-container form input[type="submit"]:focus-within,
.bb-rl-manage-group-container form button[type="submit"]:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.bb-rl-manage-group-container form input[type="submit"]:disabled,
.bb-rl-manage-group-container form button[type="submit"]:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.bb-rl-manage-group-container form ul:not(.select2-results__options),
.bb-rl-manage-group-container form p {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-manage-group-container form div.submit {
  margin-top: var(--bb-rl-space-200);
}

.bb-rl-manage-group-container form .bp-feedback {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-manage-group-container form .bp-feedback > p {
  margin: 0;
}

.bb-rl-manage-group-container form .bp-feedback > p + p {
  margin-top: var(--bb-rl-space-100);
}

.bb-rl-manage-group-container .bb-group-meprlms-settings-container .bb-course-activity-selection .select2-container .select2-selection--multiple {
  background-color: var(--bb-rl-background-color);
  border-color: var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-md) !important;
}

.bb-rl-manage-group-container .bb-group-meprlms-settings-container .bb-course-activity-selection .select2-dropdown {
  background-color: var(--bb-rl-background-color);
  border-color: var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-md);
}

.bb-rl-manage-group-container .bb-group-meprlms-settings-container .bb-course-activity-selection .select2-dropdown li.select2-results__option[aria-selected="true"] {
  background-color: var(--bb-rl-background-secondary-color);
  color: var(--bb-rl-text-color);
}

.bb-rl-manage-group-container .bb-group-meprlms-settings-container .bb-course-activity-selection .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bb-rl-background-secondary-color);
  color: var(--bb-rl-text-color);
}

.bb-rl-delete-cover,
.bb-rl-delete-avatar,
.bb-rl-manage-group-container form input#delete-group-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-danger-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid transparent;
  padding: 6px var(--bb-rl-space-200);
  font-size: 0.875rem;
}

.bb-rl-delete-cover:hover,
.bb-rl-delete-avatar:hover,
.bb-rl-manage-group-container form input#delete-group-button:hover {
  background-color: var(--bb-rl-background-danger-primary-hover-color);
}

.bb-rl-delete-cover:focus,
.bb-rl-delete-avatar:focus,
.bb-rl-manage-group-container form input#delete-group-button:focus {
  outline: 2px solid var(--bb-rl-border-danger-primary-color);
}

.bb-rl-delete-cover:disabled,
.bb-rl-delete-avatar:disabled,
.bb-rl-manage-group-container form input#delete-group-button:disabled {
  background-color: var(--bb-rl-background-danger-secondary-hover-color);
  cursor: not-allowed;
}

.bb-rl-group-manage-form {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.bb-rl-group-manage-form > .bb-section-title {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-group-manage-form .bb-rl-search-group-members-wrapper {
  position: relative;
}

.bb-rl-group-manage-form .bb-rl-search-group-members-wrapper::before {
  content: "\e30c";
  font-family: bb-icons-rl;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bb-rl-icon-secondary-color);
}

.bb-rl-group-manage-form .members-search {
  margin: var(--bb-rl-space-200) 0;
}

.bb-rl-group-manage-form .members-search .search-form_reset {
  display: none;
}

.bb-rl-group-manage-form input[type="search"] {
  border-radius: var(--bb-rl-radius-full);
  padding-left: var(--bb-rl-space-400);
}

.bb-rl-group-manage-form .bb-rl-section-sub-heading {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-group-manage-form .bb-rl-manage-description-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-group-manage-form input#save,
.bb-rl-group-manage-form .bp-zoom-group-button-wrap .bb-save-settings {
  /* stylelint-disable function-url-quotes */
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.7076 9.70757L12.7076 25.7076C12.6147 25.8005 12.5044 25.8743 12.383 25.9246C12.2616 25.975 12.1315 26.0009 12.0001 26.0009C11.8687 26.0009 11.7385 25.975 11.6171 25.9246C11.4957 25.8743 11.3854 25.8005 11.2926 25.7076L4.29257 18.7076C4.10493 18.5199 3.99951 18.2654 3.99951 18.0001C3.99951 17.7347 4.10493 17.4802 4.29257 17.2926C4.48021 17.1049 4.7347 16.9995 5.00007 16.9995C5.26543 16.9995 5.51993 17.1049 5.70757 17.2926L12.0001 23.5863L27.2926 8.29257C27.4802 8.10493 27.7347 7.99951 28.0001 7.99951C28.2654 7.99951 28.5199 8.10493 28.7076 8.29257C28.8952 8.48021 29.0006 8.7347 29.0006 9.00007C29.0006 9.26543 28.8952 9.51993 28.7076 9.70757Z" fill="white" fill-opacity="0.6"/></svg>');
  /* stylelint-enable */
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 16px;
  padding-left: 36px;
}

.bb-rl-group-manage-form input#save.loading,
.bb-rl-group-manage-form .bp-zoom-group-button-wrap .bb-save-settings.loading {
  background-image: none;
  padding-left: var(--bb-rl-space-200);
}

.bb-rl-group-manage-form input#save.loading::before,
.bb-rl-group-manage-form .bp-zoom-group-button-wrap .bb-save-settings.loading::before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  border: 2px solid var(--bb-rl-border-quaternary-color);
  border-top-color: var(--bb-rl-border-tertiary-color);
  border-radius: var(--bb-rl-radius-full);
  margin-right: var(--bb-rl-space-100);
  animation: spin 3s infinite linear;
}

.bb-rl-group-manage-form .bp-avatar-nav ul {
  border-color: var(--bb-rl-border-secondary-color);
  padding-bottom: var(--bb-rl-space-100);
}

.bb-rl-group-manage-form .bp-avatar-nav ul.avatar-nav-items li.current {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.bb-rl-group-manage-form .bp-avatar-nav li a {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  color: var(--bb-rl-text-secondary-color);
  padding: var(--bb-rl-space-50) var(--bb-rl-space-200);
  border-radius: var(--bb-rl-radius-full);
}

.bb-rl-group-manage-form .bp-avatar-nav li.current a {
  font-weight: 500;
  opacity: 1;
  color: var(--bb-rl-text-color);
  background-color: var(--bb-rl-background-secondary-color);
}

.bb-rl-group-manage-form #bp-group-edit-topics-submit-wrapper {
  display: none;
}

.bb-rl-groups-manage-members-list .members-entry,
.bb-rl-groups-manage-members-list .member-entry {
  display: flex;
  align-items: center;
  margin-bottom: var(--bb-rl-space-300);
}

@media screen and (max-width: 992px) {
  .bb-rl-groups-manage-members-list .members-entry,
  .bb-rl-groups-manage-members-list .member-entry {
    flex-flow: wrap;
  }
}

@media screen and (max-width: 544px) {
  .bb-rl-groups-manage-members-list .members-entry .bb-rl-group-member-id,
  .bb-rl-groups-manage-members-list .member-entry .bb-rl-group-member-id {
    width: 100%;
    margin-bottom: var(--bb-rl-space-200);
  }
}

.bb-rl-groups-manage-members-list ul.item-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bb-rl-groups-manage-members-list .bb_more_options {
  margin-left: var(--bb-rl-space-300);
}

.bb-rl-group-member-id {
  display: flex;
  align-items: center;
  margin-right: auto;
}

.bb-rl-group-member-id img.avatar {
  border-radius: 50%;
  width: var(--bb-rl-space-400);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-group-member-id .member-name {
  white-space: nowrap;
  margin: 0;
}

.bb-rl-group-member-id .member-name > a {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  color: var(--bb-rl-text-color);
}

.bb-rl-requests-list {
  margin-bottom: 0;
}

.bb-rl-requests-list li {
  display: flex;
  flex-direction: column;
  gap: var(--bb-rl-space-200);
  padding: var(--bb-rl-space-300);
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-lg);
  margin-bottom: var(--bb-rl-space-100);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  line-height: var(--bb-rl-base-line-small);
  color: var(--bb-rl-text-tertiary-color);
}

.bb-rl-requests-list li:last-of-type {
  margin-bottom: 0;
}

.bb-rl-requests-list li .item-card {
  display: flex;
  align-items: center;
}

.bb-rl-requests-list li .item-avatar {
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-requests-list li .item-avatar .avatar {
  width: var(--bb-rl-space-600);
  height: auto;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.bb-rl-requests-list li .item-title h3 a {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  color: var(--bb-rl-text-color);
  margin-bottom: var(--bb-rl-space-50);
}

.bb-rl-requests-list li .item-meta {
  display: flex;
  align-items: center;
}

.bb-rl-requests-list li .item-card .action {
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: var(--bb-rl-space-100);
}

.bb-rl-requests-list li .item-card .action a.accept {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: 0.875rem;
}

.bb-rl-requests-list li .item-card .action a.accept:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.bb-rl-requests-list li .item-card .action a.accept:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.bb-rl-requests-list li .item-card .action a.accept:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.bb-rl-requests-list li .item-card .action a.reject {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: transparent;
  color: var(--bb-rl-text-color);
  border: 1px solid var(--bb-rl-border-tertiary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: 0.875rem;
}

.bb-rl-requests-list li .item-card .action a.reject:hover {
  background-color: var(--bb-rl-background-secondary-color);
}

.bb-rl-requests-list li .item-card .action a.reject:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.bb-rl-requests-list li .item-card .action a.reject:disabled {
  border-color: var(--bb-rl-border-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

.bb-rl-requests-list li .item-card .action .button.accept::before,
.bb-rl-requests-list li .item-card .action .button.reject::before {
  content: "";
  font-family: bb-icons-rl;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  font-style: normal;
  margin-right: var(--bb-rl-space-50);
}

.bb-rl-requests-list li .item-card .action .button.accept::before {
  content: "\e182";
}

.bb-rl-requests-list li .item-card .action .button.reject::before {
  content: "\e4f6";
}

.bb-rl-requests-list li.bb-rl-view-more--pagination {
  flex-direction: row;
  padding: 0;
  border: 0;
  margin: var(--bb-rl-space-200) 0 0;
}

@media screen and (max-width: 800px) {
  .bb-rl-requests-list li {
    flex-flow: wrap;
  }
}

.bb-rl-group-manage-form .group-settings-selections .bp-radio-wrap {
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-group-manage-form .group-settings-selections .bp-radio-wrap > label {
  display: inline-flex;
  align-items: center;
}

.bb-rl-group-manage-form .bb_more_dropdown .members-manage-buttons > a {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  padding: 10px var(--bb-rl-space-200);
  color: var(--bb-rl-text-secondary-color);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.bb-rl-group-manage-form .bb_more_dropdown .members-manage-buttons > a:hover {
  background-color: var(--bb-rl-background-secondary-color);
}

.bb-rl-group-manage-form #bp-group-edit-courses-submit-wrapper {
  margin-top: var(--bb-rl-space-200);
}

.groups .topic_form .bb-action-popup.is-loading .modal-wrapper {
  pointer-events: none;
  position: relative;
}

.groups .topic_form .bb-action-popup.is-loading .modal-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
  border-radius: var(--bb-rl-radius-lg);
}

.groups .topic_form .bb-action-popup.is-loading .modal-wrapper:after {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  border: 2px solid var(--bb-rl-border-quaternary-color);
  border-top-color: var(--bb-rl-border-tertiary-color);
  border-radius: var(--bb-rl-radius-full);
  animation: spin 3s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.groups .topic_form .bb-action-popup.is-loading .modal-wrapper .bb-action-popup-content {
  opacity: 0;
}

.groups .topic_form .bb-action-popup-content {
  padding: var(--bb-rl-space-200) var(--bb-rl-space-300);
}

.groups .topic_form .bb-action-popup-content > label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: block;
  margin-bottom: var(--bb-rl-space-100);
}

.groups .topic_form .bb-action-popup-content .input-field {
  margin-bottom: var(--bb-rl-space-200);
}

.groups .topic_form .bb-action-popup-content .bp-checkbox-wrap {
  margin-bottom: var(--bb-rl-space-50);
}

.groups .topic_form .bb-action-popup-content .bp-checkbox-wrap label {
  font-size: 14px;
}

.groups .topic_form .bb-rl-model-footer {
  text-align: right;
}

.groups .topic_form .bb-rl-model-footer .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  font-weight: 500;
}

.groups .topic_form .bb-rl-model-footer .button:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.groups .topic_form .bb-rl-model-footer .button:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.groups .topic_form .bb-rl-model-footer .button:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.groups .topic_form .bb-rl-model-footer .button[disabled] {
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
  border-color: transparent;
}

.groups .topic_form .bb-rl-model-footer .bb-topic-cancel {
  color: var(--bb-rl-text-color);
  margin-right: var(--bb-rl-space-300);
}

.groups .topic_form .select2-dropdown {
  background-color: var(--bb-rl-background-color);
  padding: var(--bb-rl-space-100) 0;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-lg);
}

.groups .topic_form .select2-dropdown .select2-results__options li {
  font-size: 14px;
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
}

.groups .topic_form .select2-dropdown .select2-results__options li.select2-results__option--highlighted {
  background-color: var(--bb-rl-background-secondary-color);
}

.groups .topic_form .select2-dropdown.select2-dropdown--below {
  margin-top: var(--bb-rl-space-400);
}

.groups .bp-checkbox-wrap {
  margin-bottom: var(--bb-rl-space-100);
}

.groups .bb-activity-topic-subtitle {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin: 0 0 var(--bb-rl-space-200);
}

.groups .bb-action-popup--activity-migrate-topic .form-fields .input-field {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-100);
  margin-bottom: var(--bb-rl-space-100);
}

.groups .bb-action-popup--activity-migrate-topic .form-fields .input-field .bp-checkbox-wrap {
  margin-bottom: 0;
}

.groups .select2-container--bb-activity-topic .select2-selection__clear {
  display: none;
}

.groups .select2-container--bb-activity-topic .select2-selection--single {
  font-family: inherit;
  font-style: inherit;
  font-size: 14px;
  height: 41px;
  outline: 0;
  vertical-align: middle;
  background-color: var(--bb-rl-background-color);
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-md);
  box-shadow: none;
  padding: 0 12px;
  color: var(--bb-rl-text-color);
}

.groups .select2-container--bb-activity-topic .select2-selection--single .select2-selection__rendered {
  display: flex;
  line-height: 41px;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.groups .bb-activity-topic-container .bb-activity-topics-list {
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-base);
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--bb-rl-text-color);
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-activity-topic-item {
  background-color: var(--bb-rl-background-color);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  margin-bottom: 0;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-activity-topic-item:hover, .groups .bb-activity-topic-container .bb-activity-topics-list .bb-activity-topic-item:has(.bb-topic-actions-wrapper.active) {
  background-color: var(--bb-rl-background-secondary-color);
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-activity-topic-item.ui-sortable-helper {
  border-bottom: 0;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-activity-topic-item:first-child {
  border-radius: var(--bb-rl-radius-base) var(--bb-rl-radius-base) 0 0;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-activity-topic-item:last-child {
  border-bottom: 0;
  border-radius: 0 0 var(--bb-rl-radius-base) var(--bb-rl-radius-base);
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-actions-wrapper.active {
  position: relative;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-actions-wrapper.active .bb-topic-actions {
  border-color: var(--bb-rl-border-secondary-color);
  background-color: var(--bb-rl-background-secondary-hover-color);
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-actions-wrapper.active .bb-topic-more-dropdown {
  visibility: visible;
  opacity: 1;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-actions {
  display: inline-flex;
  padding: var(--bb-rl-space-50);
  transition: all 0.3s ease;
  border: 0.5px solid transparent;
  border-radius: 6px;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-actions_button [class*="bb-icon"] {
  display: flex;
  font-size: 24px;
  line-height: 1;
  color: var(--bb-rl-icon-tertiary-color);
  cursor: pointer;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-actions_button [class*="bb-icon"]:before {
  content: "\e1fe";
  font-family: bb-icons-rl;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-more-dropdown {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: var(--bb-rl-z-index-dropdown);
  background-color: var(--bb-rl-background-color);
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-md);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  padding: var(--bb-rl-space-100) 0;
  width: 210px;
  visibility: hidden;
  opacity: 0;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-more-dropdown a {
  display: flex;
  align-items: center;
  color: var(--bb-rl-text-secondary-color);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  cursor: pointer;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-more-dropdown a:hover {
  background-color: var(--bb-rl-background-secondary-color);
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-more-dropdown a:before {
  font-family: bb-icons-rl;
  color: var(--bb-rl-icon-secondary-color);
  font-size: 20px;
  font-weight: 400;
  margin: 0 var(--bb-rl-space-100) 0 0;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-drag {
  color: var(--bb-rl-icon-secondary-color);
  cursor: move;
  margin-right: var(--bb-rl-space-50);
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-topic-drag .bb-icon-grip-v:before {
  content: "\eae2";
  font-size: 18px;
  font-family: bb-icons-rl;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-edit-topic:before {
  content: "\e3b4";
}

.groups .bb-activity-topic-container .bb-activity-topics-list .bb-delete-topic:before {
  content: "\e4a6";
}

.groups .bb-activity-topic-container .bb-add-topic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  font-weight: 500;
}

.groups .bb-activity-topic-container .bb-add-topic:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.groups .bb-activity-topic-container .bb-add-topic:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.groups .bb-activity-topic-container .bb-add-topic:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.bb-topics-sort-success {
  display: flex;
  align-items: center;
  padding: var(--bb-rl-space-100);
  background-color: var(--bb-rl-background-positive-secondary-color);
  border: 1px solid var(--bb-rl-border-positive-primary-color);
  border-radius: var(--bb-rl-radius-md);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  margin-bottom: var(--bb-rl-space-200);
}

.bb-topics-sort-success:before {
  content: "\e184";
  color: var(--bb-rl-icon-positive-primary-color);
  font-weight: 500;
  font-family: bb-icons-rl;
  font-size: var(--bb-rl-base-line-small);
  font-style: normal;
  margin-right: var(--bb-rl-space-50);
}

.bb-topics-sort-success p {
  margin: 0;
}

.bb-rl-group-manage-form .bb-zoom-setting-tab .bb-zoom-setting-tabs ul {
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
  padding: 0 0 var(--bb-rl-space-200);
  margin: 0 0 var(--bb-rl-space-300);
}

.bb-rl-group-manage-form .bb-zoom-setting-tab .bb-zoom-setting-tabs ul li {
  margin: 0;
}

.bb-rl-group-manage-form .bb-zoom-setting-tab .bb-zoom-setting-tabs ul.avatar-nav-items li.current {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.bb-rl-group-manage-form .bb-zoom-setting-tab .bb-zoom-setting-tabs li a {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  color: var(--bb-rl-text-secondary-color);
  padding: var(--bb-rl-space-50) var(--bb-rl-space-200);
  border-radius: var(--bb-rl-radius-full);
  border: 0;
}

.bb-rl-group-manage-form .bb-zoom-setting-tab .bb-zoom-setting-tabs li a.active-tab {
  font-weight: 500;
  opacity: 1;
  color: var(--bb-rl-text-color);
  background-color: var(--bb-rl-background-secondary-color);
}

.bb-rl-group-manage-form .bb-zoom-setting-tab .bb-zoom-setting-tabs li a:hover {
  color: var(--bb-rl-text-color);
}

.bb-rl-group-manage-form .bb-zoom-setting-tab .bb-zoom-setting-description {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-group-manage-form .bb-zoom-setting-tab select#bp-group-zoom-manager {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bb-section-title {
  display: flex;
  align-items: center;
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bb-section-title .bb-icon-brand-zoom {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../images/zoom-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  border-radius: 0;
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bp-input-wrap .bb-guide-icon i::before {
  content: "\e2ce";
  font-family: bb-icons-rl;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: var(--bb-rl-icon-tertiary-color);
  font-style: normal;
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container select,
.bb-rl-group-manage-form .bb-group-zoom-settings-container input[type="text"] {
  width: 100%;
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bb-field-wrap input {
  color: var(--bb-rl-text-color);
}

.bb-rl-group-manage-form .password-toggle {
  position: relative;
  display: inline-block;
  width: 100%;
}

.bb-rl-group-manage-form .password-toggle > input {
  padding-right: 35px;
  width: 100%;
}

.bb-rl-group-manage-form .password-toggle .bb-hide-pw {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  width: 30px;
  padding: 0;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}

.bb-rl-group-manage-form .password-toggle .bb-hide-pw .bb-icon {
  opacity: 1;
  line-height: 1;
}

.bb-rl-group-manage-form .password-toggle .bb-hide-pw .bb-icon::before {
  content: "\e220";
  font-family: bb-icons-rl;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--bb-rl-icon-secondary-color);
}

.bb-rl-group-manage-form .password-toggle .bb-hide-pw.bb-show-pass .bb-icon::before {
  content: "\e224";
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .password-toggle .bb-hide-pw {
  box-shadow: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bp-group-zoom-settings-authentication .bb-field-wrap .bp-input-wrap .bb-guide-icon [class*="bb-icon"],
.bb-rl-group-manage-form .bb-group-zoom-settings-container .bp-group-zoom-settings-authentication .bb-field-wrap .bp-input-wrap .password-toggle .bb-hide-pw .bb-icon {
  opacity: 1;
}

.bb-rl-group-manage-form .bb-zoom-setting-content .bp-radio-wrap {
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bb-section-title-wrap .bb-wizard-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: transparent;
  color: var(--bb-rl-text-color);
  border: 1px solid var(--bb-rl-border-tertiary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  margin-right: 0;
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bb-section-title-wrap .bb-wizard-button:hover {
  background-color: var(--bb-rl-background-secondary-color);
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bb-section-title-wrap .bb-wizard-button:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.bb-rl-group-manage-form .bb-group-zoom-settings-container .bb-section-title-wrap .bb-wizard-button:disabled {
  border-color: var(--bb-rl-border-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

#buddypress .bb-rl-manage-group-container .bb-group-zoom-settings-container .bb-field-wrap .is-disabled {
  background-color: var(--bb-rl-background-color);
}

.bb-rl-group-settings select {
  width: 245px;
}

.bb-rl-groups-manage-members-list .bb-rl-members-manage-vip {
  padding-right: var(--bb-rl-space-600);
}

.bb-rl-groups-manage-members-list .bb-rl-members-manage-dropdown {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-100);
}

.bb-rl-groups-manage-members-list .bb-rl-group-member-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-color);
  border: 1px solid transparent;
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  padding: 4px var(--bb-rl-space-200);
}

.bb-rl-groups-manage-members-list .bb-rl-group-member-action-button:hover {
  background-color: var(--bb-rl-background-tertiary-hover-color);
}

.bb-rl-groups-manage-members-list .bb-rl-group-member-action-button:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.bb-rl-groups-manage-members-list .bb-rl-group-member-action-button:disabled {
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

.bb-rl-groups-manage-members-list .bb-rl-group-member-action-button.disabled {
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
  pointer-events: none;
}

.bb-rl-container .bb-rl-groups-manage-members-list .bb_more_options .bb_more_dropdown {
  width: auto;
  min-width: 195px;
}

.bb-rl-group-invites-dashboard.bb-rl-group-dashboard-panel {
  padding: var(--bb-rl-space-200) var(--bb-rl-space-200) 0;
  max-width: 960px;
}

.bb-rl-group-invites-dashboard .bb-rl-group-invites-container {
  display: flex;
}

.bb-rl-group-invites-dashboard .bb-rl-group-invites-container .bb-groups-invites-left {
  width: 300px;
  padding-right: var(--bb-rl-space-200);
  border-right: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-group-invites-dashboard .bb-rl-group-invites-container .bb-groups-invites-right {
  flex: 1;
  padding: var(--bb-rl-space-300) var(--bb-rl-space-100) 0 var(--bb-rl-space-300);
}

.bb-rl-group-invites-dashboard .bb-groups-invites-right .bb-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--bb-rl-text-secondary-color);
  margin: 0 0 var(--bb-rl-space-50);
}

.bb-rl-group-invites-dashboard .bb-groups-invites-left-inner {
  padding-top: var(--bb-rl-space-200);
}

.bb-rl-group-invites-dashboard #send-invites-control {
  width: 100%;
  max-height: 72px;
}

.bb-rl-group-invites-dashboard .bp-navs .subnav {
  list-style: none;
  margin: 0 0 var(--bb-rl-space-300);
  padding: 0;
  display: flex;
  align-items: center;
}

.bb-rl-group-invites-dashboard .bp-navs .subnav a {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  border-radius: var(--bb-rl-radius-full);
  padding: 6px var(--bb-rl-space-200);
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-group-invites-dashboard .bp-navs .subnav a:hover {
  background-color: var(--bb-rl-background-secondary-color);
  color: var(--bb-rl-text-color);
}

.send-invites .bb-rl-group-invites-dashboard .bp-navs .subnav #send-invites {
  background-color: var(--bb-rl-background-secondary-color);
  color: var(--bb-rl-text-color);
}

.pending-invites .bb-rl-group-invites-dashboard .bp-navs .subnav #pending-invites {
  background-color: var(--bb-rl-background-secondary-color);
  color: var(--bb-rl-text-color);
}

.bb-rl-group-invites-dashboard .bp-invites-dropdown-options-loader-hide {
  display: none;
}

.bb-rl-group-invites-header {
  margin-left: calc(var(--bb-rl-space-200) * -1);
  margin-right: calc(var(--bb-rl-space-200) * -1);
  padding: 0 var(--bb-rl-space-200) var(--bb-rl-space-100);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-group-invites-footer {
  margin-left: calc(var(--bb-rl-space-200) * -1);
  margin-right: calc(var(--bb-rl-space-200) * -1);
  padding: 0 var(--bb-rl-space-200) var(--bb-rl-space-100);
  border-top: 1px solid var(--bb-rl-border-secondary-color);
  height: 55px;
}

.bb-rl-group-invites-container .group-invites-members-listing {
  margin-top: var(--bb-rl-space-200);
  padding: 0;
}

.bb-rl-group-invites-container .group-invites-members-listing #members-list {
  max-height: 60vh;
  overflow-y: auto;
  margin-left: calc(var(--bb-rl-space-200) * -1);
  margin-right: calc(var(--bb-rl-space-200) * -1);
  padding: 0 20px;
}

.bb-rl-group-invites-container .group-invites-members-listing li {
  display: flex;
  align-items: center;
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-group-invites-container .group-invites-members-listing li img.avatar {
  border-radius: 50%;
  width: var(--bb-rl-space-400);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-group-invites-container .group-invites-members-listing li .member-name a {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.bb-rl-group-invites-container .group-invites-members-listing li .action {
  order: -1;
  line-height: 1;
  margin-right: 12px;
  display: inline-block;
  height: 16px;
}

.bb-rl-group-invites-container .group-invites-members-listing li .action button {
  padding: 0;
}

.bb-rl-group-invites-container .group-invites-members-listing li .action button::before, .bb-rl-group-invites-container .group-invites-members-listing li .action button::after {
  display: none;
}

.bb-rl-group-invites-container .group-invites-members-listing li .invite-button {
  border: 0;
  background-color: transparent;
}

.bb-rl-group-invites-container .group-invites-members-listing li.selected .invite-button .icons {
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  background-color: var(--bb-rl-background-brand-primary-color);
}

.bb-rl-group-invites-container .group-invites-members-listing li.selected .invite-button .icons::before {
  content: "\e182";
}

.bb-rl-group-invites-container .group-invites-members-listing .invite-button {
  padding: 0;
  line-height: 1;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 0;
  position: relative;
}

.bb-rl-group-invites-container .group-invites-members-listing .invite-button .icons {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--bb-rl-border-quaternary-color);
  border-radius: var(--bb-rl-radius-sm);
}

.bb-rl-group-invites-container .group-invites-members-listing .invite-button .icons::before {
  content: "";
  font-family: bb-icons-rl;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  color: var(--bb-rl-text-white-color);
}

.bb-rl-group-invites-container .group-invites-members-listing .bp-invites-feedback {
  margin: 0 0 var(--bb-rl-space-200);
}

.bb-rl-group-invites-container .group-invites-members-listing .last {
  display: none;
}

.bb-rl-group-invites-container .bb-rl-members-is-friends {
  margin: var(--bb-rl-space-200) 0 var(--bb-rl-space-300);
  padding: 0 var(--bb-rl-space-50);
}

.bb-rl-group-invites-container .bb-rl-members-is-friends .bp-group-message-wrap {
  display: flex;
  align-items: center;
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-group-invites-container .bb-rl-members-is-friends .bp-group-message-wrap label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.bb-rl-group-invites-container .group-invites-search input[type="checkbox"] + label::before {
  border-color: var(--bb-rl-border-quaternary-color);
}

.bb-rl-group-invites-container .group-invites-search input[type="checkbox"]:checked + label::before {
  border-color: var(--bb-rl-background-brand-primary-color);
}

.bb-rl-group-invites-container .group-invites-search #bp-invites-dropdown-options-loader {
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .bb-rl-group-invites-container .bb-groups-invites-right-top .bb-add-invites,
  .bb-rl-group-invites-container .bb-invites-footer {
    display: none;
  }
}

.bb-rl-group-invites-container .bb-groups-invites-left .group-invites-members-listing .bp-invites-feedback,
.bb-rl-group-invites-container .bb-groups-invites-right #send_group_invite_form .bb-groups-invites-right-top .bp-invites-feedback {
  display: none;
}

.bb-rl-group-invites-container .bb-groups-invites-right-top .bp-invites-feedback .bp-feedback.info {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  line-height: var(--bb-rl-base-line-small);
  padding: 0;
  background-color: transparent;
  color: var(--bb-rl-text-tertiary-color);
  border: 0;
}

.bb-rl-group-invites-container .bb-groups-invites-right-top .bp-invites-feedback .bp-feedback.info .bp-icon {
  display: none;
}

.bb-rl-group-invites-container .bb-groups-invites-right-top .bp-invites-feedback .bp-feedback.success {
  background-color: var(--bb-rl-background-positive-secondary-color);
  border-color: var(--bb-rl-border-positive-secondary-color);
  margin-top: var(--bb-rl-space-100);
}

.bb-rl-group-invites-container .bb-groups-invites-right-top .bp-invites-feedback .bp-feedback.success > [class*="bb-icons"] {
  color: var(--bb-rl-border-positive-secondary-color);
}

.bb-rl-group-invites-container #send_group_invite_form {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bb-rl-group-invites-container #send_group_invite_form .bb-groups-invites-right-top {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-group-invites-container #send_group_invite_form .bb-groups-invites-right-bottom {
  margin-top: auto;
}

.bb-rl-group-invites-container #group-invites-new-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--bb-rl-space-100);
  margin: 0;
  position: relative;
  top: 43px;
}

.bb-rl-group-invites-container #group-invites-new-submit #send_group_invite_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
}

.bb-rl-group-invites-container #group-invites-new-submit #send_group_invite_button:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.bb-rl-group-invites-container #group-invites-new-submit #send_group_invite_button:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.bb-rl-group-invites-container #group-invites-new-submit #send_group_invite_button:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.bb-rl-group-invites-container #group-invites-new-submit #bp_invites_reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-color);
  border: 1px solid transparent;
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
}

.bb-rl-group-invites-container #group-invites-new-submit #bp_invites_reset:hover {
  background-color: var(--bb-rl-background-tertiary-hover-color);
}

.bb-rl-group-invites-container #group-invites-new-submit #bp_invites_reset:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.bb-rl-group-invites-container #group-invites-new-submit #bp_invites_reset:disabled {
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

.bb-rl-group-invites-container .bp-invites-submit-loader-hide {
  display: none;
  line-height: 1;
}

.bb-rl-bp-pending-invites-loader {
  display: none;
  text-align: center;
  position: relative;
}

body.bb-readylaunch-template.groups.group-invites span.select2-dropdown.select2-dropdown--below,
body.bb-readylaunch-template.groups.group-invites span.select2-dropdown.select2-dropdown--above {
  display: none;
}

.bb-rl-group-invites-container #send_group_invite_form .select2-search__field {
  display: none;
}

.bb-rl-group-invites-container .select2-container--default .select2-selection--multiple {
  border: 0;
  background-color: transparent;
}

.bb-rl-group-invites-container .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0;
}

.bb-rl-group-invites-container .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}

.bb-rl-group-invites-container .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  padding: var(--bb-rl-space-50) 6px;
  border: 1px solid var(--bb-rl-border-secondary-color);
  background-color: transparent;
  border-radius: var(--bb-rl-radius-full);
  margin: var(--bb-rl-space-100) var(--bb-rl-space-100) 0 0;
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  color: var(--bb-rl-text-color);
}

.bb-rl-group-invites-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-radius: var(--bb-rl-radius-xs);
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: var(--bb-rl-icon-primary-color);
  line-height: 1;
  position: static;
  margin: 0 0 0 var(--bb-rl-space-50) !important;
  background-color: transparent;
  border: 0;
  font-size: 0;
}

.bb-rl-group-invites-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
  content: "\e4f6";
  color: var(--bb-rl-icon-secondary-color);
  font-family: bb-icons-rl;
  font-size: 16px;
  line-height: 1;
}

.bb-rl-group-invites-container .bb-rl-select2-selection-user {
  display: inline-flex;
  align-items: center;
}

.bb-rl-group-invites-container .bb-rl-select2-selection-user .select2-user-avatar {
  width: 24px;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-right: var(--bb-rl-space-50);
  border-radius: 50%;
}

.bb-rl-group-invites-container #group_invites_search_form {
  position: relative;
}

.bb-rl-group-invites-container #group_invites_search_form #group_invites_search {
  border-radius: var(--bb-rl-radius-full);
  padding-left: var(--bb-rl-space-400);
  padding-right: var(--bb-rl-space-400);
  width: 100%;
}

.bb-rl-group-invites-container #group_invites_search_form button[type="submit"] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background-color: transparent;
  padding: 0;
  line-height: 1;
}

.bb-rl-group-invites-container #group_invites_search_form button[type="submit"] span {
  color: var(--bb-rl-icon-secondary-color);
}

.bb-rl-group-invites-container #group_invites_search_form .search-form_reset {
  display: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--bb-rl-space-100);
  opacity: 0.4;
}

.bb-rl-group-invites-dashboard--pending-invites.bb-rl-group-invites-dashboard.bb-rl-group-dashboard-panel {
  padding-bottom: var(--bb-rl-space-300);
}

.bb-rl-group-invites-dashboard--pending-invites .bp-invites-nav {
  margin: var(--bb-rl-space-200) 0;
}

.bb-rl-group-invites-container--pending-invites .group-invites-column {
  width: 100%;
}

.bb-rl-group-invites-container--pending-invites .subnav-filters.bp-invites-filters {
  border-bottom: 0;
  margin-bottom: 0;
}

.bb-rl-group-invites-container--pending-invites .subnav-filters.bp-invites-filters .last {
  display: none;
}

.bb-rl-group-invites-container--pending-invites .item-list > li {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-100);
  padding: var(--bb-rl-space-300);
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-lg);
  margin: 0 0 var(--bb-rl-space-100);
}

.bb-rl-group-invites-container--pending-invites .item-list > li:last-of-type {
  margin-bottom: 0;
}

.bb-rl-group-invites-container--pending-invites .item-list > li img.avatar {
  border-radius: 50%;
  width: var(--bb-rl-space-600);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-group-invites-container--pending-invites .item-list > li .member-name a {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .action {
  line-height: 1;
  display: inline-block;
  margin-left: auto;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .action button {
  padding: 0;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .action button::before, .bb-rl-group-invites-container--pending-invites .item-list > li .action button::after {
  display: none;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-inviters {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-inviters img.avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: var(--bb-rl-space-50);
  margin-right: 0;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-inviters + .status {
  display: inline-flex;
  align-items: center;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-inviters + .status::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--bb-rl-background-tertiary-color);
  border-radius: 50%;
  margin-right: var(--bb-rl-space-100);
}

.bb-rl-group-invites-container--pending-invites .item-list > li .item-meta {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  line-height: var(--bb-rl-base-line-small);
  color: var(--bb-rl-text-tertiary-color);
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-100);
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-remove-invite-button {
  padding: 0;
  line-height: 1;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 0;
  position: relative;
  background-color: transparent;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-remove-invite-button .icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: var(--bb-rl-radius-sm);
  background-color: transparent;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-remove-invite-button:hover {
  background-color: transparent;
}

.bb-rl-group-invites-container--pending-invites .item-list > li .group-remove-invite-button .icons::before {
  content: "\e4f6";
  font-family: bb-icons-rl;
  font-size: var(--bb-rl-base-line-small);
  font-weight: 400;
  line-height: 1;
  color: var(--bb-rl-icon-primary-color);
}

.bb-rl-group-invites-container--pending-invites .item-list .bb-icon-spinner:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  border: 2px solid var(--bb-rl-border-quaternary-color);
  border-top-color: var(--bb-rl-border-tertiary-color);
  border-radius: var(--bb-rl-radius-full);
  animation: spin 3s infinite linear;
  height: 24px;
  width: 24px;
  border-width: 3px;
}

.bb-rl-group-invites-container--pending-invites .item-list .load-more {
  justify-content: center;
}

.bb-rl-image-headline h3 {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  color: var(--bb-rl-text-color);
  margin: 0 0 var(--bb-rl-space-100);
}

.bb-rl-cover-container {
  position: relative;
  width: 100%;
  height: 160px;
}

.bb-rl-cover-container.bb-rl-cover-container--has-cover .bb-rl-cover-preview {
  opacity: 1;
  z-index: 10;
}

.bb-rl-cover-container.bb-rl-cover-container--has-cover .bp-uploader-window,
.bb-rl-cover-container.bb-rl-cover-container--has-cover .bp-cover-image {
  opacity: 0;
}

.bb-rl-cover-container.bb-rl-cover-container--no-cover .bp-cover-image {
  opacity: 1;
}

.bb-rl-cover-container .bb-rl-cover-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-lg);
  opacity: 0;
}

.bb-rl-cover-container .bb-rl-cover-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 10;
  border-radius: var(--bb-rl-radius-lg);
}

.bb-rl-cover-container .bb-rl-cover-preview .bb-rl-remove-cover-button {
  position: absolute;
  top: var(--bb-rl-space-100);
  right: var(--bb-rl-space-100);
  z-index: 11;
  color: var(--bb-rl-text-white-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: var(--bb-rl-background-color);
  border-radius: var(--bb-rl-radius-sm);
}

.bb-rl-cover-container .bb-rl-cover-preview .bb-rl-remove-cover-button i {
  font-size: 12px;
  font-weight: 400;
  color: var(--bb-rl-icon-secondary-color);
}

.bb-rl-cover-container .bp-cover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.bb-rl-cover-container .bp-uploader-window .bb-rl-drag-drop-wrapper {
  width: 100%;
  height: 160px;
  padding: 0;
}

.bb-rl-create-group {
  background: var(--bb-rl-background-color);
  border-radius: var(--bb-rl-radius-lg);
  padding: var(--bb-rl-space-300) var(--bb-rl-space-300) var(--bb-rl-space-200);
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
  border: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-create-group .bp-subhead {
  font-family: var(--bb-rl-font-family-base);
  font-size: var(--bb-rl-font-size-base);
  padding: var(--bb-rl-space-200) var(--bb-rl-space-300);
  margin: calc(-1 * var(--bb-rl-space-200)) calc(-1 * var(--bb-rl-space-300)) var(--bb-rl-space-200);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
  font-weight: 600;
}

.bb-rl-create-group .group-create-links {
  padding-bottom: var(--bb-rl-space-100);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-create-group .group-create-links .button-tabs {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: wrap;
  justify-content: stretch;
}

.bb-rl-create-group .group-create-links .button-tabs li {
  text-align: center;
  color: var(--bb-rl-icon-tertiary-color);
  font-size: var(--bb-rl-font-size-sm);
  flex: 1;
  position: relative;
  z-index: 2;
  padding: 0 var(--bb-rl-space-50);
  white-space: nowrap;
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-create-group .group-create-links .button-tabs li > span {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.bb-rl-create-group .group-create-links .button-tabs li a {
  color: var(--bb-rl-icon-tertiary-color);
}

.bb-rl-create-group .group-create-links .button-tabs li .bb-rl-group-creation-tab-number {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--bb-rl-space-300);
  height: var(--bb-rl-space-300);
  border-radius: 50%;
  background-color: var(--bb-rl-background-tertiary-color);
  border: 1px solid var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-tertiary-color);
  margin: 0 auto var(--bb-rl-space-100);
}

.bb-rl-create-group .group-create-links .button-tabs li.current a {
  color: var(--bb-rl-text-color);
}

.bb-rl-create-group .group-create-links .button-tabs li.current a .bb-rl-group-creation-tab-number {
  background: var(--bb-rl-background-color);
  color: var(--bb-rl-primary-color);
  border-color: var(--bb-rl-primary-color);
}

.bb-rl-create-group .group-create-links .button-tabs li::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: var(--bb-rl-border-secondary-color);
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 544px) {
  .bb-rl-create-group .group-create-links .button-tabs li::before {
    display: none;
  }
}

.bb-rl-create-group .group-create-links .button-tabs li:first-child:before {
  width: 50%;
  left: auto;
  right: 0;
}

.bb-rl-create-group .group-create-links .button-tabs li:last-child:before {
  width: 50%;
}

.bb-rl-create-group .bb-rl-create-screen-content {
  padding: var(--bb-rl-space-300) 0 0;
}

.bb-rl-create-group .bb-rl-create-screen-content .bp-screen-title {
  font-size: var(--bb-rl-font-size-base);
}

.bb-rl-create-group .bb-rl-create-screen-content > h2.bp-screen-title {
  display: none;
}

.bb-rl-create-group .bb-rl-create-screen-content > h4 {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-create-group .bb-rl-create-screen-content > p,
.bb-rl-create-group .bb-rl-create-screen-content .bb-group-meprlms-settings-container p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-create-group .bb-rl-create-screen-content > p label,
.bb-rl-create-group .bb-rl-create-screen-content .bb-group-meprlms-settings-container p label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--bb-rl-text-color);
}

.bb-rl-create-group .bb-rl-create-screen-content .bb-group-meprlms-settings-container p label:after {
  line-height: 16px;
}

.bb-rl-create-group .bb-rl-create-screen-content .bb-group-meprlms-settings-container .select2-container--default .select2-selection--multiple {
  border-color: var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-md) !important;
}

.bb-rl-create-group .bb-rl-create-screen-content .bb-group-meprlms-settings-container .select2-dropdown {
  border-color: var(--bb-rl-border-secondary-color);
}

.bb-rl-create-group .bb-rl-create-screen-content .bb-group-meprlms-settings-container .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bb-rl-background-secondary-color);
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-create-group .bb-rl-create-screen-content .group-setting-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: var(--bb-rl-text-secondary-color);
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-create-group .bb-rl-create-screen-content .bp-screen-title {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin: 0 0 var(--bb-rl-space-200);
}

.bb-rl-create-group .bb-rl-create-screen-content > label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: block;
  margin: 0 0 var(--bb-rl-space-100);
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-create-group .bb-rl-create-screen-content > input,
.bb-rl-create-group .bb-rl-create-screen-content > textarea {
  width: 100%;
  margin-bottom: var(--bb-rl-space-300);
}

.bb-rl-create-group .bb-rl-create-screen-content > textarea {
  min-height: 94px;
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="submit"],
.bb-rl-create-group .bb-rl-create-screen-content button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: var(--bb-rl-background-brand-primary-color);
  color: var(--bb-rl-text-white-color);
  border: 1px solid var(--bb-rl-background-brand-primary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="submit"]:hover,
.bb-rl-create-group .bb-rl-create-screen-content button[type="submit"]:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="submit"]:focus-within,
.bb-rl-create-group .bb-rl-create-screen-content button[type="submit"]:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="submit"]:disabled,
.bb-rl-create-group .bb-rl-create-screen-content button[type="submit"]:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bb-rl-radius-md);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  background-color: transparent;
  color: var(--bb-rl-text-color);
  border: 1px solid var(--bb-rl-border-tertiary-color);
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="button"]:hover {
  background-color: var(--bb-rl-background-secondary-color);
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="button"]:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.bb-rl-create-group .bb-rl-create-screen-content input[type="button"]:disabled {
  border-color: var(--bb-rl-border-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

.bb-rl-create-group .bb-rl-create-screen-content input#group-creation-previous {
  /* stylelint-disable function-url-quotes */
  background-image: url('data:image/svg+xml,<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.9998 10.0006C23.9998 10.2658 23.8945 10.5201 23.7069 10.7077C23.5194 10.8952 23.265 11.0006 22.9998 11.0006H3.41356L10.7073 18.2931C10.8002 18.386 10.8739 18.4963 10.9242 18.6177C10.9745 18.7391 11.0004 18.8692 11.0004 19.0006C11.0004 19.132 10.9745 19.2621 10.9242 19.3835C10.8739 19.5048 10.8002 19.6151 10.7073 19.7081C10.6144 19.801 10.5041 19.8747 10.3827 19.9249C10.2613 19.9752 10.1312 20.0011 9.99981 20.0011C9.86842 20.0011 9.73831 19.9752 9.61691 19.9249C9.49552 19.8747 9.38522 19.801 9.29231 19.7081L0.29231 10.7081C0.199334 10.6152 0.125575 10.5049 0.0752504 10.3835C0.0249261 10.2621 -0.000976562 10.132 -0.000976562 10.0006C-0.000976562 9.86914 0.0249261 9.73901 0.0752504 9.61762C0.125575 9.49622 0.199334 9.38593 0.29231 9.29306L9.29231 0.293056C9.47995 0.105415 9.73445 -1.97712e-09 9.99981 0C10.2652 1.97712e-09 10.5197 0.105415 10.7073 0.293056C10.895 0.480697 11.0004 0.735192 11.0004 1.00056C11.0004 1.26592 10.895 1.52042 10.7073 1.70806L3.41356 9.00056H22.9998C23.265 9.00056 23.5194 9.10591 23.7069 9.29345C23.8945 9.48099 23.9998 9.73534 23.9998 10.0006Z" fill="%23CECECF"/></svg>');
  /* stylelint-enable */
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 12px 10px;
  padding-left: 32px;
}

.bb-rl-create-group .bb-rl-create-screen-content input#group-creation-next {
  /* stylelint-disable function-url-quotes */
  background-image: url('data:image/svg+xml,<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7075 10.7081L14.7075 19.7081C14.5199 19.8957 14.2654 20.0011 14 20.0011C13.7346 20.0011 13.4801 19.8957 13.2925 19.7081C13.1049 19.5204 12.9994 19.2659 12.9994 19.0006C12.9994 18.7352 13.1049 18.4807 13.2925 18.2931L20.5863 11.0006H1C0.734784 11.0006 0.48043 10.8952 0.292893 10.7077C0.105357 10.5201 0 10.2658 0 10.0006C0 9.73534 0.105357 9.48099 0.292893 9.29345C0.48043 9.10591 0.734784 9.00056 1 9.00056H20.5863L13.2925 1.70806C13.1049 1.52042 12.9994 1.26592 12.9994 1.00056C12.9994 0.735192 13.1049 0.480697 13.2925 0.293056C13.4801 0.105415 13.7346 0 14 0C14.2654 0 14.5199 0.105415 14.7075 0.293056L23.7075 9.29306C23.8005 9.38593 23.8742 9.49622 23.9246 9.61762C23.9749 9.73901 24.0008 9.86914 24.0008 10.0006C24.0008 10.132 23.9749 10.2621 23.9246 10.3835C23.8742 10.5049 23.8005 10.6152 23.7075 10.7081Z" fill="white"/></svg>');
  /* stylelint-enable */
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%;
  background-size: 12px 10px;
  padding-right: 32px;
}

.bb-rl-create-group .bb-rl-create-screen-content ul:not(.select2-results__options),
.bb-rl-create-group .bb-rl-create-screen-content p {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-create-group .bb-rl-create-screen-content .bp-feedback p {
  margin-bottom: 0;
}

.bb-rl-create-group .bb-rl-create-screen-content div.submit {
  display: flex;
  justify-content: space-between;
  margin: var(--bb-rl-space-300) -24px 0;
  padding: 12px 24px 0;
  border-top: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-create-group .bb-rl-create-screen-content .bb-rl-group-avatar-headline {
  display: none;
}

.bb-rl-create-group .bb-rl-create-screen-content #header-cover-image {
  display: none !important;
}

.bb-rl-create-group .bb-rl-create-screen-content .bb-activity-topic-title {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  line-height: var(--bb-rl-base-line);
  margin: 0 0 var(--bb-rl-space-200);
}

.bb-rl-create-group .bb-rl-upload-image-wrap {
  display: none;
}

.group-messages .group-subnav {
  margin-bottom: var(--bb-rl-space-200);
}

.group-messages .group-subnav .subnav {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-100);
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.group-messages .group-subnav .subnav a {
  display: inline-block;
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-full);
  padding: 6px var(--bb-rl-space-200);
  color: var(--bb-rl-text-secondary-color);
  text-transform: lowercase;
}

.group-messages .group-subnav .subnav a::first-letter {
  text-transform: uppercase;
}

.group-messages .group-subnav .subnav li.selected a {
  background-color: var(--bb-rl-background-color);
  color: var(--bb-rl-text-color);
  border-color: var(--bb-rl-border-quinery-color);
}

#group-messages-container {
  display: flex;
  background: var(--bb-rl-background-color);
  border-radius: var(--bb-rl-radius-lg);
  margin: 0 auto;
  padding: var(--bb-rl-space-200) var(--bb-rl-space-200) 0;
  border: 1px solid var(--bb-rl-border-secondary-color);
}

#group-messages-container .bp-messages-feedback {
  margin-bottom: var(--bb-rl-space-200);
}

#group-messages-container .bp-messages-feedback-hide {
  display: none;
}

#group-messages-container .bp-select-members-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#group-messages-container .bp-select-members-wrap .bp-invites-feedback {
  width: 100%;
}

#group-messages-container .bp-select-members-wrap .group-messages-helper-text {
  font-size: 16px;
  font-weight: 500;
  color: var(--bb-rl-text-secondary-color);
  margin-right: var(--bb-rl-space-50);
}

#group-messages-container .bp-select-members-wrap .select2.select2-container {
  flex: 1;
}

#group-messages-container .bp-select-members-wrap .select2.select2-container .select2-selection--multiple {
  background-color: transparent;
  border: 0;
}

#group-messages-container .bp-select-members-wrap .select2.select2-container .select2-selection__rendered .select2-selection__choice {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  background-color: var(--bb-rl-background-color);
  border: 1px solid var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-full);
  padding: var(--bb-rl-space-50) var(--bb-rl-space-100);
}

#group-messages-container .bp-select-members-wrap .select2.select2-container .bb-rl-select2-selection-user {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-50);
}

#group-messages-container .bp-select-members-wrap .select2.select2-container .bb-rl-select2-selection-user .select2-user-avatar {
  height: 24px;
  width: 24px;
  border-radius: var(--bb-rl-radius-full);
}

#group-messages-container .bp-select-members-wrap .select2.select2-container .select2-selection__choice__remove {
  display: none;
}

body.private-message #group-messages-container .bp-select-members-wrap .select2.select2-container .select2-selection__choice__remove {
  display: block;
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  cursor: pointer;
  left: inherit;
  border: 0;
  line-height: 1 !important;
  margin: 0 5px 0 0 !important;
}

body.private-message #group-messages-container .bp-select-members-wrap .select2.select2-container .select2-selection__choice__remove:before {
  content: "\e4f6";
  color: var(--bb-rl-icon-secondary-color);
  font-family: bb-icons-rl;
  font-size: 16px;
  line-height: 1;
}

body.private-message #group-messages-container .bp-select-members-wrap .select2.select2-container .select2-selection__rendered .select2-selection__choice {
  position: relative;
  padding-right: 30px;
}

#send_group_message_form .select2-search__field {
  display: none;
}

.messages .select2-dropdown .select2-results__option[aria-selected="true"] {
  display: none;
}

body.groups.messages span.select2-dropdown {
  display: none;
}

div#bp-group-message-content {
  height: 100%;
  display: flex;
  flex-flow: column;
}

.group-messages .bb-groups-messages-left {
  flex: 0 0 300px;
  min-width: 0;
}

.group-messages .bb-groups-messages-right {
  flex: 1;
}

.group-messages .bb-groups-messages-right .bb-title,
.group-messages .bb-groups-messages-right .group-messages-compose {
  display: none;
}

.group-messages .bb-groups-messages-right .bb-groups-messages-right-top {
  margin-left: calc(var(--bb-rl-space-200) * -1);
  margin-right: calc(var(--bb-rl-space-200) * -1);
  margin-bottom: var(--bb-rl-space-300);
  padding: 0 var(--bb-rl-space-200) var(--bb-rl-space-100);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
}

.group-messages .bb-groups-messages-right.full_width .bb-groups-messages-right-top {
  padding-bottom: var(--bb-rl-space-200);
}

.group-messages .bb-groups-messages-right.full_width .bb-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--bb-rl-space-100);
  margin-top: -5px;
}

.group-messages .bb-groups-messages-right.full_width .group-messages-compose {
  font-size: 0;
}

.group-messages .bb-groups-messages-right.full_width .group-messages-compose:before {
  content: "\e34c";
  color: var(--bb-rl-icon-color);
  font-size: 24px;
  font-family: bb-icons-rl;
}

.group-messages .bb-groups-messages-right.full_width #send_group_message_form {
  min-height: auto;
  height: auto;
}

.group-messages .bb-groups-messages-right.full_width #send_group_message_form .group-messages-helper-text {
  display: none;
}

.group-messages .bb-groups-messages-right.full_width .bb-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  padding-bottom: 0;
}

.group-messages .bb-groups-messages-right #send_group_message_form {
  min-height: 50vh;
  min-height: 500px;
  height: auto;
  display: flex;
  flex-direction: column;
}

.group-messages .bb-groups-messages-right .medium-editor-element {
  outline: none;
}

.group-messages .bb-groups-messages-right .medium-editor-element:not(.emojionearea) {
  font-size: 14px;
  max-height: 300px;
  min-height: 55px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--bb-rl-space-200) var(--bb-rl-space-300);
}

.group-messages .bb-groups-messages-right .medium-editor-element p:last-child {
  margin-bottom: 0;
}

.group-messages .bb-groups-messages-right .medium-editor-element:after {
  color: var(--bb-rl-text-tertiary-color);
  pointer-events: none;
}

.group-messages .bb-groups-messages-right .medium-editor-element img.emoji,
.group-messages .bb-groups-messages-right .medium-editor-element img.emojioneemoji {
  vertical-align: middle;
}

.group-messages.public-message .bb-title {
  display: block;
  color: var(--bb-rl-text-color);
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  padding: 0 var(--bb-rl-space-200) var(--bb-rl-space-200);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
  margin: 0 calc(var(--bb-rl-space-200) * -1) 0 calc(var(--bb-rl-space-200) * -1);
}

.group-messages.public-message .group-messages-compose {
  display: none;
}

.group-messages.public-message .bp-select-members-wrap {
  padding: var(--bb-rl-space-100) 0 0 var(--bb-rl-space-100);
}

.group-messages.public-message .bp-select-members-wrap .bp-invites-feedback .bp-messages-feedback {
  margin-top: var(--bb-rl-space-100);
}

.group-messages.private-message #group-messages-container {
  padding: 0 var(--bb-rl-space-200) 0;
}

.group-messages.private-message .bb-groups-messages-right #send_group_message_form {
  min-height: 50vh;
  height: auto;
}

.group-messages.private-message .bb-groups-messages-right .bb-groups-messages-right-bottom {
  margin: auto var(--bb-rl-space-300) var(--bb-rl-space-400);
}

.group-messages.private-message .bb-groups-messages-right .group-messages-type {
  margin-left: auto;
  background-color: var(--bb-rl-background-secondary-color);
  border-color: var(--bb-rl-border-secondary-color);
  padding: 4px var(--bb-rl-space-400) 4px var(--bb-rl-space-100);
  background-position: right 10px center;
}

.group-messages.private-message .bb-groups-messages-right #group-messages-new-submit {
  margin-left: var(--bb-rl-space-300);
}

.group-messages.private-message .bb-groups-messages-right .bb-groups-messages-right-top {
  margin: 0;
  margin-bottom: var(--bb-rl-space-300);
}

.group-messages.private-message .bb-groups-messages-right .bb-groups-messages-right-top .bp-messages-feedback {
  width: 100%;
  margin: var(--bb-rl-space-100);
}

.group-messages.private-message .bb-groups-messages-right .bb-title {
  display: block;
  color: var(--bb-rl-text-color);
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  padding: var(--bb-rl-space-200);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
  margin: 0 calc(var(--bb-rl-space-400) * -1) 0 calc(var(--bb-rl-space-200) * -1);
}

.group-messages.private-message .bb-groups-messages-right .add-more-members {
  display: none;
}

.group-messages.private-message .bb-groups-messages-right .bp-select-members-wrap {
  padding: var(--bb-rl-space-100) 0 0;
  min-height: 50px;
}

.group-messages.private-message .bb-groups-messages-right .bp-group-message-wrap {
  color: var(--bb-rl-text-color);
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
}

.group-messages.private-message span.select2-dropdown.select2-dropdown--below {
  display: none;
}

@media screen and (max-width: 1400px) {
  .group-messages.private-message .bb-groups-messages-right-bottom #whats-new-toolbar {
    justify-content: center;
    padding: var(--bb-rl-space-100) var(--bb-rl-space-100);
  }
  .group-messages.private-message .bb-groups-messages-right-bottom .bb-rl-separator {
    width: 100%;
    height: 0;
  }
  .group-messages.private-message .bb-groups-messages-right-bottom .group-messages-type {
    margin-left: 0;
  }
  .group-messages.private-message .bb-groups-messages-right-bottom #bb-rl-editor-toolbar:has(.medium-editor-toolbar.active):has(.medium-editor-toolbar-active) {
    bottom: 80px;
  }
}

.group-messages .bb-rl-group-details .item-body > .bp-feedback {
  background-color: var(--bb-rl-background-brand-secondary-color);
  border-color: var(--bb-rl-border-brand-primary-color);
}

.group-messages .bb-rl-group-details .item-body > .bp-feedback .bp-icon {
  margin-right: var(--bb-rl-space-100);
}

.group-messages .bb-rl-group-details .item-body > .bp-feedback .bp-icon:before {
  content: "\e2ce";
  color: var(--bb-rl-icon-brand-primary-color);
  font-weight: 500;
  font-family: bb-icons-rl;
  font-size: var(--bb-rl-base-line-small);
  font-style: normal;
}

.bb-groups-messages-right-bottom {
  border: 1px solid var(--bb-rl-border-tertiary-color);
  border-radius: var(--bb-rl-radius-lg);
  margin: var(--bb-rl-space-200) var(--bb-rl-space-100);
  margin-top: auto;
}

.bb-groups-messages-right-bottom #whats-new-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid var(--bb-rl-border-secondary-color);
  padding: var(--bb-rl-space-100) var(--bb-rl-space-300);
  position: relative;
}

.bb-groups-messages-right-bottom .post-elements-buttons-item {
  display: flex;
  margin-right: var(--bb-rl-space-100);
}

.bb-groups-messages-right-bottom .post-elements-buttons-item .toolbar-button {
  display: flex;
  border: 0.5px solid transparent;
  padding: var(--bb-rl-space-50);
}

.bb-groups-messages-right-bottom .post-elements-buttons-item .toolbar-button.active {
  background-color: var(--bb-rl-background-secondary-hover-color);
  border-color: var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-md);
}

.bb-groups-messages-right-bottom .post-elements-buttons-item .toolbar-button.active [class*="bb-icons-"] {
  color: var(--bb-rl-icon-color);
}

.bb-groups-messages-right-bottom .post-elements-buttons-item [class*="bb-icons-"] {
  color: var(--bb-rl-icon-secondary-color);
  font-size: 24px;
}

.bb-groups-messages-right-bottom .post-elements-buttons-item .emojionearea .emojionearea-button {
  border: 0.5px solid transparent;
  padding: var(--bb-rl-space-50);
}

.bb-groups-messages-right-bottom .post-elements-buttons-item .emojionearea .emojionearea-button:before {
  content: "\e436";
  color: var(--bb-rl-icon-secondary-color);
  font-family: bb-icons-rl;
  font-size: 24px;
}

.bb-groups-messages-right-bottom .post-elements-buttons-item .emojionearea .emojionearea-button.active {
  background-color: var(--bb-rl-background-secondary-hover-color);
  border-color: var(--bb-rl-border-secondary-color);
  border-radius: var(--bb-rl-radius-md);
}

.bb-groups-messages-right-bottom .post-elements-buttons-item .emojionearea .emojionearea-button.active:before {
  color: var(--bb-rl-icon-color);
}

.bb-groups-messages-right-bottom .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
  top: auto;
  bottom: 40px;
}

.bb-groups-messages-right-bottom .bb-rl-separator {
  display: inline-flex;
  align-self: center;
  width: 1px;
  height: 16px;
  background-color: var(--bb-rl-border-tertiary-color);
  margin: 0 8px 2px 0;
}

.bb-groups-messages-right-bottom #group-messages-new-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  cursor: pointer;
  position: relative;
  margin-left: auto;
}

.bb-groups-messages-right-bottom #group-messages-new-submit:before {
  display: block;
  content: "\e396";
  color: var(--bb-rl-icon-secondary-color);
  font-family: bb-icons-rl;
  font-size: 24px;
  line-height: 1;
}

.bb-groups-messages-right-bottom #group-messages-new-submit:has(.loading) {
  pointer-events: none;
}

.bb-groups-messages-right-bottom #group-messages-new-submit:has(.loading):before {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  border: 2px solid var(--bb-rl-border-quaternary-color);
  border-top-color: var(--bb-rl-border-tertiary-color);
  border-radius: var(--bb-rl-radius-full);
  animation: spin 3s infinite linear;
}

.bb-groups-messages-right-bottom #group-messages-new-submit #send_group_message_button {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: auto;
  min-width: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.bb-groups-messages-right-bottom [class*="attached-gif-container"] {
  margin-bottom: 0;
  background: none !important;
  height: auto !important;
  width: auto !important;
  min-height: auto !important;
  display: table;
  position: relative;
}

.bb-groups-messages-right-bottom [class*="attached-gif-container"].closed {
  display: none;
}

.bb-groups-messages-right-bottom [class*="attached-gif-container"] .gif-image-container img {
  background-color: var(--bb-rl-background-secondary-color);
  height: 100px;
  width: 100px;
  object-fit: cover;
  border-radius: var(--bb-rl-radius-md);
  margin: 0 0 var(--bb-rl-space-200) var(--bb-rl-space-200);
}

.bb-groups-messages-right-bottom [class*="attached-gif-container"] .gif-image-remove {
  box-shadow: none;
  right: -8px;
  top: -8px;
  position: absolute;
  background-color: var(--bb-rl-background-color);
  border-radius: var(--bb-rl-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
  padding: 2px;
  cursor: pointer;
}

.bb-groups-messages-right-bottom #whats-new-toolbar:has(.medium-editor-toolbar.active) {
  margin-top: 45px;
  visibility: visible;
}

.bb-groups-messages-right-bottom #bb-rl-editor-toolbar {
  position: absolute;
  left: 0;
  bottom: 45px;
  visibility: hidden;
}

@media screen and (max-width: 440px) {
  .bb-groups-messages-right-bottom #whats-new-toolbar {
    flex-wrap: wrap;
    justify-content: center;
  }
  .bb-groups-messages-right-bottom .bb-rl-separator {
    width: 100%;
    height: 0;
  }
  .bb-groups-messages-right-bottom #group-messages-new-submit {
    margin-left: 0;
  }
}

.bb-groups-messages-left .total-members-text {
  font-size: var(--bb-rl-font-size-base);
  font-weight: 500;
  color: var(--bb-rl-text-color);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
  margin: 0 0 var(--bb-rl-space-100) calc(var(--bb-rl-space-200) * -1);
  padding: var(--bb-rl-space-200);
}

.bb-groups-messages-left .bp-messages-search-form {
  border: 1px solid var(--bb-rl-border-tertiary-color);
  border-radius: var(--bb-rl-radius-full);
  padding: var(--bb-rl-space-50) var(--bb-rl-space-100);
  margin: 0 var(--bb-rl-space-200) var(--bb-rl-space-100) 0;
  position: relative;
}

.bb-groups-messages-left .bp-messages-search-form:before {
  content: "\e30c";
  color: var(--bb-rl-icon-secondary-color);
  font-family: bb-icons-rl;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
}

.bb-groups-messages-left .bp-messages-search-form #group_messages_search {
  color: var(--bb-rl-text-tertiary-color);
  font-size: var(--bb-rl-font-size-sm);
  line-height: 1.2;
  border: 0;
  padding: 0 0 0 25px;
  outline: none;
}

.bb-groups-messages-left .bp-messages-search-form button[type="submit"] {
  position: absolute;
  opacity: 0;
  left: 7px;
  top: 7px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.bb-groups-messages-left .bp-messages-search-form .search-form_reset {
  font-size: 15px;
  line-height: 1;
  color: var(--bb-rl-icon-secondary-color);
  background-color: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  cursor: pointer;
  display: none;
}

.bb-groups-messages-left .bp-group-message-wrap {
  margin: var(--bb-rl-space-200) 0 var(--bb-rl-space-200);
}

.bb-groups-messages-left .bp-group-message-wrap .bp-group-message-label {
  display: flex;
  align-items: center;
  color: var(--bb-rl-text-color);
  font-size: 14px;
  font-weight: 500;
}

.bb-groups-messages-left .all-members {
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
}

.bb-groups-messages-left .all-members li {
  display: flex;
  align-items: center;
  margin-bottom: var(--bb-rl-space-100);
  padding: var(--bb-rl-space-50) 0;
  position: relative;
  padding-left: 30px;
}

.bb-groups-messages-left .all-members li > .action {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.bb-groups-messages-left .all-members li > .action button {
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}

.bb-groups-messages-left .all-members li > .action button span.icons:before {
  content: "";
  margin-right: var(--bb-rl-space-100);
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: var(--bb-rl-background-color);
  border-radius: var(--bb-rl-radius-sm);
  border: 1px solid var(--bb-rl-border-tertiary-color);
}

.bb-groups-messages-left .all-members li.selected > .action button span.icons:before {
  background: var(--bb-rl-background-brand-primary-color);
  border-color: var(--bb-rl-background-brand-primary-color);
}

.bb-groups-messages-left .all-members li.selected > .action button span.icons:after {
  content: "\e182";
  position: absolute;
  left: 3px;
  top: 3px;
  font-family: bb-icons-rl;
  font-weight: 400;
  color: var(--bb-rl-text-white-color);
  font-size: 10px;
  display: block;
}

.bb-groups-messages-left .all-members .item-avatar img {
  height: 32px;
  width: 32px;
  border-radius: var(--bb-rl-radius-full);
  object-fit: cover;
  margin-right: var(--bb-rl-space-100);
}

.bb-groups-messages-left .all-members .member-name a {
  color: var(--bb-rl-text-color);
  font-size: 14px;
  font-weight: 500;
}

.bb-groups-messages-left .bb-panel-footer {
  display: none;
}

@media screen and (max-width: 1650px) {
  .group-messages.private-message .bb-rl-content-wrapper:has(.bb-rl-secondary-container .bb-rl-widget-sidebar) #group-messages-container {
    flex-direction: column;
  }
  .group-messages .bb-rl-content-wrapper:has(.bb-rl-secondary-container .bb-rl-widget-sidebar) .bb-groups-messages-left {
    flex: 0 0 100%;
    border-right: 0;
    border-bottom: 1px solid var(--bb-rl-border-secondary-color);
    padding-bottom: var(--bb-rl-space-200);
  }
  .bb-rl-content-wrapper:has(.bb-rl-secondary-container .bb-rl-widget-sidebar) .bb-groups-messages-left .total-members-text {
    margin-right: calc(var(--bb-rl-space-200) * -1);
  }
}

@media screen and (max-width: 1200px) {
  .group-messages.private-message #group-messages-container {
    flex-direction: column;
  }
  .group-messages .bb-groups-messages-left {
    flex: 0 0 100%;
    border-right: 0;
    border-bottom: 1px solid var(--bb-rl-border-secondary-color);
    padding-bottom: var(--bb-rl-space-200);
  }
  .bb-groups-messages-left .total-members-text {
    margin-right: calc(var(--bb-rl-space-200) * -1);
  }
}

@media screen and (min-width: 1081px) {
  .bb-groups-messages-left {
    border-right: 1px solid var(--bb-rl-border-secondary-color);
  }
}