<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/**
 * BP Better Messages
 *
 * BP Better Messages – is a fully featured replacement for standard BuddyPress Messages and can run without BuddyPress as well.
 * https://wordpress.org/plugins/bp-better-messages/
 */
/*------------------------------------*\
    #SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    #STYLES
\*------------------------------------*/
body.bp-messages #subnav {
  display: none !important;
}

#yz-bp .bp-messages-wrap,
#buddypress .bp-messages-wrap {
  box-shadow: var(--grimlock-archive-post-box-shadow-x-offset) var(--grimlock-archive-post-box-shadow-y-offset) var(--grimlock-archive-post-box-shadow-blur-radius) var(--grimlock-archive-post-box-shadow-spread-radius) var(--grimlock-archive-post-box-shadow-color);
}

#yz-bp .bp-messages-wrap .chat-header &gt; a,
#buddypress .bp-messages-wrap .chat-header &gt; a {
  color: inherit !important;
}

#yz-bp .bp-messages-wrap .chat-header &gt; a:hover,
#buddypress .bp-messages-wrap .chat-header &gt; a:hover {
  opacity: .7;
}

#yz-bp .bp-messages-wrap .chat-header .avatar,
#buddypress .bp-messages-wrap .chat-header .avatar {
  height: 20px !important;
  width: 20px !important;
  border-radius: 500px !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#yz-bp .bp-messages-wrap .chat-header .fas,
#buddypress .bp-messages-wrap .chat-header .fas {
  font-size: 1rem;
  color: inherit !important;
}

#yz-bp .bp-messages-wrap .chat-header .bpbm-search a,
#buddypress .bp-messages-wrap .chat-header .bpbm-search a {
  color: inherit;
}

#yz-bp .bp-messages-wrap .chat-controls,
#buddypress .bp-messages-wrap .chat-controls {
  background: none;
}

#yz-bp .bp-messages-wrap .list,
#buddypress .bp-messages-wrap .list {
  margin-top: 15px;
}

#yz-bp .bp-messages-wrap .list .messages-stack .content .messages-list li .favorite.active i:hover:before,
#buddypress .bp-messages-wrap .list .messages-stack .content .messages-list li .favorite.active i:hover:before {
  font-weight: 600;
}

#yz-bp .bp-messages-wrap .messages-stack,
#buddypress .bp-messages-wrap .messages-stack {
  display: flex;
  position: relative;
  max-width: 100%;
}

#yz-bp .bp-messages-wrap .messages-stack:not(:last-child),
#buddypress .bp-messages-wrap .messages-stack:not(:last-child) {
  border-bottom: 1px solid var(--grimlock-table-striped-background-color);
}

#yz-bp .bp-messages-wrap .messages-stack .messages-list &gt; li,
#buddypress .bp-messages-wrap .messages-stack .messages-list &gt; li {
  margin-bottom: .5rem;
}

#yz-bp .bp-messages-wrap .messages-stack div.content,
#buddypress .bp-messages-wrap .messages-stack div.content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#yz-bp .bp-messages-wrap .upload-btn:hover,
#buddypress .bp-messages-wrap .upload-btn:hover {
  opacity: .7;
}

#yz-bp .bp-messages-wrap .threads-list .thread .time,
#buddypress .bp-messages-wrap .threads-list .thread .time {
  padding-right: 30px;
}

#yz-bp .bp-messages-wrap .threads-list .thread:hover &gt; *,
#buddypress .bp-messages-wrap .threads-list .thread:hover &gt; * {
  transition: all 0.2s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  #yz-bp .bp-messages-wrap .threads-list .thread:hover &gt; *,
  #buddypress .bp-messages-wrap .threads-list .thread:hover &gt; * {
    transition: none;
  }
}

#yz-bp .bp-messages-wrap .threads-list .thread:hover .time .delete,
#buddypress .bp-messages-wrap .threads-list .thread:hover .time .delete {
  transition: all 0.2s ease-in-out;
  color: inherit;
  opacity: .75;
}

