/* Grid widths */
/*
 *  Colors
 *  add custom color variables as needed in marked area
 */
/*
 * Box Shadow
 */
/*
 * Fonts
 */
/* Font Weights */
/*
 *  Widths
 *  add custom widths in marked area below
 */
/* *** TRANSFORM
============================================================================ */
/* *** SIZE
============================================================================ */
/* *** BOX SHADOW
============================================================================ */
.master-create-post-form .post-type-container {
  display: none;
}
.master-create-post-form .post-type-container.active {
  display: block;
}

/* Grid widths */
/*
 *  Colors
 *  add custom color variables as needed in marked area
 */
/*
 * Box Shadow
 */
/*
 * Fonts
 */
/* Font Weights */
/*
 *  Widths
 *  add custom widths in marked area below
 */
/* *** TRANSFORM
============================================================================ */
/* *** SIZE
============================================================================ */
/* *** BOX SHADOW
============================================================================ */
.post.post-card.chat-card .post-body {
  padding: 0 16px 16px 16px;
}
.post.post-card.chat-card .post-body a {
  text-decoration: none;
}

/* Grid widths */
/*
 *  Colors
 *  add custom color variables as needed in marked area
 */
/*
 * Box Shadow
 */
/*
 * Fonts
 */
/* Font Weights */
/*
 *  Widths
 *  add custom widths in marked area below
 */
/* *** TRANSFORM
============================================================================ */
/* *** SIZE
============================================================================ */
/* *** BOX SHADOW
============================================================================ */
.sidebar-left-toggle-btn {
  color: white;
  border: none;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
}
.sidebar-left-toggle-btn:active,
.sidebar-left-toggle-btn:hover,
.sidebar-left-toggle-btn:focus {
  color: white;
  background: transparent;
}
.sidebar-left-toggle-btn i {
  font-size: 18px;
}
.left-sidebar-container {
  position: fixed;
  top: 60px;
  left: -400px;
  /* Start off-screen */
  width: 400px;
  height: calc(100vh - 60px);
  z-index: 1000;
  transition: left 0.3s ease;
  background-color: #EBEBEB;
  padding: 15px;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}
.left-sidebar-container .close-left-sidebar {
  cursor: pointer;
  color: #333333;
  padding: 10px;
}
.left-sidebar-container .close-left-sidebar i {
  font-size: 20px;
}
.left-sidebar-container.sidebar-open {
  left: 0;
  /* Slide in when open */
}
.left-sidebar-container .sidebar-inner {
  border-radius: 0px;
}
@media (max-width: 767px) {
  .left-sidebar-container {
    top: 45px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 45px);
  }
}
.sidebar-overlay {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .sidebar-dark {
    display: block;
  }
}

/* Grid widths */
/*
 *  Colors
 *  add custom color variables as needed in marked area
 */
/*
 * Box Shadow
 */
/*
 * Fonts
 */
/* Font Weights */
/*
 *  Widths
 *  add custom widths in marked area below
 */
