/* 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: #4946fe;
  --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-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: #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: #4946fe;
  --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: #4946fe;
  --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-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: #4946fe;
  --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-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: #4946fe;
  --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: #4946fe;
  --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: #4946fe;
  --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-members .bp-list.grid .item-entry .list-wrap {
  padding: var(--bb-rl-space-300) var(--bb-rl-space-200);
}

.bb-rl-members .bp-list.grid .item-entry .item {
  margin-bottom: 18px;
}

.bb-rl-members .bp-list.grid .item-entry .bb-rl-member-buttons-wrap {
  margin-top: auto;
}

.bb-rl-members .bp-list.grid .item-entry .list-wrap-inner {
  flex-direction: column;
}

.bb-rl-members .bp-list.grid .item-entry .item {
  text-align: center;
}

.bb-rl-members .bp-list.grid .item-entry .bp-member-type {
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-members .bp-list.grid .item-entry .item-avatar {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-members .bp-list:not(.grid) .item-entry .list-wrap {
  padding: var(--bb-rl-space-400) var(--bb-rl-space-300);
}

.bb-rl-members .bp-list:not(.grid) .item-entry .bb-rl-member-buttons-wrap {
  margin-right: auto;
}

.bb-rl-members .bp-list:not(.grid) .item-entry .bb-rl-item-actions {
  flex-direction: row-reverse;
  gap: var(--bb-rl-space-200);
}

.bb-rl-members .bp-list:not(.grid) .item-entry .item-avatar {
  margin-left: var(--bb-rl-space-200);
}

.bb-rl-members .bp-list:not(.grid) .list-wrap-inner {
  align-items: center;
}

@media screen and (max-width: 768px) {
  .bb-rl-members .bp-list:not(.grid) .list-wrap-inner {
    flex-flow: wrap;
    gap: var(--bb-rl-space-100);
  }
  .bb-rl-members .bp-list:not(.grid) .list-wrap-inner .item {
    flex: 0 0 calc(100% - 130px);
  }
}

@media screen and (max-width: 544px) {
  .bb-rl-members .bp-list:not(.grid) .list-wrap-inner {
    gap: var(--bb-rl-space-100);
  }
  .bb-rl-members .bp-list:not(.grid) .list-wrap-inner .bb-rl-member-buttons-wrap {
    margin-right: 0;
  }
}

.bb-rl-members .bp-list:not(.grid) .bb-rl-item-block-heading {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-100);
  margin-bottom: var(--bb-rl-space-50);
}

.bb-rl-members .bp-list:not(.grid) .bb-rl-item-block-assets {
  display: flex;
  flex-flow: wrap;
  align-items: center;
}

.bb-rl-members .bp-list:not(.grid) .bb-rl-last-activity {
  width: 100%;
  margin-top: 2px;
}

.bb-rl-members .item-entry .list-wrap {
  position: relative;
  height: 100%;
  border-radius: var(--bb-rl-radius-lg);
  background-color: var(--bb-rl-background-color);
  border: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-members .item-entry .list-wrap .list-wrap-inner {
  display: flex;
  height: 100%;
}

.bb-rl-members .item-entry .item-avatar {
  display: flex;
  justify-content: center;
}

.bb-rl-members .item-entry .avatar {
  max-width: 104px;
  height: auto;
  border-radius: 50%;
}

.bb-rl-members .item-entry .bb-rl-item-meta-asset {
  font-size: var(--bb-rl-font-size-sm);
  line-height: var(--bb-rl-base-line-small);
  color: var(--bb-rl-text-tertiary-color);
}

.bb-rl-members .item-entry .bb-rl-item-meta-asset .separator {
  margin: 0 6px;
  color: var(--bb-rl-background-tertiary-color);
}

.bb-rl-members .item-entry .bb-rl-item-meta-asset .followers-wrap strong {
  font-weight: 400;
}

.bb-rl-members .item-list.grid .only-list-view {
  display: none;
}

.bb-rl-members .item-list:not(.grid) .only-grid-view {
  display: none;
}

.bb-rl-member-type,
.bb-rl-members .bp-member-type,
.bb-rl-profile-container .bp-member-type,
.bb-rl-search-member-header .bp-member-type {
  font-size: var(--bb-rl-font-size-xs);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-xs);
  display: inline-flex;
  width: fit-content;
  color: var(--bb-rl-text-brand-secondary-color);
  background-color: var(--bb-rl-background-brand-secondary-color);
  border: 1px solid var(--bb-rl-border-brand-secondary-color);
  border-radius: var(--bb-rl-radius-full);
  padding: var(--bb-rl-space-50) var(--bb-rl-space-100);
}

.bb-rl-members-directory-container {
  gap: var(--bb-rl-space-200);
  padding-bottom: var(--bb-rl-space-400);
}

@media screen and (max-width: 800px) {
  .bb-rl-members-directory-container {
    flex-direction: column;
    padding-bottom: var(--bb-rl-space-500);
  }
  .bb-rl-members-directory-container .bb-rl-widget-sidebar {
    width: 100%;
  }
}

.bb-rl-members-directory-container .bb-rl-members-directory-content {
  flex: 1;
}

.bb-rl-members-directory-container .bb-rl-members-directory-content .friendship-requests-screen {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.bb-rl-members-directory-container [data-balloon]:after {
  z-index: 1031;
}

.bb-rl-primary-actions button.send-message i, .bb-rl-primary-actions button.bb-rl-send-message-disabled i, .bb-rl-primary-actions button.follow-button i, .bb-rl-primary-actions button.friendship-button i,
.bb-rl-primary-actions .generic-button a.send-message i,
.bb-rl-primary-actions .generic-button a.bb-rl-send-message-disabled i,
.bb-rl-primary-actions .generic-button a.follow-button i,
.bb-rl-primary-actions .generic-button a.friendship-button i,
.bb-rl-member-header-actions button.send-message i,
.bb-rl-member-header-actions button.bb-rl-send-message-disabled i,
.bb-rl-member-header-actions button.follow-button i,
.bb-rl-member-header-actions button.friendship-button i,
.bb-rl-member-header-actions .generic-button a.send-message i,
.bb-rl-member-header-actions .generic-button a.bb-rl-send-message-disabled i,
.bb-rl-member-header-actions .generic-button a.follow-button i,
.bb-rl-member-header-actions .generic-button a.friendship-button i {
  margin-left: var(--bb-rl-space-50);
}

.bb-rl-primary-actions button.send-message i::before, .bb-rl-primary-actions button.bb-rl-send-message-disabled i::before, .bb-rl-primary-actions button.follow-button i::before, .bb-rl-primary-actions button.friendship-button i::before,
.bb-rl-primary-actions .generic-button a.send-message i::before,
.bb-rl-primary-actions .generic-button a.bb-rl-send-message-disabled i::before,
.bb-rl-primary-actions .generic-button a.follow-button i::before,
.bb-rl-primary-actions .generic-button a.friendship-button i::before,
.bb-rl-member-header-actions button.send-message i::before,
.bb-rl-member-header-actions button.bb-rl-send-message-disabled i::before,
.bb-rl-member-header-actions button.follow-button i::before,
.bb-rl-member-header-actions button.friendship-button i::before,
.bb-rl-member-header-actions .generic-button a.send-message i::before,
.bb-rl-member-header-actions .generic-button a.bb-rl-send-message-disabled i::before,
.bb-rl-member-header-actions .generic-button a.follow-button i::before,
.bb-rl-member-header-actions .generic-button a.friendship-button i::before {
  content: "";
  font-weight: 400;
  font-family: bb-icons-rl;
  font-size: 16px;
  font-style: normal;
}

.bb-rl-primary-actions button.edit-profile i,
.bb-rl-primary-actions .generic-button a.edit-profile i,
.bb-rl-member-header-actions button.edit-profile i,
.bb-rl-member-header-actions .generic-button a.edit-profile i {
  margin-left: var(--bb-rl-space-50);
  font-size: 16px;
}

.bb-rl-primary-actions button.send-message i::before,
.bb-rl-primary-actions button.bb-rl-send-message-disabled i::before,
.bb-rl-primary-actions .generic-button a.send-message i::before,
.bb-rl-primary-actions .generic-button a.bb-rl-send-message-disabled i::before,
.bb-rl-member-header-actions button.send-message i::before,
.bb-rl-member-header-actions button.bb-rl-send-message-disabled i::before,
.bb-rl-member-header-actions .generic-button a.send-message i::before,
.bb-rl-member-header-actions .generic-button a.bb-rl-send-message-disabled i::before {
  content: "\e16e";
}

.bb-rl-primary-actions button.follow-button.not_following i::before,
.bb-rl-primary-actions .generic-button a.follow-button.not_following i::before,
.bb-rl-member-header-actions button.follow-button.not_following i::before,
.bb-rl-member-header-actions .generic-button a.follow-button.not_following i::before {
  content: "\e3d4";
}

.bb-rl-primary-actions button.follow-button.following i::before,
.bb-rl-primary-actions .generic-button a.follow-button.following i::before,
.bb-rl-member-header-actions button.follow-button.following i::before,
.bb-rl-member-header-actions .generic-button a.follow-button.following i::before {
  content: "\e182";
}

.bb-rl-primary-actions button.friendship-button.not_friends i::before,
.bb-rl-primary-actions .generic-button a.friendship-button.not_friends i::before,
.bb-rl-member-header-actions button.friendship-button.not_friends i::before,
.bb-rl-member-header-actions .generic-button a.friendship-button.not_friends i::before {
  content: "\e3d4";
}

.bb-rl-primary-actions button.friendship-button.pending_friend i::before,
.bb-rl-primary-actions .generic-button a.friendship-button.pending_friend i::before,
.bb-rl-member-header-actions button.friendship-button.pending_friend i::before,
.bb-rl-member-header-actions .generic-button a.friendship-button.pending_friend i::before {
  content: "\eafa";
}

.bb-rl-primary-actions button.friendship-button.awaiting_response_friend i::before,
.bb-rl-primary-actions .generic-button a.friendship-button.awaiting_response_friend i::before,
.bb-rl-member-header-actions button.friendship-button.awaiting_response_friend i::before,
.bb-rl-member-header-actions .generic-button a.friendship-button.awaiting_response_friend i::before {
  content: "\edec";
}

.bb-rl-primary-actions button.friendship-button.is_friend i::before,
.bb-rl-primary-actions .generic-button a.friendship-button.is_friend i::before,
.bb-rl-member-header-actions button.friendship-button.is_friend i::before,
.bb-rl-member-header-actions .generic-button a.friendship-button.is_friend i::before {
  content: "\e182";
}

.bb-rl-primary-actions {
  margin-right: auto;
}

.bb-rl-primary-actions button,
.bb-rl-primary-actions .generic-button a {
  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, bordfont/size/smer-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;
  font-size: var(--bb-rl-font-size-sm);
  padding: var(--bb-rl-space-50) var(--bb-rl-space-200);
  white-space: nowrap;
}

.bb-rl-primary-actions button:hover,
.bb-rl-primary-actions .generic-button a:hover {
  background-color: var(--bb-rl-background-tertiary-hover-color);
}

.bb-rl-primary-actions button:focus,
.bb-rl-primary-actions .generic-button a:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.bb-rl-primary-actions button:disabled,
.bb-rl-primary-actions .generic-button a:disabled {
  background-color: var(--bb-rl-background-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

.bb-rl-primary-actions button.send-message i::before, .bb-rl-primary-actions button.bb-rl-send-message-disabled i::before, .bb-rl-primary-actions button.follow-button i::before, .bb-rl-primary-actions button.friendship-button i::before,
.bb-rl-primary-actions .generic-button a.send-message i::before,
.bb-rl-primary-actions .generic-button a.bb-rl-send-message-disabled i::before,
.bb-rl-primary-actions .generic-button a.follow-button i::before,
.bb-rl-primary-actions .generic-button a.friendship-button i::before {
  color: var(--bb-rl-icon-secondary-color);
}

.bb-rl-primary-actions button.following, .bb-rl-primary-actions button.is_friend, .bb-rl-primary-actions button.pending_friend, .bb-rl-primary-actions button.awaiting_response_friend,
.bb-rl-primary-actions .generic-button a.following,
.bb-rl-primary-actions .generic-button a.is_friend,
.bb-rl-primary-actions .generic-button a.pending_friend,
.bb-rl-primary-actions .generic-button a.awaiting_response_friend {
  background-color: transparent;
  color: var(--bb-rl-text-color);
  border: 1px solid var(--bb-rl-border-tertiary-color);
}

.bb-rl-primary-actions button.following:hover, .bb-rl-primary-actions button.is_friend:hover, .bb-rl-primary-actions button.pending_friend:hover, .bb-rl-primary-actions button.awaiting_response_friend:hover,
.bb-rl-primary-actions .generic-button a.following:hover,
.bb-rl-primary-actions .generic-button a.is_friend:hover,
.bb-rl-primary-actions .generic-button a.pending_friend:hover,
.bb-rl-primary-actions .generic-button a.awaiting_response_friend:hover {
  background-color: var(--bb-rl-background-secondary-color);
}

.bb-rl-primary-actions button.following:focus, .bb-rl-primary-actions button.is_friend:focus, .bb-rl-primary-actions button.pending_friend:focus, .bb-rl-primary-actions button.awaiting_response_friend:focus,
.bb-rl-primary-actions .generic-button a.following:focus,
.bb-rl-primary-actions .generic-button a.is_friend:focus,
.bb-rl-primary-actions .generic-button a.pending_friend:focus,
.bb-rl-primary-actions .generic-button a.awaiting_response_friend:focus {
  outline: 2px solid var(--bb-rl-border-quinery-color);
}

.bb-rl-primary-actions button.following:disabled, .bb-rl-primary-actions button.is_friend:disabled, .bb-rl-primary-actions button.pending_friend:disabled, .bb-rl-primary-actions button.awaiting_response_friend:disabled,
.bb-rl-primary-actions .generic-button a.following:disabled,
.bb-rl-primary-actions .generic-button a.is_friend:disabled,
.bb-rl-primary-actions .generic-button a.pending_friend:disabled,
.bb-rl-primary-actions .generic-button a.awaiting_response_friend:disabled {
  border-color: var(--bb-rl-border-tertiary-color);
  color: var(--bb-rl-text-disabled-color);
  cursor: not-allowed;
}

.bb-rl-primary-actions button.bb-rl-send-message-disabled,
.bb-rl-primary-actions .generic-button a.bb-rl-send-message-disabled {
  pointer-events: none;
  color: var(--bb-rl-text-disabled-color);
  border-color: var(--bb-rl-border-tertiary-color);
}

.bb-rl-primary-actions button.bb-rl-send-message-disabled i::before,
.bb-rl-primary-actions .generic-button a.bb-rl-send-message-disabled i::before {
  color: var(--bb-rl-text-disabled-color);
}

.bb-rl-secondary-actions {
  flex: 1;
}

.bb-rl-secondary-actions .button-wrap {
  display: flex;
  align-items: center;
  gap: var(--bb-rl-space-100);
  width: 100%;
}

.bb-rl-secondary-actions .send-message,
.bb-rl-secondary-actions .bb-rl-send-message-disabled,
.bb-rl-secondary-actions a.friendship-button,
.bb-rl-secondary-actions button.friendship-button,
.bb-rl-secondary-actions a.follow-button,
.bb-rl-secondary-actions button.follow-button {
  font-size: 0;
  line-height: 1;
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0;
  border-radius: var(--bb-rl-radius-md);
}

.bb-rl-secondary-actions .send-message i::before,
.bb-rl-secondary-actions .bb-rl-send-message-disabled i::before,
.bb-rl-secondary-actions a.friendship-button i::before,
.bb-rl-secondary-actions button.friendship-button i::before,
.bb-rl-secondary-actions a.follow-button i::before,
.bb-rl-secondary-actions button.follow-button i::before {
  font-size: 20px;
  color: var(--bb-rl-icon-secondary-color);
}

.bb-rl-secondary-actions .send-message:hover,
.bb-rl-secondary-actions .bb-rl-send-message-disabled:hover,
.bb-rl-secondary-actions a.friendship-button:hover,
.bb-rl-secondary-actions button.friendship-button:hover,
.bb-rl-secondary-actions a.follow-button:hover,
.bb-rl-secondary-actions button.follow-button:hover {
  background-color: var(--bb-rl-background-secondary-hover-color);
  border-color: var(--bb-rl-border-secondary-color);
}

.bb-rl-secondary-actions .send-message i::before,
.bb-rl-secondary-actions .bb-rl-send-message-disabled i::before,
.bb-rl-secondary-actions .friendship-button i::before,
.bb-rl-secondary-actions .follow-button i::before,
.bb-rl-card-action .send-message i::before,
.bb-rl-card-action .bb-rl-send-message-disabled i::before,
.bb-rl-card-action .friendship-button i::before,
.bb-rl-card-action .follow-button i::before {
  content: "";
  font-weight: 400;
  font-family: bb-icons-rl;
  font-style: normal;
}

.bb-rl-secondary-actions .bb-rl-send-message-disabled,
.bb-rl-card-action .bb-rl-send-message-disabled {
  pointer-events: none;
}

.bb-rl-secondary-actions .bb-rl-send-message-disabled i::before,
.bb-rl-card-action .bb-rl-send-message-disabled i::before {
  color: var(--bb-rl-icon-disabled-color);
}

.bb-rl-secondary-actions .send-message i::before,
.bb-rl-secondary-actions .bb-rl-send-message-disabled i::before,
.bb-rl-card-action .send-message i::before,
.bb-rl-card-action .bb-rl-send-message-disabled i::before {
  content: "\e16e";
}

.bb-rl-secondary-actions .friendship-button.not_friends i::before,
.bb-rl-card-action .friendship-button.not_friends i::before {
  content: "\e4d0";
}

.bb-rl-secondary-actions .friendship-button.is_friend i::before,
.bb-rl-card-action .friendship-button.is_friend i::before {
  content: "\e4ce";
}

.bb-rl-secondary-actions .friendship-button.pending_friend i::before,
.bb-rl-card-action .friendship-button.pending_friend i::before {
  content: "\edec";
}

.bb-rl-secondary-actions .friendship-button.awaiting_response_friend i::before,
.bb-rl-card-action .friendship-button.awaiting_response_friend i::before {
  content: "\edec";
}

.bb-rl-secondary-actions .follow-button.not_following i::before,
.bb-rl-card-action .follow-button.not_following i::before {
  content: "\e324";
}

.bb-rl-secondary-actions .follow-button.following i::before,
.bb-rl-card-action .follow-button.following i::before {
  content: "\e324";
  font-weight: 500;
}

.bb-rl-item-actions.bb-rl-idle-primary .bb-rl-secondary-actions .button-wrap {
  justify-content: left;
}

.bb-rl-invite-form .bb-rl-input-field,
.bb-rl-invite-form textarea {
  width: 100%;
}

.bb-rl-invite-form textarea {
  resize: vertical;
}

.bb-rl-block-member-content > p {
  margin-bottom: var(--bb-rl-space-100);
}

.bb-rl-block-member-content > div,
.bb-rl-block-member-content > ul {
  color: var(--bb-rl-text-secondary-color);
}

.bb-rl-block-member-content > ul {
  padding-right: var(--bb-rl-space-300);
  margin-bottom: var(--bb-rl-space-200);
}

.bb-readylaunch-template .bb-rl-modal-footer .bb-rl-button-submit-invite,
.bb-readylaunch-template .bb-rl-modal-footer .bb-rl-close-invite {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  line-height: var(--bb-rl-base-line-small);
  padding: 6px var(--bb-rl-space-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
}

.bb-rl-advance-profile-search {
  margin-right: var(--bb-rl-space-200);
  position: relative;
}

.bb-rl-advance-profile-search .bb-rl-advance-profile-search-toggle {
  display: inline-block;
  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-200);
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 500;
  color: var(--bb-rl-text-secondary-color);
  white-space: nowrap;
}

.bb-rl-advance-profile-search .bb-rl-advance-profile-search-toggle:hover {
  background-color: var(--bb-rl-background-secondary-hover-color);
  color: var(--bb-rl-text-color);
}

.bb-rl-advance-profile-search .bb-rl-advance-profile-search-toggle:after {
  content: "\e136";
  font-family: bb-icons-rl;
  display: inline-block;
  vertical-align: middle;
  margin-right: var(--bb-rl-space-100);
  font-weight: 400;
}

.bb-rl-advance-profile-search #bp-profile-search-form-outer {
  position: absolute;
  top: 120%;
  right: 0;
  width: 328px;
  background-color: var(--bb-rl-background-color);
  z-index: 100;
  border-radius: var(--bb-rl-radius-lg);
  border: 1px solid var(--bb-rl-border-secondary-color);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  display: none;
}

.bb-rl-advance-profile-search #bp-profile-search-form-outer .bb-rl-profile-filter-headline {
  padding: var(--bb-rl-space-100) var(--bb-rl-space-300);
  border-bottom: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-advance-profile-search #bp-profile-search-form-outer .bb-rl-profile-filter-body {
  padding: var(--bb-rl-space-200) var(--bb-rl-space-300);
}

@media screen and (max-width: 800px) {
  .bb-rl-advance-profile-search #bp-profile-search-form-outer {
    right: -100%;
  }
}

.bb-rl-advance-profile-search.active #bp-profile-search-form-outer {
  display: block;
}

.bb-rl-profile-filter-headline .bps-form-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: var(--bb-rl-space-50) 0;
}

.bb-rl-profile-filter-headline .clear-from-wrap {
  display: inline-flex;
  align-items: center;
}

.bb-rl-profile-filter-headline .clear-from-wrap 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-color);
  display: inline-flex;
  align-items: center;
  gap: var(--bb-rl-space-50);
}

.bb-rl-profile-filter-headline .clear-from-wrap a i {
  font-size: var(--bb-rl-font-size-base);
}

.bb-rl-advance-profile-search .bps-form .submit-wrapper {
  padding: var(--bb-rl-space-200) var(--bb-rl-space-300);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--bb-rl-space-100);
  border-top: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-advance-profile-search .bps-form .submit-wrapper input.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, bordfont/size/smer-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-advance-profile-search .bps-form .submit-wrapper input.submit:hover {
  background-color: var(--bb-rl-background-brand-primary-hover-color);
}

.bb-rl-advance-profile-search .bps-form .submit-wrapper input.submit:focus-within {
  outline: 2px solid var(--bb-rl-border-brand-primary-color);
}

.bb-rl-advance-profile-search .bps-form .submit-wrapper input.submit:disabled {
  background-color: var(--bb-rl-background-brand-disabled-color);
  cursor: not-allowed;
}

.bb-rl-advance-profile-search .bp-field-wrap {
  margin-bottom: var(--bb-rl-space-200);
}

.bb-rl-advance-profile-search .bp-field-wrap label {
  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);
  margin-bottom: var(--bb-rl-space-100);
  display: block;
}

.bb-rl-advance-profile-search .bp-field-wrap input[type="text"],
.bb-rl-advance-profile-search .bp-field-wrap input[type="number"],
.bb-rl-advance-profile-search .bp-field-wrap input[type="email"],
.bb-rl-advance-profile-search .bp-field-wrap input[type="tel"],
.bb-rl-advance-profile-search .bp-field-wrap input[type="url"],
.bb-rl-advance-profile-search .bp-field-wrap input[type="search"],
.bb-rl-advance-profile-search .bp-field-wrap select {
  width: 100%;
}

.bb-rl-advance-profile-search .bp-field-wrap input[type="search"] + .bps-description {
  margin-top: var(--bb-rl-space-100);
}

.bb-rl-advance-profile-search .bp-heading-field-wrap > strong {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.bb-rl-advance-profile-search .bps-description {
  font-size: var(--bb-rl-font-size-sm);
  font-weight: 400;
  line-height: var(--bb-rl-base-line-small);
  color: var(--bb-rl-text-secondary-color);
}