@media screen and (prefers-reduced-motion: reduce) {
  #yz-bp .bp-messages-wrap .threads-list .thread:hover .time .delete,
  #buddypress .bp-messages-wrap .threads-list .thread:hover .time .delete {
    transition: none;
  }
}

#yz-bp .bp-messages-wrap .threads-list .thread:hover .time .delete:hover,
#buddypress .bp-messages-wrap .threads-list .thread:hover .time .delete:hover {
  opacity: 1;
}

@media screen and (max-width: 700px) {
  #yz-bp .bp-messages-wrap .threads-list .thread:not(.unread) .time,
  #buddypress .bp-messages-wrap .threads-list .thread:not(.unread) .time {
    display: block;
  }
  #yz-bp .bp-messages-wrap .threads-list .thread:not(.unread) .time &gt; span,
  #buddypress .bp-messages-wrap .threads-list .thread:not(.unread) .time &gt; span {
    display: none !important;
  }
}

#yz-bp .bp-messages-wrap .chat-footer &gt; a,
#buddypress .bp-messages-wrap .chat-footer &gt; a {
  color: var(--grimlock-archive-post-link-color) !important;
}

body:not(.bp-messages-mobile) #yz-bp .bp-messages-wrap .chat-header,
body:not(.bp-messages-mobile) #buddypress .bp-messages-wrap .chat-header {
  background: none;
  border-bottom: 1px solid var(--grimlock-table-striped-background-color);
}

body:not(.bp-messages-mobile) #yz-bp .bp-messages-wrap .scroll-wrapper,
body:not(.bp-messages-mobile) #buddypress .bp-messages-wrap .scroll-wrapper {
  height: auto !important;
}

body:not(.bp-messages-mobile) #yz-bp .bp-messages-wrap .scroll-wrapper.thread .scroll-element,
body:not(.bp-messages-mobile) #buddypress .bp-messages-wrap .scroll-wrapper.thread .scroll-element {
  display: none !important;
}

.bp-messages-wrap .chat-header .bpbm-search form input:focus,
#buddypress .bp-messages-wrap .bp-emojionearea.focused,
.bp-messages-wrap .active .taggle_list {
  box-shadow: none !important;
}

.bp-messages-wrap div.threads-list .thread &gt; * {
  border: 0;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .bp-messages-wrap div.threads-list .thread &gt; * {
    transition: none;
  }
}

.bp-messages-wrap div.threads-list .thread div.pic,
.bp-messages-wrap div.threads-list .thread div.time {
  padding: 15px 10px 10px 10px;
}

.bp-messages-wrap div.threads-list .thread div.pic.group {
  vertical-align: top;
}

.bp-messages-wrap div.threads-list .thread div.pic.group &gt; * {
  overflow: hidden;
}

.bp-messages-wrap div.threads-list .thread .info p {
  font-size: 12px;
  line-height: 1.5;
}

.bp-messages-wrap div.threads-list .thread .info p .avatar {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
}

.bp-messages-wrap div.threads-list .thread .info img.emojione {
  font-size: 1.2em;
}

.bp-messages-wrap div.threads-list .thread .time .delete {
  top: 10px;
  right: 10px;
}

div.bp-messages-wrap .bp-emojionearea {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;
}

div.bp-messages-wrap .bp-emojionearea .bp-emojionearea-editor {
  background: var(--grimlock-control-background-color);
  border: var(--grimlock-control-border-width) solid var(--grimlock-control-border-color) !important;
  color: var(--grimlock-control-color);
  padding: .75rem 75px .75rem .75rem;
  max-height: 350px;
}

div.bp-messages-wrap .bp-emojionearea .bp-emojionearea-editor:focus {
  background: var(--grimlock-control-focus-background-color);
  border-color: var(--grimlock-control-focus-border-color) !important;
}

div.bp-messages-wrap .bp-emojionearea.focused .bp-emojionearea-editor {
  background: var(--grimlock-control-focus-background-color);
  border-color: var(--grimlock-control-focus-border-color);
  color: var(--grimlock-control-focus-color);
}