/* *** TRANSFORM
============================================================================ */
/* *** SIZE
============================================================================ */
/* *** BOX SHADOW
============================================================================ */
.sidebar-right-toggle-btn {
  display: none;
}
.sidebar-right-toggle-btn button {
  color: white;
  border: none;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
}
.sidebar-right-toggle-btn button:active,
.sidebar-right-toggle-btn button:hover,
.sidebar-right-toggle-btn button:focus {
  color: white;
  background: transparent;
}
.sidebar-right-toggle-btn button i {
  font-size: 18px;
}
@media (max-width: 1024px) {
  .sidebar-right-toggle-btn.allowed {
    display: block;
  }
}
.app-right-sidebar {
  background: #292525;
  color: white;
  border-radius: 10px;
  padding: 24px;
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .app-right-sidebar {
    padding: 60px 24px 24px 24px;
  }
}
.app-right-sidebar a {
  color: white;
  text-decoration: none;
}
.app-right-sidebar .close-right-sidebar {
  display: none;
  cursor: pointer;
  color: white;
  padding: 10px;
  text-align: left;
  position: absolute;
  top: 10px;
  left: 10px;
}
.app-right-sidebar .close-right-sidebar i {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .app-right-sidebar .close-right-sidebar {
    display: block;
  }
}
.app-right-sidebar .tag-info-heading {
  gap: 8px;
}
.app-right-sidebar .tag-info-heading * {
  margin-bottom: 0;
}
.app-right-sidebar .tag-info-heading h2 {
  word-break: break-all;
}
.app-right-sidebar .tag-info-heading span {
  margin-left: auto;
}
.app-right-sidebar .follow-section button {
  width: 100%;
  border: none;
  padding: 12px 24px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.app-right-sidebar .follow-section button:hover {
  background-color: #EB212E;
}
.app-right-sidebar .follow-section button:active {
  background-color: #EB212E;
}
.app-right-sidebar .tag-info-heading-description {
  font-size: 12px;
  font-weight: 400;
  color: #A3A3A3;
  text-transform: uppercase;
  text-align: right;
}
.app-right-sidebar .tag-stats {
  font-size: 12px;
  font-weight: 400;
  color: #A3A3A3;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #8C8C8C;
}
.app-right-sidebar .tag-stats strong {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #EBEBEB;
}
.app-right-sidebar .activity-by-site h3 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 24px;
}
.app-right-sidebar .activity-by-site .site-activity {
  margin-bottom: 24px;
}
.app-right-sidebar .activity-by-site .site-and-rank {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
}
.app-right-sidebar .activity-by-site .posts-and-followers {
  color: #A3A3A3;
  font-size: 13px;
  font-weight: 400;
}
.app-right-sidebar .activity-by-site .posts-and-followers strong {
  font-weight: 500;
  color: #FFF;
}
.app-right-sidebar .activity-by-site .posts-and-followers .post-count {
  margin-right: 24px;
}
.app-right-sidebar .activity-by-site p {
  font-size: 12px;
  color: #A3A3A3;
  font-weight: 400;
  text-align: center;
  margin-bottom: 24px;
}
.app-right-sidebar .follow-section,
.app-right-sidebar .frequently-used-with {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #8C8C8C;
}
.app-right-sidebar .frequently-used-with h3 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 24px;
}
.app-right-sidebar .frequently-used-with .related-tags {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.app-right-sidebar .frequently-used-with .related-tags .related-tag .related-tag-inner {
  display: block;
  border-radius: 7px;
  padding: 12px;
  background-color: #343434;
}
.app-right-sidebar .frequently-used-with .related-tags .related-tag .related-tag-inner .tag-name {
  font-size: 13px;
  font-weight: 500;
}
.app-right-sidebar .frequently-used-with .related-tags .related-tag .related-tag-inner .tag-usage {
  font-size: 11px;
  font-weight: 500;
  color: #A3A3A3;
}
.app-right-sidebar .frequently-used-with .related-tags .related-tag .related-tag-inner .uses-percentage-bar {
  margin-top: 8px;
  background: rgba(140, 140, 140, 0.5);
  border-radius: 999px;
  width: 100%;
  height: 7px;
}
.app-right-sidebar .frequently-used-with .related-tags .related-tag .related-tag-inner .uses-percentage-bar span {
  background: #4E87F9;
  border-radius: 999px;
  height: 7px;
  display: block;
}
.app-right-sidebar .tag-charts .chart-tabs .tab-bar {
  display: flex;
}
.app-right-sidebar .tag-charts .chart-tabs .tab-bar .tab {
  background-color: #343434;
  padding: 12px;
  border-radius: 7px 7px 0 0;
  display: block;
}
.app-right-sidebar .tag-charts .chart-tabs .tab-bar .tab:not(.active) {
  background-color: #2b2b2b;
}
.app-right-sidebar .tag-charts .chart-tabs .tab-bodies {
  background-color: #343434;
  padding: 12px;
}
.app-right-sidebar .tag-charts .chart-container {
  position: relative;
  height: 400px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.app-right-sidebar.collections-sidebar .floating-menu-holder,
.app-right-sidebar.channels-sidebar .floating-menu-holder {
  position: absolute;
  top: 16px;
  right: 0px;
}
.app-right-sidebar.collections-sidebar .floating-menu-holder .toggle,
.app-right-sidebar.channels-sidebar .floating-menu-holder .toggle {
  color: white;
}
.app-right-sidebar.collections-sidebar .info-box .avatar,
.app-right-sidebar.channels-sidebar .info-box .avatar {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background-size: cover;
  background-position: center;
  margin: 0 auto 15px auto;
}
.app-right-sidebar.collections-sidebar .info-box .info-heading,
.app-right-sidebar.channels-sidebar .info-box .info-heading {
  margin-bottom: 12px;
  text-align: center;
}
.app-right-sidebar.collections-sidebar .info-box .info-heading *,
.app-right-sidebar.channels-sidebar .info-box .info-heading * {
  margin-bottom: 0;
}
.app-right-sidebar.collections-sidebar .info-box .info-heading h2,
.app-right-sidebar.channels-sidebar .info-box .info-heading h2 {
  word-break: break-all;
  font-size: 20px;
  font-weight: 600;
  color: #EBEBEB;
}
.app-right-sidebar.collections-sidebar .info-box .owner,
.app-right-sidebar.channels-sidebar .info-box .owner {
  margin-bottom: 12px;
  text-align: center;
}
.app-right-sidebar.collections-sidebar .info-box .owner a,
.app-right-sidebar.channels-sidebar .info-box .owner a {
  font-size: 13px;
  font-weight: 500;
}
.app-right-sidebar.collections-sidebar .info-box .owner a:hover,
.app-right-sidebar.channels-sidebar .info-box .owner a:hover {
  text-decoration: underline;
}
.app-right-sidebar.collections-sidebar .info-box .description,
.app-right-sidebar.channels-sidebar .info-box .description {
  font-size: 13px;
  font-weight: 400;
  color: #EBEBEB;
  line-height: 1.6;
  margin-bottom: 24px;
}
.app-right-sidebar.collections-sidebar .info-box .stats,
.app-right-sidebar.channels-sidebar .info-box .stats {
  font-size: 12px;
  font-weight: 400;
  color: #A3A3A3;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #8C8C8C;
  gap: 12px;
}
.app-right-sidebar.collections-sidebar .info-box .stats .fifty,
.app-right-sidebar.channels-sidebar .info-box .stats .fifty {
  flex: 1;
}
.app-right-sidebar.collections-sidebar .info-box .stats strong,
.app-right-sidebar.channels-sidebar .info-box .stats strong {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #EBEBEB;
  margin-bottom: 4px;
}
.app-right-sidebar.collections-sidebar .info-box .follow-section,
.app-right-sidebar.channels-sidebar .info-box .follow-section {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #8C8C8C;
}
.app-right-sidebar.collections-sidebar .info-box .follow-section form,
.app-right-sidebar.channels-sidebar .info-box .follow-section form {
  width: 100%;
}
.app-right-sidebar.collections-sidebar .info-box .follow-section button,
.app-right-sidebar.channels-sidebar .info-box .follow-section button {
  width: 100%;
  border: none;
  padding: 12px 24px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.app-right-sidebar.collections-sidebar .info-box .follow-section button:hover,
.app-right-sidebar.channels-sidebar .info-box .follow-section button:hover {
  background-color: #EB212E;
}
.app-right-sidebar.collections-sidebar .info-box .follow-section button:active,
.app-right-sidebar.channels-sidebar .info-box .follow-section button:active {
  background-color: #EB212E;
}
.app-right-sidebar.collections-sidebar .info-box .channel-entities,
.app-right-sidebar.channels-sidebar .info-box .channel-entities {
  margin-bottom: 15px;
}
.app-right-sidebar.collections-sidebar .info-box .channel-entities .channel-entity,
.app-right-sidebar.channels-sidebar .info-box .channel-entities .channel-entity {
  margin-bottom: 12px;
}
.app-right-sidebar.collections-sidebar .info-box .channel-entities > h4,
.app-right-sidebar.channels-sidebar .info-box .channel-entities > h4 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 16px;
}
.app-right-sidebar.collections-sidebar .info-box .channel-entities a,
.app-right-sidebar.channels-sidebar .info-box .channel-entities a {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding: 10px;
  font-size: 12px;
  border-radius: 10px;
  color: #FFF;
  background-size: cover;
  background-position: center;
  font-weight: 700;
  height: 69px;
  position: relative;
  z-index: 5;
}
.app-right-sidebar.collections-sidebar .info-box .channel-entities a:after,
.app-right-sidebar.channels-sidebar .info-box .channel-entities a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--overlay85) 0%, var(--overlay0) 100%);
  transition: --overlay85 0.2s, --overlay0 0.2s;
}
.app-right-sidebar.collections-sidebar .info-box .channel-entities a:hover:after,
.app-right-sidebar.channels-sidebar .info-box .channel-entities a:hover:after {
  --overlay0: var(--overlay30);
}
.app-right-sidebar.collections-sidebar .info-box .channel-entities a .avatar,
.app-right-sidebar.channels-sidebar .info-box .channel-entities a .avatar {
  position: static;
  transform: none;
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  border-radius: 9999px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .app-right-sidebar {
    position: fixed;
    top: 60px;
    right: -400px;
    width: 400px;
    height: calc(100vh - 60px);
    z-index: 1000;
    transition: right 0.3s ease;
    margin-left: 0;
    border-radius: 0;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
  }
  .app-right-sidebar.sidebar-open {
    right: 0;
  }
}
@media (max-width: 767px) {
  .app-right-sidebar {
    top: 45px;
    right: -100%;
    width: 100%;
    height: calc(100vh - 45px);
  }
}
.sidebar-overlay-right {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .sidebar-overlay-right {
    top: 45px;
  }
}

