@charset "utf-8";
/* Keep the brand visible on small screens. Looper hides .top-bar-brand on mobile. */
.app-header .top-bar-brand {
  display: flex !important;
  align-items: center;
  min-width: 0;
}
.cx-brand-link {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.cx-brand-logo {
  display: block;
  height: 28px;
  width: auto;
  max-width: 180px;
}

.app-header.app-header-dark,
.app-header-dark .top-bar {
 background:#000 !important; 
}
  
@media (min-width: 768px) {
  .cx-brand-logo {
    height: 32px;
    max-width: 240px;
  }
}
.cx-page-logo {
  display: block;
  width: min(100%, 1024px);
  height: auto;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 575.98px) {
  .cx-page-logo {
    max-height: 64px;
  }
}

/* Submenus follow has-open only. Looper otherwise keeps an active parent stuck open. */
.app-aside .stacked-menu .menu-item.has-child.has-active:not(.has-open) > .menu {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
.cx-hero-photo,
.cx-card-photo {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center 20%;
}
.cx-hero-photo { height: 280px; }
.cx-card-photo { height: 220px; }
@media (min-width: 768px) {
  .cx-hero-photo { height: 360px; }
  .cx-card-photo { height: 260px; }
}
.cx-avatar-wrap {
  position: relative;
  width: 96px;
  height: 96px;
  flex: 0 0 96px;
  border-radius: 50%;
  overflow: hidden;
  background: #2a2a2a;
  border: 2px solid #3b82f6;
}
.cx-avatar-wrap img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  display: block;
}
.cx-avatar-wrap input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 96px;
  height: 96px;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}