div.bp-messages-wrap .bp-emojionearea .bp-emojionearea-button {
  background: var(--grimlock-control-background-color);
  border-radius: 500px;
}

.bp-messages-wrap .chat-header .bpbm-search form input {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.bp-messages-wrap .chat-header .starred-messages {
  font-weight: 600;
}

.amaran .info {
  font-weight: 400;
}

.amaran.user img {
  width: auto !important;
}

.amaran.user.message {
  transition: all 0.2s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

@media screen and (prefers-reduced-motion: reduce) {
  .amaran.user.message {
    transition: none;
  }
}

.amaran.user.message:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.amaran.user.message[style*="opacity"] {
  opacity: .8 !important;
}

div.amaran-wrapper {
  z-index: 99999;
  padding-bottom: 35px;
}

div.amaran-wrapper .amaran.user {
  width: 290px;
}

body .amaran-close:hover {
  opacity: .7;
}

.bp-emojionearea .bp-emojionearea-picker {
  top: -55px;
  height: 276px;
}

.bp-emojionearea .bp-emojionearea-picker .bp-emojionearea-wrapper {
  height: 276px;
}

.bp-emojionearea-search {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 2;
  width: 100%;
}

.bp-emojionearea .bp-emojionearea-picker .bp-emojionearea-scroll-area {
  height: 205px;
}

.bp-emojionearea .bp-emojionearea-picker {
  width: 305px;
}

.bp-emojionearea .bp-emojionearea-picker .bp-emojionearea-wrapper {
  width: 305px;
}

.bp-emojionearea-search input.search {
  padding: 7px;
  font-size: .9em;
  border-radius: 0 !important;
}

.bp-messages-user-list .user .name,
.bp-messages-group-list .group .name {
  padding: 0;
  font-weight: 600;
}

.unread-count:not(:empty):after {
  font-family: var(--grimlock-icon-message-font-family) !important;
  content: var(--grimlock-icon-message);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 3px;
}

#yz-bp .bp-messages-wrap .threads-list .thread.unread,
#buddypress .bp-messages-wrap .threads-list .thread.unread {
  background-color: var(--grimlock-table-striped-background-color) !important;
}

#yz-bp .bp-messages-wrap .threads-list .thread &gt; *,
#buddypress .bp-messages-wrap .threads-list .thread &gt; * {
  border: 0 !important;
}

#yz-bp .bp-messages-wrap .threads-list .thread .deleted,
#buddypress .bp-messages-wrap .threads-list .thread .deleted {
  background: rgba(231, 76, 60, 0.85) !important;
  color: #fff !important;
}

#yz-bp .bp-messages-wrap .threads-list .thread .deleted a,
#buddypress .bp-messages-wrap .threads-list .thread .deleted a {
  color: inherit !important;
}

#yz-bp .bp-messages-wrap .threads-list .thread .deleted a:not(:hover),
#buddypress .bp-messages-wrap .threads-list .thread .deleted a:not(:hover) {
  text-decoration: underline !important;
}

.uppy-Dashboard-browse {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: -1px;
  left: 1px;
}

.uppy-Dashboard-close:hover {
  color: inherit;
}

#yz-bp .messages-list,
#buddypress .messages-list {
  padding-left: 10px;
  padding-top: 5px;
}

#yz-bp .messages-list &gt; li,
#buddypress .messages-list &gt; li {
  padding: 1rem !important;
}

#yz-bp .messages-list .message-content .images .image,
#buddypress .messages-list .message-content .images .image {
  background-color: #222;
}

#yz-bp .messages-list .message-content .images .image:hover,
#buddypress .messages-list .message-content .images .image:hover {
  opacity: .7;
}

.bp-messages-user-list .user .pic,
.bp-messages-group-list .group .pic {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 5px;
}

.bp-messages-wrap .preloader[style*="block"] {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: var(--grimlock-loader-background-color);
}