/* Grid widths */
/*
 *  Colors
 *  add custom color variables as needed in marked area
 */
/*
 * Box Shadow
 */
/*
 * Fonts
 */
/* Font Weights */
/*
 *  Widths
 *  add custom widths in marked area below
 */
/* *** TRANSFORM
============================================================================ */
/* *** SIZE
============================================================================ */
/* *** BOX SHADOW
============================================================================ */
.toolbar-top {
  background-color: #292B2E;
  padding: 10px 0;
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 400;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .toolbar-top {
    top: 45px;
  }
}
.toolbar-top .inner {
  gap: 15px;
}
.toolbar-top .post-sorting label {
  margin-right: 10px;
  color: #FFF;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .toolbar-top .post-sorting label {
    display: none;
  }
}
.toolbar-top .app-post-size .grid-controls {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.toolbar-top .app-post-size button {
  height: 36px;
  width: 36px;
  margin-left: 8px;
  background-color: #3C3C3C;
  padding: 0;
  color: #FFF;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}
.toolbar-top .app-post-size button i {
  font-size: 16px;
}
.toolbar-top .app-post-size button.active,
.toolbar-top .app-post-size button:hover {
  background-color: #DCDCDC;
  color: #1A1A1A;
}
@media (max-width: 1200px) {
  .toolbar-top .app-post-size button[data-grid="grid-5"] {
    display: none !important;
  }
}
@media (max-width: 900px) {
  .toolbar-top .app-post-size button[data-grid="grid-3"] {
    display: none !important;
  }
  .toolbar-top .app-post-size button[data-grid="grid-2"] {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  .toolbar-top .app-post-size button[data-grid="grid-2"] {
    display: none !important;
  }
}
@media (max-width: 500px) {
  .toolbar-top .app-post-size {
    display: none !important;
  }
}
.toolbar-bottom {
  padding: 15px 0;
}
.toolbar-bottom .post-feed-choice {
  padding-bottom: 15px;
}


/*# sourceMappingURL=funapp-styles-6.css.map*/