.page-cover.cx-page-cover-photo {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.cx-detail-grid dt {
  color: #868e96;
  font-weight: 500;
}
.cx-detail-grid dd {
  margin-bottom: 0.75rem;
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}
.grid-3 > .card {
  margin-bottom: 0;
}
.cx-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.cx-media-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  aspect-ratio: auto;
  overflow: visible;
  border-radius: 0.25rem;
  background: #1b1f22;
  padding-bottom: 8px;
}
.cx-media-tile img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}
.cx-media-tile .cx-media-del {
  position: static;
  align-self: flex-start;
  margin: 6px 8px 0;
}
.cx-online-badge {
  vertical-align: middle;
  font-size: 0.65rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.cx-online-avatar,
.cx-online-avatar img {
  width: 128px;
  height: 128px;
}
.cx-online-avatar img {
  object-fit: cover;
  border-radius: 50%;
}

.cx-video-lock{position:relative;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#111;border-radius:.25rem}
.cx-video-lock-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(11px);transform:scale(1.08);opacity:.95;pointer-events:none}
.cx-video-lock-dim{position:absolute;inset:0;background:rgba(0,0,0,.32)}
.cx-video-lock-label{position:relative;z-index:1;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}
.cx-video-lock .btn{position:relative;z-index:1}

.cx-dock{position:fixed;left:0;right:0;bottom:0;z-index:1030;height:50px;background:#000;border-top:1px solid #111}
body,.app,.wrapper,.page,.has-sidebar{padding-bottom:50px}

.cx-dock{
  position:fixed;left:0;right:0;bottom:0;z-index:1030;height:50px;
  background:#000;border-top:1px solid #111;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;color:#ddd;font-size:13px;
}
.cx-dock-chat{
  background:transparent;border:0;color:#ddd;font-size:20px;line-height:1;padding:4px 8px;
}
.cx-dock-chat:not(.is-disabled):hover{color:#fff;}
.cx-dock-chat.is-disabled{opacity:.35;cursor:not-allowed;}
.cx-shout-panel{
  position:fixed;left:0;right:0;bottom:53px;z-index:1029;
  height:66.66vh;max-height:66.66vh;
  background:#121212;border-top:1px solid #222;
  display:flex;flex-direction:column;
}
.cx-shout-panel[hidden]{display:none !important;}
.cx-shout-head{
  height:44px;display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;border-bottom:1px solid #222;flex:0 0 auto;
}
.cx-shout-body{flex:1 1 auto;overflow:auto;}
.cx-shout-pub{display:flex;align-items:center;border-top:1px solid #222;flex:0 0 auto;}
.cx-shout-pub .form-control{background:transparent;color:#eee;}

.cx-shout-panel{
  background:rgba(18,18,18,.82);
  width:100%;
  backdrop-filter:blur(8px);
}
@media (min-width:768px){
  .cx-shout-panel{
    width:66.66vw;
    left:auto;
    right:0;
  }
}
.cx-shout-panel .conversation-outbound{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
}
.cx-shout-panel .conversation-outbound .conversation-avatar{
  margin-left:.5rem;
}
.cx-shout-panel .user-avatar,
.cx-shout-panel .user-avatar img{
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:cover;
}

@media (min-width:768px){
  .cx-shout-panel{
    width:66.66vw;
    left:50%;
    right:auto;
    transform:translateX(-50%);
  }
}
.cx-shout-panel .conversation-list{
  padding:12px;
}
.cx-shout-panel .conversation-list > li{
  display:flex;
  align-items:flex-end;
  margin:0 0 12px;
}
.cx-shout-panel .conversation-inbound{
  justify-content:flex-start;
  flex-direction:row;
}
.cx-shout-panel .conversation-outbound{
  justify-content:flex-end;
  flex-direction:row;
}
.cx-shout-panel .conversation-avatar{
  flex:0 0 auto;
  align-self:flex-end;
}
.cx-shout-panel .conversation-inbound .conversation-avatar{
  margin:0 8px 0 0;
}
.cx-shout-panel .conversation-outbound .conversation-avatar{
  margin:0 0 0 8px;
}
.cx-shout-panel .conversation-message{
  max-width:70%;
}
.cx-shout-panel .conversation-outbound .conversation-message-text,
.cx-shout-panel .conversation-inbound .conversation-message-text{
  position:relative;
}
.cx-shout-panel .conversation-outbound .conversation-meta{
  text-align:right;
}

.cx-shout-panel .conversation-outbound .conversation-message-text{
  border-radius:1rem 1rem 0 1rem !important;
}
.cx-shout-panel .conversation-inbound .conversation-message-text{
  border-radius:1rem 1rem 1rem 0 !important;
}

.cx-emoji-pop{
  position:fixed;z-index:2000;width:280px;height:240px;
  background:#1b1b1b;border:1px solid #333;border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.45);padding:8px;display:flex;flex-direction:column;
}
.cx-emoji-pop[hidden]{display:none !important;}
.cx-emoji-cat{margin-bottom:8px;}
.cx-emoji-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;}
.cx-emoji-btn{background:transparent;border:0;font-size:22px;line-height:1.3;padding:2px;cursor:pointer;border-radius:4px;}
.cx-emoji-btn:hover{background:#333;}
.cx-emoji-empty{grid-column:1/-1;color:#888;font-size:12px;padding:8px;}

.message .conversation-list > li{
  display:flex;
  align-items:flex-end;
  margin:0 0 12px;
}
.message .conversation-inbound{justify-content:flex-start;flex-direction:row;}
.message .conversation-outbound{justify-content:flex-end;flex-direction:row;}
.message .conversation-avatar{flex:0 0 auto;align-self:flex-end;}
.message .conversation-inbound .conversation-avatar{margin:0 8px 0 0;}
.message .conversation-outbound .conversation-avatar{margin:0 0 0 8px;}
.message .conversation-message{max-width:70%;}
.message .conversation-outbound .conversation-meta{text-align:right;}
.message .conversation-outbound .conversation-message-text{
  border-radius:1rem 1rem 0 1rem !important;
}
.message .conversation-inbound .conversation-message-text{
  border-radius:1rem 1rem 1rem 0 !important;
}
.message .user-avatar,
.message .user-avatar img{
  width:36px;height:36px;border-radius:50%;object-fit:cover;
}

.cx-emoji-pop{z-index:4000 !important;position:fixed !important;}

.cx-shout-body,.cx-shout-body #cx-shout-log-wrap{overflow-y:auto;}

.page-cover .cover-controls .btn{background:rgba(20,20,20,.45);border-color:rgba(255,255,255,.25);backdrop-filter:blur(4px);}
.page-cover .cover-controls .btn:hover{background:rgba(20,20,20,.7);}

.cx-dock-right{display:flex;align-items:center;gap:2px;}
a.cx-dock-icon,button.cx-dock-icon,.cx-dock-icon{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;margin:0;
  color:#777 !important;background:transparent;border:0;
  font-size:20px !important;line-height:1 !important;
  text-decoration:none !important;box-shadow:none;
}
a.cx-dock-icon:hover,a.cx-dock-icon:focus,button.cx-dock-icon:hover,
.cx-dock-icon.has-new{color:#fff !important;text-decoration:none !important;}
.cx-dock-icon.is-disabled{opacity:.35;cursor:not-allowed;color:#666 !important;}
.cx-dock-icon i{font-size:20px !important;line-height:1;}
.cx-dock-badge{
  position:absolute;top:2px;right:2px;z-index:2;
  min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;background:#e53935 !important;color:#fff !important;
  font-size:10px !important;line-height:16px;font-weight:700;
  text-align:center;text-decoration:none !important;pointer-events:none;
}
.cx-dock-badge[hidden]{display:none !important;}

.cx-smile{height:34px;width:auto;vertical-align:middle;}
#cx-shout-log .cx-smile,
#cx-shout-input .cx-smile { height:28px; width:auto; vertical-align:middle; }

@media (max-width: 991.98px) {
  .cx-settings-nav { display: none; }
  .cx-settings-nav.is-open { display: flex; }
  .cx-settings-toggle { cursor: pointer; }
  .cx-settings-toggle.is-open .fa-chevron-down { transform: rotate(180deg); }
}

.cx-shout-ce{min-height:38px;max-height:72px;overflow:auto;}
.cx-shout-ce:empty:before{content:attr(data-placeholder);color:#777;}
.cx-smile-suggest{position:absolute;bottom:54px;left:8px;right:80px;max-height:180px;overflow:auto;background:#1b1b1b;border:1px solid #333;z-index:1032;}
.cx-smile-hit{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:0;color:#ddd;padding:6px 8px;text-align:left;}
.cx-smile-hit:hover{background:#2a2a2a;}
.cx-smile-hit img{height:24px;width:auto;}
.cx-shout-pub{position:relative;}

#cx-dm-scroller{max-height:calc(100vh - 340px);overflow-y:auto;padding:12px;}
@media (max-width:767px){#cx-dm-scroller{max-height:calc(100vh - 280px);}}

#cx-dm-scroller,.cx-shout-body,#cx-shout-log-wrap{
  scrollbar-width:thin;
  scrollbar-color:#444 #161616;
}
#cx-dm-scroller::-webkit-scrollbar,.cx-shout-body::-webkit-scrollbar,#cx-shout-log-wrap::-webkit-scrollbar{width:8px;}
#cx-dm-scroller::-webkit-scrollbar-track,.cx-shout-body::-webkit-scrollbar-track,#cx-shout-log-wrap::-webkit-scrollbar-track{background:#161616;}
#cx-dm-scroller::-webkit-scrollbar-thumb,.cx-shout-body::-webkit-scrollbar-thumb,#cx-shout-log-wrap::-webkit-scrollbar-thumb{background:#444;border-radius:8px;}
#cx-dm-scroller::-webkit-scrollbar-thumb:hover,.cx-shout-body::-webkit-scrollbar-thumb:hover,#cx-shout-log-wrap::-webkit-scrollbar-thumb:hover{background:#666;}

#cx-adm-scroll{max-height:calc(100vh - 280px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 #161616;}

.cx-adm-tok{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}

.cx-vid-thumb{display:inline-flex;align-items:center;justify-content:center;width:48px;height:32px;overflow:hidden;border-radius:3px;background:#2a2a2a;cursor:pointer;color:#bbb;flex-shrink:0;}
.cx-vid-thumb img{width:48px;height:32px;object-fit:cover;display:block;}
.cx-vid-thumb .oi{font-size:16px;}
.cx-shout-role-bot { color: #8fbf9a !important; }
.cx-shout-role-moderator { color: #8cb4d4 !important; }
.cx-shout-role-admin { color: #d46a6a !important; }

.cx-dark-scroll{
  scrollbar-width:thin;
  scrollbar-color:#444 #161616;
}
.cx-dark-scroll::-webkit-scrollbar{width:8px;}
.cx-dark-scroll::-webkit-scrollbar-track{background:#161616;}
.cx-dark-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:8px;}
.cx-dark-scroll::-webkit-scrollbar-thumb:hover{background:#666;}
select.cx-media-gal,
#photo-view,
#video-view {
  background-color: #1e2226;
  color: #f1f3f5;
  border-color: #3a3f44;
}
select.cx-media-gal option,
#photo-view option,
#video-view option {
  background-color: #1e2226;
  color: #f1f3f5;
}

#cx-shout-log .cx-shout-line,
#cx-shout-log .conversation-inbound,
#cx-shout-log .conversation-outbound{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
}
#cx-shout-log .conversation-message-text{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#cx-shout-log .conversation-message-text::before,
#cx-shout-log .conversation-message-text::after{
  display:none !important;
}

#cx-shout-log .cx-shout-line,
#cx-shout-log.conversation-list > li{
  align-items:flex-start !important;
}
#cx-shout-log .conversation-avatar{
  align-self:flex-start !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
#cx-shout-log .conversation-message{
  padding-top:0 !important;
  margin-top:0 !important;
}
#cx-shout-log .conversation-message-text{
  margin-top:0 !important;
  margin-left:0 !important;
  padding-top:0 !important;
  padding-left:12px !important;
}


.cx-n-pop{position:fixed;right:12px;bottom:58px;z-index:1040;width:min(360px,calc(100vw - 24px));max-height:min(420px,70vh);background:#161616;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;}
.cx-n-pop[hidden]{display:none !important;}
.cx-n-pop-h{padding:8px 12px;border-bottom:1px solid #333;color:#ddd;font-weight:600;}
#cx-n-pop-list{overflow-y:auto;flex:1;max-height:min(360px,60vh);scrollbar-width:thin;scrollbar-color:#444 #161616;}
#cx-n-pop-list::-webkit-scrollbar{width:8px;}
#cx-n-pop-list::-webkit-scrollbar-track{background:#161616;}
#cx-n-pop-list::-webkit-scrollbar-thumb{background:#444;border-radius:8px;}
.cx-n-row{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#eee;text-decoration:none;border-bottom:1px solid #222;}
.cx-n-row:hover{background:#222;color:#fff;text-decoration:none;}
.cx-n-row i{width:18px;text-align:center;color:#aaa;}
.cx-n-title{flex:1;min-width:0;}
.cx-n-row small{color:#888;white-space:nowrap;}
.cx-n-empty{padding:16px;color:#888;}

.cx-n-ico-follow{color:#6ecbff !important;}
.cx-n-ico-follow_feed,.cx-n-ico-follow_photo,.cx-n-ico-follow_video,.cx-n-ico-follow_shout{color:#9ad14a !important;}
.cx-n-ico-shout{color:#f0c14b !important;}
.cx-n-ico-feed_like,.cx-n-ico-feed_comment_like{color:#e85d75 !important;}
.cx-n-ico-feed_comment{color:#7db7ff !important;}
.cx-n-ico-feed_reply{color:#c792ea !important;}
.cx-n-ico-token{color:#e6b422 !important;}
.cx-n-ico-other{color:#aaa !important;}

.wrapper.cx-themed{
  background:var(--cx-page-bg,#191927);
  color:var(--cx-text,#d6d8e1);
}
.wrapper.cx-themed .page,
.wrapper.cx-themed .page-inner,
.wrapper.cx-themed .page-section{
  background:transparent;
  color:inherit;
}
.wrapper.cx-themed .text-muted,
.wrapper.cx-themed .account-description,
.wrapper.cx-themed small{color:var(--cx-muted,#888c9b)!important;}
.wrapper.cx-themed h1,.wrapper.cx-themed h2,.wrapper.cx-themed h3,
.wrapper.cx-themed h4,.wrapper.cx-themed .page-title,.wrapper.cx-themed .metric-label,
.wrapper.cx-themed .card-header{color:var(--cx-title,#e6e8ed);}
.wrapper.cx-themed a{color:var(--cx-link,#346cb0);}
.wrapper.cx-themed .card,
.wrapper.cx-themed .feed-post{
  background:var(--cx-card-bg,#1f1f2e);
  border-color:var(--cx-border,rgba(230,232,237,.12));
  box-shadow:0 4px 18px var(--cx-shadow,rgba(0,0,0,.45));
}
.wrapper.cx-themed .card-header{background:var(--cx-card-header,#1c1c2a);}
.wrapper.cx-themed .page-cover:before{
  content:"";position:absolute;inset:0;background:var(--cx-cover-wash,rgba(20,20,31,.35));pointer-events:none;
}
.wrapper.cx-themed .page-cover .text-center {
  position: relative;
  z-index: 1;
}
.wrapper.cx-themed .page-navs{
  background:var(--cx-tab-bg,#191927);
  border-color:var(--cx-border,rgba(230,232,237,.12));
}
.wrapper.cx-themed .page-navs .nav-link.active{color:var(--cx-tab-active,#d6d8e1);}
.wrapper.cx-themed .btn-primary{
  background:var(--cx-btn-bg,#346cb0);
  border-color:var(--cx-border,rgba(230,232,237,.12));
  color:var(--cx-btn-text,#fff);
}
.wrapper.cx-themed .form-control,
.wrapper.cx-themed textarea,
.wrapper.cx-themed .publisher-input textarea{
  background:var(--cx-input-bg,#191927);
  color:var(--cx-input-text,#d6d8e1);
  border-color:var(--cx-border,rgba(230,232,237,.12));
}

.cx-theme-pop{
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:58px;z-index:1045;width:min(420px,calc(100vw - 24px));
  max-height:min(70vh,520px);
  background:rgba(22,22,22,.55);border:1px solid #333;border-radius:8px;
  display:flex;flex-direction:column;backdrop-filter:blur(6px);
}
.cx-theme-pop[hidden]{display:none!important;}
.cx-theme-h{padding:8px 12px;border-bottom:1px solid #333;color:#ddd;font-weight:600;display:flex;align-items:center;}
.cx-theme-rows{overflow-y:auto;flex:1;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#444 transparent;}
.cx-theme-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#ddd;font-size:13px;}
.cx-theme-row span{flex:1;}
.cx-theme-row input[type=color]{width:36px;height:24px;padding:0;border:0;background:none;}
.cx-theme-row input[type=range]{width:72px;}
.cx-theme-actions{padding:8px 12px;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:6px;}

.wrapper.cx-themed .publisher,
.wrapper.cx-themed .publisher-alt,
.wrapper.cx-themed .publisher-actions,
.wrapper.cx-themed .publisher-input,
.wrapper.cx-themed .publisher-tools{
  background:var(--cx-input-bg,#191927)!important;
  border-color:var(--cx-border,rgba(230,232,237,.12))!important;
  color:var(--cx-input-text,#d6d8e1);
}
.wrapper.cx-themed .publisher.focus,
.wrapper.cx-themed .publisher-alt.focus,
.wrapper.cx-themed .publisher.active,
.wrapper.cx-themed .form-control:focus,
.wrapper.cx-themed textarea:focus,
.wrapper.cx-themed .publisher-input textarea:focus{
  border-color:var(--cx-border,rgba(230,232,237,.12))!important;
  box-shadow:0 0 0 .2rem var(--cx-border,rgba(52,108,176,.35))!important;
  outline:0 !important;
}

.cx-theme-row .cx-th-hex{
  width:36px !important;
  min-width:36px;
  max-width:36px;
  height:28px;
  padding:0 !important;
  border:1px solid #666;
  color:transparent !important;
  text-indent:-999px;
  overflow:hidden;
  cursor:pointer;
}
.colorpicker, .colorpicker-bs-popover, .popover.colorpicker-bs-popover{
  z-index:4000 !important;
}

.wrapper.cx-themed,
.wrapper.cx-themed .page,
.wrapper.cx-themed .page-inner,
.wrapper.cx-themed .page-section,
.wrapper.cx-themed .card-body,
.wrapper.cx-themed .feed-post,
.wrapper.cx-themed .cx-feed-body,
.wrapper.cx-themed .conversation-message-text,
.wrapper.cx-themed p,
.wrapper.cx-themed li,
.wrapper.cx-themed .metric-value{
  color:var(--cx-text,#d6d8e1)!important;
}
.wrapper.cx-themed .text-muted,
.wrapper.cx-themed .account-description,
.wrapper.cx-themed small,
.wrapper.cx-themed .feed-summary,
.wrapper.cx-themed .cx-feed-ccount,
.wrapper.cx-themed .cx-feed-liketxt{
  color:var(--cx-muted,#888c9b)!important;
}
.wrapper.cx-themed h1,
.wrapper.cx-themed h2,
.wrapper.cx-themed h3,
.wrapper.cx-themed h4,
.wrapper.cx-themed h5,
.wrapper.cx-themed h6,
.wrapper.cx-themed .h4,
.wrapper.cx-themed .h5,
.wrapper.cx-themed .page-title,
.wrapper.cx-themed .metric-label,
.wrapper.cx-themed .card-header,
.wrapper.cx-themed .account-name{
  color:var(--cx-title,#e6e8ed)!important;
}
.wrapper.cx-themed a,
.wrapper.cx-themed .nav-link,
.wrapper.cx-themed .btn-reset,
.wrapper.cx-themed .cx-feed-like,
.wrapper.cx-themed .cx-feed-ctoggle{
  color:var(--cx-link,#346cb0)!important;
}
.wrapper.cx-themed .card,
.wrapper.cx-themed .feed-post,
.wrapper.cx-themed .page-navs,
.wrapper.cx-themed .form-control,
.wrapper.cx-themed .publisher,
.wrapper.cx-themed .btn{
  border-color:var(--cx-border,rgba(230,232,237,.12))!important;
}

.wrapper.cx-themed *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.oi){
  color:var(--cx-text,#d6d8e1)!important;
}
.wrapper.cx-themed .text-muted,
.wrapper.cx-themed .text-muted *,
.wrapper.cx-themed .account-description,
.wrapper.cx-themed small,
.wrapper.cx-themed small *{
  color:var(--cx-muted,#888c9b)!important;
}
.wrapper.cx-themed h1,.wrapper.cx-themed h1 *,
.wrapper.cx-themed h2,.wrapper.cx-themed h2 *,
.wrapper.cx-themed h3,.wrapper.cx-themed h3 *,
.wrapper.cx-themed h4,.wrapper.cx-themed h4 *,
.wrapper.cx-themed .card-header,
.wrapper.cx-themed .card-header *,
.wrapper.cx-themed .account-name,
.wrapper.cx-themed .page-title{
  color:var(--cx-title,#e6e8ed)!important;
}
.wrapper.cx-themed a:not(.btn),
.wrapper.cx-themed a:not(.btn) *{
  color:var(--cx-link,#346cb0)!important;
}
.wrapper.cx-themed .btn-primary,
.wrapper.cx-themed .btn-primary *{
  color:var(--cx-btn-text,#fff)!important;
}

.wrapper.cx-themed .page-navs .nav-link.active,
.wrapper.cx-themed .nav-tabs .nav-link.active{
  color:var(--cx-tab-active,#d6d8e1)!important;
  border-bottom-color:var(--cx-tab-active,#d6d8e1)!important;
  box-shadow:inset 0 -3px 0 var(--cx-tab-active,#d6d8e1)!important;
}
.cx-themed .cover-controls .btn,
.cx-themed .cover-controls .btn span,
.cx-themed .cover-controls .btn i,
.cx-themed .page-cover .btn,
.cx-themed .page-cover .btn span,
.cx-themed .page-cover .btn i,
.cx-themed .cx-topic-tools .btn,
.cx-themed .cx-topic-tools .btn span,
.cx-themed .cx-topic-tools .btn i {
  background-color: var(--cx-btn-bg) !important;
  border-color: var(--cx-btn-bg) !important;
  color: var(--cx-btn-text) !important;
  -webkit-text-fill-color: var(--cx-btn-text) !important;
}
.wrapper.cx-themed button.cx-lyrics-toggle.btn.btn-secondary {
  background-color: var(--cx-card-header) !important;
  background-image: none !important;
  border-color: var(--cx-border) !important;
}
.wrapper.cx-themed button.cx-lyrics-toggle.btn.btn-secondary,
.wrapper.cx-themed button.cx-lyrics-toggle.btn.btn-secondary span,
.wrapper.cx-themed button.cx-lyrics-toggle.btn.btn-secondary i {
  color: var(--cx-title) !important;
  -webkit-text-fill-color: var(--cx-title) !important;
}
.wrapper.cx-themed button.cx-lyrics-toggle.btn.btn-secondary span,
.wrapper.cx-themed button.cx-lyrics-toggle.btn.btn-secondary i {
  background: transparent !important;
}
.page-cover .cover-controls {
  z-index: 5;
}
.page-cover .cover-controls-bottom {
  position: absolute;
  top: auto;
  right: 0.25rem;
  bottom: 0.25rem;
  left: auto;
}
.page-cover .cover-controls .btn span {
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .page-cover {
    position: relative;
  }
  .page-cover .cover-controls,
  .page-cover .cover-controls-bottom {
    position: absolute;
    top: .75rem;
    bottom: auto;
    left: .75rem;
    right: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin: 0;
  }
  .page-cover .text-center {
    padding-top: 3.25rem;
  }
}

.wrapper.cx-themed .card-header .btn.btn-icon,
.wrapper.cx-themed .card-header .btn.btn-icon i,
.wrapper.cx-themed #cx-feed-send,
.wrapper.cx-themed .btn-primary,
.wrapper.cx-themed .btn-primary *{
  background:var(--cx-btn-bg,#346cb0)!important;
  border-color:var(--cx-border,rgba(230,232,237,.12))!important;
  color:var(--cx-btn-text,#fff)!important;
  -webkit-text-fill-color:var(--cx-btn-text,#fff)!important;
}
.wrapper.cx-themed .dropdown-menu{
  background:var(--cx-btn-bg,#346cb0)!important;
  border-color:var(--cx-border,rgba(230,232,237,.12))!important;
}
.wrapper.cx-themed .dropdown-menu .dropdown-item,
.wrapper.cx-themed .dropdown-menu .dropdown-item:hover,
.wrapper.cx-themed .dropdown-menu .dropdown-item:focus{
  background:var(--cx-btn-bg,#346cb0)!important;
  color:var(--cx-btn-text,#fff)!important;
  -webkit-text-fill-color:var(--cx-btn-text,#fff)!important;
}