.bp-messages-wrap .preloader[style*="block"]:after {
  font-family: var(--grimlock-icon-loading-font-family) !important;
  content: var(--grimlock-icon-loading);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fa-spin 1.2s infinite linear;
          animation: fa-spin 1.2s infinite linear;
  transform-origin: center center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.4;
  font-size: 30px;
  color: var(--grimlock-loader-color);
}

.bp-messages-wrap .list .messages-stack {
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .bp-messages-wrap .list .messages-stack {
    transition: none;
  }
}

.bp-messages-wrap .list .messages-stack:hover {
  background-color: var(--grimlock-table-striped-background-color);
}

.bp-messages-wrap .list .messages-stack .pic {
  padding-top: 15px;
}

.bp-messages-wrap .list .messages-stack .content .messages-list &gt; li {
  padding: 15px;
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  margin-left: 5px;
}

.bp-messages-wrap .list .messages-stack .content .messages-list &gt; li .videos .video .video-container .mejs-video {
  width: auto !important;
}

.bp-messages-user-list .user .pic img,
.bp-messages-user-groups .group .pic img {
  width: 30px;
  height: 30px !important;
  max-width: none !important;
}

.bp-messages-wrap .list .name a {
  color: var(--grimlock-archive-post-title-color);
}

.message-content .videos .video + .video {
  margin-top: 10px;
}

.bulk-message .box &gt; ul {
  padding-left: 0;
}

.bp-messages-wrap div.bulk-message .progress-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  font-weight: 600;
}

.bp-messages-wrap div.bulk-message .progress-value {
  min-width: 25px;
}

.bp-messages-wrap .new-message form &gt; div input.ui-autocomplete-input {
  max-width: 50px !important;
}

body:not(.bp-messages-mobile) .bp-messages-wrap.bp-messages-mobile {
  position: relative !important;
  z-index: 10 !important;
  min-height: 0 !important;
  border-style: solid !important;
}

body.bp-messages-mobile .bp-messages-wrap.bp-messages-mobile {
  position: fixed !important;
  min-height: 0 !important;
  z-index: 1030 !important;
}

body.bp-messages-mobile.grimlock--navigation-fixed .hamburger-navbar {
  position: absolute !important;
}

html[style*="overflow: hidden"] {
  overflow: hidden auto !important;
}

.bp-messages-wrap.bp-messages-mobile .chat-header .bpbm-search {
  float: right !important;
}

body:not(.bp-messages-mobile) .bp-messages-wrap.bp-messages-mobile .scroller {
  max-height: none !important;
}

body.bp-messages-mobile #prefooter,
body.bp-messages-mobile header {
  display: none !important;
}

.grimlock--navigation-fixed-right .bp-messages-wrap.bp-better-messages-list,
.grimlock--navigation-fixed-left .bp-messages-wrap.bp-better-messages-list {
  width: 305px;
}

.grimlock--navigation-fixed-right .bp-messages-wrap.bp-better-messages-list .tabs,
.grimlock--navigation-fixed-left .bp-messages-wrap.bp-better-messages-list .tabs {
  border-radius: 0;
}

.grimlock--navigation-fixed-right .bp-messages-wrap.bp-better-messages-list {
  left: 0;
}

.grimlock--navigation-fixed-left .bp-messages-wrap.bp-better-messages-list {
  right: 0;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
}

.bp-messages-wrap div.reply {
  padding: 1rem;
  border-top: 1px solid var(--grimlock-table-striped-background-color);
  background-color: transparent;
}

.bp-messages-wrap div.reply .send button[type="submit"] {
  min-width: 100%;
  min-height: 55px;
}

.bp-messages-wrap div.reply .send button[type="submit"] i {
  color: var(--grimlock-button-primary-color);
}

.bp-messages-wrap div.reply .new-message .bp-emojionearea .upload-btn,
.bp-messages-wrap div.reply .message .upload-btn {
  padding-right: 0;
  margin-right: 0.5rem;
}

.bp-messages-wrap div.reply .new-message .bp-emojionearea .upload-btn i,
.bp-messages-wrap div.reply .message .upload-btn i {
  width: 24px;
  height: 24px;
  opacity: 1 !important;
  background: #fff;
  border-radius: 500px;
}

.bp-messages-wrap div.reply .new-message .bp-emojionearea .upload-btn .count,
.bp-messages-wrap div.reply .message .upload-btn .count {
  display: none;
}

/* Mini floating chats */
div.bp-messages-wrap.bp-better-messages-list {
  right: 0 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: 0 0 20px var(--grimlock-archive-post-box-shadow-color);
  background: none !important;
  z-index: 9999999 !important;
}

div.bp-messages-wrap.bp-better-messages-list .messages,
div.bp-messages-wrap.bp-better-messages-list .tabs-content {
  background-color: var(--grimlock-archive-post-background-color);
  color: var(--grimlock-archive-post-color);
}

div.bp-messages-wrap.bp-better-messages-list .tabs {
  border-radius: var(--grimlock-archive-post-border-radius) 0 0 0 !important;
  overflow: hidden;
  border: 0 !important;
  transition: all 0.2s ease-in-out;
  height: 40px;
  padding: 0;
  line-height: 1;
  background-color: var(--grimlock-table-striped-background-color);
}

div.bp-messages-wrap.bp-better-messages-list .tabs &gt; div {
  text-align: center;
  padding: 0 .35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--grimlock-button-primary-background-color);
  color: var(--grimlock-button-primary-color);
  transition: inherit;
  font-size: .85rem;
}

div.bp-messages-wrap.bp-better-messages-list .tabs &gt; div:hover, div.bp-messages-wrap.bp-better-messages-list .tabs &gt; div:focus, div.bp-messages-wrap.bp-better-messages-list .tabs &gt; div:active, div.bp-messages-wrap.bp-better-messages-list .tabs &gt; div.active {
  background-color: var(--grimlock-button-primary-hover-background-color);
  color: var(--grimlock-button-primary-hover-color);
}

div.bp-messages-wrap.bp-better-messages-list .tabs i {
  margin-right: .5rem;
}

div.bp-messages-wrap.bp-better-messages-list .tabs &gt; div[data-tab="messages"].active + div[data-tab="friends"]:after {
  display: none !important;
}

div.bp-messages-wrap.bp-better-messages-list .tabs &gt; *:not(.active):after {
  content: none;
}

@media screen and (min-width: 800px) {
  div.bp-messages-wrap.bp-better-messages-list + div.bp-better-messages-mini {
    right: 315px;
  }
}

div.bp-messages-wrap.bp-better-messages-list .threads-list .thread .info h4 {
  color: var(--grimlock-archive-post-title-color);
}

div.bp-messages-wrap.bp-better-messages-list .bp-messages-user-list,
div.bp-messages-wrap.bp-better-messages-list .bp-messages-group-list {
  padding: 0;
  background: none;
}

div.bp-messages-wrap.bp-better-messages-list.bp-messages-wrap .chat-header {
  border: none;
  line-height: 1;
}

div.bp-messages-wrap.bp-better-messages-list.bp-messages-wrap .chat-header &gt; a {
  color: inherit !important;
  background-color: var(--grimlock-table-striped-background-color);
  width: 100%;
  font-size: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.bp-messages-wrap.bp-better-messages-list.bp-messages-wrap .chat-header &gt; a * {
  color: inherit !important;
  line-height: 1;
}

div.bp-messages-wrap.bp-better-messages-list.bp-messages-wrap .chat-header &gt; a:hover, div.bp-messages-wrap.bp-better-messages-list.bp-messages-wrap .chat-header &gt; a:active, div.bp-messages-wrap.bp-better-messages-list.bp-messages-wrap .chat-header &gt; a:focus {
  opacity: 0.7;
}

div.bp-messages-wrap.bp-better-messages-list .chat-footer &gt; a {
  color: var(--grimlock-archive-post-link-color) !important;
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat {
  background-color: var(--grimlock-archive-post-background-color);
  color: var(--grimlock-archive-post-color);
  box-shadow: 0 0 20px var(--grimlock-archive-post-box-shadow-color);
  border: none;
  border-radius: var(--grimlock-archive-post-border-radius) var(--grimlock-archive-post-border-radius) 0 0;
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .head {
  border-radius: var(--grimlock-archive-post-border-radius) var(--grimlock-archive-post-border-radius) 0 0 !important;
  overflow: hidden;
  border: 0 !important;
  transition: all 0.2s ease-in-out;
  font-size: .85rem;
  background-color: var(--grimlock-button-primary-background-color);
  color: var(--grimlock-button-primary-color);
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls &gt; div,
div.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls span {
  color: inherit;
  opacity: .9;
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls &gt; div:hover,
div.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .controls span:hover {
  opacity: 1;
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .bp-messages-wrap div.reply {
  padding: .5rem;
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .bp-messages-wrap.bpbm-template-modern .list .messages-stack .content .messages-list &gt; li .message-content,
div.bp-messages-wrap.bp-better-messages-mini .chats .chat .bp-messages-wrap.bpbm-template-modern .list .messages-stack.incoming .content .messages-list &gt; li .message-content {
  background: var(--grimlock-table-striped-background-color);
  color: var(--grimlock-text-color);
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .list .messages-stack .content .info {
  padding-left: 0;
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .list .messages-stack .content .info .name a {
  color: var(--grimlock-archive-post-title-color);
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .list .messages-stack .content .messages-list li {
  padding-top: 8px;
  padding-bottom: 8px;
}

div.bp-messages-wrap.bp-better-messages-mini .chats .chat .list .messages-stack .content .messages-list li + li {
  margin-top: 8px;
}

div.bp-messages-wrap.bp-better-messages-mini .bp-messages-wrap .list .messages-stack .content .info .threads-list .thread .time .time-wrapper {
  display: none;
}

div.bp-messages-wrap.bp-better-messages-mini .scroll-wrapper .scroll-content.loading-more .threads-list {
  padding-bottom: 50px;
}

div.bp-messages-wrap.bp-better-messages-mini .list .messages-stack .content {
  padding: 15px 10px 10px 10px;
}

/* Adjust Back to top button */
.btn-back-to-top {
  bottom: 45px;
}

.bbpm-avatar:before {
  bottom: -2px;
  right: 22px;
  border: 2px solid #fff;
  height: 10px;
  width: 10px;
  background-color: #3DBDB6;
}

.bp-better-messages-list .tabs,
.bp-better-messages-list .tabs &gt; div.active {
  border: 0;
  font-weight: 600;
}

.tabs-content .messages .scroll-wrapper,
.tabs-content .friends .scroll-wrapper {
  height: 100%;
  max-height: calc(100% - 40px) !important;
}

.tabs-content .messages .scroller,
.tabs-content .friends .scroller {
  height: 100%;
}

.tabs-content .messages .bp-messages-user-list,
.tabs-content .friends .bp-messages-user-list {
  height: 100%;
}

.tabs-content .bp-messages-user-list .user,
.tabs-content .bp-messages-group-list .group {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0.5rem 0.75rem;
  transition: all 0.2s ease-in-out;
}

.tabs-content .bp-messages-user-list .user:hover,
.tabs-content .bp-messages-group-list .group:hover {
  background-color: var(--grimlock-table-striped-background-color) !important;
}

.tabs-content .bp-messages-user-list .user .pic,
.tabs-content .bp-messages-group-list .group .pic {
  width: 45px !important;
  max-width: 45px;
  flex: 0 0 45px;
  display: flex !important;
  padding: 0;
}

.tabs-content .bp-messages-user-list .user .pic .avatar,
.tabs-content .bp-messages-group-list .group .pic .avatar {
  width: 45px !important;
  height: 45px !important;
}

.tabs-content .bp-messages-user-list .user .pic .avatar img,
.tabs-content .bp-messages-group-list .group .pic .avatar img {
  width: 45px !important;
  height: 45px !important;
  border-radius: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.tabs-content .bp-messages-user-list .user .pic .avatar:before,
.tabs-content .bp-messages-group-list .group .pic .avatar:before {
  display: none !important;
}

.tabs-content .bp-messages-user-list .user .actions,
.tabs-content .bp-messages-group-list .group .actions {
  margin-left: auto;
  width: auto;
  display: flex;
  padding: 0 !important;
}

.tabs-content .bp-messages-user-list .user .actions &gt; a,
.tabs-content .bp-messages-group-list .group .actions &gt; a {
  font-size: 10px;
  color: var(--grimlock-archive-post-link-color);
  opacity: 0.8;
}

.tabs-content .bp-messages-user-list .user .actions &gt; a:after,
.tabs-content .bp-messages-group-list .group .actions &gt; a:after {
  content: '';
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out;
}

.tabs-content .bp-messages-user-list .user .actions &gt; a .fas:before,
.tabs-content .bp-messages-group-list .group .actions &gt; a .fas:before {
  font-family: var(--grimlock-icon-message-font-family) !important;
  content: var(--grimlock-icon-message);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
}

.tabs-content .bp-messages-user-list .user .actions &gt; a:hover:after,
.tabs-content .bp-messages-group-list .group .actions &gt; a:hover:after {
  background-color: rgba(255, 255, 255, 0.1);
}

.tabs-content .bp-messages-user-list .user .name,
.tabs-content .bp-messages-group-list .group .name {
  padding: 0 0 0 20px;
}

.bp-messages-wrap.bp-better-messages-list .tabs-content div.threads-list .thread div.pic {
  width: 44px;
  padding-left: 10px;
}

.bp-messages-wrap.bp-better-messages-list .tabs-content div.threads-list .thread div.pic.group &gt; * {
  width: 20px !important;
  height: 20px !important;
}

.bp-messages-wrap.bp-better-messages-list .tabs-content div.threads-list .thread div.pic.group &gt; * .avatar {
  width: 20px !important;
  height: 20px !important;
}

#yz-bp .bp-messages-wrap .avatar,
#buddypress .bp-messages-wrap .avatar {
  border-radius: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

div.bp-messages-wrap .fas.fa-plus:before {
  font-family: var(--grimlock-icon-plus-font-family) !important;
  content: var(--grimlock-icon-plus);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-search:before {
  font-family: var(--grimlock-icon-search-font-family) !important;
  content: var(--grimlock-icon-search);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-star:before {
  font-family: var(--grimlock-icon-star-font-family) !important;
  content: var(--grimlock-icon-star);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-times:before {
  font-family: var(--grimlock-icon-times-font-family) !important;
  content: var(--grimlock-icon-times);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-chevron-left:before {
  font-family: var(--grimlock-icon-angle-left-font-family) !important;
  content: var(--grimlock-icon-angle-left);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-chevron-right:before {
  font-family: var(--grimlock-icon-angle-right-font-family) !important;
  content: var(--grimlock-icon-angle-right);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-chevron-up:before {
  font-family: var(--grimlock-icon-angle-up-font-family) !important;
  content: var(--grimlock-icon-angle-up);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-chevron-down:before {
  font-family: var(--grimlock-icon-angle-down-font-family) !important;
  content: var(--grimlock-icon-angle-down);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-phone:before {
  font-family: var(--grimlock-icon-phone-font-family) !important;
  content: var(--grimlock-icon-phone);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-video:before {
  font-family: var(--grimlock-icon-video-font-family) !important;
  content: var(--grimlock-icon-video);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-window-minimize:before {
  font-family: var(--grimlock-icon-minimize-font-family) !important;
  content: var(--grimlock-icon-minimize);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-window-maximize:before {
  font-family: var(--grimlock-icon-expand-font-family) !important;
  content: var(--grimlock-icon-expand);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-ellipsis-v:before {
  font-family: var(--grimlock-icon-dots-v-font-family) !important;
  content: var(--grimlock-icon-dots-v);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-ellipsis-h:before {
  font-family: var(--grimlock-icon-dots-h-font-family) !important;
  content: var(--grimlock-icon-dots-h);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-cog:before {
  font-family: var(--grimlock-icon-cog-font-family) !important;
  content: var(--grimlock-icon-cog);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .far.fa-edit:before {
  font-family: var(--grimlock-icon-edit-font-family) !important;
  content: var(--grimlock-icon-edit);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-users:before {
  font-family: var(--grimlock-icon-users-font-family) !important;
  content: var(--grimlock-icon-users);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-envelope:before,
div.bp-messages-wrap .fas.fa-comments:before {
  font-family: var(--grimlock-icon-chat-font-family) !important;
  content: var(--grimlock-icon-chat);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.bp-messages-wrap .fas.fa-user-friends:before {
  font-family: var(--grimlock-icon-my-friends-font-family) !important;
  content: var(--grimlock-icon-my-friends);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.open-group .fas.fa-home:before {
  font-family: var(--grimlock-icon-arrow-right-font-family) !important;
  content: var(--grimlock-icon-arrow-right);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-tab="bpbm-groups"] .fas.fa-users:before {
  font-family: var(--grimlock-icon-my-groups-font-family) !important;
  content: var(--grimlock-icon-my-groups);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: var(--grimlock-color-success) !important;
}

@media screen and (max-width: 800px) {
  .btn-back-to-top {
    display: none !important;
  }
}

div#bp-better-messages-mini-mobile-open {
  bottom: 15px;
  right: 15px;
  z-index: 1000;
}

@media screen and (max-width: 800px) {
  div#bp-better-messages-mini-mobile-open {
    background-color: var(--grimlock-button-primary-background-color);
    color: var(--grimlock-button-primary-color);
    border-color: var(--grimlock-button-primary-border-color);
    border-radius: var(--grimlock-button-border-radius);
    font-size: 1.3rem;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  div#bp-better-messages-mini-mobile-open:hover {
    background-color: var(--grimlock-button-primary-hover-background-color);
    color: var(--grimlock-button-primary-hover-color);
    border-color: var(--grimlock-button-primary-hover-border-color);
  }
}

div#bp-better-messages-mini-mobile-open i:before {
  font-family: var(--grimlock-icon-chat-font-family) !important;
  content: var(--grimlock-icon-chat);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bp-messages-wrap .threads-list .thread div.loading {
  background: var(--grimlock-loader-background-color) !important;
}

.bp-messages-wrap .threads-list .thread div.loading &gt; div {
  display: none;
}

.bp-messages-wrap .threads-list .thread div.loading:after {
  font-family: var(--grimlock-icon-loading-font-family) !important;
  content: var(--grimlock-icon-loading);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fa-spin 1.2s infinite linear;
          animation: fa-spin 1.2s infinite linear;
  transform-origin: center center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  font-style: normal !important;
  font-size: 14px !important;
  transition: none;
}

div.loading-messages {
  bottom: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

div.loading-messages &gt; div {
  display: none;
}

div.loading-messages:after {
  font-family: var(--grimlock-icon-loading-font-family) !important;
  content: var(--grimlock-icon-loading);
  font-weight: 100;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fa-spin 1.2s infinite linear;
          animation: fa-spin 1.2s infinite linear;
  transform-origin: center center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-style: normal !important;
  font-size: 15px !important;
  transition: none;
}

#bp-better-messages-mini-mobile-container &gt; div.loading-messages:after {
  width: auto;
  height: auto;
  font-size: 1.8rem !important;
}

.bp-messages-wrap.bp-better-messages-list .threads-list .thread .time .delete {
  font-size: 12px;
  color: inherit;
  border-radius: 500px;
  height: 15px;
  width: 15px;
  text-align: center;
  top: .95rem;
}

.bp-messages-wrap.bp-better-messages-list .threads-list .thread .time .delete:hover {
  background-color: var(--grimlock-table-striped-background-color);
}

.bp-messages-wrap img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

body.error404 .bp-messages-wrap {
  display: none !important;
}

[data-bpbmtippy-root] {
  z-index: 9999999 !important;
}

</pre></body></html>