:root {
  scroll-behavior: auto !important;
  
  /* Base colors */
  --cl-white: #ffffff;
  --cl-black: #000000;
  --cl-gray-100: #f8f9fa;
  --cl-gray-200: #e9ecef;
  --cl-gray-300: #dee2e6;
  --cl-gray-400: #ced4da;
  --cl-gray-500: #adb5bd;
  --cl-gray-600: #6c757d;
  --cl-gray-700: #495057;
  --cl-gray-800: #343a40;
  --cl-gray-900: #212529;
  
  /* Brand colors */
  --cl-primary-color: #067aff;
  --cl-primary-color-darken-5: #006eec;
  --cl-primary-link-color: #009EFF;
  --cl-danger-color: #f91155;
  --cl-danger-color-lighten-5: #fa2a67;
  --cl-success-color: #35c85f;
  --cl-warning-color: #ffa500;
  
  /* Border radius */
  --cl-primary-border-radius: 16px;
  --cl-secondary-border-radius: 10px;
  --cl-tertiary-border-radius: 2px;
  
  /* Sizes */
  --cl-primary-avatar-size: 40px;
  --cl-primary-offset-size: 15px;
  --cl-primary-name-size: 16px;
  --cl-primary-username-size: 12px;
  
  /* Light theme (default) */
  --cl-bg-primary: var(--cl-white);
  --cl-bg-secondary: var(--cl-gray-100);
  --cl-bg-tertiary: var(--cl-gray-200);
  --cl-text-primary: var(--cl-gray-900);
  --cl-text-secondary: var(--cl-gray-600);
  --cl-border-color: var(--cl-gray-300);
  --cl-card-bg: var(--cl-white);
  --cl-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --cl-input-bg: var(--cl-white);
  --cl-input-border: var(--cl-gray-400);
  --cl-input-text: var(--cl-gray-900);
}
@media (max-width: 1199.98px) {
  :root {
    --cl-primary-avatar-size: 32px;
    --cl-primary-offset-size: 10px;
    --cl-primary-name-size: 14px;
    --cl-primary-username-size: 14px;
  }
}

body[data-skin=default] {
  --cl-primary-color: #067aff;
  --plyr-color-main: #067aff;
  --cl-primary-color-darken-5: #006eec;
  --cl-primary-link-color: #009EFF;
}

body[data-skin=green] {
  --cl-primary-color: #2fbf63;
  --plyr-color-main: #2fbf63;
  --cl-primary-color-darken-5: #2aab58;
  --cl-primary-link-color: #0aa943;
}
body[data-skin=green] button.btn-custom.main-inline, body[data-skin=green] div.btn-custom.main-inline {
  background-color: #2fbf63 !important;
  border: #2fbf63 !important;
  color: #ffffff !important;
}
body[data-skin=green] button.btn-custom.main-outline, body[data-skin=green] div.btn-custom.main-outline {
  border-color: #2fbf63 !important;
}

/* Media List Styles */
.media-list-container {
    padding: var(--cl-primary-offset-size);
    max-width: 1200px;
    margin: 0 auto;
}

.media-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cl-primary-border-color);
}

.media-list-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--cl-primary-text-color);
}

.media-filter {
    display: flex;
    gap: 10px;
}

.filter-btn {
    padding: 6px 12px;
    border: 1px solid var(--cl-primary-border-color);
    background: var(--cl-secondary-bg-color);
    color: var(--cl-secondary-text-color);
    border-radius: var(--cl-secondary-border-radius);
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s ease;
}

.filter-btn:hover {
    background: var(--cl-primary-color);
    color: white;
    border-color: var(--cl-primary-color);
}

.filter-btn.active {
    background: var(--cl-primary-color);
    color: white;
    border-color: var(--cl-primary-color);
}

.media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.media-item {
    position: relative;
    border-radius: var(--cl-secondary-border-radius);
    overflow: hidden;
    background: var(--cl-secondary-bg-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.media-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.media-thumbnail {
    position: relative;
    padding-top: 100%;
    background: var(--cl-tertiary-bg-color);
    overflow: hidden;
}

.media-thumbnail img,
.media-thumbnail video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.media-item:hover .media-thumbnail img,
.media-item:hover .media-thumbnail video {
    transform: scale(1.05);
}

.media-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 2;
}

.media-badge svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.media-stats {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: white;
    padding: 30px 8px 8px;
    display: flex;
    gap: 12px;
    font-size: 11px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.media-item:hover .media-stats {
    opacity: 1;
}

.media-stat {
    display: flex;
    align-items: center;
    gap: 3px;
}

.media-stat svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.media-actions {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    gap: 5px;
    opacity: 0;
    transform: translateY(-5px);
    transition: all 0.2s ease;
}

.media-item:hover .media-actions {
    opacity: 1;
    transform: translateY(0);
}

.action-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

.action-btn:hover {
    background: var(--cl-primary-color);
}

.action-btn svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.load-more-container {
    text-align: center;
    margin: 20px 0;
    padding: 15px 0;
}

.load-more-btn {
    display: inline-block;
    background: none;
    color: var(--cl-primary-color);
    border: none;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease;
    position: relative;
}

.load-more-btn:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--cl-primary-color);
    transition: all 0.2s ease;
}

.load-more-btn:hover {
    color: var(--cl-primary-dark-color);
    text-decoration: none;
}

.load-more-btn:hover:after {
    width: 0;
    left: 50%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .media-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 10px;
    }
    
    .media-list-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .media-filter {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 5px;
    }
}

/* Group Chat Styles */
.group-chat-draft{
  padding: 0!important;
  margin: 0!important;
  width: 35px!important;
  height: 35px!important;
  color: var(--cl-primary-color, #1d9bf0)!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  cursor: pointer!important;
  border-radius: 100%!important;
  font-size:15px!important
}

.group-chat-container {
  width: 100%;
  height: 550px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.group-chat-pinned {
  border-bottom: 1px solid var(--cl-group-chart-border, #2d2d2d);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  background-color: var(--cl-secondary-bg-color, #f5f5f5);
}

.group-chat-pinned > div:first-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: var(--cl-secondary-text-color, #666666);
  flex: 1;
  padding-right: 10px;
}

.group-chat-pinned > div:first-child > span {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: var(--cl-primary-text-color, #1a1a1a);
display: block;
margin-top: 4px;
}

.group-chat-messages {
flex: 1;
padding: 15px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 12px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.group-chat-message {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 4px;
}

.group-chat-avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
  margin-bottom: 2px;
  background-color: var(--cl-group-chat-avatar-bg, #2d2d2d);
  position: relative;
  top: -4px;
}

.group-chat-bubble {
  background: var(--cl-group-chat-bubble-bg, #282A31);
  border-radius: 10px;
  padding: 8px 12px;
  max-width: 65%;
  color: var(--cl-group-chat-text, #ffffff);
  position: relative;
}

.group-chat-msg-header {
  font-size: 12px;
  color: var(--cl-group-chat-muted, #aaaaaa);
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}

.group-chat-msg-text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 1.4;
  color: var(--cl-group-chat-text, #ffffff);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.group-chat-msg-text span {
  font-size: 11px;
  color: var(--cl-group-chat-muted, #888);
  white-space: nowrap;
  margin-left: 8px;
  line-height: 1.2;
  position: relative;
  top: 2px;
}

.group-chat-message.group-chat-self {
  justify-content: flex-end;
}

.group-chat-message.group-chat-self .group-chat-bubble {
  background: var(--cl-group-chat-self-bg, #0C8FE64D);
  color: #ffffff;
  border-radius: 10px 10px 0 10px;
  max-width: 70%;
}

.group-chat-message.group-chat-self .group-chat-msg-header {
  justify-content: flex-end;
  font-size: 11px;
  color: var(--cl-group-chat-self-text, #e0e0e0);
}

.group-chat-reply {
  font-size: 12px;
  color: var(--cl-group-chat-muted, #b0b0b0);
  border-left: 3px solid var(--cl-group-chat-border, #444444);
  padding-left: 6px;
  margin-bottom: 5px;
}

.group-chat-input {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--cl-group-chat-border, #ffffff);
}

.group-chat-input input {
  flex: 1;
  border: none;
  padding: 10px 15px;
  border-radius: 20px;
  color: var(--cl-group-chat-text, #ffffff);
  font-size: 14px;
  outline: none;
}

.group-chat-input button {
  background: var(--cl-group-chat-button, #0052cc);
  border: none;
  color: #ffffff;
  font-size: 16px;
  margin-left: 8px;
  padding: 8px 14px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.group-chat-input button:hover {
  background: var(--cl-group-chat-button-hover, #0066ff);
}

/* Light Theme */
/* Dark theme */
[data-theme="dark"] {
  --cl-bg-primary: #121212;
  --cl-bg-secondary: #1e1e1e;
  --cl-bg-tertiary: #2d2d2d;
  --cl-text-primary: #ffffff;
  --cl-text-secondary: #b0b0b0;
  --cl-border-color: #3a3a3a;
  --cl-card-bg: #1e1e1e;
  --cl-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --cl-input-bg: #2d2d2d;
  --cl-input-border: #3a3a3a;
  --cl-input-text: #ffffff;
  
  /* Override group chat colors for dark theme */
  --cl-group-chat-bg: #1e1e1e;
  --cl-group-chat-border: #3a3a3a;
  --cl-group-chat-text: #ffffff;
  --cl-group-chat-muted: #b0b0b0;
}

/* Light theme */
[data-theme="light"] {
  --cl-group-chat-bg: #ffffff;
  --cl-group-chat-border: #e0e0e0;
  --cl-group-chat-text: #333333;
  --cl-group-chat-muted: #666666;
  
  /* Ensure light theme uses light colors */
  --cl-bg-primary: var(--cl-white);
  --cl-bg-secondary: var(--cl-gray-100);
  --cl-bg-tertiary: var(--cl-gray-200);
  --cl-text-primary: var(--cl-gray-900);
  --cl-text-secondary: var(--cl-gray-600);
  --cl-border-color: var(--cl-gray-300);
  --cl-card-bg: var(--cl-white);
  --cl-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --cl-input-bg: var(--cl-white);
  --cl-input-border: var(--cl-gray-400);
  --cl-input-text: var(--cl-gray-900);
  --cl-group-chat-pinned-bg: #f5f5f5;
  --cl-group-chat-messages-bg: #ffffff;
  --cl-group-chat-avatar-bg: #e0e0e0;
  --cl-group-chat-bubble-bg: #f0f0f0;
  --cl-group-chat-self-bg: #007bff;
  --cl-group-chat-self-text: #ffffff;
  --cl-group-chat-input-bg: #f8f9fa;
  --cl-group-chat-input-field: #ffffff;
  --cl-group-chat-button: #007bff;
  --cl-group-chat-button-hover: #0056b3;
}

/* Dark Theme */
[data-theme="dark"] {
  --cl-group-chat-bg: #0d0d0d;
  --cl-group-chat-border: #2d2d2d;
  --cl-group-chat-text: #ffffff;
  --cl-group-chat-muted: #aaaaaa;
  --cl-group-chat-pinned-bg: #161616;
  --cl-group-chat-messages-bg: #0d0d0d;
  --cl-group-chat-avatar-bg: #2d2d2d;
  --cl-group-chat-bubble-bg: #1a1a1a;
  --cl-group-chat-self-bg: #0052cc;
  --cl-group-chat-self-text: #e0e0e0;
  --cl-group-chat-input-bg: #111111;
  --cl-group-chat-input-field: #1a1a1a;
  --cl-group-chat-button: #0052cc;
  --cl-group-chat-button-hover: #0066ff;
}

/* Live Chat and Trending Sections */
.right-sidebar__section {
  background-color: var(--cl-primary-bg-color);
  border-radius: var(--cl-primary-border-radius);
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid var(--cl-input-bg-color);
}

.section-header {
  background-color: var(--cl-secondary-bg-color);
  padding: 12px 15px;
  border-bottom: 1px solid var(--cl-secondary-bg-color);
}

.section-header h3 {
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #ffffff99;
}

.section-body {
  padding: 0;
}

.section-footer {
  padding: 10px 15px;
  text-align: left;
  color: #0C8FE6;
}

.show-more-link {
  color: #0C8FE6;
  font-size: 14px;
  text-decoration: none;
}

/* Live Chat Styles */
.live-chat-item {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.live-chat-item:last-child {
  border-bottom: none;
}

.chat-league {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  color: var(--cl-secondary-text-color);
  font-size: 12px;
}

.league-flag {
  margin-right: 5px;
}

.league-name {
  margin-right: 5px;
  color: var(--cl-group-text-muted);
}

.league-round {
  font-weight: 200;
  color: var(--cl-group-text-muted);
}

.chat-match {
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--cl-primary-text-color);
  font-size: 14px;
}

.chat-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user-avatars {
  display: flex;
}

.user-avatars img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--cl-primary-bg-color);
  margin-right: -8px;
}

.chat-count {
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--cl-primary-text-color);
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: 500;
}

/* Trending Styles */
.trending-item {
  padding: 12px 15px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
}

.trending-item:last-child {
  border-bottom: none;
}

.trending-category {
  color: var(--cl-primary-text-color);
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.hashtag-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--cl-primary-text-color);
  line-height: 1.3;
  margin-bottom: 4px;
  display: block;
}

.hashtag-round {
  color: #aeb1b7;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}

.trending-more {
  position: absolute;
  top: 50%;
  font-weight: 700;
  right: 15px;
  transform: translateY(-50%);
  color: var(--cl-secondary-text-color);
  font-size: 20px;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  transition: all 0.2s ease;
}



/* Post Button Styles */
.sidebar__post-button {
  padding: 15px 0px;
  margin-bottom: 10px;
}

.sidebar__post-button .post-btn {
  width: 227px;
  height: 41px;
  border-radius: 40px;
  padding: 10px 16px;
  gap: 8px;
  opacity: 1;
  transform: rotate(0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cl-primary-text-color);
  color: var(--cl-primary-bg-color);
  border: none;
  font-weight: 600;
  transition: all 0.2s ease;
}

.sidebar__post-button .post-btn:hover {
  background-color: #dee2e9;
}

.sidebar__post-button .post-btn .text {
  padding: 15px;
  line-height: 1;
}

/* Who to Follow Section Styles */
.follow-section .sidebar-users__item {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  border-bottom: 1px solid var(--cl-input-bg-color);
  transition: background-color 0.2s ease;
}

.follow-section .sidebar-users__item:last-child {
  border-bottom: none;
}

.follow-section .sidebar-users__item-avatar {
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.follow-section .sidebar-users__item-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.follow-section .sidebar-users__item-avatar-online::after {
  content: '';
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 10px;
  height: 10px;
  background-color: #00C851;
  border: 2px solid var(--cl-primary-bg-color);
  border-radius: 50%;
}

.follow-section .sidebar-users__item-data {
  flex: 1;
  min-width: 0;
}

.follow-section .sidebar-users__item-name {
  margin-bottom: 4px;
}

.follow-section .user-name-holder {
  display: flex;
  align-items: center;
  gap: 4px;
}

.follow-section .user-name-holder__name {
  font-weight: 600;
  font-size: 14px;
  color: var(--cl-primary-text-color);
  text-decoration: none;
}

.follow-section .user-name-holder__badge {
  display: inline-flex;
  align-items: center;
}

.follow-section .sidebar-users__item-followers {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
}

.follow-section .lightning-icon,
.follow-section .snake-icon {
  font-size: 14px;
  margin-right: 4px;
}

.follow-section .follow-btn {
  background-color: var(--cl-primary-text-color);
  color: var(--cl-primary-bg-color);
  border: none;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-left: 12px;
}

.follow-section .follow-btn:hover {
  background-color: #dee2e9;
}

.follow-section .section-empty {
  padding: 20px 15px;
  text-align: center;
  color: var(--cl-secondary-text-color);
  font-size: 14px;
}
/* Sidebar User Card */
.sidebar__user-card {
  width: 100%;
  padding: 0px 2px;
  margin-top: auto;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* Responsive top margin for user card */
@media (min-width: 768px) {
  .sidebar__user-card {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) {
  .sidebar__user-card {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .sidebar__user-card {
    margin-top: 15px;
  }
}

.user-card-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* gap: 12px; */
}

.user-avatar {
  flex-shrink: 0;
}

.user-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 200px;
  object-fit: cover;
  border: 2px solid var(--cl-primary-border-color);
}

.user-info {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.user-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--cl-primary-text-color);
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-name .verified-badge {
  flex-shrink: 0;
  color: var(--cl-primary-color);
}

.user-username {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-menu {  
  margin-right: 31px;
  flex-shrink: 0;
  position: relative;
}

.user-menu a {
  color: var(--cl-secondary-text-color);
  font-size: 18px;
  padding: 4px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  text-decoration: none;
}

.user-menu a:hover {
  color: var(--cl-primary-text-color);
  background-color: var(--cl-bg-secondary);
}

/* User Dropdown Menu */
.user-dropdown {
  position: absolute;
  top: -50px;
  right: 0;
  background-color: var(--cl-primary-bg-color);
  border: 1px solid var(--cl-primary-border-color);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease;
}

.user-dropdown.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-radius: 6px;
  margin: 4px;
}

.dropdown-item:hover {
  background-color: var(--cl-bg-secondary);
}

.dropdown-icon {
  margin-right: 8px;
  color: var(--cl-primary-text-color);
  font-size: 16px;
}

.dropdown-icon svg {
  fill: currentColor;
  stroke: currentColor;
}

.dropdown-icon svg path {
  fill: currentColor;
  stroke: currentColor;
}

.dropdown-text {
  color: var(--cl-primary-text-color);
  font-size: 14px;
  font-weight: 500;
}

/* Group Tabs */
.group-tabs {
  display: flex;
  border-bottom: 1px solid var(--cl-primary-border-color);
  margin-bottom: 20px;
  background-color: var(--cl-primary-bg-color);
}

.group-tab {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--cl-secondary-text-color);
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.group-tab:hover {
  color: var(--cl-primary-color);
  background-color: rgba(var(--cl-primary-color-rgb), 0.05);
}

.group-tab.active {
  color: var(--cl-primary-color);
  font-weight: 600;
}

.group-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--cl-primary-color);
  border-radius: 3px 3px 0 0;
}

.group-content {
  padding: 10px 0;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

body[data-skin=yellow] {
  --cl-primary-color: #fdad1f;
  --plyr-color-main: #fdad1f;
  --cl-primary-color-darken-5: #fda406;
  --cl-primary-link-color: #fdad1f;
}
body[data-skin=yellow] button.btn-custom.main-inline, body[data-skin=yellow] div.btn-custom.main-inline {
  background-color: #fdad1f !important;
  border: #fdad1f !important;
  color: #ffffff !important;
}
body[data-skin=yellow] button.btn-custom.main-outline, body[data-skin=yellow] div.btn-custom.main-outline {
  border-color: #fdad1f !important;
}

body[data-skin=pink] {
  --cl-primary-color: #e0245e;
  --plyr-color-main: #e0245e;
  --cl-primary-color-darken-5: #cd1d53;
  --cl-primary-link-color: #e0245e;
}
body[data-skin=pink] button.btn-custom.main-inline, body[data-skin=pink] div.btn-custom.main-inline {
  background-color: #e0245e !important;
  border: #e0245e !important;
  color: #ffffff !important;
}
body[data-skin=pink] button.btn-custom.main-outline, body[data-skin=pink] div.btn-custom.main-outline {
  border-color: #e0245e !important;
}

body[data-skin=purple] {
  --cl-primary-color: #794bc4;
  --plyr-color-main: #794bc4;
  --cl-primary-color-darken-5: #6c3db9;
  --cl-primary-link-color: #794bc4;
}
body[data-skin=purple] button.btn-custom.main-inline, body[data-skin=purple] div.btn-custom.main-inline {
  background-color: #794bc4 !important;
  border: #794bc4 !important;
  color: #ffffff !important;
}
body[data-skin=purple] button.btn-custom.main-outline, body[data-skin=purple] div.btn-custom.main-outline {
  border-color: #794bc4 !important;
}

body[data-skin=orange] {
  --cl-primary-color: #f45d22;
  --plyr-color-main: #f45d22;
  --cl-primary-color-darken-5: #f14c0c;
  --cl-primary-link-color: #f45d22;
}
body[data-skin=orange] button.btn-custom.main-inline, body[data-skin=orange] div.btn-custom.main-inline {
  background-color: #f45d22 !important;
  border: #f45d22 !important;
  color: #ffffff !important;
}
body[data-skin=orange] button.btn-custom.main-outline, body[data-skin=orange] div.btn-custom.main-outline {
  border-color: #f45d22 !important;
}

body[data-bg=dark] {
  --cl-primary-bg-color: #181a20;
  --cl-primary-bg-color-opacity: rgba(21, 32, 43, 0.7);
  --cl-secondary-bg-color: #282A31;
  --cl-defalt-bg-color: #1E2026B8;
  --cl-primary-border-color: #2B3139;
  --cl-secondary-border-color: #4d606c;
  --cl-primary-text-color: #ffffff;
  --cl-secondary-text-color: #ffffff;
  --cl-default-text-color: #FFFFFF99;
  --cl-tertiary-text-color: #93a4b0;
  --cl-lable-text-color:#848E9C;
  --cl-input-placeholder-color: rgba(91, 112, 131, 0.5);
  --cl-input-bg-color: #253341;
  --cl-primary-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
  --cl-secondary-box-shadow: rgba(0, 0, 0, 0.10) 0px 10px 30px 0px;
  --cl-modal-backdrop: rgba(0, 0, 0, 0.65);
  --cl-event-hover-bg: #1a2e3b;
  --plyr-audio-control-color: #93a4b0;
}

body[data-bg=default] {
  --cl-primary-bg-color: #ffffff;
  --cl-primary-bg-color-opacity: rgba(255, 255, 255, 0.7);
  --cl-defalt-bg-color: #f7f9f9;
  --cl-secondary-bg-color: #f7f9f9;
  --cl-primary-border-color: #e4eaef;
  --cl-secondary-border-color: #d4dee6;
  --cl-primary-text-color: #14171a;
  --cl-secondary-text-color: #3a3e42;
  --cl-default-text-color: #14171a;
  --cl-tertiary-text-color: #6e7c8c;
  --cl-lable-text-color:#848E9C;
  --cl-input-placeholder-color: rgba(91, 112, 131, 0.6);
  --cl-input-bg-color: #F0F2F5;
  --cl-primary-box-shadow: rgba(0, 0, 0, 0.20) 0px 10px 30px 0px;
  --cl-secondary-box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 30px 0px;
  --cl-modal-backdrop: rgba(0, 0, 0, 0.35);
  --cl-event-hover-bg: #f5f8fa;
  --plyr-audio-control-color: #818e9c;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Inter/woff2/Inter-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Inter/woff2/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Inter/woff2/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Inter/woff2/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Inter/woff2/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Inter/woff2/Inter-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Inter/woff2/Inter-Black.woff2") format("woff2");
}
/* ===================================================== */
body.cl-app-ads div.ads-management div.ads-management__upsert {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-ads div.ads-management div.ads-management__upsert div.form-group.tos-agreement {
  margin-bottom: 20px;
}
body.cl-app-ads div.ads-management div.ads-management__upsert div.form-group.tos-agreement div.form-check label.form-check-label {
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
}
body.cl-app-ads div.ads-management div.ads-management__upsert div.form-group.tos-agreement div.form-check label.form-check-label a {
  color: var(--cl-primary-color);
}
body.cl-app-ads div.ads-management div.ads-management__upsert div.form-group p.form-info-label {
  margin-top: 5px;
}
body.cl-app-ads div.ads-management div.ads-management__upsert div.form-group div.multiselect-toggle-all {
  margin-top: var(--cl-primary-offset-size);
}
body.cl-app-ads div.ads-management div.ads-management__upsert div.form-group div.multiselect-toggle-all div.form-check {
  display: flex;
  align-items: center;
}
body.cl-app-ads div.ads-management div.ads-management__upsert div.form-group div.multiselect-toggle-all div.form-check label {
  font-size: 14px;
  line-height: 1;
  line-height: 20px;
}

/* ===================================================== */
body.cl-app-affiliates div.affiliates div.affiliates__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 30px 0px 30px;
}
body.cl-app-affiliates div.affiliates div.affiliates__header div.icon {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
body.cl-app-affiliates div.affiliates div.affiliates__header div.icon div.icon__bg {
  background: var(--cl-secondary-bg-color);
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.cl-app-affiliates div.affiliates div.affiliates__header div.icon div.icon__bg svg {
  width: 50px;
  height: 50px;
}
body.cl-app-affiliates div.affiliates div.affiliates__header div.icon div.icon__bg svg path {
  fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.affiliates div.affiliates__header div.icon div.icon__bg {
    width: 70px;
    height: 70px;
  }
  body.cl-app-affiliates div.affiliates div.affiliates__header div.icon div.icon__bg svg {
    width: 30px;
    height: 30px;
  }
}
body.cl-app-affiliates div.affiliates div.affiliates__header div.icon.icon-2 {
  display: flex;
  justify-content: center;
}
body.cl-app-affiliates div.affiliates div.affiliates__header div.icon.icon-2 svg {
  width: 24px;
  height: 24px;
}
body.cl-app-affiliates div.affiliates div.affiliates__header div.icon.icon-2 svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__header h4 {
  text-align: center;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
  color: var(--cl-primary-text-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__header p {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: var(--cl-secondary-text-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__header p b {
  color: var(--cl-primary-text-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__header p span {
  text-decoration: underline;
  color: var(--cl-primary-text-color);
  cursor: pointer;
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.affiliates div.affiliates__header h4 {
    font-size: 18px;
  }
  body.cl-app-affiliates div.affiliates div.affiliates__header p {
    font-size: 14px;
  }
}
body.cl-app-affiliates div.affiliates div.affiliates__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px var(--cl-primary-offset-size);
  margin-bottom: 60px;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-topline {
  text-align: center;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  margin-bottom: 20px;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-midline {
  margin-bottom: 30px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: var(--cl-primary-link-color);
  text-decoration: underline;
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-midline {
    font-size: 16px;
  }
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn {
  text-decoration: none;
  outline: 0;
  overflow: hidden;
  margin: 0px 5px;
  height: 52px;
  width: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn span.social-link-btn__icon {
  width: 24px;
  height: 24px;
  line-height: 1;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn span.social-link-btn__icon svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn {
    width: 35px;
    height: 35px;
  }
  body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn span.social-link-btn__icon {
    width: 20px;
    height: 20px;
  }
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn.twitter {
  background: #64ccf2;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn.facebook {
  background: #507cc0;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn.whatsapp {
  background: #4de675;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn.pinterest {
  background: #cb2027;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn.linkedin {
  background: #007bb6;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn.copy-link {
  background: var(--cl-primary-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn.copy-link svg path {
  fill: #ffffff;
}
body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn:hover, body.cl-app-affiliates div.affiliates div.affiliates__body div.affiliates__body-botline a.social-link-btn:active {
  box-shadow: var(--cl-primary-box-shadow);
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates__payouts-title {
  overflow: hidden;
  padding: var(--cl-primary-offset-size);
  background: var(--cl-secondary-bg-color);
  border-top: 1px solid var(--cl-primary-border-color);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates__payouts-title h4 {
  font-size: 13px;
  color: var(--cl-primary-text-color);
  padding: 0;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.lp {
  width: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.lp div.lp__icon {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  overflow: hidden;
  background: var(--cl-secondary-bg-color);
  border-radius: 100%;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.lp div.lp__icon img {
  width: 100%;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp {
  overflow: hidden;
  padding-left: var(--cl-primary-offset-size);
  flex: 1;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__amount {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 2px;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__amount div.flex-item-left {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--cl-primary-text-color);
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__amount div.flex-item-right {
  color: var(--cl-secondary-text-color);
  font-size: 13px;
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__amount div.flex-item-right {
    font-size: 11px;
  }
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__text {
  font-size: 15px;
  color: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__text {
    font-size: 13px;
  }
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__status {
  margin-top: 5px;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__status span {
  text-transform: uppercase;
  padding: 3px 12px;
  font-size: 11px;
  border-radius: 5em;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__status.mp__status_pending span {
  border: 1px solid var(--cl-warning-color);
  background-color: var(--cl-warning-color);
  color: #000000;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item div.rp div.mp__status.mp__status_declined span {
  border: 1px solid var(--cl-danger-color);
  background-color: var(--cl-danger-color);
  color: #ffffff;
}
body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item:hover, body.cl-app-affiliates div.affiliates div.affiliates__payouts div.affiliates-transactions div.affiliates-transactions__item:active {
  background: var(--cl-event-hover-bg);
}
body.cl-app-affiliates div.affiliates div.affiliates__footer {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-affiliates div.affiliates div.affiliates__footer div.affiliates__footer-topline div.payout-request-cta {
  text-align: center;
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  margin-bottom: 15px;
}
body.cl-app-affiliates div.affiliates div.affiliates__footer div.affiliates__footer-topline button.main-outline {
  margin-top: var(--cl-primary-offset-size);
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item {
  padding: 20px var(--cl-primary-offset-size);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--cl-primary-border-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item {
    align-items: flex-start;
  }
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__lp, body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp {
  flex-shrink: 0;
  flex-basis: 45px;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__lp div.icon, body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp div.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: var(--cl-tertiary-border-radius);
  background: var(--cl-secondary-bg-color);
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__lp div.icon svg, body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp div.icon svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 1199.98px) {
  body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__lp, body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp {
    flex-basis: 35px;
  }
  body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__lp div.icon, body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp div.icon {
    width: 35px;
    height: 35px;
  }
  body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__lp div.icon svg, body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp div.icon svg {
    width: 20px;
    height: 20px;
  }
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__mp {
  font-size: 14px;
  color: var(--cl-primary-text-color);
  line-height: 1.6;
  flex: 1;
  margin-left: var(--cl-primary-offset-size);
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__mp b {
  font-weight: 500;
  color: var(--cl-success-color);
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp div.icon {
  background: transparent;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item div.list-item__rp div.icon svg {
  fill: var(--cl-primary-color);
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.no-mb {
  margin-bottom: 0px;
  border-bottom: none;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_1 div.list-item__lp div.icon {
  background: #fbc953;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_1 div.list-item__lp div.icon svg {
  fill: #ffffff;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_2 div.list-item__lp div.icon {
  background: #ef5151;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_2 div.list-item__lp div.icon svg {
  fill: #ffffff;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_3 div.list-item__lp div.icon {
  background: #e92162;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_3 div.list-item__lp div.icon svg {
  fill: #ffffff;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_4 div.list-item__lp div.icon {
  background: #2dbda1;
}
body.cl-app-affiliates div.modal.affiliates-workflow div.modal-body div.affiliates-workflow-list div.list-item.list-item_4 div.list-item__lp div.icon svg {
  fill: #ffffff;
}

/* ===================================================== */
:root {
  scroll-behavior: auto !important;
  --plyr-range-track-height: 3px;
  --plyr-range-thumb-height: 10px;
  --plyr-control-icon-size: 15px;
  --plyr-control-spacing: 8px;
  --plyr-control-radius: 0px;
  --plyr-audio-controls-background: none;
}

html {
  scroll-behavior: auto !important;
  font-family: "Inter", sans-serif;
}

body {
  font-family: inherit !important;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: var(--cl-primary-bg-color);
  letter-spacing: -0.02em;
  color: var(--cl-text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}
body.ov-h {
  overflow: hidden;
}
body.modal-open {
  overflow-y: scroll;
  padding: 0px !important;
  padding-right: 12px !important;
}
body.modal-open {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.modal-open::-webkit-scrollbar {
  display: none;
}
body main.main-content-container {
  background: var(--cl-primary-bg-color);
  min-width: 320px;
}
body main.main-content-container div.main-content-container-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper {
  width: 60%;
  flex: 2;
  border-left: 1px solid var(--cl-primary-border-color);
  border-right: 1px solid var(--cl-primary-border-color);
  min-height: 100vh;
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header {
  position: sticky;
  top: 0;
  z-index: 700;
  background-color: var(--cl-defalt-bg-color);
  border-bottom: 1px solid var(--cl-defalt-bg-color);
  backdrop-filter: blur(10px);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  position: relative;
  z-index: 50;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp {
  max-width: calc(50% - 30px);
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar {
  width: 35px;
  flex-shrink: 0;
  margin-right: 7px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a {
  display: block;
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a img {
  width: 35px;
  height: 35px;
  border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a.online {
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a.online:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 10em;
  background: var(--cl-success-color);
  right: 0px;
  top: 0px;
  border: 1px solid var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp div.nav-link-holder a {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: var(--cl-primary-text-color);
  text-decoration: none;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.cp {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.cp a {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.cp a img {
  height: 30px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon {
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon::before {
  background: var(--cl-secondary-bg-color);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  border-radius: 100%;
  opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon svg {
  width: 20px;
  height: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:active::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:active::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:active::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:active::before {
  opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:active > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:active > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:active > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:active > svg {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon::after {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon svg {
  width: 26px;
  height: 26px;
  opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon:hover svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon:active svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon:focus svg {
  opacity: 1;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container.no-affix {
  padding-top: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container.no-affix div.timeline-header {
  position: relative;
  left: unset;
  top: unset;
  box-shadow: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form {
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input {
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input {
  border: 1px solid transparent;
  background: var(--cl-input-bg-color);
  border-radius: 5em;
  padding: 0px 48px 0px 20px;
  margin: 0px;
  height: 48px;
  display: block;
  width: 100%;
  font-size: 15px;
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input::placeholder {
  color: var(--cl-input-placeholder-color);
  font-size: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:active, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--cl-secondary-border-color);
  background: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:active + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:hover + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:focus + span.keyword-input__left-icon svg {
  fill: var(--cl-primary-color);
  opacity: 1;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input {
    height: 42px;
    padding: 0px 42px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input::placeholder {
    font-size: 13px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon {
  position: absolute;
  top: 0px;
  text-decoration: none;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon svg {
  width: 22px;
  height: 22px;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon {
    width: 42px;
    height: 42px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon {
  right: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon svg {
  opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner {
  right: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner svg {
  width: 28px;
  height: 28px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon {
  right: 0px;
  cursor: pointer;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon svg {
  opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon:active svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon:hover svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon:focus svg {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item {
  transition: all 0.27s ease-in-out;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert {
  border-bottom: 1px solid var(--cl-primary-border-color);
  background-color: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.icon {
  width: 18px;
  height: 18px;
  line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.icon svg {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.icon svg path {
  fill: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.text {
  font-size: 13px;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert ~ div.post-list-item__content {
  border-width: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert.post-list-item__alert_admin {
  background-color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert.post-list-item__alert_admin div.alert-badge div.icon svg path {
  fill: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert.post-list-item__alert_admin div.alert-badge div.text {
  color: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header {
  padding-left: var(--cl-primary-offset-size);
  padding-right: var(--cl-primary-offset-size);
  background-color: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost svg {
  width: 18px;
  height: 18px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost a {
  font-size: 11px;
  color: var(--cl-secondary-text-color);
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header {
    padding-left: 42px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content {
  padding: var(--cl-primary-offset-size);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar {
  flex-basis: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  background: var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder img:not([data-loaded]) {
  visibility: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder-online {
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder-online:before {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #2fbf63;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  border: 2px solid var(--cl-primary-bg-color);
  z-index: 100;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar a {
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content {
  flex: 1;
  padding-left: var(--cl-primary-offset-size);
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher {
    align-items: flex-start;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username {
  flex: 1;
  line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder {
  font-size: var(--cl-primary-offset-size);
  color: var(--cl-lable-text-color);
  font-weight: 400;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder:focus, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder:active {
  color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-time {
  color: var(--cl-secondary-text-color);
  font-size: 13px;
  line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-time span {
  margin-left: 5px;
  cursor: help;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-time {
    font-size: 11px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__target div.post-reply span {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__target div.post-reply span a {
  color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content {
  margin-top: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-title {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-text {
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--cl-primary-text-color);
  word-break: break-word;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-text a.inline-link {
  display: inline;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-text {
    font-size: 14px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content span.readmore-toggle {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--cl-primary-link-color);
  cursor: pointer;
  transition: all 0.27s ease;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.lozad-media {
  width: 100%;
  display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image {
  border: 1px solid var(--cl-primary-border-color);
  border-radius: var(--cl-primary-border-radius);
  overflow: hidden;
  background: #e6ecf0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image img.lozad {
  width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image img.lozad:not([data-loaded]) {
  visibility: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image.issafe-n {
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image.issafe-n:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  backdrop-filter: blur(30px);
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  background: no-repeat;
  background-position: center center;
  user-select: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'/%3E%3C/svg%3E");
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media {
  position: relative;
  display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button {
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button span.video-play-button__arrow {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10em;
  padding: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button span.video-play-button__arrow svg {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button span.video-play-button__arrow svg path {
  fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button:hover span.video-play-button__arrow, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button:active span.video-play-button__arrow {
  background: rgba(0, 0, 0, 0.7);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-video {
  border: 1px solid var(--cl-primary-border-color);
  border-radius: var(--cl-primary-border-radius);
  background: #e6ecf0;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage {
  overflow: hidden;
  border-radius: var(--cl-primary-border-radius);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid__item {
  flex-basis: calc(50% - 1px);
  width: calc(50% - 1px);
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid__item div.publication-image {
  height: 200px;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid__item div.publication-image {
    height: unset;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid.mb-2 {
  margin-bottom: 2px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid.mt-2 {
  margin-top: 2px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage a.fbox-media {
  width: 100%;
  display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage a.fbox-media div.image-collage-item {
  display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage a.fbox-media div.image-collage-item div.publication-image {
  border-radius: 0px;
  border: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-audio audio {
  width: 100%;
  outline: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  padding: 7px 10px;
  border: 1px solid var(--cl-secondary-border-color);
  border-radius: var(--cl-tertiary-border-radius);
  transition: border 0.27s ease-in-out;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__body {
  flex: 1;
  font-size: 13px;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px 5px;
  transition: color 0.27s ease-in-out;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  line-height: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon svg {
  width: 100%;
  height: 100%;
  transition: fill 0.27s ease-in-out;
}
/* Pubbox group select (generic styling) */
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input .post-group select,
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline .post-group select,
body [id^="pb-group-select-"] {
  width: max-content;
  max-width: 100%;
  border: 1px solid var(--cl-input-border, #d1d5db);
  background: var(--cl-primary-bg-color, #ffffff);
  color: var(--cl-primary-color, #1d9bf0);
  border-radius: 14px;
  padding: 3px 7px;
  margin: 0 8px 5px 0;
  font-size: 13px;
  outline: none;
  transition: all 0.2s ease;
  position: relative;
  z-index: 5;
}

/* Ensure the post-group container doesn’t collapse */
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input .post-group {
  display: inline-block;
}

.emote-item {
  position: relative;
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.emote-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Emote Delete Button */
.emote-delete-btn {
  position: absolute;
  top: -12px;
  right: -11px;
  width: auto;
  height: auto;
  padding: 6px;
  margin: 0;
  border: 1px solid var(--cl-secondary-border-color);
  background: var(--cl-defalt-bg-color);
  border-radius: 50%;
  cursor: pointer;
  color: var(--cl-primary-text-color);
  display: none;
  font-size: 10px;
  line-height: 1;
  z-index: 2;
}

.emote-item:hover .emote-delete-btn {
  display: block;
}


body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__type {
  line-height: 1;
  font-size: 13px;
  font-weight: 500;
  color: var(--cl-secondary-text-color);
  transition: color 0.27s ease-in-out;
  margin-right: 5px;
  border-left: 2px solid var(--cl-secondary-border-color);
  padding-left: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active {
  border-color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover div.document-file__body, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover div.document-file__type, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active div.document-file__body, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active div.document-file__type {
  color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover div.document-file__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active div.document-file__icon svg path {
  fill: var(--cl-primary-color);
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon {
    width: 20px;
    height: 20px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og {
  margin-bottom: 10px;
  background: var(--cl-primary-bg-color);
  border-radius: var(--cl-primary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
  position: relative;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner {
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image {
  width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a {
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none;
  line-height: 0;
  min-height: 200px;
  max-height: 300px;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a img {
  width: 100%;
  display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button {
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button span.video-play-button__arrow {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10em;
  padding: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button span.video-play-button__arrow svg {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button span.video-play-button__arrow svg path {
  fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button:hover span.video-play-button__arrow, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button:active span.video-play-button__arrow {
  background: rgba(0, 0, 0, 0.7);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__description p {
  margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.link {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.link div.publication-og__image {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--cl-primary-border-color);
  background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.link div.publication-og__image img {
  width: 100%;
  display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description {
  padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description h5, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description p, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a {
  width: 100%;
  display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description h5 {
  padding: 0;
  margin: 0 0 4px 0;
  font-size: 18px;
  line-height: 1.4;
  color: var(--cl-primary-text-color);
  word-wrap: break-word;
  font-weight: 700;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description p {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1.4;
  padding: 0;
  margin: 0 0 16px 0;
  word-wrap: break-word;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a {
  font-size: 14px;
  line-height: 18px;
  color: var(--cl-primary-color);
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a:active {
  text-decoration: underline;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding {
  margin-top: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header span.raised {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.06em;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header {
    font-size: 13px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header span.raised {
    font-size: 22px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body {
  margin-bottom: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-progress {
  background-color: var(--cl-secondary-border-color);
  line-height: 0px;
  border-radius: 1px;
  overflow: hidden;
  margin-bottom: 4px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-progress__bar {
  display: inline-block;
  background-color: #2fbf63;
  height: 5px;
  min-width: 5px;
  transition: all 2s ease;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-progress__bar {
    height: 8px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-total {
  display: flex;
  justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-total span {
  font-size: 14px;
  font-weight: 500;
  color: var(--cl-secondary-text-color);
}

/* Groups Grid Layout */
.group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  padding: 15px;
}

.group-card {
  background: var(--cl-primary-bg-color);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.group-cover {
  position: relative;
  height: 160px;
  background-size: cover;
  background-position: center;
  background-color: #f0f2f5;
  overflow: hidden;
  z-index: 1;

}
.group-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cover-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}


.group-card-content {
  padding: 30px 20px 20px;
  position: relative;
}

.group-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
  color: var(--cl-primary-text-color);
  padding-right: 10px;
}

.group-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--cl-secondary-text-color);
}

.group-meta i.material-icons {
  font-size: 14px;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
  top: -1px;
}

.group-description {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  margin: 0 0 15px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.group-actions {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.group-actions .btn {
  flex: 1;
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

/* Groups Loading and Empty States */
.group-loading,
.empty-groups {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  grid-column: 1 / -1;
}

.group-loading .spinner {
  margin-bottom: 20px;
  animation: spin 1s linear infinite;
}

.group-loading .spinner svg {
  width: 40px;
  height: 40px;
  fill: var(--cl-primary-color);
}

.group-loading p {
  color: var(--cl-secondary-text-color);
  font-size: 16px;
  font-weight: 500;
}

.empty-groups .empty-list {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  padding: 30px 20px;
}

.empty-groups .empty-list .icon {
  margin-bottom: 20px;
}

.empty-groups .empty-list .icon svg {
  width: 80px;
  height: 80px;
  fill: var(--cl-secondary-text-color);
  opacity: 0.5;
}

.empty-groups .empty-list .pl-message h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--cl-primary-text-color);
}

.empty-groups .empty-list .pl-message p {
  color: var(--cl-secondary-text-color);
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.empty-groups .empty-list .c2action-single .btn {
  min-width: 180px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 30px;
  padding: 20px 15px;
  background: rgba(29, 161, 242, 0.1);
  margin-bottom: 10px;
  border-radius: 5em;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-icon {
  width: 22px;
  height: 22px;
  line-height: 0;
  min-height: 20px;
  min-width: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-icon svg {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-icon svg path {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-text {
  flex-grow: 1;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-text p {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  line-height: 14px;
  color: var(--cl-primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-num b {
  font-size: 14px;
  line-height: 14px;
  color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option:last-child {
  margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option span.bar-slider {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(29, 161, 242, 0.2);
  max-width: 100%;
  min-width: 10px;
  border-radius: 0px;
  z-index: 3;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll[data-status="1"] div.publication-poll-data-inner div.poll-option-bar {
  cursor: default;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__total-votes {
  font-weight: 400;
  color: var(--cl-secondary-text-color);
  font-size: 14px;
  text-align: center;
  text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid {
  border: 1px solid var(--cl-primary-border-color);
  padding: var(--cl-primary-offset-size);
  padding-top: 30px;
  border-radius: var(--cl-primary-border-radius);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header div.pubowner-avatar {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header div.pubowner-avatar img {
  width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header div.pubowner-avatar:last-child {
  margin-left: -10px;
  border: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__body {
  text-align: center;
  margin-bottom: 24px;
  color: var(--cl-primary-text-color);
}

/* Create Group Modal */
.modal.create-group-modal {
  width: 600px;
  height: 585px;
  top: 100.75px;
  left: 332.44px;
  border-radius: 24px;
  padding-bottom: 68px;
  opacity: 1;
  position: absolute;
  background-color: var(--cl-primary-bg-color);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1050;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__body h5 {
  padding: 0px;
  margin: 0px;
  font-weight: 700;
  font-size: 18px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__body p {
  font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__footer {
  text-align: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-left: -10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item a.ctrls-item__inner-link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: inherit;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item a.ctrls-item__inner-link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: inherit;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item div.ctrls-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 100%;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item div.ctrls-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item div.ctrls-item__icon svg {
  width: 22px;
  height: 22px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item div.ctrls-item__icon svg {
  width: 22px;
  height: 22px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item div.ctrls-item__icon svg path {
  fill: transparent;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item div.ctrls-item__icon svg path {
  fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item div.ctrls-item__icon {
    width: 35px;
    height: 35px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item div.ctrls-item__icon svg {
    width: 20px;
    height: 20px;
  }
}


@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item div.ctrls-item__icon {
    width: 35px;
    height: 35px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item div.ctrls-item__icon svg {
    width: 20px;
    height: 20px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.num {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  margin-left: 2px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item span.num {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  margin-left: 2px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:hover span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:hover div.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:active span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:active div.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:focus span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:focus div.ctrls-item__icon {
  background: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:hover span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:hover div.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:active span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:active div.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:focus span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:focus div.ctrls-item__icon svg {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:hover span.num, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:active span.num, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:focus span.num {
  color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.liked span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.liked a.ctrls-item__icon svg path {
  fill: #F6465D !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.liked span.num {
  color: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.reposted span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.reposted a.ctrls-item__icon svg path {
  fill: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.reposted span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.reposted a.ctrls-item__icon svg path {
  fill: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.reposted span.num {
  color: var(--cl-primary-color) !important;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.reposted span.num {
  color: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon svg {
  width: 26px;
  height: 26px;
  opacity: 0.7;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon svg {
  width: 26px;
  height: 26px;
  opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::after {
  display: none;
}

/* Group Tabs Styling */
.group-tabs {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--cl-primary-border-color);
  margin-bottom: 20px;
}

.group-tab {
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 500;
  color: var(--cl-secondary-text-color);
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
}

.group-tab:hover {
  color: var(--cl-primary-text-color);
  text-decoration: none;
}

.group-tab.active {
  color: var(--cl-primary-text-color);
  font-weight: 600;
}

.group-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--cl-primary-text-color);
  border-radius: 3px 3px 0 0;
}

/* Dark theme adjustments */
body[data-theme="dark"] .group-tab {
  color: rgba(255, 255, 255, 0.6);
}

body[data-theme="dark"] .group-tab:hover,
body[data-theme="dark"] .group-tab.active {
  color: #ffffff;
}

/* User Add SVG Icon Styling */
:root {
  --cl-user-add-icon-color: #000000; /* Default light mode color */
}

body[data-theme="dark"] {
  --cl-user-add-icon-color: #ffffff; /* Dark mode color */
}

.svg-icon-user-add {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 24px;
}

.svg-icon-user-add path {
  stroke: var(--cl-user-add-icon-color);
  transition: stroke 0.2s ease-in-out;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::after {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:hover svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:active svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:focus svg {
  opacity: 1;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:hover svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:active svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls div.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:focus svg {
  opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden div.soft-hidden-post {
  border: 1px solid var(--cl-primary-border-color);
  padding: 12px 15px;
  border-radius: var(--cl-primary-border-radius);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden div.soft-hidden-post p {
  color: var(--cl-secondary-text-color);
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  margin-right: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden div.soft-hidden-post button.btn-custom {
  font-size: 11px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden + div.post-data__content-inner {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden.show + div.post-data__content-inner {
  display: block !important;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder {
  display: block;
  border: 1px solid var(--cl-primary-border-color);
  padding: 12px 15px;
  border-radius: var(--cl-secondary-border-radius);
  margin: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder div.icon {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  margin-right: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder div.icon svg {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder div.icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p {
  color: var(--cl-secondary-text-color);
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  margin-right: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p a {
  color: var(--cl-primary-link-color);
  font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p a:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p a:active {
  color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert {
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header {
  padding: var(--cl-primary-offset-size);
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor {
  margin-right: var(--cl-primary-offset-size);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-icon {
  width: 18px;
  height: 18px;
  line-height: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-icon svg {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-icon svg path {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-label {
  margin-left: 5px;
  color: var(--cl-primary-color);
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-label a {
  text-decoration: none;
  font-weight: 600;
  color: var(--cl-primary-text-color);
  margin-left: 5px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__time {
  color: var(--cl-secondary-text-color);
  font-size: 13px;
  line-height: 1;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__time {
    font-size: 11px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text {
  padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: var(--cl-primary-text-color);
  padding: 0;
  margin: 0 0 10px 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text p {
  font-size: 14px;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  color: var(--cl-primary-text-color);
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text h4 {
    font-size: 16px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text p {
    font-size: 14px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__image a.fbox-media {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__image a.fbox-media img {
  width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__ctrl {
  padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: var(--cl-primary-offset-size);
  border-top: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item a.ctrls-item__inner-link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: inherit;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item div.ctrls-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item div.ctrls-item__icon svg {
  width: 22px;
  height: 22px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item div.ctrls-item__icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.num {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  margin-left: 2px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover div.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active div.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus div.ctrls-item__icon {
  background: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover div.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active div.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus div.ctrls-item__icon svg {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover span.num, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active span.num, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus span.num {
  color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.liked span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.liked div.ctrls-item__icon svg {
  fill: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.liked span.num {
  color: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.reposted span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.reposted div.ctrls-item__icon svg {
  fill: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.reposted span.num {
  color: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon svg {
  width: 26px;
  height: 26px;
  opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::after {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:active, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:focus {
  opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder {
  padding: 60px 30px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg {
  background: var(--cl-secondary-bg-color);
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg svg {
  width: 32px;
  height: 32px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg svg path {
  fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg {
    width: 70px;
    height: 70px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg svg {
    width: 30px;
    height: 30px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_success {
  background: var(--cl-success-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_success svg path {
  fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_warning {
  background: var(--cl-warning-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_warning svg {
  fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_danger {
  background: var(--cl-danger-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_danger svg {
  fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message h4 {
  font-size: 20px;
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 20px;
  color: var(--cl-primary-text-color);
  font-weight: 700;
  text-align: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message p {
  font-size: 14px;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  color: var(--cl-secondary-text-color);
  text-align: center;
  overflow-wrap: break-word;
  max-width: 80%;
  font-weight: 300;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message p a {
  font-weight: 500;
  color: var(--cl-primary-link-color);
  text-decoration: underline;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message p span.inline-icon {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message p span.inline-icon svg {
  width: 15px;
  height: 15px;
  fill: var(--cl-primary-text-color);
    /* Ensure icon is visible in dark mode */
    opacity: 1;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message h4 {
    font-size: 18px;
    color: #006eec;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message p {
    font-size: 14px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.c2action-single {
  text-align: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.c2action-single button {
  padding-left: 40px;
  padding-right: 40px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: var(--cl-primary-bg-color);
  z-index: 10;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item {
  flex: 1;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a {
  display: block;
  text-decoration: none;
  outline: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn {
  background: transparent;
  color: var(--cl-secondary-text-color);
  box-shadow: none;
  border: none;
  padding: 12px var(--cl-primary-offset-size) 20px var(--cl-primary-offset-size);
  margin: 0px;
  cursor: pointer;
  display: block;
  width: 100%;
  outline: 0;
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner {
    font-size: 12px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 2px;
  background: var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn.active::after {
  background: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn.active span.btn-flex-inner {
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn:active, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn:focus {
  background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar_border-top {
  border-top: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item {
  border-bottom: 1px solid var(--cl-primary-border-color);
  transition: all 0.27s ease-in-out;
  padding: var(--cl-primary-offset-size);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar {
  width: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online {
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online:before {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #2fbf63;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  border: 2px solid var(--cl-primary-bg-color);
  z-index: 100;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data {
  flex: 1;
  padding-left: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body {
  flex: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline {
  display: flex;
  justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name {
  line-height: 1;
  margin-bottom: 4px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span {
  font-size: var(--cl-primary-name-size);
  color: var(--cl-primary-text-color);
  font-weight: 600;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:focus, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:active {
  color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
    margin-top: 8px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item {
  margin-right: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span:first-child {
  color: var(--cl-primary-text-color);
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
    font-size: 12px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg {
  width: 26px;
  height: 26px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::after {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon {
  background: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon svg {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
  color: var(--cl-primary-text-color);
  font-size: 14px;
  margin-top: 12px;
  line-height: 1.4;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
    font-size: 13px;
    margin-top: 8px;
  }
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about a {
  color: var(--cl-primary-text-color) !important;
  text-transform: none;
  font-weight: 600;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription {
  display: flex;
  justify-content: space-between;
  background-color: var(--cl-secondary-bg-color);
  padding: 10px 20px;
  margin-top: var(--cl-primary-offset-size);
  border-radius: 5em;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription span {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
  font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item {
  transition: all 0.27s ease-in-out;
  padding: 10px var(--cl-primary-offset-size);
  border-bottom: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__right-icon {
  flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__right-icon svg {
  width: 20px;
  height: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__right-icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__body {
  flex: 1;
  padding: 0px var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__body span:first-child {
  font-size: var(--cl-primary-name-size);
  font-weight: 700;
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__body span:last-child {
  color: var(--cl-secondary-text-color);
  font-weight: normal;
  font-size: 14px;
  /* margin-left: 5px; */
  text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:active {
  background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:hover div.hashtag-data div.hashtag-data__right-icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:active div.hashtag-data div.hashtag-data__right-icon svg path {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-data-loader button {
  display: block;
  width: 100%;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  padding: var(--cl-primary-offset-size);
  margin: 0px;
  color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-data-loader button:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-data-loader button:active {
  background-color: var(--cl-secondary-bg-color);
  color: var(--cl-primary-black-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_align-center {
  align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__icon {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  flex-shrink: 0;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__icon svg {
  width: 20px;
  height: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__icon svg path {
  fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__text {
  flex: 1;
  overflow: hidden;
  font-size: 14px;
  color: var(--cl-primary-text-color);
  margin-left: var(--cl-primary-offset-size);
  position: relative;
  z-index: 2;
  line-height: 1.4;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__text a {
  color: var(--cl-primary-link-color);
  font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__icon {
  background: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__icon svg {
  width: 20px;
  height: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__icon svg path {
  fill: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__text {
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: var(--cl-primary-color);
  opacity: 0.07;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader {
  position: absolute;
  display: block;
  left: 0;
  top: 65px;
  bottom: 0;
  right: 0;
  width: 100%;
  background: var(--cl-primary-bg-color);
  z-index: 5000;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader.d-none {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader div.spa-preloader-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 100px 50px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader div.spa-preloader-inner span.spinner-icon {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader div.spa-preloader-inner span.spinner-icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-right: none;
    border-left: none;
  }
}
body main.main-content-container div.main-content-container-inner div.left-sb-container {
  width: 20%;
  margin-left: 50px;
  background: var(--cl-primary-bg-color);
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  z-index: 1000;
  will-change: min-height;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner {
  padding: var(--cl-primary-offset-size) 50px var(--cl-primary-offset-size) 0px;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome {
  width: 100%;
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
  padding: var(--cl-primary-offset-size);
  border: 1px solid var(--cl-primary-border-color);
  border-radius: var(--cl-tertiary-border-radius);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-title {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.form-check label.form-check-label {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.form-cta-link {
  text-align: center;
  line-height: 1.4;
  color: var(--cl-secondary-text-color);
  font-size: 13px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.form-cta-link a {
  color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.login-or-signup {
  display: flex;
  justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.login-or-signup span {
  font-size: 13px;
  line-height: 13px;
  position: relative;
  color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.login-or-signup span:before {
  content: "";
  height: 2px;
  background: var(--cl-primary-border-color);
  position: absolute;
  top: 4px;
  left: -45px;
  width: 30px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.login-or-signup span:after {
  content: "";
  height: 2px;
  background: var(--cl-primary-border-color);
  position: absolute;
  top: 4px;
  right: -45px;
  width: 30px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group div.tos-agree label a {
  color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers {
  display: block;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn {
  margin-bottom: 10px;
  display: block;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn button {
  border: none;
  text-transform: none;
  font-size: 11px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn button span.btn-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  fill: #fff;
  margin-right: 15px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn button span.btn-icon svg {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.twitter button {
  background: #64ccf2;
  color: var(--cl-group-text);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.facebook button {
  background: #507cc0;
  color: var(--cl-group-text);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.linkedin button {
  background: #0e76a8;
  color: var(--cl-group-text);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.instagram button {
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  color: var(--cl-group-text);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.discord button {
  background: #5468ff;
  color: var(--cl-group-text);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.vkontakte button {
  background: #5181b8;
  color: var(--cl-group-text);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.google button {
  box-shadow: none;
  background: #fff;
  border: 1px solid var(--cl-primary-border-color);
  color: var(--cl-primary-text-color);
  color: #111;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn:last-child {
  margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item-devider {
  border-bottom: 1px solid var(--cl-primary-border-color);
  margin-left: 37px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  padding: 0px 10px;
  align-items: center;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon {
  line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon svg {
  width: 24px;
  height: 24px;
  transition: all 0.27s ease;
  opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon svg path {
  fill: var(--cl-secondary-text-color);
}
.livescore-icon{
  fill: none!important;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon.avatar {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon.avatar img {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text {
  margin-left: 8px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text > a {
  font-size: 15px;
  color: var(--cl-secondary-text-color);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.27s ease;
  line-height: 18px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text > a.dropdown-toggle::after {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text > a b.wallet {
  color: green;
  font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text span.info-indicators {
  display: inline-block;
  background: var(--cl-danger-color);
  color: #ffffff;
  text-align: center;
  padding: 0 5px;
  border-radius: 10px;
  background-clip: padding-box;
  font-size: 11px;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 18px;
  vertical-align: middle;
  min-height: 13px;
  min-width: 20px;
  font-weight: 400;
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text span.info-indicators::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  content: "";
  border-radius: 5em;
  box-shadow: 0 0 0 0 var(--cl-danger-color-lighten-5);
  transform: scale(1);
  animation: pulse 3s infinite;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text span.info-indicators:empty {
  display: none;
  visibility: hidden;
  opacity: 0;
}
/* Sidebar navigation item hover and active background colors */
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:hover,
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item.active {
  background-color: var(--cl-secondary-bg-color);
  border-radius: 8px;
  transition: background-color 0.27s ease;
}

body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:hover span.text > a, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:active span.text > a, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item.active span.text > a {
  color: var(--cl-primary-text-color);
  font-weight: 700;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:hover span.icon svg path, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:active span.icon svg path, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item.active span.icon svg path {
  fill: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:hover span.icon svg, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:active span.icon svg, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item.active span.icon svg {
  font-weight: 700;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group.sidebar__nav-group_collapse {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group.sidebar__nav-group_toggle {
  opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group.sidebar__nav-group_toggle:hover, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group.sidebar__nav-group_toggle:active {
  opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer {
  display: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer {
  width: 100%;
  display: block;
  margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item {
  margin-right: 10px;
  margin-bottom: 7px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item > a, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
  line-height: 16px;
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown {
  cursor: pointer;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid var(--cl-primary-border-color);
    padding: 10px 10px;
    margin-top: 32px;
  }
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-toggle {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-toggle span.language-banner {
  line-height: 11px;
  margin-right: 5px;
  overflow: hidden;
  border-radius: 2px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-toggle span.language-banner svg {
  width: 15px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-toggle span.language-name {
  line-height: 11px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-menu {
  min-width: 220px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-menu a.dropdown-item {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item:last-child {
  line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item:last-child a {
  font-size: 11px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer div.footer-nav-get-apps {
  display: flex;
  width: 100%;
  margin-top: 5px;
  align-items: flex-start;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer div.footer-nav-get-apps a {
  margin-right: 5px;
  text-decoration: none;
  color: var(--cl-secondary-text-color);
  opacity: 0.5;
  transition: all 0.27s ease;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer div.footer-nav-get-apps a svg {
  width: 25px;
  height: 25px;
  transition: all 0.27s ease;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer div.footer-nav-get-apps a:hover, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer div.main-footer div.footer-nav-get-apps a:active {
  opacity: 0.9;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.left-sb-container {
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -330px;
    border-right: none;
    z-index: 5000;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--cl-primary-offset-size);
  }
  body main.main-content-container div.main-content-container-inner div.left-sb-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body main.main-content-container div.main-content-container-inner div.left-sb-container::-webkit-scrollbar {
    display: none;
  }
  body main.main-content-container div.main-content-container-inner div.left-sb-container.show {
    left: 0px;
    width: 250px;
  }
  body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner {
    padding: 0px;
  }
  body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer {
    display: block;
    margin-top: 15px;
  }
}
body main.main-content-container div.main-content-container-inner div.right-sb-container {
  width: 30%;
  margin-right: 50px;
  flex: 1;
  background: var(--cl-primary-bg-color);
  -moz-transition: right 0.5s;
  -o-transition: right 0.5s;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
  will-change: min-height;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner {
  padding: var(--cl-primary-offset-size) 0px var(--cl-primary-offset-size) 8px;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header {
  margin-bottom: 20px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar {
  position: relative;
  width: 100%;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input {
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input {
  border: 1px solid transparent;
  background: var(--cl-input-bg-color);
  border-radius: 5em;
  padding: 0px 15px 0px 15px;
  height: 46px;
  font-size: 14px;
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input::placeholder {
  color: var(--cl-input-placeholder-color);
  font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:active, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--cl-secondary-border-color);
  background-color: transparent;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:active + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:hover + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:focus + span.keyword-input__left-icon svg {
  fill: var(--cl-primary-color);
  opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon {
  position: absolute;
  top: 0px;
  text-decoration: none;
  z-index: 2;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon svg {
  width: 20px;
  height: 20px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon {
  right: 0px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon svg {
  opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner {
  right: 0px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner svg {
  width: 28px;
  height: 28px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon {
  right: 0px;
  cursor: pointer;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon svg {
  opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon svg path {
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon:active svg path, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon:hover svg path, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon:focus svg path {
  fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result {
  width: 100%;
  border-radius: var(--cl-secondary-border-radius);
  box-shadow: var(--cl-primary-box-shadow);
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50px;
  z-index: 10;
  background: var(--cl-primary-bg-color);
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 250px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item {
  padding: 10px var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a {
  width: 100%;
  display: block;
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a div.result-item-data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a div.result-item-data div.result-item-data__data {
  overflow: hidden;
  flex: 1;
  margin-left: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a div.result-item-data div.result-item-data__data div.result-item-data__topline {
  font-size: var(--cl-primary-name-size);
  color: var(--cl-primary-text-color);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_htag a div.result-item-data div.result-item-data__icon {
  flex-shrink: 0;
  flex-basis: 40px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_htag a div.result-item-data div.result-item-data__icon div.icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_htag a div.result-item-data div.result-item-data__icon div.icon svg {
  width: 22px;
  height: 22px;
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_user a div.result-item-data div.result-item-data__avatar {
  flex-shrink: 0;
  flex-basis: 30px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_user a div.result-item-data div.result-item-data__avatar div.avatar {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--cl-primary-border-color);
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_user a div.result-item-data div.result-item-data__avatar div.avatar img {
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item:active {
  background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item:last-child {
  border-bottom: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__footer {
  padding: var(--cl-primary-offset-size);
  border-top: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__footer.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__footer.disabled a {
  cursor: default;
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content {
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__header {
  font-size: 16px;
  color: var(--cl-secondary-text-color);
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item {
  display: flex;
  flex-wrap: nowrap;
  text-decoration: none;
  margin-bottom: 15px;
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar {
  flex-basis: var(--cl-primary-avatar-size);
  flex-shrink: 0;
  line-height: 1;
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar img {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar-online {
  position: relative;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar-online:before {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #2fbf63;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  border: 2px solid var(--cl-primary-bg-color);
  z-index: 100;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data {
  flex: 1;
  overflow: hidden;
  padding: 0px 0px 0px var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span {
  font-size: var(--cl-primary-name-size);
  color: var(--cl-primary-text-color);
  font-weight: 600;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span:focus, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span:active {
  color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-followers {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-followers span {
  font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item:last-child {
  margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item {
  margin-bottom: 7px;
  margin-right: 7px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data {
  border: 1px solid var(--cl-secondary-border-color);
  border-radius: 5em;
  text-decoration: none;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data span.icon {
  width: 17px;
  height: 17px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data span.icon svg {
  width: 100%;
  height: 100%;
  fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data span.text {
  font-size: 14px;
  font-weight: 400;
  color: var(--cl-secondary-text-color);
  position: relative;
  z-index: 2;
  margin-left: 3px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data:active {
  border-color: var(--cl-primary-color);
  color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-content-empty {
  font-size: 14px;
  line-height: 1.6;
  color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__footer {
  margin-top: 10px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__footer a {
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item {
  margin-right: 10px;
  margin-bottom: 3px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item > a, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item div.dropdown-toggle {
  font-size: 12px;
  color: var(--cl-default-text-color);
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown {
  cursor: pointer;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-toggle span.language-banner {
  line-height: 11px;
  margin-right: 5px;
  overflow: hidden;
  border-radius: 2px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-toggle span.language-banner svg {
  width: 15px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown div.dropdown-toggle span.language-name {
  line-height: 11px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item.dropdown a.dropdown-item {
  text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer div.footer-nav-get-apps {
  display: flex;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer div.footer-nav-get-apps a {
  margin-right: 5px;
  text-decoration: none;
  color: var(--cl-secondary-text-color);
  opacity: 0.5;
  transition: all 0.27s ease;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer div.footer-nav-get-apps a svg {
  width: 25px;
  height: 25px;
  transition: all 0.27s ease;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer div.footer-nav-get-apps a:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer div.footer-nav-get-apps a:active {
  opacity: 0.9;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.right-sb-container {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner {
    padding-bottom: 54px;
    max-width: 100% !important;
    overflow: hidden;
  }
}
body main.main-content-container.guest-mode div.main-content-container-inner div.left-sb-container {
  width: 320px;
  min-width: 320px;
}
body div.mobile-bottom-navbar {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  border-top: 1px solid var(--cl-primary-border-color);
  background: var(--cl-secondary-bg-color);
  z-index: 1000;
  height: 62px;
  display: none;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl {
  height: 100%;
  margin: 0;
  line-height: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: 0;
  cursor: pointer;
  padding: 0 15px;
  position: relative;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl svg {
  width: 25px;
  height: 25px;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl svg path {
  fill: var(--cl-secondary-text-color);
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl span.info-indicators {
  position: absolute;
  top: -10px;
  right: 20px;
  background: var(--cl-danger-color);
  color: var(--cl-group-text);
  text-align: center;
  padding: 4px;
  border-radius: 10em;
  z-index: 10;
  background-clip: padding-box;
  display: inline-block;
  font-size: 9px;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.3;
  min-height: 13px;
  min-width: 20px;
  position: relative;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl span.info-indicators::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  content: "";
  border-radius: 5em;
  box-shadow: 0 0 0 0 var(--cl-danger-color-lighten-5);
  transform: scale(1);
  animation: pulse 3s infinite;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl span.info-indicators:empty {
  display: none;
  visibility: hidden;
  opacity: 0;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--cl-primary-color);
  left: 0;
  bottom: 0;
  right: 0;
}
body form div.form-divider {
  border-bottom: 1px solid var(--cl-secondary-border-color);
  margin-bottom: 20px;
  margin-top: 20px;
}
body form div.form-switch {
  cursor: pointer !important;
}
body form div.form-group {
  margin-bottom: 20px;
}
body form div.form-group.no-mb {
  margin-bottom: 0px !important;
}
body form div.form-group.mt-20 {
  margin-top: 20px;
}
body form div.form-group.mb-10 {
  margin-bottom: 10px;
}
body form div.form-group label {
  font-size: 15px;
  font-style: bold;
  line-height: 1;
  color: var(--cl-primary-text-color);
  margin-bottom: 7px;
  font-weight: 700;
}
body form div.form-group input.form-control {
  height: 52px;
  border: none;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid var(--cl-secondary-border-color);
  box-shadow: none;
  outline: 0;
  font-size: 14px;
  color: var(--cl-primary-text-color);
  padding: 0px 20px;
}
body form div.form-group input.form-control::placeholder {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
}
body form div.form-group input.form-control:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
body form div.form-group input.form-control:not(:disabled):hover, body form div.form-group input.form-control:not(:disabled):focus, body form div.form-group input.form-control:not(:disabled):active {
  border: 1px solid var(--cl-primary-text-color);
  background-color: transparent;
}
body form div.form-group input.form-control.is-invalid {
  border-color: var(--cl-danger-color);
  box-shadow: none;
}
body form div.form-group input.form-control.is-invalid::placeholder {
  color: var(--cl-danger-color);
}
@media (max-width: 1199.98px) {
  body form div.form-group input.form-control {
    height: 44px;
    font-size: 14px;
  }
}
body form div.form-group div.password-ctrl {
  position: relative;
}
body form div.form-group div.password-ctrl button.password-ctrl {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0px;
  background: transparent;
  outline: 0;
  box-shadow: none;
  line-height: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
  cursor: pointer;
}
body form div.form-group div.password-ctrl button.password-ctrl span {
  display: inline-block;
  width: 100%;
  height: 100%;
}
body form div.form-group div.password-ctrl button.password-ctrl span svg {
  width: 100%;
  transition: all 0.5s ease;
}
body form div.form-group div.password-ctrl button.password-ctrl span svg path {
  fill: var(--cl-secondary-text-color);
}
body form div.form-group div.password-ctrl button.password-ctrl:hover span svg, body form div.form-group div.password-ctrl button.password-ctrl:active span svg {
  fill: var(--cl-primary-color);
}
body form div.form-group div.vue-dropdown-select {
  height: 52px;
  border: none;
  border-radius: 8px;
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}
@media (max-width: 1199.98px) {
  body form div.form-group div.vue-dropdown-select {
    height: 44px;
  }
}
body form div.form-group div.vue-dropdown-select button.dropdown-toggle {
  height: 52px !important;
  border: none !important;
  border-radius: 8px !important;
  border: 1px solid var(--cl-secondary-border-color) !important;
  outline: 0 !important;
  background: transparent;
  font-size: 13px;
  line-height: 13px;
  color: var(--cl-secondary-text-color);
  box-shadow: none !important;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}
body form div.form-group div.vue-dropdown-select button.dropdown-toggle::after {
  position: absolute;
  right: 20px;
  top: calc(50% - 6px);
  border: none;
  border-left: 2px solid var(--cl-secondary-text-color);
  border-bottom: 2px solid var(--cl-secondary-text-color);
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  transform: rotate(-45deg);
  transition: all 0.27s ease;
}
body form div.form-group div.vue-dropdown-select button.dropdown-toggle:not(:disabled):hover, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:not(:disabled):focus, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:not(:disabled):active {
  border: 1px solid var(--cl-primary-text-color);
  background-color: transparent;
  color: var(--cl-secondary-text-color);
}
body form div.form-group div.vue-dropdown-select button.dropdown-toggle:not(:disabled):hover::after, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:not(:disabled):focus::after, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:not(:disabled):active::after {
  border-color: var(--cl-primary-text-color);
}
@media (max-width: 1199.98px) {
  body form div.form-group div.vue-dropdown-select button.dropdown-toggle {
    height: 44px !important;
  }
}
body form div.form-group div.vue-dropdown-select.show button.dropdown-toggle::after {
  transform: rotate(-225deg);
}
body form div.form-group div.vue-dropdown-select .dropdown-menu {
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  max-width: 100%;
}
body form div.form-group div.vue-dropdown-select .dropdown-menu a.dropdown-item b.select-check-mark {
  font-size: 16px;
  font-weight: 500;
  color: var(--cl-primary-color);
  line-height: 16px;
  display: inline-block;
}
body form div.form-group textarea.form-control {
  resize: vertical;
  border: none;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid var(--cl-secondary-border-color);
  box-shadow: none;
  outline: 0;
  font-size: 15px;
  color: var(--cl-primary-text-color);
  min-height: 100px;
}
body form div.form-group textarea.form-control::placeholder {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
}
body form div.form-group textarea.form-control:not(:disabled):hover, body form div.form-group textarea.form-control:not(:disabled):focus, body form div.form-group textarea.form-control:not(:disabled):active {
  border: 1px solid var(--cl-primary-text-color);
  background-color: transparent;
}
body form div.form-group textarea.form-control:active {
  cursor: ns-resize;
}
@media (max-width: 1199.98px) {
  body form div.form-group textarea.form-control {
    font-size: 14px;
  }
}
body form div.form-group div.form-paymethods {
  margin-bottom: 10px;
}
body form div.form-group div.form-paymethods div.form-paymethods__item {
  border: 1px solid var(--cl-secondary-border-color);
  border-radius: var(--cl-tertiary-border-radius);
  position: relative;
  transition: border 0.27s ease;
  cursor: pointer;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  padding: 10px var(--cl-primary-offset-size);
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-logo {
  width: 45px;
  height: 30px;
  flex-shrink: 0;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-logo img {
  height: 100%;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-checkmark {
  margin-left: auto;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  line-height: 0px;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-checkmark svg {
  width: 100%;
  height: 100%;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-checkmark svg path {
  fill: var(--cl-secondary-text-color);
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.form-paymethods__item-checkmark {
  position: absolute;
  border-radius: 100%;
  background: var(--cl-primary-color);
  top: -7px;
  right: -7px;
  display: none;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.form-paymethods__item-checkmark svg {
  width: 16px;
  height: 16px;
  fill: #ffffff;
}
body form div.form-group div.form-paymethods div.form-paymethods__item:hover, body form div.form-group div.form-paymethods div.form-paymethods__item:active {
  border-color: var(--cl-primary-text-color);
}
body form div.form-group div.form-paymethods div.form-paymethods__item.active div.form-paymethods__item-checkmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body form div.form-group div.form-paymethods div.form-paymethods__item.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
body form div.form-group div.form-paymethods div.form-paymethods__item.disabled:hover, body form div.form-group div.form-paymethods div.form-paymethods__item.disabled:active {
  border-color: var(--cl-danger-color);
}
body form div.form-group div.form-dropzone {
  border: 2px dashed var(--cl-secondary-border-color);
  transition: all 0.27s;
  cursor: pointer;
  border-radius: 8px;
}
body form div.form-group div.form-dropzone div.form-dropzone__image {
  overflow: hidden;
}
body form div.form-group div.form-dropzone div.form-dropzone__image img {
  width: 100%;
  display: block;
}
body form div.form-group div.form-dropzone div.form-dropzone__text {
  padding: 35px 50px;
  text-align: center;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  font-size: 16px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty {
  padding: 35px var(--cl-primary-offset-size);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header {
  display: flex;
  justify-content: center;
  margin-bottom: var(--cl-primary-offset-size);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header div.form-dropzone__icon {
  background: var(--cl-secondary-bg-color);
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 100%;
  overflow: hidden;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header div.form-dropzone__icon svg {
  width: 24px;
  height: 24px;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header div.form-dropzone__icon svg path {
  fill: var(--cl-secondary-text-color);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__body {
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  color: var(--cl-secondary-text-color);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__footer {
  display: flex;
  justify-content: center;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__footer button.btn {
  padding-left: 30px;
  padding-right: 30px;
}
body form div.form-group div.form-dropzone:hover, body form div.form-group div.form-dropzone:active {
  border-color: var(--cl-primary-text-color);
}
body form div.form-group div.form-toggle {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding: 20px 0px;
}
body form div.form-group div.form-toggle div.form-toggle__lp {
  line-height: 1;
  flex-shrink: 0;
}
body form div.form-group div.form-toggle div.form-toggle__lp svg {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
body form div.form-group div.form-toggle div.form-toggle__lp svg path {
  fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body form div.form-group div.form-toggle div.form-toggle__lp svg {
    width: 20px;
    height: 20px;
  }
}
body form div.form-group div.form-toggle div.form-toggle__mp {
  flex: 1;
  margin: 0px var(--cl-primary-offset-size);
  line-height: 1;
  overflow: hidden;
}
body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__title {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  display: block;
  margin-bottom: 7px;
}
@media (max-width: 1199.98px) {
  body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__title {
    font-size: 13px;
  }
}
body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__desc {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1199.98px) {
  body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__desc {
    font-size: 12px;
  }
}
body form div.form-group div.form-toggle div.form-toggle__rp div.form-check {
  padding: 0px;
  min-height: auto;
  line-height: 1;
}
body form div.form-group div.form-toggle div.form-toggle__rp div.form-check input.form-check-input {
  margin: 0px;
  cursor: pointer;
  opacity: 1;
  float: none;
}
body form div.form-group div.form-tos div.form-check {
  min-height: auto;
  padding: 0px;
  display: flex;
  align-items: flex-start;
  user-select: none;
}
body form div.form-group div.form-tos div.form-check input.form-check-input {
  min-height: auto;
  float: none;
  margin: 0px;
  padding: 0px;
  flex-shrink: 0;
}
body form div.form-group div.form-tos div.form-check label.form-check-label {
  margin-left: var(--cl-primary-offset-size);
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
}
body form div.form-group div.form-tos div.form-check label.form-check-label a {
  text-decoration: none;
  color: var(--cl-primary-link-color);
}
@media (max-width: 1199.98px) {
  body form div.form-group div.form-tos div.form-check label.form-check-label {
    font-size: 12px;
  }
}
body form div.form-group div.form-info-label {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
  line-height: 1.6;
  margin-top: 5px;
  max-width: 80%;
}
@media (max-width: 1199.98px) {
  body form div.form-group div.form-info-label {
    font-size: 11px;
  }
}
body form div.invalid-main-feedback {
  font-size: 13px;
  color: var(--cl-danger-color);
  line-height: 1.6;
  margin-top: 5px;
}
body form div.invalid-main-feedback.mb-20 {
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  body form div.invalid-main-feedback {
    font-size: 11px;
  }
}
body form div.valid-main-feedback {
  font-size: 13px;
  color: var(--cl-primary-color);
  line-height: 1.6;
  margin-top: 5px;
}
body form div.valid-main-feedback.mb-20 {
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  body form div.valid-main-feedback {
    font-size: 11px;
  }
}
body div.main-preloader-holder {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--cl-primary-bg-color);
  z-index: 6000;
}
body div.main-preloader-holder div.main-preloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
body div.main-preloader-holder div.main-preloader div.loading {
  width: 60px;
}
body div.main-preloader-holder div.main-preloader div.loading img {
  width: 100%;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--cl-danger-color-lighten-5);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes infinite_marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
body .d-flex {
  width: 100%;
}
body .d-flex .flex-nw, body .d-flex .flex-wn {
  flex-wrap: nowrap;
}
body .d-flex .flex-grow-1 {
  flex: 1;
}
body .of-hide {
  overflow: hidden;
}
body .hidden, body .d-none {
  display: none;
}
body div.row {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
body .d-flex {
  display: flex;
}
body .d-inline-flex {
  display: inline-flex;
}
body .align-items-center {
  align-items: center;
}
body .align-items-start {
  align-items: flex-start;
}
body .align-items-end {
  align-items: flex-end;
}
body .justify-content-center {
  justify-content: center;
}
body .justify-content-start {
  justify-content: flex-start;
}
body .justify-content-end {
  justify-content: flex-end;
}
body .justify-content-between {
  justify-content: space-between;
}
body .flex-wn, body .flex-nw {
  flex-wrap: nowrap;
}
body div.col-lg-1,
body div.col-lg-2,
body div.col-lg-3,
body div.col-lg-4,
body div.col-lg-5,
body div.col-lg-6,
body div.col-lg-7,
body div.col-lg-8,
body div.col-lg-9,
body div.col-lg-10,
body div.col-lg-11,
body div.col-lg-12 {
  padding: 0px 10px;
}
body div.col-md-1,
body div.col-md-2,
body div.col-md-3,
body div.col-md-4,
body div.col-md-5,
body div.col-md-6,
body div.col-md-7,
body div.col-md-8,
body div.col-md-9,
body div.col-md-10,
body div.col-md-11,
body div.col-md-12 {
  padding: 0px 10px;
}
body div.col-sm-1,
body div.col-sm-2,
body div.col-sm-3,
body div.col-sm-4,
body div.col-sm-5,
body div.col-sm-6,
body div.col-sm-7,
body div.col-sm-8,
body div.col-sm-9,
body div.col-sm-10,
body div.col-sm-11,
body div.col-sm-12 {
  padding: 0px 10px;
}
body div.col-xs-1,
body div.col-xs-2,
body div.col-xs-3,
body div.col-xs-4,
body div.col-xs-5,
body div.col-xs-6,
body div.col-xs-7,
body div.col-xs-8,
body div.col-xs-9,
body div.col-xs-10,
body div.col-xs-11,
body div.col-xs-12 {
  padding: 0px 10px;
}
body div.col-xxl-1,
body div.col-xxl-2,
body div.col-xxl-3,
body div.col-xxl-4,
body div.col-xxl-5,
body div.col-xxl-6,
body div.col-xxl-7,
body div.col-xxl-8,
body div.col-xxl-9,
body div.col-xxl-10,
body div.col-xxl-11,
body div.col-xxl-12 {
  padding: 0px 10px;
}
body a.block-link {
  text-decoration: none;
  display: block;
  width: 100%;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
body a.inline-link {
  font-size: inherit !important;
  line-height: inherit !important;
  color: var(--cl-primary-link-color) !important;
  text-decoration: none;
  font-weight: 400;
}
body .col-red {
  color: var(--cl-danger-color) !important;
}
body .col-grey {
  color: var(--cl-secondary-text-color) !important;
}
body .col-blue {
  color: var(--cl-primary-color) !important;
}
body .ov-h {
  overflow: hidden;
}
body .ml-auto {
  margin-left: auto;
}
body .fw-400 {
  font-weight: 400 !important;
}
body svg[stroke-width="1.8"] {
  stroke-width: 1.6;
}
body video {
  max-height: 100%;
}
body [data-href] {
  cursor: pointer;
}
body span.user-name-holder {
  font-size: inherit;
  color: inherit;
  line-height: 1;
  display: inline-flex !important;
  justify-content: flex-start !important;
  overflow: hidden;
  flex-wrap: nowrap;
  align-items: center;
  width: auto !important;
  font-weight: inherit;
  max-width: 100%;
}
body span.user-name-holder span.user-name-holder__name {
  white-space: nowrap;
}
body span.user-name-holder span.user-name-holder__badge {
  width: var(--cl-primary-name-size);
  height: var(--cl-primary-name-size);
  line-height: 0;
  margin-left: 2px;
}
body span.user-name-holder span.user-name-holder__badge svg {
  width: 100%;
  height: 100%;
  fill: var(--cl-primary-color);
}
body a.image-wrapper.fbox-media {
  display: inherit !important;
  line-height: 0;
  text-decoration: none;
}
body div.cl-google-ads {
  margin-bottom: 15px;
  margin-top: 15px;
  background-color: #ffffff;
}
body div.cl-google-ads.centered {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
}
body span.spinner-icon svg path {
  fill: var(--cl-primary-color);
}
body div.bootstrap-bp-display {
  position: fixed;
  top: 90%;
  left: 50%;
  z-index: 10000;
  transform: translate(-50%, -50%);
  background: red;
  padding: 0.5rem 1rem;
  border-radius: 30px;
  color: var(--cl-group-text);
}
body div.cl-plyr-video div.plyr--video video.plyr {
  width: 100%;
  object-fit: contain;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls {
  display: flex;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__progress__container {
  flex: 1;
  padding-right: 10px;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__time {
  flex-shrink: 0;
  opacity: 0.6;
  font-weight: normal;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume {
  min-width: unset;
  width: unset;
  padding: 0px;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume:hover, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume:active {
  background: none;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__time:first-child {
  padding-left: 8px;
  letter-spacing: -1px;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls button.plyr__controls__item, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume button.plyr__control {
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
  opacity: 0.6;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls button.plyr__controls__item:hover, body div.cl-plyr-video div.plyr--video div.plyr__controls button.plyr__controls__item:active, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume button.plyr__control:hover, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume button.plyr__control:active {
  background: none;
  opacity: 1;
}
@media (max-width: 1199.98px) {
  body div.cl-plyr-video div.plyr--video div.plyr__controls {
    --plyr-control-icon-size: 15px;
    --plyr-control-spacing: 10px;
  }
}
body div.cl-plyr-video div.plyr--video button.plyr__control.plyr__control--overlaid {
  background-color: var(--cl-primary-color);
}
body div.cl-plyr-audio {
  border: 1px solid var(--cl-secondary-border-color);
  border-radius: 5em;
}
body div.cl-plyr-audio div.plyr--audio audio.plyr {
  width: 100%;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls {
  display: flex;
  padding: 12px 15px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__progress__container {
  flex: 1;
  padding-right: 10px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__time {
  flex-shrink: 0;
  opacity: 0.6;
  font-weight: normal;
  color: var(--cl-primary-text-color);
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume {
  min-width: unset;
  width: unset;
  padding: 0px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume:hover, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume:active {
  background: none;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__time:first-child {
  padding-left: 8px;
  letter-spacing: -1px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control {
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
  opacity: 0.6;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:hover, body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:active, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:hover, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:active {
  background: none;
  opacity: 1;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:hover svg, body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:active svg, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:hover svg, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:active svg {
  fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body div.cl-plyr-audio div.plyr--audio div.plyr__controls {
    padding: 8px;
    --plyr-control-icon-size: 15px;
    --plyr-control-spacing: 10px;
  }
}
body div.modal {
  z-index: 7000;
}
body div.modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body div.modal::-webkit-scrollbar {
  display: none;
}
body div.modal div.modal-balance-widget {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--cl-secondary-border-color);
}
body div.modal div.modal-balance-widget span {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
}
body div.modal div.modal-balance-widget h3 {
  font-size: 42px;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  letter-spacing: -0.04em;
}
body div.modal div.modal-dialog {
  max-width: 1255px !important;
  margin: 1.75rem auto;
}
@media (max-width: 1199.98px) {
  body div.modal div.modal-dialog {
    max-width: 100%;
  }
}
body div.modal div.modal-content {
  background: var(--cl-primary-bg-color);
  border: none;
  box-shadow: var(--cl-primary-box-shadow);
  border-radius: var(--cl-primary-border-radius);
  margin-left: 260px;
  max-width: 600px;
}
body div.modal div.modal-content div.modal-header {
  padding: 10px 20px 0px 20px;
  border-bottom: none;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner h5 {
  font-size: 16px;
  line-height: 1;
  color: var(--cl-primary-text-color);
  font-weight: 700;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal {
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal svg {
  width: 20px;
  height: 20px;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal svg path {
  fill: var(--cl-secondary-text-color);
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:hover, body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:active {
  background: var(--cl-secondary-bg-color);
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:hover svg, body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:active svg {
  fill: var(--cl-primary-color);
}
body div.modal div.modal-content div.modal-body {
  padding: var(--cl-primary-offset-size) 20px;
}
body div.modal div.modal-content div.modal-body.no-padding {
  padding: 0px;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item {
  border-bottom: 1px solid var(--cl-primary-border-color);
  transition: all 0.27s ease-in-out;
  padding: var(--cl-primary-offset-size);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar {
  width: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online {
  position: relative;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online:before {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #2fbf63;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  border: 2px solid var(--cl-primary-bg-color);
  z-index: 100;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data {
  flex: 1;
  padding-left: var(--cl-primary-offset-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body {
  flex: 1;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline {
  display: flex;
  justify-content: space-between;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name {
  line-height: 1;
  margin-bottom: 4px;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a {
  text-decoration: none;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span {
  font-size: var(--cl-primary-name-size);
  color: var(--cl-primary-text-color);
  font-weight: 600;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:hover, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:focus, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:active {
  color: var(--cl-primary-link-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
    margin-top: 8px;
  }
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item {
  margin-right: var(--cl-primary-offset-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  text-transform: lowercase;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span:first-child {
  color: var(--cl-primary-text-color);
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
    font-size: 12px;
  }
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 100%;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg {
  width: 26px;
  height: 26px;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg path {
  fill: var(--cl-secondary-text-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::before, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::after {
  display: none;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon {
  background: var(--cl-secondary-bg-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon svg, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon svg, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon svg {
  fill: var(--cl-primary-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
  color: var(--cl-primary-text-color);
  font-size: 14px;
  margin-top: 12px;
  line-height: 1.4;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
    font-size: 13px;
    margin-top: 8px;
  }
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about a {
  color: var(--cl-primary-text-color) !important;
  text-transform: none;
  font-weight: 600;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription {
  display: flex;
  justify-content: space-between;
  background-color: var(--cl-secondary-bg-color);
  padding: 10px 20px;
  margin-top: var(--cl-primary-offset-size);
  border-radius: 5em;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription span {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
  font-weight: 500;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader button {
  display: block;
  width: 100%;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  padding: var(--cl-primary-offset-size);
  margin: 0px;
  color: var(--cl-secondary-text-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader button:hover, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader button:active {
  background-color: var(--cl-secondary-bg-color);
  color: var(--cl-primary-black-color);
}
body div.modal div.modal-content div.modal-footer {
  border-top: 1px solid var(--cl-primary-border-color);
  padding: var(--cl-primary-offset-size) 20px;
}
body div.modal div.modal-content.ov-h {
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  body div.modal div.modal-content {
    margin-left: 0px;
  }
}
body div.modal.confirm-actions-modal div.modal-dialog {
  min-width: 300px;
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-body h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  padding: 0;
  margin: 0 0 10px 0;
  color: var(--cl-primary-text-color);
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-body p {
  font-size: 14px;
  line-height: 1.4;
  color: var(--cl-primary-text-color);
  padding: 0;
  margin: 0 0 15px 0;
  max-width: 90%;
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-footer {
  border-top: 1px solid var(--cl-primary-border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-footer button {
  width: calc(50% - 10px);
  flex-basis: calc(50% - 5px);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body div.modal.info-popup-modal div.modal-dialog div.modal-body h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  padding: 0;
  margin: 0 0 10px 0;
  color: var(--cl-primary-text-color);
}
body div.modal.info-popup-modal div.modal-dialog div.modal-body p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--cl-secondary-text-color);
  padding: 0;
  margin: 0;
}
body div.modal.info-popup-modal div.modal-dialog div.modal-footer {
  border-top: 1px solid var(--cl-primary-border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body div.modal.info-popup-modal div.modal-dialog div.modal-footer button {
  width: calc(50% - 10px);
  flex-basis: calc(50% - 5px);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body div.modal.share-post-modal div.social-media-links div.row {
  margin: 0px 5px;
}
body div.modal.share-post-modal div.social-media-links div.row div.col-3 {
  padding: 0px 5px;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  body div.modal.share-post-modal div.social-media-links div.row div.col-3 {
    width: 50%;
  }
}
body div.modal.share-post-modal div.social-media-links a.link-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background-color: var(--cl-secondary-bg-color);
  border-radius: 5em;
  text-decoration: none;
  color: var(--cl-primary-text-color);
  font-size: 14px;
}
body div.modal.share-post-modal div.social-media-links a.link-item svg {
  width: 20px;
  height: 20px;
  fill: var(--cl-primary-text-color);
  margin-right: 4px;
}
body div.modal.share-post-modal div.raw-link {
  padding-top: 5px;
  padding-bottom: 15px;
}
body div.modal.share-post-modal div.raw-link p {
  font-size: 15px;
  color: var(--cl-secondary-text-color);
  text-align: center;
  padding: 0;
  margin: 0 0 15px 0;
}
body div.modal.share-post-modal div.raw-link div.link-input {
  position: relative;
  overflow: hidden;
}
body div.modal.share-post-modal div.raw-link div.link-input input {
  width: 100%;
  height: 52px;
  border: none;
  border-radius: 5em;
  background: var(--cl-input-bg-color);
  border: none;
  box-shadow: none;
  outline: 0;
  font-size: 15px;
  color: var(--cl-primary-text-color);
  padding: 0px 25px;
}
body div.modal.share-post-modal div.raw-link div.link-input input::placeholder {
  font-size: 15px;
  color: var(--cl-secondary-text-color);
}
body div.modal.share-post-modal div.raw-link div.link-input input:hover, body div.modal.share-post-modal div.raw-link div.link-input input:focus, body div.modal.share-post-modal div.raw-link div.link-input input:active {
  background: var(--cl-input-bg-color);
}
body div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: 0;
  background-color: transparent;
  padding: 0 15px;
  margin: 0;
  box-shadow: none;
  border-radius: 100%;
  cursor: pointer;
}
body div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy svg {
  width: 22px;
  height: 22px;
}
body div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy svg path {
  fill: var(--cl-secondary-text-color);
}
body div.modal.modal-pubbox.vis-hidden {
  visibility: hidden !important;
}
body div.modal.modal-pubbox.vis-hidden * {
  visibility: hidden !important;
}
body div.modal.report-modal div.modal-content div.modal-body div.form-group div.report-reasons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body div.modal.report-modal div.modal-content div.modal-body div.form-group div.report-reasons button.btn {
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
}
body div.modal.report-modal div.modal-content div.modal-footer button {
  margin: 0;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__header {
  margin-bottom: 40px;
  text-align: center;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__header h4 {
  font-size: 22px;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  line-height: 1.4;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__header p {
  font-size: 15px;
  color: var(--cl-secondary-text-color);
  line-height: 1.4;
  padding: 0px 20px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group {
  margin-bottom: 20px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__group-title {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
  font-weight: 500;
  margin-bottom: 5px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list {
  background: var(--cl-secondary-bg-color);
  padding-bottom: 0px;
  border-radius: var(--cl-tertiary-border-radius);
  padding-top: 15px;
  padding: 15px 7px 0px 7px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.row {
  margin-left: -7px;
  margin-right: -7px;
  align-items: flex-end;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.row div.col-sm-4, body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.row div.col-sm-3 {
  padding-left: 7px;
  padding-right: 7px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border-radius: var(--cl-secondary-border-radius);
  padding: 0px;
  cursor: pointer;
  align-items: center;
  margin-bottom: 15px;
  border: 2px solid transparent;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li span.active-color {
  width: 20px;
  height: 20px;
  line-height: 0;
  display: inline-block;
  padding: 3px;
  background: var(--cl-primary-color);
  border-radius: 30px;
  margin-bottom: 5px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li span.active-color svg {
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 255, 0.6);
  stroke-width: 2;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.icon {
  width: 35px;
  height: 35px;
  min-width: 35px;
  border-radius: 35px;
  margin-bottom: 5px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.icon span.emoji-icon {
  width: 100%;
  height: 100%;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.icon span.emoji-icon svg {
  width: 35px;
  height: 35px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.name b {
  display: block;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  color: var(--cl-secondary-text-color);
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group:last-child {
  margin-bottom: 0px;
}
body div.modal.subscription-modal div.subscription-form {
  padding: var(--cl-primary-offset-size);
}
body div.modal.subscription-modal div.subscription-form__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: flex-start;
}
body div.modal.subscription-modal div.subscription-form__header div.lp {
  display: flex;
  align-items: center;
}
body div.modal.subscription-modal div.subscription-form__header div.lp__avatar {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid var(--cl-primary-border-color);
}
body div.modal.subscription-modal div.subscription-form__header div.lp__avatar img {
  width: 100%;
}
body div.modal.subscription-modal div.subscription-form__header div.lp__avatar:last-child {
  margin-left: -10px;
}
body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal {
  padding: 0px;
  margin: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 1;
}
body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal svg {
  width: 100%;
  height: 100%;
  fill: var(--cl-secondary-text-color);
}
body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal:hover svg, body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal:active svg {
  fill: var(--cl-primary-color);
}
body div.modal.subscription-modal div.subscription-form__body {
  margin-bottom: 24px;
}
body div.modal.subscription-modal div.subscription-form__body h3 {
  font-size: 20px;
  font-weight: 700;
  padding: 0px;
  margin: 0px 0px 2px 0px;
  color: var(--cl-primary-text-color);
}
body div.modal.subscription-modal div.subscription-form__body p {
  font-size: 14px;
  color: var(--cl-primary-text-color);
  margin-bottom: var(--cl-primary-offset-size);
  max-width: 80%;
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price {
  border-top: 1px solid var(--cl-primary-border-color);
  padding-top: var(--cl-primary-offset-size);
  color: var(--cl-primary-text-color);
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price__header {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price__body {
  font-size: 14px;
  line-height: 1;
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price__body span {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
body div.modal.subscription-modal div.subscription-form__footer {
  border-top: 1px solid var(--cl-primary-border-color);
  padding-top: var(--cl-primary-offset-size);
}
body div.modal.subscription-modal div.subscription-form__footer div.btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
body div.modal.subscription-modal div.subscription-form__footer div.btn-group button {
  width: calc(50% - 10px);
  flex-basis: calc(50% - 5px);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body div.modal.subscription-modal div.subscription-form__footer span {
  display: block;
  font-size: 12px;
  text-align: center;
  color: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body div.modal {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body div.modal-backdrop {
  opacity: 1 !important;
  background-color: var(--cl-modal-backdrop);
}
body .dropdown div.dropdown-menu, body .dropleft div.dropdown-menu, body .dropright div.dropdown-menu, body .dropup div.dropdown-menu {
  border: none;
  box-shadow: var(--cl-primary-box-shadow);
  padding: 5px 0px;
  z-index: 1600;
  position: absolute;
  min-width: 290px;
  max-width: 290px;
  border-radius: var(--cl-secondary-border-radius);
  background: var(--cl-primary-bg-color);
}
body .dropdown div.dropdown-menu a.dropdown-item, body .dropleft div.dropdown-menu a.dropdown-item, body .dropright div.dropdown-menu a.dropdown-item, body .dropup div.dropdown-menu a.dropdown-item {
  font-size: 15px;
  line-height: 15px;
  color: var(--cl-primary-text-color);
  padding: 10px 20px;
  overflow: hidden;
  font-weight: 400;
}
body .dropdown div.dropdown-menu a.dropdown-item:hover, body .dropdown div.dropdown-menu a.dropdown-item:active, body .dropdown div.dropdown-menu a.dropdown-item.active, body .dropleft div.dropdown-menu a.dropdown-item:hover, body .dropleft div.dropdown-menu a.dropdown-item:active, body .dropleft div.dropdown-menu a.dropdown-item.active, body .dropright div.dropdown-menu a.dropdown-item:hover, body .dropright div.dropdown-menu a.dropdown-item:active, body .dropright div.dropdown-menu a.dropdown-item.active, body .dropup div.dropdown-menu a.dropdown-item:hover, body .dropup div.dropdown-menu a.dropdown-item:active, body .dropup div.dropdown-menu a.dropdown-item.active {
  background: var(--cl-event-hover-bg) !important;
}
body .dropdown div.dropdown-menu div.dropdown-divider, body .dropleft div.dropdown-menu div.dropdown-divider, body .dropright div.dropdown-menu div.dropdown-divider, body .dropup div.dropdown-menu div.dropdown-divider {
  padding: 0;
  margin: 2px 0;
  border-color: var(--cl-primary-border-color);
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon), body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon), body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon), body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon) {
  flex: 1;
  max-width: calc(100% - 60px);
  overflow: hidden;
  line-height: 1;
  white-space: normal;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 8px;
  line-height: 1.2;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg {
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path {
  fill: var(--cl-primary-text-color);
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo {
  margin-right: 0px;
  margin-left: 12px;
  width: 20px;
  height: 20px;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg {
  fill: var(--cl-secondary-text-color);
  width: 20px;
  height: 20px;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item {
  color: var(--cl-danger-color);
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg {
  fill: var(--cl-danger-color);
}
body button.btn-custom, body div.btn-custom {
  border-radius: 5em;
  font-weight: 600;
  line-height: 1;
}
body button.btn-custom.main-inline, body div.btn-custom.main-inline {
  color: #ffffff;
  background-color: #14171a;
  border: 1px solid #14171a;
  outline: 0;
}
body button.btn-custom.main-inline:not([disabled]):hover, body button.btn-custom.main-inline:not([disabled]):active, body button.btn-custom.main-inline:not([disabled]):focus, body div.btn-custom.main-inline:not([disabled]):hover, body div.btn-custom.main-inline:not([disabled]):active, body div.btn-custom.main-inline:not([disabled]):focus {
  background: #2a3137;
}
body button.btn-custom.main-black, body div.btn-custom.main-black {
  color: #ffffff;
  background-color: #14171a;
  border: 1px solid #14171a;
  outline: 0;
}
body button.btn-custom.main-black:not([disabled]):hover, body button.btn-custom.main-black:not([disabled]):active, body button.btn-custom.main-black:not([disabled]):focus, body div.btn-custom.main-black:not([disabled]):hover, body div.btn-custom.main-black:not([disabled]):active, body div.btn-custom.main-black:not([disabled]):focus {
  background: #2a3137;
}
body button.btn-custom.main-gray, body div.btn-custom.main-gray {
  color: var(--cl-primary-text-color);
  background-color: #F0F2F5;
  border: 1px solid #F0F2F5;
  outline: 0;
}
body button.btn-custom.main-gray:not([disabled]):hover, body button.btn-custom.main-gray:not([disabled]):active, body button.btn-custom.main-gray:not([disabled]):focus, body div.btn-custom.main-gray:not([disabled]):hover, body div.btn-custom.main-gray:not([disabled]):active, body div.btn-custom.main-gray:not([disabled]):focus {
  background: #e1e5eb;
}
body button.btn-custom.main-green, body div.btn-custom.main-green {
  color: #ffffff;
  background-color: #2fbf63;
  border: none;
  outline: 0;
}
body button.btn-custom.main-green:not([disabled]):hover, body button.btn-custom.main-green:not([disabled]):active, body button.btn-custom.main-green:not([disabled]):focus, body div.btn-custom.main-green:not([disabled]):hover, body div.btn-custom.main-green:not([disabled]):active, body div.btn-custom.main-green:not([disabled]):focus {
  background-color: #2aab58;
}
body button.btn-custom.main-outline, body div.btn-custom.main-outline {
  color: var(--cl-primary-text-color);
  background: transparent;
  box-shadow: none;
  border: 1px solid var(--cl-primary-text-color);
  outline: 0;
}
body button.btn-custom.main-outline:not([disabled]):hover, body button.btn-custom.main-outline:not([disabled]):active, body button.btn-custom.main-outline:not([disabled]):focus, body div.btn-custom.main-outline:not([disabled]):hover, body div.btn-custom.main-outline:not([disabled]):active, body div.btn-custom.main-outline:not([disabled]):focus {
  background-color: var(--cl-secondary-bg-color);
}
body button.btn-custom.lg, body div.btn-custom.lg {
  padding: 12px 35px;
  font-size: 13px;
  line-height: 1;
}
body button.btn-custom.md, body div.btn-custom.md {
  padding: 10px 24px;
  font-size: 13px;
}
body button.btn-custom.sm, body div.btn-custom.sm {
  padding: 8px 15px;
  font-size: 11px;
}
body button.btn-custom.main-red, body div.btn-custom.main-red {
  color: #ffffff;
  background: var(--cl-danger-color);
  border: 1px solid var(--cl-danger-color);
  outline: 0;
}
body button.btn-custom.main-grey, body div.btn-custom.main-grey {
  color: var(--cl-secondary-text-color);
  background-color: var(--cl-secondary-bg-color);
  box-shadow: none;
  border: 1px solid var(--cl-secondary-bg-color);
  outline: 0;
}
body button.btn-custom.btn-block, body div.btn-custom.btn-block {
  width: 100%;
}
body button.btn-custom:hover, body button.btn-custom:active, body button.btn-custom:focus, body div.btn-custom:hover, body div.btn-custom:active, body div.btn-custom:focus {
  box-shadow: none;
}
@media (max-width: 1199.98px) {
  body button.btn-custom.md, body button.btn-custom.lg, body div.btn-custom.md, body div.btn-custom.lg {
    padding: 12px 12px;
    font-size: 11px;
  }
  body button.btn-custom.sm, body div.btn-custom.sm {
    padding: 6px 10px;
    font-size: 10px;
  }
}
body button.btn-custom-icon, body div.btn-custom-icon {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
  line-height: 1;
}
body button.btn-custom-icon svg, body div.btn-custom-icon svg {
  width: 22px;
  height: 22px;
}
body button.btn-custom-icon svg path, body div.btn-custom-icon svg path {
  fill: var(--cl-secondary-text-color);
}
body button.btn-custom-icon:hover, body button.btn-custom-icon:active, body button.btn-custom-icon:focus, body div.btn-custom-icon:hover, body div.btn-custom-icon:active, body div.btn-custom-icon:focus {
  background: var(--cl-secondary-bg-color);
}
body button.btn-custom-icon:hover svg path, body button.btn-custom-icon:active svg path, body button.btn-custom-icon:focus svg path, body div.btn-custom-icon:hover svg path, body div.btn-custom-icon:active svg path, body div.btn-custom-icon:focus svg path {
  fill: var(--cl-secondary-text-color);
}
body button.btn-custom-icon.col-red:hover svg path, body button.btn-custom-icon.col-red:active svg path, body button.btn-custom-icon.col-red:focus svg path, body div.btn-custom-icon.col-red:hover svg path, body div.btn-custom-icon.col-red:active svg path, body div.btn-custom-icon.col-red:focus svg path {
  fill: var(--cl-danger-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: var(--cl-primary-color);
  border-radius: 100%;
  border: none;
  box-shadow: none;
  outline: 0;
  padding: 3px;
  z-index: 1000;
  line-height: 1;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview:disabled {
  cursor: wait !important;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview:hover svg, body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview:active svg {
  transform: scale(1.2);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput {
  display: flex;
  flex-wrap: nowrap;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-avatar {
  width: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-avatar img {
  width: 100%;
  border-radius: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input {
  flex: 1;
  margin-bottom: 10px;
  margin-left: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea {
  display: block;
  width: 100%;
  min-height: 40px;
  max-height: 400px;
  resize: none;
  font-size: 16px;
  color: var(--cl-primary-text-color);
  line-height: 1.4;
  border: none;
  border-radius: 0px;
  outline: 0;
  background: transparent;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea::placeholder {
  color: var(--cl-input-placeholder-color);
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
}
@media (max-width: 1199.98px) {
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea {
    font-size: 14px;
  }
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea::placeholder {
    font-size: 16px;
  }
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete {
  position: relative;
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags {
  width: 300px;
  box-shadow: var(--cl-primary-box-shadow);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: var(--cl-primary-bg-color);
  overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list::-webkit-scrollbar, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list::-webkit-scrollbar {
  width: 5px;
  background: var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list::-webkit-scrollbar-thumb, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list::-webkit-scrollbar-thumb {
  background-color: var(--cl-primary-color);
  outline: 0;
  border-radius: 5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--cl-primary-border-color);
  cursor: pointer;
  padding: var(--cl-primary-offset-size);
  overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar {
  flex-basis: 38px;
  height: 38px;
  flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar img, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username {
  padding-left: var(--cl-primary-offset-size);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.user-name-holder, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.user-name-holder {
  max-width: calc(100% - 20px);
  font-weight: 600;
  color: var(--cl-primary-text-color);
  font-size: var(--cl-primary-name-size);
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.username, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.username {
  color: var(--cl-secondary-text-color);
  font-size: var(--cl-primary-name-size);
  flex-basis: 100%;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item:last-child, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item:last-child {
  border-bottom: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item:focus, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item:focus {
  background: var(--cl-event-hover-bg);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar {
  width: 5px;
  background: var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar-thumb, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar-thumb {
  background-color: var(--cl-primary-color);
  outline: 0;
  border-radius: 5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item {
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding: var(--cl-primary-offset-size);
  cursor: pointer;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag {
  font-size: 16px;
  line-height: 1.4;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag span, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag span {
  color: var(--cl-secondary-text-color);
  font-weight: normal;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:last-child, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:last-child {
  border-bottom: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:focus, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:focus {
  background: var(--cl-event-hover-bg);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons {
  border: 1px solid var(--cl-primary-border-color);
  margin-bottom: 20px;
  border-radius: var(--cl-secondary-border-radius);
  overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 2px solid var(--cl-primary-border-color);
  overflow: hidden;
  padding: 0px var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item {
  height: 45px;
  width: 45px;
  min-width: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item span.emoji_group_icon {
  font-size: 15px;
  line-height: 15px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item span.emoji_group_icon svg {
  width: 22px;
  height: 22px;
  filter: grayscale(100%);
  opacity: 0.5;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item.active {
  border-bottom: 3px solid var(--cl-primary-color);
  border-bottom-style: inset;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item.active span.emoji_group_icon svg {
  filter: unset;
  opacity: 1;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group {
  width: 100%;
  display: block;
  line-height: 20px;
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding: 15px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group span {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 22px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group:last-child {
  border-bottom: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list::-webkit-scrollbar {
  width: 5px;
  background: var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list::-webkit-scrollbar-thumb {
  background-color: var(--cl-primary-color);
  outline: 0;
  border-radius: 5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph {
  margin-bottom: 10px;
  background: var(--cl-primary-bg-color);
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
  position: relative;
  overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__image {
  overflow: hidden;
  border-bottom: 1px solid var(--cl-primary-border-color);
  background: var(--cl-event-hover-bg);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__image img {
  width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description {
  padding: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description h5 {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 18px;
  line-height: 1.4;
  color: var(--cl-primary-text-color);
  word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description p {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1.4;
  padding: 0;
  margin: 0 0 5px 0;
  word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description a {
  font-size: 14px;
  line-height: 1.2;
  color: var(--cl-primary-color);
  text-decoration: none;
  display: block;
  word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images div.pubbox-images div.pubbox-images__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  margin-left: -5px;
  margin-right: -5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images div.pubbox-images div.pubbox-images__list div.pubbox-images__list-item {
  width: 25%;
  max-width: 25%;
  min-width: 25%;
  flex-basis: 25%;
  padding: 5px;
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
  overflow: hidden;
  position: relative;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images div.pubbox-images div.pubbox-images__list div.pubbox-images__list-item img {
  width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video {
  position: relative;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a {
  display: block;
  text-decoration: none;
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
  overflow: hidden;
  position: relative;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a img {
  width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button {
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 500;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button span.video-play-button__arrow {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10em;
  padding: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button span.video-play-button__arrow svg {
  width: 100%;
  height: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button span.video-play-button__arrow svg path {
  fill: #ffffff;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button:hover span.video-play-button__arrow, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button:active span.video-play-button__arrow {
  background: rgba(0, 0, 0, 0.7);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio {
  display: flex;
  overflow: hidden;
  align-items: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio div.pubbox-audio__player {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio div.pubbox-audio__player audio {
  display: block;
  width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio div.pubbox-audio__ctrl button.delete-preview {
  position: static;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document {
  display: flex;
  overflow: hidden;
  align-items: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  border: 1px solid var(--cl-primary-border-color);
  padding: 7px var(--cl-primary-offset-size);
  border-radius: var(--cl-tertiary-border-radius);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon {
  width: 24px;
  height: 32px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon svg {
  width: 24px;
  height: 24px;
  fill: var(--cl-secondary-text-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__name {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  font-weight: 500;
  margin-left: 10px;
}
@media (max-width: 1199.98px) {
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon {
    width: 20px;
    height: 20px;
  }
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon svg {
    width: 20px;
    height: 20px;
  }
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__name {
    font-size: 12px;
  }
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__ctrl button.delete-preview {
  position: static;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview {
  position: relative;
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
  overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview img {
  width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview div.gif-preloader {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: var(--cl-primary-bg-color);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border-radius: var(--cl-primary-border-radius);
  z-index: 10;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview div.gif-preloader span.spinner-icon {
  width: 35px;
  height: 35px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview div.gif-preloader span.spinner-icon svg {
  width: 100%;
  height: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview.loading {
  height: 150px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview.loading img {
  padding: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader {
  background: var(--cl-primary-bg-color);
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar {
  border-bottom: 1px solid var(--cl-primary-border-color);
  position: relative;
  margin-bottom: 4px;
  padding: var(--cl-primary-offset-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input {
  position: relative;
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input {
  border: 2px solid transparent;
  background: var(--cl-input-bg-color);
  border-radius: var(--cl-tertiary-border-radius);
  padding: 0px 48px;
  height: 48px;
  font-size: 14px;
  color: var(--cl-primary-text-color);
  box-shadow: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input::placeholder {
  color: var(--cl-input-placeholder-color);
  font-size: 14px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:active, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:focus {
  border: 2px solid var(--cl-primary-color);
  background: var(--cl-primary-bg-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:active + span.searchbar-input__icon svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:hover + span.searchbar-input__icon svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:focus + span.searchbar-input__icon svg {
  fill: var(--cl-primary-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input span.searchbar-input__icon {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input span.searchbar-input__icon svg {
  width: 22px;
  height: 22px;
  fill: var(--cl-secondary-text-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl {
  flex-basis: 48px;
  flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;
  box-shadow: none;
  outline: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button svg {
  width: 24px;
  height: 24px;
  fill: var(--cl-secondary-text-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:active {
  background: var(--cl-secondary-bg-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:hover svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:active svg {
  fill: var(--cl-primary-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 100px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column {
  flex-basis: calc(50% - 3px);
  flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item {
  margin-bottom: 5px;
  position: relative;
  background: var(--cl-primary-bg-color);
  z-index: 5;
  overflow: hidden;
  width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item.loading {
  height: 150px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item img {
  width: 100%;
  cursor: pointer;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item div.gif-preloader {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: var(--cl-secondary-bg-color);
  z-index: 10;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll {
  overflow: hidden;
  background: var(--cl-primary-bg-color);
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__header {
  padding: var(--cl-primary-offset-size);
  padding-bottom: 0px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__header h4 {
  font-size: 13px;
  padding: 0;
  margin: 0;
  color: var(--cl-secondary-text-color);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body {
  padding: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group {
  position: relative;
  margin-bottom: 0px;
  cursor: pointer;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group small {
  position: absolute;
  top: 0px;
  right: 55px;
  bottom: 0px;
  color: var(--cl-secondary-text-color);
  font-size: 13px;
  text-transform: uppercase;
  line-height: 52px;
  display: none;
  font-weight: 500;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group small:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group small:active {
  display: inline-block;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option {
  position: absolute;
  top: calc(50% - 12px);
  right: 15px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: var(--cl-primary-color);
  border-radius: 100%;
  border: none;
  box-shadow: none;
  outline: 0;
  padding: 3px;
  z-index: 1000;
  line-height: 1;
  display: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option:disabled {
  cursor: wait !important;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option:hover svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option:active svg {
  transform: scale(1.2);
}
@media (max-width: 1199.98px) {
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option {
    width: 20px;
    height: 20px;
    padding: 0px;
  }
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:hover button.delete-poll-option, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:focus button.delete-poll-option, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:active button.delete-poll-option {
  display: inline-block;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:hover small, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:focus small, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:active small {
  display: inline-block;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item:last-child {
  margin-bottom: 0px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__footer {
  padding: var(--cl-primary-offset-size);
  border-top: 1px solid var(--cl-primary-border-color);
  display: flex;
  justify-content: flex-end;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__footer button.btn:last-child {
  margin-left: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__footer:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__donate {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__donate div.pubbox-donate {
  overflow: hidden;
  background: var(--cl-primary-bg-color);
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-primary-border-color);
  padding: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__donate div.pubbox-donate div.form-group {
  margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 10px 0px;

}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item {
  background: none;
  border: none;
  outline: none;
  padding: 0px;
  margin: 0 8px 0 0;
  box-shadow: none;
  width: 24px;
  height: 24px;
  border-radius: 10em;
  position: relative;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item svg {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item svg path {
  fill: var(--cl-primary-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item:hover::after, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item:active::after, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item:focus::after {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 116, 176, 0.1215686275);
  content: "";
  border-radius: 5em;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length {
  text-align: center;
  border: none;
  padding: 0px;
  width: auto;
  margin-right: 0;
  margin-left: 12px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length:active, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length:focus {
  background: transparent;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length:hover:after, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length:active:after, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length:focus:after {
  display: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length small {
  color: var(--cl-secondary-text-color);
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
  vertical-align: middle;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length small.len-error {
  color: var(--cl-danger-color);
  font-weight: bold;
}

/* Align submit controls to the far right of the media icon row */
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline div.post-publication {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.audio-recording {
  position: relative;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.audio-recording svg {
  fill: var(--cl-danger-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.audio-recording::before {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  content: "";
  border-radius: 5em;
  box-shadow: 0 0 0 0 var(--cl-danger-color-lighten-5);
  transform: scale(1);
  animation: pulse 3s infinite;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.audio-recording span.record-timer {
  width: 50px;
  position: absolute;
  top: -18px;
  left: calc(50% - 25px);
  color: #ffffff;
  background: var(--cl-primary-color);
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 5px;
  line-height: 1;
  box-shadow: var(--cl-primary-box-shadow);
  font-weight: 500;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.audio-recording span.record-timer:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-color: var(--cl-primary-color) transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
  left: calc(50% - 6px);
  top: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding-bottom: 5px;
  margin: 5px 0px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy {
  margin-right: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings {
  background: none;
  padding: 0;
  margin: 0;
  line-height: 1;
  border: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle {
  padding: 0;
  margin: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle:after, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle:before {
  display: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex {
  height: 30px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.icon svg {
  width: 22px;
  height: 22px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.icon svg path {
  fill: var(--cl-primary-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.label {
  font-size: 13px;
  line-height: 1;
  color: #0C8FE6;
  margin-left: 8px;
}
@media (max-width: 1199.98px) {
  body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.label {
    display: none;
  }
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings:active {
  background: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-publication {
  margin-left: auto;
  margin-top: 8px;
  bottom: 19px;
  right: 18px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-publication button:disabled {
  opacity: 0.9;
  cursor: default;
  padding-left: 24px;
  padding-right: 24px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__progress {
  overflow: hidden;
  border-radius: 8px;
  margin-top: 24px;
  background-color: var(--cl-input-bg-color);
  line-height: 1;
  padding: 0px;
  height: 16px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__progress div.progress-line {
  display: block;
  max-width: 100%;
  min-width: 1%;
  background-color: var(--cl-primary-text-color);
  border-radius: 1px;
  height: 100%;
  font-size: 12px;
  text-align: center;
  color: var(--cl-secondary-bg-color);
  line-height: 16px;
  font-weight: 700;
}
body div.popover {
  padding: 0;
  max-width: 100%;
  border: none;
  box-shadow: none;
  outline: 0;
  border-radius: 0px;
  background: transparent;
  overflow: visible;
  z-index: 3000;
}
body div.popover div.user-infobox {
  width: 340px;
  background: var(--cl-primary-bg-color);
  box-shadow: var(--cl-primary-box-shadow);
  border-radius: var(--cl-tertiary-border-radius);
  overflow: hidden;
  position: fixed;
  top: 40%;
  left: 40%;
}
body div.popover div.user-infobox div.user-infobox__header div.cover {
  background: var(--cl-primary-bg-color);
}
body div.popover div.user-infobox div.user-infobox__header div.cover img {
  width: 100%;
}
body div.popover div.user-infobox div.user-infobox__header div.avatar {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 100%;
  border: 3px solid var(--cl-primary-bg-color);
  background: var(--cl-primary-bg-color);
  margin-left: var(--cl-primary-offset-size);
  margin-top: -40px;
  position: relative;
  z-index: 2;
}
body div.popover div.user-infobox div.user-infobox__header div.avatar img {
  width: 100%;
  height: 100%;
}
body div.popover div.user-infobox div.user-infobox__body {
  padding: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name {
  margin-bottom: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a span {
  display: inherit;
  width: auto;
  color: var(--cl-secondary-text-color);
  font-size: 16px;
  line-height: 1;
  text-transform: lowercase;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a span:first-child {
  color: var(--cl-primary-text-color);
  font-size: 20px;
  font-weight: 500;
  text-transform: initial;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a span:first-child::after {
  width: 20px;
  height: 20px;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter {
  display: flex;
  align-items: center;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item {
  margin-right: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item a {
  display: block;
  text-decoration: none;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item span {
  font-size: 16px;
  color: var(--cl-secondary-text-color);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item span:first-child {
  font-weight: 700;
  color: var(--cl-primary-text-color);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__bio {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--cl-primary-text-color);
}
body div.popover div.user-infobox div.user-infobox__footer {
  border-top: 1px solid var(--cl-primary-border-color);
  padding: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__footer a {
  display: block;
  text-decoration: none;
}
body.waitme-on {
  overflow: hidden !important;
}
body.waitme-on div.cl-waitme {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.55);
  z-index: 1200;
}
body.waitme-on div.cl-waitme div.cl-waitme__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0px !important;
  transform: unset !important;
  height: 100vh !important;
  padding: 7vw;
}
body.waitme-on div.cl-waitme div.cl-waitme__content div.cl-waitme__spinner {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border-width: 5px;
  border-style: solid;
  border-left-color: var(--cl-primary-border-color);
  border-right-color: var(--cl-primary-border-color);
  border-bottom-color: var(--cl-primary-border-color);
  border-top-color: var(--cl-primary-color);
  animation: rotation 0.55s infinite linear;
}
body div.cookie-alert {
  position: fixed;
  background-color: #1D1D20;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
  padding: 0px 20px;
}
body div.cookie-alert__inner {
  padding: 40px 0px;
  color: #ffffff;
  max-width: 1240px !important;
  margin-left: auto;
  margin-right: auto;
}
body div.cookie-alert__inner div.cookie-message {
  display: flex;
}
body div.cookie-alert__inner div.cookie-message div.lp {
  flex: 1;
  padding-right: 120px;
}
body div.cookie-alert__inner div.cookie-message div.lp h4 {
  font-size: 24px;
  font-weight: 500;
}
body div.cookie-alert__inner div.cookie-message div.lp p {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 300;
  opacity: 0.9;
}
body div.cookie-alert__inner div.cookie-message div.lp p a {
  color: inherit;
}
body div.cookie-alert__inner div.cookie-message div.rp {
  width: 300px;
}
body div.cookie-alert__inner div.cookie-message div.rp button.main-white {
  background-color: #F7F7F5;
  color: #1D1D20;
  display: block;
  width: 100%;
}
body div.cookie-alert__inner div.cookie-message div.rp button.main-white-outline {
  border: 1px solid #F7F7F5;
  background-color: transparent;
  color: #F7F7F5;
  margin-top: 12px;
}
@media (max-width: 991.98px) {
  body div.cookie-alert__inner div.cookie-message {
    display: block;
  }
  body div.cookie-alert__inner div.cookie-message div.rp {
    margin-top: 42px;
  }
}
@media (max-width: 767.98px) {
  body div.cookie-alert__inner div.cookie-message div.rp {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  body div.mobile-bottom-navbar {
    display: block;
  }
  body.mobile-sb-open {
    overflow: hidden;
  }
  body.mobile-sb-open div.sb-open-overlay {
    cursor: pointer;
    -moz-transition: right 0.5s;
    -o-transition: right 0.5s;
    -webkit-transition: right 0.5s;
    transition: right 0.5s;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 4950;
  }
}
body[data-bg=dark] button.btn-custom.main-inline, body[data-bg=dark] div.btn-custom.main-inline {
  background-color: var(--cl-primary-text-color);
  color: var(--cl-primary-bg-color);
}
body[data-bg=dark] button.btn-custom.main-inline:hover, body[data-bg=dark] button.btn-custom.main-inline:active, body[data-bg=dark] button.btn-custom.main-inline:focus, body[data-bg=dark] div.btn-custom.main-inline:hover, body[data-bg=dark] div.btn-custom.main-inline:active, body[data-bg=dark] div.btn-custom.main-inline:focus {
  background-color: #a7abb3;
}
body[data-bg=dark] button.btn-custom.main-gray, body[data-bg=dark] button.btn-custom.main-grey, body[data-bg=dark] div.btn-custom.main-gray, body[data-bg=dark] div.btn-custom.main-grey {
  background-color: var(--cl-secondary-bg-color);
  border-color: var(--cl-secondary-bg-color);
  color: var(--cl-primary-text-color);
}
body[data-bg=dark] button.btn-custom.main-gray:hover, body[data-bg=dark] button.btn-custom.main-gray:active, body[data-bg=dark] button.btn-custom.main-gray:focus, body[data-bg=dark] button.btn-custom.main-grey:hover, body[data-bg=dark] button.btn-custom.main-grey:active, body[data-bg=dark] button.btn-custom.main-grey:focus, body[data-bg=dark] div.btn-custom.main-gray:hover, body[data-bg=dark] div.btn-custom.main-gray:active, body[data-bg=dark] div.btn-custom.main-gray:focus, body[data-bg=dark] div.btn-custom.main-grey:hover, body[data-bg=dark] div.btn-custom.main-grey:active, body[data-bg=dark] div.btn-custom.main-grey:focus {
  background-color: var(--cl-secondary-bg-color);
}
body.body-guest-mode div.modal div.modal-content {
  margin-left: 290px;
}
@media (max-width: 1199.98px) {
  body.body-guest-mode div.modal div.modal-content {
    margin-left: 0px;
  }
}

div.main-modalnotif-container {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999999;
  width: 100%;
  display: flex;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.15) 3px -3px 20px 5px;
  animation-duration: 0.5s;
}
div.main-modalnotif-container span {
  display: block;
  max-width: 70vw;
  padding: 15px 25px;
  line-height: 22px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 0px;
  text-align: center;
}
div.main-modalnotif-container.msg-bg-primary {
  background-color: var(--cl-primary-color);
}
div.main-modalnotif-container.msg-bg-danger {
  background-color: var(--cl-danger-color);
}

/* ===================================================== */
body.cl-app-confirm_email div.confirm-email div.timeline-placeholder {
  padding-bottom: 0px !important;
}
body.cl-app-confirm_email div.confirm-email div.timeline-placeholder div.pl-message {
  margin-bottom: 0px !important;
}
body.cl-app-confirm_email div.confirm-email form.form {
  padding: var(--cl-primary-offset-size);
}

/* ===================================================== */
body.cl-app-confirm_reg div.confirm-registration div.timeline-placeholder {
  padding-bottom: 0px !important;
}
body.cl-app-confirm_reg div.confirm-registration div.timeline-placeholder div.pl-message {
  margin-bottom: 0px !important;
}
body.cl-app-confirm_reg div.confirm-registration form.form {
  padding: var(--cl-primary-offset-size);
}

/* ===================================================== */
body.cl-app-conversation div.conversation {
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
body.cl-app-conversation div.conversation div.conversation__body {
  flex: 1;
  min-height: 200px;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages {
  width: 100%;
  height: 100%;
  background: var(--cl-primary-bg-color);
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--cl-primary-offset-size);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item {
  margin-bottom: var(--cl-primary-offset-size);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 7px;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body {
  flex-basis: auto;
  max-width: 55%;
  min-width: 0px;
}
@media (max-width: 767.98px) {
  body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body {
    max-width: 80%;
  }
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-text {
  padding: 12px var(--cl-primary-offset-size);
  font-size: 14px;
  color: var(--cl-primary-text-color);
  border-radius: var(--cl-primary-border-radius);
}
@media (max-width: 1199.98px) {
  body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-text {
    font-size: 13px;
  }
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-media {
  line-height: 0px;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-media a.image-wrapper {
  display: inline-block;
  width: auto;
  overflow: hidden;
  border-radius: var(--cl-secondary-border-radius);
  border: 3px solid var(--cl-primary-border-color);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-media a.image-wrapper img {
  width: 100%;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-media div.cl-plyr-video {
  display: inline-block;
  cursor: pointer;
  width: 320px;
  overflow: hidden;
  border-radius: var(--cl-secondary-border-radius);
  border: 3px solid var(--cl-primary-border-color);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-media div.cl-plyr-video video {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__body div.message-media div.cl-plyr-video {
    width: 100%;
  }
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls {
  visibility: hidden;
  flex-shrink: 0;
  flex-basis: 35px;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  border-radius: 100%;
  background: var(--cl-secondary-bg-color);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle::before, body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle::after {
  display: none;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle svg {
  width: 26px;
  height: 26px;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle:hover svg, body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle:active svg, body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data div.message-data__ctrls button.dropdown div.dropdown-toggle:focus svg {
  fill: var(--cl-primary-color);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data:hover div.message-data__ctrls, body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-data:active div.message-data__ctrls {
  visibility: visible;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-time {
  font-size: 12px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
}
@media (max-width: 1199.98px) {
  body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item div.message-time {
    font-size: 11px;
  }
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.right div.message-data {
  flex-direction: row-reverse;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.right div.message-data div.message-data__body div.message-text {
  background: var(--cl-secondary-bg-color);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.right div.message-data div.message-data__ctrls {
  margin-right: var(--cl-primary-offset-size);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.right div.message-time {
  text-align: right;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.left div.message-data div.message-data__body div.message-text {
  background: var(--cl-secondary-bg-color);
  color: #ffffff;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.left div.message-data div.message-data__body div.message-text a.inline-link {
  color: #ffffff !important;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.left div.message-data div.message-data__body div.message-text a.inline-link:hover, body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.left div.message-data div.message-data__body div.message-text a.inline-link:active {
  text-decoration: underline;
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item.left div.message-data div.message-data__ctrls {
  margin-left: var(--cl-primary-offset-size);
}
body.cl-app-conversation div.conversation div.conversation__body div.conversation-messages div.conversation-messages__item:last-child {
  margin-bottom: 0px;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form {
  padding: var(--cl-primary-offset-size);
  border-top: 1px solid var(--cl-primary-border-color);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input {
  display: flex;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea {
  border: 1px solid var(--cl-primary-border-color);
  background-color: transparent;
  border-radius: var(--cl-tertiary-border-radius);
  padding: 0px var(--cl-primary-offset-size);
  padding-top: 10px;
  margin: 0px;
  height: 42px;
  display: block;
  width: 100%;
  font-size: 15px;
  color: var(--cl-primary-text-color);
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: hidden;
  resize: none;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea::placeholder {
  color: var(--cl-input-placeholder-color);
  font-size: 13px;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea:active, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea:hover, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--cl-secondary-border-color);
  background: var(--cl-primary-bg-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea {
    height: 44px;
  }
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea::-webkit-scrollbar {
  width: 5px;
  background: var(--cl-primary-border-color);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field textarea::-webkit-scrollbar-thumb {
  background-color: var(--cl-primary-color);
  outline: 0;
  border-radius: 5px;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input-cont {
  flex: 1;
  position: relative;
  margin: 0px var(--cl-primary-offset-size);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input-cont button.message-input__ctrl {
  position: absolute;
  top: 0px;
  right: 15px;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-audio-recstat {
  flex: 1;
  margin: 0px var(--cl-primary-offset-size);
  border: 1px solid var(--cl-primary-border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border-radius: 5em;
  padding: 0px var(--cl-primary-offset-size);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-audio-recstat div.lp {
  flex-shrink: 0;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-audio-recstat div.lp span {
  width: 12px;
  height: 12px;
  background-color: var(--cl-danger-color-lighten-5);
  border-radius: 100%;
  display: inline-block;
  animation: pulse 3s infinite;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-audio-recstat div.mp {
  flex: 1;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-audio-recstat div.mp div.wave-animation {
  display: flex;
  height: 20px;
  align-items: center;
  animation: infinite_marquee 20s linear infinite;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-audio-recstat div.mp div.wave-animation__item {
  width: 2px;
  border-radius: 2px;
  background-color: var(--cl-secondary-text-color);
  margin-right: 2px;
  flex-shrink: 0;
  opacity: 0.8;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-audio-recstat div.rp span {
  font-size: 13px;
  font-weight: 500;
  color: var(--cl-secondary-text-color);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl {
  padding: 0;
  background: transparent;
  height: 42px;
  width: 26px;
  border: none;
  box-shadow: none;
  outline: 0;
  position: relative;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl:disabled {
  cursor: default;
  opacity: 0.5;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl svg {
  width: 24px;
  height: 24px;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl:hover svg path, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl:active svg path, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl:focus svg path {
  fill: var(--cl-primary-color);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls {
  display: flex;
  padding: 0px var(--cl-primary-offset-size);
  padding-bottom: var(--cl-primary-offset-size);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl {
  padding: 0;
  background: transparent;
  height: 26px;
  border: none;
  box-shadow: none;
  outline: 0;
  position: relative;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  opacity: 0.5;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl:disabled {
  cursor: default;
  opacity: 0.5;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl svg {
  width: 24px;
  height: 24px;
  fill: var(--cl-secondary-text-color);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl:hover, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl:active, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl:focus {
  opacity: 1;
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl:hover svg, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl:active svg, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl:focus svg {
  fill: var(--cl-primary-color);
}
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-ctrls button.message-input__ctrl.ml-auto {
  margin-right: 0px;
  margin-left: auto;
}
body.cl-app-conversation div.conversation div.conversation__footer div.ghost-form {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  padding: var(--cl-primary-offset-size);
  background: var(--cl-danger-color);
  font-weight: 500;
}
body.cl-app-conversation div.right-sb-container, body.cl-app-conversation div.left-sb-container {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
}
body.cl-app-conversation div.right-sb-container, body.cl-app-conversation div.left-sb-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.cl-app-conversation div.right-sb-container::-webkit-scrollbar, body.cl-app-conversation div.left-sb-container::-webkit-scrollbar {
  display: none;
}
body.cl-app-conversation div.mobile-bottom-navbar {
  display: none;
}
body.cl-app-conversation main.main-content-container div.main-content-container-inner {
  padding-bottom: 0px;
}

/* ===================================================== */
body.cl-app-guest {
  background-color: var(--cl-primary-bg-color);
}
body.cl-app-guest div.welcome-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.cl-app-guest div.welcome-page div.welcome-page__slider {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 50%;
  z-index: 1;
  overflow: hidden;
}
body.cl-app-guest div.welcome-page div.welcome-page__slider div.slide {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  z-index: -1;
  transition: opacity 1s ease-in-out;
}
body.cl-app-guest div.welcome-page div.welcome-page__slider div.slide.show {
  width: 100%;
  opacity: 1;
  height: 100%;
  z-index: 5;
}
@media (max-width: 991.98px) {
  body.cl-app-guest div.welcome-page div.welcome-page__slider {
    display: none;
  }
}
body.cl-app-guest div.welcome-page div.welcome-page__body {
  flex: 1;
  position: relative;
  z-index: 10;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 82px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header {
  margin-bottom: 40px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header a.logo {
  display: block;
  text-decoration: none;
  height: 50px;
  margin-bottom: 20px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header a.logo img {
  height: 100%;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header h1 {
  font-weight: 900;
  font-size: 42px;
  color: var(--cl-primary-text-color);
}
@media (max-width: 767.98px) {
  body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header {
    margin-bottom: 30px;
  }
  body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header h1 {
    font-size: 28px;
  }
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body {
  max-width: 400px;
  min-width: 320px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-title {
  margin-bottom: 20px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-title h2 {
  color: var(--cl-primary-text-color);
  font-size: 28px;
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: 700;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-title p {
  font-size: 14px;
  line-height: 1.4;
  color: var(--cl-primary-text-color);
  margin: 10px 0 0 0;
  padding: 0;
  opacity: 0.9;
}
@media (max-width: 991.98px) {
  body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-title h2 {
    font-size: 27px;
    margin-bottom: 0px;
  }
  body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-title p {
    font-size: 13px;
  }
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn {
  margin-bottom: 10px;
  display: block;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn button {
  border: none;
  text-transform: none;
  font-size: 14px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn button span.btn-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  fill: #fff;
  margin-right: 15px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn button span.btn-icon svg {
  width: 100%;
  height: 100%;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn.twitter button {
  background: #64ccf2;
  color: var(--cl-group-text);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn.linkedin button {
  background: #0e76a8;
  color: var(--cl-group-text);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn.facebook button {
  background: #507cc0;
  color: var(--cl-group-text);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn.discord button {
  background: #5468ff;
  color: var(--cl-group-text);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn.vkontakte button {
  background: #5181b8;
  color: var(--cl-group-text);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn.instagram button {
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  color: var(--cl-group-text);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn.google button {
  box-shadow: none;
  background: #fff;
  border: 1px solid var(--cl-secondary-border-color);
  color: var(--cl-primary-text-color);
  color: #111;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group.oauth-login-providers a.social-login-btn:last-child {
  margin-bottom: 0px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group div.form-cta-link {
  text-align: center;
  line-height: 1.4;
  color: var(--cl-secondary-text-color);
  font-size: 13px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group div.form-cta-link a {
  color: var(--cl-primary-link-color);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group div.login-or-signup {
  display: flex;
  justify-content: center;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group div.login-or-signup span {
  font-size: 13px;
  line-height: 13px;
  position: relative;
  color: var(--cl-secondary-text-color);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group div.login-or-signup span:before {
  content: "";
  height: 2px;
  background: var(--cl-primary-border-color);
  position: absolute;
  top: 4px;
  left: -70px;
  width: 50px;
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__body div.auth-form div.auth-form-holder form.form div.form-group div.login-or-signup span:after {
  content: "";
  height: 2px;
  background: var(--cl-primary-border-color);
  position: absolute;
  top: 4px;
  right: -70px;
  width: 50px;
}
@media (max-width: 991.98px) {
  body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
  }
}
body.cl-app-guest div.welcome-page div.welcome-page__footer {
  padding-top: 15px;
  flex-shrink: 0;
  background-color: #14171a;
  position: relative;
  z-index: 10;
}
@media (max-width: 1199.98px) {
  body.cl-app-guest div.welcome-page div.welcome-page__footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
  }
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer {
  display: flex;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item {
  margin-right: 20px;
  margin-bottom: 15px;
  line-height: 1;
  font-weight: 500;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item > a {
  font-size: 13px;
  color: #8f94a8;
  line-height: 20px;
  text-decoration: none;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item.dropdown > div.dropdown-toggle {
  font-size: 13px;
  color: #8f94a8;
  line-height: 20px;
  cursor: pointer;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item.dropdown a.dropdown-item {
  text-decoration: none;
}
@media (max-width: 991.98px) {
  body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item {
    margin-bottom: 5px;
  }
  body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer ul.footer-nav li.footer-nav-item:last-child {
    margin-left: 0px;
  }
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer div.footer-nav-get-apps {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer div.footer-nav-get-apps a {
  margin-left: 5px;
  text-decoration: none;
  color: #8f94a8;
  opacity: 1;
  transition: all 0.27s ease;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer div.footer-nav-get-apps a svg {
  width: 25px;
  height: 25px;
  transition: all 0.27s ease;
}
body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer div.footer-nav-get-apps a:hover, body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer div.footer-nav-get-apps a:active {
  opacity: 1;
}
@media (max-width: 767.98px) {
  body.cl-app-guest div.welcome-page div.welcome-page__footer div.welcome-page__bp div.main-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ===================================================== */
body.cl-app-wallet_add div.wallet-add div.wallet-add__form {
  padding: var(--cl-primary-offset-size);
}

/* ===================================================== */
body.cl-app-wallet_send div.wallet-send {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card {
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-secondary-border-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_send div.wallet-send div.account-wallet__card {
    padding-top: 20px;
  }
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.account-wallet__card-title {
  padding: 15px 20px;
  font-size: 16px;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  text-transform: uppercase;
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
  position: relative;
  padding: 20px;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance {
    padding: 20px;
  }
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--cl-primary-color);
  opacity: 0.08;
  content: "";
  left: 0px;
  top: 0px;
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__icon {
  z-index: 5;
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg {
  width: 42px;
  height: 42px;
  opacity: 0.8;
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg path {
  fill: var(--cl-primary-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg {
    width: 35px;
    height: 35px;
  }
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__amount {
  flex: 1;
  overflow: hidden;
  padding-right: var(--cl-primary-offset-size);
  z-index: 5;
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__amount span {
  display: block;
  width: 100%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:first-child {
  font-size: 42px;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  font-family: sans-serif;
}
body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:last-child {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_send div.wallet-send div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:first-child {
    font-size: 36px;
  }
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__title {
  overflow: hidden;
  padding: var(--cl-primary-offset-size);
  background: var(--cl-secondary-bg-color);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__title h4 {
  font-size: 13px;
  color: var(--cl-primary-text-color);
  padding: 0;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form {
  padding: 15px 20px;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-search-input {
  position: relative;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-search-input span.input-spinner {
  position: absolute;
  top: 0px;
  right: 0px;
  text-decoration: none;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-search-input span.input-spinner svg {
  width: 28px;
  height: 28px;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body {
  position: absolute;
  top: 0px;
  z-index: 100;
  box-shadow: var(--cl-primary-box-shadow);
  left: 0px;
  width: 100%;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list {
  max-height: 300px;
  background-color: var(--cl-primary-bg-color);
  overflow-y: auto;
  overflow-x: hidden;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list::-webkit-scrollbar {
  width: 5px;
  background: var(--cl-primary-border-color);
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list::-webkit-scrollbar-thumb {
  background-color: var(--cl-primary-color);
  outline: 0;
  border-radius: 5px;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--cl-primary-border-color);
  cursor: pointer;
  padding: var(--cl-primary-offset-size);
  overflow: hidden;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item div.recipients-list__item-avatar {
  flex-basis: 38px;
  height: 38px;
  flex-shrink: 0;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item div.recipients-list__item-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item div.recipients-list__item-username {
  padding-left: var(--cl-primary-offset-size);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item div.recipients-list__item-username span.user-name-holder {
  max-width: calc(100% - 20px);
  font-weight: 600;
  color: var(--cl-primary-text-color);
  font-size: var(--cl-primary-name-size);
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item div.recipients-list__item-username span.username {
  color: var(--cl-secondary-text-color);
  font-size: var(--cl-primary-name-size);
  flex-basis: 100%;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item:last-child {
  border-bottom: none;
}
body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item:hover, body.cl-app-wallet_send div.wallet-send div.wallet-send__form form.form div.recipients-list div.recipients-list__body div.recipients-list div.recipients-list__item:focus {
  background: var(--cl-event-hover-bg);
}

/* ===================================================== */
body.cl-app-home div.homepage div.homepage__pubbox {
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding: var(--cl-primary-offset-size);
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.homepage div.homepage__pubbox {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper {
  overflow: hidden;
  position: relative;
  padding: var(--cl-primary-offset-size);
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper {
  display: flex;
  width: 100%;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: var(--cl-primary-avatar-size);
  overflow: hidden;
  cursor: pointer;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body {
  margin-bottom: 5px;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body div.swift-item__avatar {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  border-radius: 100%;
  border: 2px solid var(--cl-secondary-border-color);
  overflow: hidden;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body div.swift-item__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid var(--cl-primary-bg-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body div.swift-item__avatar {
    width: 55px;
    height: 55px;
  }
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body.create-swift {
  position: relative;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body.create-swift span.add-ikon {
  position: absolute;
  width: 20px;
  height: 20px;
  background: var(--cl-primary-color);
  border-radius: 10em;
  bottom: 0;
  right: 0;
  line-height: 0;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body.create-swift span.add-ikon svg {
  width: 100%;
  height: 100%;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__body.create-swift span.add-ikon svg path {
  fill: #ffffff;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item div.swift-item__footer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  color: var(--cl-secondary-text-color);
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item.active div.swift-item__body div.avatar {
  border-color: var(--cl-primary-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide div.swift-item {
    width: 55px;
  }
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper div.swiper-wrapper div.swiper-slide:last-child {
  margin-right: 0px !important;
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swiper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swifts-slider__footer {
  background: var(--cl-primary-border-color);
  height: 8px;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swifts-slider__footer div.swiper-scrollbar {
  width: 100%;
  height: 8px;
  position: relative;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swifts-slider__footer div.swiper-scrollbar div.swiper-scrollbar-drag {
  height: 8px;
  background: var(--cl-primary-color);
  position: absolute;
  top: 0px;
}
body.cl-app-home div.homepage div.homepage__swifts div.swifts-slider div.swifts-slider__footer div.swiper-scrollbar div.swiper-scrollbar-drag:active {
  cursor: ew-resize;
}
body.cl-app-home div.swift-player {
  display: none;
  visibility: hidden;
}
body.cl-app-home div.swift-player.show {
  visibility: visible;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  padding: var(--cl-primary-offset-size);
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.swift-player.show {
    bottom: 55px;
    padding: 0px;
  }
}
body.cl-app-home div.swift-player div.swift-player__body {
  position: relative;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data {
  width: 540px;
  min-width: 300px;
  max-width: 540px;
  background: #02020d;
  height: 100%;
  position: relative;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  padding: var(--cl-primary-offset-size);
  z-index: 100;
  background: linear-gradient(180deg, rgb(38, 38, 38) 0%, rgba(38, 38, 38, 0.09) 100%);
  padding-bottom: 30px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-topline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--cl-primary-offset-size);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-topline div.swift-timebar {
  flex: 1;
  margin-right: 5px;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  max-width: 100%;
  min-width: 10px;
  cursor: pointer;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-topline div.swift-timebar span {
  height: 100%;
  display: block;
  width: 0px;
  background: #ffffff;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-topline div.swift-timebar:last-child {
  margin-right: 0px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher {
  width: calc(50% - 15px);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__avatar {
  width: 45px;
  height: 45px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 100%;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__avatar img {
  width: 100%;
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__avatar {
    width: 35px;
    height: 35px;
  }
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__username {
  flex: 1;
  margin-left: var(--cl-primary-offset-size);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__username a {
  text-decoration: none;
  display: block;
  line-height: 1.2;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__username a span {
  display: block;
  width: 100%;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__username a span:first-child {
  font-size: var(--cl-primary-name-size);
  font-weight: 500;
  color: #ffffff;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-publisher div.swift-publisher__username a span:last-child {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls {
  width: calc(50% - 15px);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
  line-height: 1;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item svg {
  width: 24px;
  height: 24px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item svg path {
  fill: #ffffff;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item.swift-controls__item_pause svg {
  width: 28px;
  height: 28px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item.swift-controls__item_dismiss {
  display: none;
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item.swift-controls__item_dismiss {
    display: inherit;
  }
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item:hover.swift-controls__item_delete, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item:active.swift-controls__item_delete {
  background: var(--cl-danger-color);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item:hover.swift-controls__item_pause, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__header div.swift-data__header-botline div.swift-controls button.swift-controls__item:active.swift-controls__item_pause {
  background: rgba(255, 255, 255, 0.3);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__body {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 300px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__body div.swift-media {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__body div.swift-media div.swift-media__image {
  width: 100%;
  overflow: hidden;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__body div.swift-media div.swift-media__image img {
  width: 100%;
  display: block;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__body div.swift-media div.swift-media__video {
  width: 100%;
  overflow: hidden;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__body div.swift-media div.swift-media__video video {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: var(--cl-primary-bg-color);
  box-shadow: rgba(0, 0, 0, 0.3) 0px -10px 10px 0px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header {
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
  line-height: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-left {
  font-size: 16px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-left {
    font-size: 13px;
  }
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-right {
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-right svg {
  width: 20px;
  height: 20px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-right svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-right:hover, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-right:active {
  background: var(--cl-secondary-bg-color);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-right:hover svg, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__header span.flex-item-right:active svg {
  fill: var(--cl-primary-color);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: var(--cl-primary-offset-size);
  line-height: 1;
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.avatar {
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  border-radius: 100%;
  overflow: hidden;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.avatar img {
  width: 100%;
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.avatar {
    width: 35px;
    height: 35px;
  }
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.userdata {
  flex: 1;
  padding-left: var(--cl-primary-offset-size);
  display: flex;
  justify-content: space-between;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.userdata div.username__name span {
  font-size: var(--cl-primary-name-size);
  color: var(--cl-primary-text-color);
  font-weight: 500;
  display: block;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.userdata div.username__name span:hover, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.userdata div.username__name span:focus, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.userdata div.username__name span:active {
  color: var(--cl-primary-link-color);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item div.userdata div.username__time {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item:hover, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views div.swift-views div.swift-views__list div.swift-views__list-item:active {
  background: var(--cl-event-hover-bg);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__views + div.swift-data__footer {
  display: none;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(0deg, rgb(38, 38, 38) 0%, rgba(38, 38, 38, 0.15) 100%);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__desc {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  color: #ffffff;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--cl-primary-offset-size);
  padding-top: 30px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px var(--cl-primary-offset-size);
  cursor: pointer;
  line-height: 1;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total span.icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-right: 3px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total span.icon svg {
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 255, 0.8);
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total span.text {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 14px;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total:hover span.icon svg, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total:active span.icon svg {
  fill: #ffffff;
}
body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total:hover span.text, body.cl-app-home div.swift-player div.swift-player__body div.swift-data div.swift-data__footer div.swift-data__views-total:active span.text {
  color: #ffffff;
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.swift-player div.swift-player__body div.swift-data {
    width: 100%;
    max-width: 100%;
    min-width: 300px;
  }
}
body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl {
  width: 40px;
  height: 40px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  padding: 0px;
  margin: 0px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  outline: 0;
  cursor: pointer;
  line-height: 1;
  transition: all 0.27s ease;
  position: absolute;
  top: calc(50% - 20px);
}
body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl.prev {
  left: -65px;
}
body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl.next {
  right: -65px;
}
body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl.pause {
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
}
body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl svg {
  width: 20px;
  height: 20px;
}
body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl svg path {
  fill: #ffffff;
}
body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl:hover, body.cl-app-home div.swift-player div.swift-player__body button.swift-player__nav-ctrl:active {
  transform: scale(1.2);
}
body.cl-app-home div.swift-player button.swift-player__close {
  position: fixed;
  top: var(--cl-primary-offset-size);
  right: var(--cl-primary-offset-size);
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
  line-height: 1;
  transition: all 0.27s ease;
}
body.cl-app-home div.swift-player button.swift-player__close svg {
  width: 100%;
  height: 100%;
}
body.cl-app-home div.swift-player button.swift-player__close svg path {
  fill: #ffffff;
}
body.cl-app-home div.swift-player button.swift-player__close:hover, body.cl-app-home div.swift-player button.swift-player__close:active {
  transform: scale(1.2);
}
@media (max-width: 1199.98px) {
  body.cl-app-home div.swift-player button.swift-player__close {
    display: none;
  }
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox button.delete-preview {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: var(--cl-primary-color);
  border-radius: 3px;
  border: none;
  box-shadow: none;
  outline: 0;
  padding: 3px;
  z-index: 1000;
  line-height: 1;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox button.delete-preview:disabled {
  cursor: wait !important;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox button.delete-preview svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox button.delete-preview:hover svg, body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox button.delete-preview:active svg {
  transform: scale(1.2);
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__input {
  margin-bottom: 20px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__input textarea {
  display: block;
  width: 100%;
  min-height: 30px;
  padding: 0px;
  max-height: 400px;
  resize: none;
  font-size: 16px;
  color: var(--cl-primary-text-color);
  line-height: 1;
  border: none;
  border-radius: 0px;
  outline: 0;
  background: transparent;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__input textarea::placeholder {
  color: var(--cl-input-placeholder-color);
  font-size: 18px;
  font-weight: normal;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons {
  margin-bottom: 20px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons {
  border: 2px solid var(--cl-primary-border-color);
  margin-bottom: 20px;
  border-radius: var(--cl-secondary-border-radius);
  overflow: hidden;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 2px solid var(--cl-primary-border-color);
  overflow: hidden;
  padding: 0px var(--cl-primary-offset-size);
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item {
  height: 45px;
  width: 45px;
  min-width: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item span.emoji_group_icon {
  font-size: 15px;
  line-height: 15px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item span.emoji_group_icon svg {
  width: 22px;
  height: 22px;
  filter: grayscale(100%);
  opacity: 0.5;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item.active {
  border-bottom: 3px solid var(--cl-primary-color);
  border-bottom-style: inset;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item.active span.emoji_group_icon svg {
  filter: unset;
  opacity: 1;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group {
  width: 100%;
  display: block;
  line-height: 20px;
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding: 15px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group span {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 22px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group:last-child {
  border-bottom: none;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list::-webkit-scrollbar {
  width: 5px;
  background: var(--cl-primary-border-color);
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list::-webkit-scrollbar-thumb {
  background-color: var(--cl-primary-color);
  outline: 0;
  border-radius: 5px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__image {
  margin-bottom: 20px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__image div.pubbox-image {
  position: relative;
  border-radius: var(--cl-secondary-border-radius);
  border: 2px solid var(--cl-primary-border-color);
  overflow: hidden;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__image div.pubbox-image img {
  width: 100%;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__video {
  margin-bottom: 20px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__video div.pubbox-video {
  position: relative;
  border-radius: var(--cl-secondary-border-radius);
  border: 2px solid var(--cl-primary-border-color);
  overflow: hidden;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 10px;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item {
  background: none;
  border: none;
  outline: none;
  padding: 0px;
  margin: 0 3px 0 0;
  box-shadow: none;
  width: 35px;
  height: 35px;
  border-radius: 10em;
  position: relative;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item svg {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item svg path {
  fill: var(--cl-primary-color);
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item:hover::after, body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item:active::after, body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item:focus::after {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 116, 176, 0.1215686275);
  content: "";
  border-radius: 5em;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length {
  text-align: center;
  border: none;
  padding: 0px;
  width: auto;
  margin-right: 0;
  margin-left: auto;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length:hover, body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length:active, body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length:focus {
  background: transparent;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length:hover:after, body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length:active:after, body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length:focus:after {
  display: none;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length small {
  color: var(--cl-secondary-text-color);
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item.text-length small.len-error {
  color: var(--cl-danger-color);
  font-weight: bold;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__ctrls button.ctrl-item:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
body.cl-app-home div.modal.modal-swift-pubbox div.modal-body form.form div.swift-pubbox div.swift-pubbox__publisher button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* ===================================================== */
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item {
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
  cursor: pointer;
  overflow: hidden;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item:hover, body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item:active {
  background: var(--cl-event-hover-bg);
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a {
  text-decoration: none;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__avatar {
  width: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__avatar div.user-avatar img {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  border-radius: 100%;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__avatar div.user-avatar-online {
  position: relative;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__avatar div.user-avatar-online:before {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #2fbf63;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  border: 2px solid var(--cl-primary-bg-color);
  z-index: 100;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body {
  flex: 1;
  overflow: hidden;
  padding-left: var(--cl-primary-offset-size);
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline div.flex-item-left {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
  line-height: 1;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline div.flex-item-left span {
  font-size: var(--cl-primary-name-size);
  color: var(--cl-primary-text-color);
  font-weight: 500;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline div.flex-item-left span:hover, body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline div.flex-item-left span:focus, body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline div.flex-item-left span:active {
  color: var(--cl-primary-link-color);
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline div.flex-item-right {
  color: var(--cl-secondary-text-color);
  font-size: 13px;
}
@media (max-width: 1199.98px) {
  body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-topline div.flex-item-right {
    font-size: 11px;
  }
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-midline {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-midline div.last-message {
  font-size: 15px;
  line-height: 1.4;
  color: var(--cl-secondary-text-color);
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-midline div.last-message.unseen-message {
  color: var(--cl-primary-text-color);
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-midline div.last-message {
    font-size: 13px;
  }
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-midline div.new-message {
  line-height: 1;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item a div.contact-data div.contact-data__body div.contact-data__body-midline div.new-message span.badge {
  display: inline-block;
  background: var(--cl-danger-color);
  color: #ffffff;
  text-align: center;
  padding: 0 5px;
  border-radius: 10px;
  background-clip: padding-box;
  font-size: 11px;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 18px;
  vertical-align: middle;
  min-height: 13px;
  min-width: 20px;
  font-weight: 400;
}
body.cl-app-chat div.chats div.chat-contacts div.contacts-list__item.hidden {
  display: none !important;
}

/* ===================================================== */
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item {
  border-bottom: 1px solid var(--cl-primary-border-color);
  transition: all 0.27s ease-in-out;
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notif-data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notif-controls {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notif-controls button {
  margin-right: 10px;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-avatar {
  width: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-avatar a div.user-avatar {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  border-radius: 100%;
  overflow: hidden;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-avatar a div.user-avatar img {
  width: 100%;
  height: 100%;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data {
  flex: 1;
  padding-left: var(--cl-primary-offset-size);
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__topline {
  line-height: 1;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__topline span.user-name-holder {
  font-size: 14px;
  color: var(--cl-primary-text-color);
  font-weight: 700;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__topline span.user-name-holder.user-name-holder:hover, body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__topline span.user-name-holder.user-name-holder:focus, body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__topline span.user-name-holder.user-name-holder:active {
  color: var(--cl-primary-link-color);
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__topline span.notif-text {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  text-transform: lowercase;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__topline span.notif-text b {
  font-weight: 600;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body a {
  text-decoration: none;
  display: block;
  color: inherit;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__midline {
  line-height: 1;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__body div.notifications-data__midline span.notif-time {
  font-size: 13px;
  text-transform: lowercase;
  color: var(--cl-secondary-text-color);
  font-weight: normal;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls {
  display: flex;
  flex-wrap: nowrap;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls div.notif-ctrls__delete {
  visibility: hidden;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls div.notif-ctrls__delete button.btn-custom-icon {
  background-color: var(--cl-secondary-bg-color);
  opacity: 0.7;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls div.notif-ctrls__delete button.btn-custom-icon:hover, body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls div.notif-ctrls__delete button.btn-custom-icon:active {
  opacity: 1;
}
body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item:hover div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls div.notif-ctrls__delete, body.cl-app-notifications div.notifications div.notifications-list div.notifications-list__item:active div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls div.notif-ctrls__delete {
  visibility: visible;
}

/* ===================================================== */
body.cl-app-profile div.user-profile div.user-profile__header {
  position: relative;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover {
  background: var(--cl-secondary-bg-color);
  position: relative;
  z-index: 10;
  min-height: 100px;
  overflow: hidden;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover img {
  width: 100%;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover img.viewable {
  cursor: zoom-in;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover img.original-cover:active {
  cursor: ns-resize;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover div.cover-corrector {
  width: auto;
  display: inline-block;
  height: 45px;
  z-index: 20;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: visibility 0.1s linear, opacity 0.1s linear;
  opacity: 0;
  visibility: hidden;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover div.cover-corrector div.cover-corrector__body {
  padding: 0px 10px;
  background: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover div.cover-corrector div.cover-corrector__body button.cover-corrector__btn {
  width: 45px;
  height: 45px;
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
  line-height: 1;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover div.cover-corrector div.cover-corrector__body button.cover-corrector__btn svg {
  width: 24px;
  height: 24px;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover div.cover-corrector div.cover-corrector__body button.cover-corrector__btn svg path {
  fill: #ffffff;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover div.cover-corrector div.cover-corrector__body button.cover-corrector__btn:disabled {
  cursor: wait !important;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover:hover div.cover-corrector, body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-cover:active div.cover-corrector {
  visibility: visible;
  opacity: 1;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar {
  display: inline-block;
  padding: 0px var(--cl-primary-offset-size);
  position: absolute;
  z-index: 10;
  left: 0px;
  bottom: -60px;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar {
  width: 120px;
  height: 120px;
  position: relative;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image {
  border-radius: 100%;
  border: 5px solid var(--cl-primary-bg-color);
  overflow: hidden;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image img {
  width: 100%;
  height: 100%;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image button.upload-avatar {
  width: 100%;
  height: 100%;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  padding: 0px;
  margin: 0px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
  line-height: 1;
  transition: visibility 0.1s linear, opacity 0.1s linear;
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  visibility: hidden;
  opacity: 0;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image button.upload-avatar svg {
  width: 26px;
  height: 26px;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image button.upload-avatar svg path {
  fill: #ffffff;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image button.upload-avatar:disabled {
  cursor: wait !important;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image:hover button.upload-avatar, body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image:active button.upload-avatar {
  visibility: visible;
  opacity: 1;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar-online {
  position: relative;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar-online:before {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #2fbf63;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  border: 2px solid var(--cl-primary-bg-color);
  z-index: 100;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar-online:before {
  top: auto;
  bottom: 10px;
  width: 15px;
  height: 15px;
  right: 15px;
  border-color: var(--cl-secondary-bg-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar {
    bottom: -50px;
  }
  body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar {
    width: 100px;
    height: 100px;
  }
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__inputs {
  display: none;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__inputs input {
  display: none;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  padding: var(--cl-primary-offset-size);
  margin-bottom: 10px;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item.ml-offset {
  margin-left: 20px;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft {
  cursor: pointer;
  background: transparent;
  border: none;
  outline: 0;
  padding: 0px;
  box-shadow: none;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-menu {
  top: 25px !important;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item div.ctrl-single-btn, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle {
  width: 26px;
  height: 26px;
  display: inline-block;
  outline: 0;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item div.ctrl-single-btn svg, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle svg {
  width: 100%;
  height: 100%;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item div.ctrl-single-btn svg path, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item div.ctrl-single-btn:after, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item div.ctrl-single-btn:before, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle:after, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle:before {
  display: none;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle svg {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle:hover svg, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls div.user-profile__controls-item button.dropleft div.dropdown-toggle:active svg {
  fill: var(--cl-primary-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__controls {
    margin-bottom: 0px;
  }
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__name {
  padding: 0px var(--cl-primary-offset-size);
  margin-bottom: var(--cl-primary-offset-size);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__name h4 {
  font-size: 22px;
  line-height: 1.2;
  color: var(--cl-primary-text-color);
  padding: 0;
  margin: 0;
  font-weight: 700;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__name a {
  display: block;
  color: var(--cl-secondary-text-color);
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  text-transform: lowercase;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__counter {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0px var(--cl-primary-offset-size);
  margin-bottom: var(--cl-primary-offset-size);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__counter a.counter-item {
  text-decoration: none;
  margin-right: var(--cl-primary-offset-size);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__counter a.counter-item span {
  font-size: 16px;
  color: var(--cl-secondary-text-color);
  text-transform: lowercase;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__counter a.counter-item span:first-child {
  color: var(--cl-primary-text-color);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__counter a.counter-item:hover span, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__counter a.counter-item:active span {
  color: var(--cl-primary-color);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__bio {
  padding: 0px var(--cl-primary-offset-size);
  margin-bottom: var(--cl-primary-offset-size);
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__bio div.user-profile__bio-topline {
  font-size: 16px;
  color: var(--cl-primary-text-color);
  font-weight: 400;
  line-height: 1.4;
  word-wrap: break-word;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__bio div.user-profile__bio-botline a {
  color: var(--cl-primary-link-color);
  font-size: 16px;
  text-decoration: none;
}
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__bio div.user-profile__bio-botline a:hover, body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__bio div.user-profile__bio-botline a:active {
  text-decoration: underline;
}
body.cl-app-profile div.user-profile div.user-profile__footer {
  border-bottom: 1px solid var(--cl-primary-border-color);
  padding: 0px var(--cl-primary-offset-size);
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item {
  margin-right: var(--cl-primary-offset-size);
  margin-bottom: var(--cl-primary-offset-size);
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.banner svg {
  width: 18px;
  height: 13px;
  vertical-align: middle;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.icon {
  width: 18px;
  height: 18px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.icon svg {
  width: 100%;
  height: 100%;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.icon svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.text {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  padding: 0px 3px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item:last-child {
  margin-right: 0px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-myfollower {
  margin-bottom: var(--cl-primary-offset-size);
  color: var(--cl-secondary-text-color);
  font-size: 14px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows {
  margin-bottom: var(--cl-primary-offset-size);
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__title {
  font-size: 15px;
  color: var(--cl-secondary-text-color);
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__title strong {
  font-weight: 500;
  color: var(--cl-primary-text-color);
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__list {
  display: flex;
  flex-wrap: nowrap;
  margin-left: 7px;
  align-items: center;
  margin-top: 5px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__list div.common-follows__item {
  flex-basis: 32px;
  flex-shrink: 0;
  margin-left: -7px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__list div.common-follows__item a {
  display: block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-decoration: none;
  border: 1px solid var(--cl-primary-border-color);
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__list div.common-follows__item a img {
  width: 100%;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__list div.common-follows__item.common-follows__item_total {
  margin-left: 10px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-common-follows div.common-follows div.common-follows__list div.common-follows__item.common-follows__item_total span {
  font-size: 16px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  font-weight: 700;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-socials {
  display: flex;
  flex-direction: row;
  padding-bottom: var(--cl-primary-offset-size);
  padding-top: var(--cl-primary-offset-size);
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-socials a.profile-socials__link {
  text-decoration: none;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
body.cl-app-profile div.user-profile div.user-profile__footer div.profile-socials a.profile-socials__link svg {
  width: 100%;
  height: 100%;
}
body.cl-app-profile div.subscription-alert {
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
  background: rgba(29, 161, 242, 0.1);
}
body.cl-app-profile div.subscription-alert__avatar {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 16px;
}
body.cl-app-profile div.subscription-alert__avatar img {
  width: 100%;
}
body.cl-app-profile div.subscription-alert h5 {
  font-size: 20px;
  font-weight: 700;
  margin: 0px 0px 4px 0px;
  padding: 0px;
  color: var(--cl-primary-text-color);
}
body.cl-app-profile div.subscription-alert p {
  font-size: 14px;
  color: var(--cl-primary-text-color);
  max-width: 80%;
  margin-bottom: 24px;
}
body.cl-app-profile div.subscription-paid {
  padding: var(--cl-primary-offset-size);
  border-bottom: 6px solid var(--cl-primary-border-color);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
body.cl-app-profile div.subscription-paid__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
body.cl-app-profile div.subscription-paid__avatar div.c-avatar, body.cl-app-profile div.subscription-paid__avatar div.s-avatar {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  overflow: hidden;
}
body.cl-app-profile div.subscription-paid__avatar div.c-avatar img, body.cl-app-profile div.subscription-paid__avatar div.s-avatar img {
  width: 100%;
}
@media (max-width: 1199.98px) {
  body.cl-app-profile div.subscription-paid__avatar div.c-avatar, body.cl-app-profile div.subscription-paid__avatar div.s-avatar {
    width: 30px;
    height: 30px;
  }
}
body.cl-app-profile div.subscription-paid__avatar div.c-avatar {
  margin-left: -10px;
}
body.cl-app-profile div.subscription-paid__text {
  flex: 1;
  margin-left: var(--cl-primary-offset-size);
  font-size: 14px;
  color: var(--cl-primary-text-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-profile div.subscription-paid {
    display: block;
  }
  body.cl-app-profile div.subscription-paid__avatar {
    margin-bottom: var(--cl-primary-offset-size);
  }
  body.cl-app-profile div.subscription-paid__text {
    margin-left: 0px;
  }
}

/* ===================================================== */
body.cl-app-search[data-page-tab=htags] div.right-sb-container div.sidebar-content_hashtags {
  display: none;
}
body.cl-app-search[data-page-tab=people] div.right-sb-container div.sidebar-content_users {
  display: none;
}

/* ===================================================== */
body.cl-app-settings div.profile-settings div.profile-settings__title {
  overflow: hidden;
  padding: var(--cl-primary-offset-size);
  background: var(--cl-secondary-bg-color);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-settings div.profile-settings div.profile-settings__title h4 {
  font-size: 13px;
  color: var(--cl-primary-text-color);
  padding: 0;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
}
body.cl-app-settings div.profile-settings a.profile-settings__link {
  text-decoration: none;
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.mp {
  flex: 1;
  margin: 0px var(--cl-primary-offset-size);
  line-height: 1;
  overflow: hidden;
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.mp span.preview-label {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  display: block;
  margin-bottom: 7px;
}
@media (max-width: 1199.98px) {
  body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.mp span.preview-label {
    font-size: 13px;
  }
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.mp span.preview-value {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
}
@media (max-width: 1199.98px) {
  body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.mp span.preview-value {
    font-size: 12px;
  }
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.rp, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.lp {
  line-height: 1;
  flex-shrink: 0;
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.rp svg, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.lp svg {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.rp svg path, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.lp svg path {
  fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.rp svg, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.lp svg {
    width: 20px;
    height: 20px;
  }
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item div.lp {
  align-self: flex-start;
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item:hover, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item:active, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item:focus {
  background: var(--cl-event-hover-bg);
}
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item:hover b, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item:active b, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item:focus b {
  color: var(--cl-primary-color);
}
body.cl-app-settings div.profile-settings div.profile-settings__content {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-settings div.profile-settings div.profile-settings__content div.settings-form form.form div.form-group.padding-x-offset {
  padding: 0px var(--cl-primary-offset-size);
}
body.cl-app-settings div.profile-settings div.profile-settings__content.profile-settings__content_no-padding {
  padding: 0px;
}
body.cl-app-settings div.profile-settings div.profile-settings__content.profile-settings__content_no-padding div.settings-form form.form {
  padding: 10px 0px var(--cl-primary-offset-size) 0px;
}

/* ===================================================== */
body.cl-app-start_up div.startup div.startup__header div.timeline-placeholder {
  padding-bottom: 0px !important;
}
body.cl-app-start_up div.startup div.startup__body {
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-start_up div.startup div.startup__body.no-mb {
  margin-bottom: 0px;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar {
  display: flex;
  align-items: center;
  flex-direction: column;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image {
  width: 120px;
  height: 120px;
  position: relative;
  margin-bottom: 20px;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image button.upload-avatar {
  background-color: var(--cl-primary-color);
  border: none;
  padding: 0px;
  margin: 0px;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: all 0.27s ease;
  box-shadow: var(--cl-primary-box-shadow);
  outline: 0;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image button.upload-avatar svg {
  width: 24px;
  height: 24px;
  transition: inherit;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image button.upload-avatar svg path {
  fill: #ffffff;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image button.upload-avatar:disabled {
  cursor: wait !important;
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image button.upload-avatar:hover, body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__image button.upload-avatar:active {
  transform: scale(1.1);
}
body.cl-app-start_up div.startup div.startup__body div.startup-avatar div.startup-avatar__desc {
  font-size: 16px;
  color: var(--cl-primary-text-color);
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
body.cl-app-start_up div.startup div.startup__body div.startup__form {
  padding: 0px var(--cl-primary-offset-size);
}
body.cl-app-start_up div.startup div.startup__body div.startup-suggested {
  border-top: 1px solid var(--cl-primary-border-color);
}
body.cl-app-start_up div.startup div.startup__body div.startup-suggested div.startup-suggested__skip {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-start_up div.startup div.startup__body div.startup-suggested div.startup-suggested__skip button.btn {
  margin-bottom: var(--cl-primary-offset-size);
}
body.cl-app-start_up div.startup div.startup__body div.startup-suggested div.startup-suggested__skip button.btn:last-child {
  margin-bottom: 0px;
}
body.cl-app-start_up div.startup div.startup__footer {
  padding: var(--cl-primary-offset-size);
}

/* ===================================================== */
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites {
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-secondary-border-color);
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__account-bank-name {
  padding: 15px 20px;
  font-size: 16px;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  text-transform: uppercase;
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__account-number {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  line-height: 1;
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__account-number::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--cl-primary-color);
  opacity: 0.08;
  content: "";
  left: 0px;
  top: 0px;
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__account-number span {
  display: block;
  width: 100%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__account-number span:first-child {
  font-size: 32px;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  font-family: sans-serif;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__account-number span:first-child {
    font-size: 22px;
  }
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__account-number span:last-child {
  font-size: 12px;
  color: var(--cl-secondary-text-color);
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__bank-info {
  padding: 0px 20px;
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__bank-info div.bank-info-item {
  margin-bottom: 15px;
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__bank-info div.bank-info-item span {
  display: block;
  font-size: 14px;
  color: var(--cl-primary-text-color);
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__requisites div.bank-requisites div.bank-requisites__bank-info div.bank-info-item span:first-child {
  color: var(--cl-secondary-text-color);
}
body.cl-app-wallet_banktrans div.wallet-banktrans div.wallet-banktrans__form {
  padding: var(--cl-primary-offset-size);
}

/* ===================================================== */
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card {
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-secondary-border-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card {
    padding-top: 20px;
  }
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.account-wallet__card-title {
  padding: 15px 20px;
  font-size: 16px;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  text-transform: uppercase;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
  position: relative;
  padding: 20px;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance {
    padding: 20px;
  }
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--cl-primary-color);
  opacity: 0.08;
  content: "";
  left: 0px;
  top: 0px;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__icon {
  z-index: 5;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg {
  width: 42px;
  height: 42px;
  opacity: 0.8;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg path {
  fill: var(--cl-primary-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg {
    width: 35px;
    height: 35px;
  }
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__amount {
  flex: 1;
  overflow: hidden;
  padding-right: var(--cl-primary-offset-size);
  z-index: 5;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__amount span {
  display: block;
  width: 100%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  letter-spacing: -0.04em;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:first-child {
  font-size: 42px;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  font-family: sans-serif;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:last-child {
  font-size: 12px;
  color: var(--cl-secondary-text-color);
  text-transform: uppercase;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:first-child {
    font-size: 36px;
  }
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-footer {
  padding: var(--cl-primary-offset-size) 20px;
  padding-bottom: 20px;
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-footer div.wallet-footer__text {
  font-size: 14px;
  line-height: 1.4;
  color: var(--cl-secondary-text-color);
  margin-bottom: 0px;
  max-width: 80%;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__balance div.account-wallet__card div.wallet-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.cl-app-wallet_withdrawal div.wallet-withdrawal div.wallet-withdrawal__form {
  padding: var(--cl-primary-offset-size);
}

/* ===================================================== */
body.cl-app-stat_pages div.stat-page-content {
  padding: var(--cl-primary-offset-size);
  color: var(--cl-primary-text-color);
}

/* ===================================================== */
body.cl-app-suggested div.right-sb-container div.sidebar-content_users {
  display: none;
}

/* ===================================================== */
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-chain div.post-list-item {
  border-bottom: none;
  position: relative;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-chain div.post-list-item:after {
  position: absolute;
  bottom: 0px;
  left: 80px;
  right: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
  content: "";
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-chain div.post-list-item:hover, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-chain div.post-list-item:active {
  background: inherit !important;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-chain div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar {
  position: relative;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-chain div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar::before {
  position: absolute;
  content: "";
  top: var(--cl-primary-avatar-size);
  bottom: -25px;
  left: 19px;
  width: 2px;
  background: var(--cl-primary-text-color);
  border-radius: 5px;
}
@media (max-width: 1199.98px) {
  body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-chain div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar::before {
    left: 15px;
    top: 30px;
    bottom: -20px;
  }
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data {
  border-bottom: 3px solid var(--cl-primary-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar {
  display: none;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content {
  padding-left: 0px;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-avatar {
  flex-basis: var(--cl-primary-avatar-size);
  flex-shrink: 0;
  margin-right: var(--cl-primary-offset-size);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-avatar div.avatar-holder {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  position: relative;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-avatar div.avatar-holder img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  background: var(--cl-primary-border-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-avatar div.avatar-holder img:not([data-loaded]) {
  visibility: hidden;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-date {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-date span {
  margin-left: 5px;
  cursor: help;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-target {
  margin-left: 15px;
  position: relative;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-target div.post-reply {
  width: 100%;
  display: block;
  line-height: 0;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-target div.post-reply span {
  font-size: 13px;
  line-height: 16px;
  color: var(--cl-secondary-text-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-target div.post-reply span a {
  color: var(--cl-primary-link-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-target:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: var(--cl-secondary-text-color);
  left: -10px;
  top: 7px;
  border-radius: 5px;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy {
  margin-left: auto;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  line-height: 1;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings div.dropdown-toggle {
  padding: 0;
  margin: 0;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings div.dropdown-toggle:after, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings div.dropdown-toggle:before {
  display: none;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex {
  height: 30px;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.icon svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.icon svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.label {
  font-size: 13px;
  line-height: 13px;
  margin-left: 5px;
  font-weight: 500;
  color: var(--cl-secondary-text-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings:hover, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__date div.publication-privacy button.privacy-settings:active {
  background: none;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls {
  border-top: 1px solid var(--cl-primary-border-color);
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 10px;
  justify-content: space-around;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon svg, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item a.ctrls-item__icon svg {
  width: 26px;
  height: 26px;
}
@media (max-width: 1199.98px) {
  body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item a.ctrls-item__icon {
    width: 35px;
    height: 35px;
  }
  body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon svg, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item a.ctrls-item__icon svg {
    width: 24px;
    height: 24px;
  }
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-data div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group {
  border-top: 2px solid var(--cl-primary-border-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group:hover, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group:active {
  background: var(--cl-event-hover-bg);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group:first-child {
  border-top: none;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item {
  position: relative;
  border-bottom: none;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item:hover, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item:active {
  background: inherit !important;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item::after {
  position: absolute;
  bottom: 0px;
  left: 80px;
  right: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
  content: "";
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar {
  position: relative;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar::before {
  position: absolute;
  content: "";
  top: var(--cl-primary-avatar-size);
  bottom: -25px;
  left: 24px;
  width: 4px;
  background: var(--cl-primary-text-color);
  border-radius: 5px;
}
@media (max-width: 1199.98px) {
  body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar:before {
    left: 14px;
    top: 30px;
  }
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item:last-child div.post-list-item__content div.post-data div.post-data__avatar::before {
  display: none;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.timeline-posts-ls-group-inner div.post-list-item:last-child::after {
  display: none;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread {
  background: var(--cl-secondary-bg-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  height: 32px;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread a span.text {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  line-height: 1;
  font-weight: 500;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread a span.icon {
  margin-left: 5px;
  line-height: 1;
  transition: all 0.27s ease;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread a span.icon svg {
  width: 18px;
  height: 18px;
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread a span.icon svg path {
  fill: var(--cl-secondary-text-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread:hover span.text, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread:active span.text {
  color: var(--cl-primary-color);
}
body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread:hover span.icon svg, body.cl-app-thread main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container div.timeline-posts-container div.timeline-posts-ls.thread-replys div.timeline-posts-ls-group div.show-thread:active span.icon svg {
  fill: var(--cl-primary-color);
}

/* ===================================================== */
body.cl-app-wallet div.account-wallet div.account-wallet__status {
  padding: var(--cl-primary-offset-size);
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card {
  border-radius: var(--cl-secondary-border-radius);
  border: 1px solid var(--cl-secondary-border-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card {
    padding-top: 20px;
  }
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.account-wallet__card-title {
  padding: 15px 20px;
  font-size: 16px;
  color: var(--cl-primary-text-color);
  font-weight: 500;
  text-transform: uppercase;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
  position: relative;
  padding: 20px;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance {
    padding: 20px;
  }
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--cl-primary-color);
  opacity: 0.08;
  content: "";
  left: 0px;
  top: 0px;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__icon {
  z-index: 5;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg {
  width: 42px;
  height: 42px;
  opacity: 0.8;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg {
    width: 35px;
    height: 35px;
  }
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__icon svg path {
  fill: var(--cl-primary-color);
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__amount {
  flex: 1;
  overflow: hidden;
  padding-right: var(--cl-primary-offset-size);
  z-index: 5;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__amount span {
  display: block;
  width: 100%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  letter-spacing: -0.04em;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:first-child {
  font-size: 42px;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--cl-primary-text-color);
  font-family: sans-serif;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:last-child {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-balance div.wallet-balance__amount span:first-child {
    font-size: 36px;
  }
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-footer {
  padding: var(--cl-primary-offset-size) 20px;
  padding-bottom: 20px;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-footer div.wallet-footer__text {
  font-size: 14px;
  line-height: 1.4;
  color: var(--cl-secondary-text-color);
  margin-bottom: 25px;
  max-width: 80%;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-footer div.wallet-footer__ctrls {
  display: flex;
  flex-direction: row;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-footer div.wallet-footer__ctrls a.wallet-footer__ctrls-item {
  text-decoration: none;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-footer div.wallet-footer__ctrls a.wallet-footer__ctrls-item:first-child {
  margin-right: var(--cl-primary-offset-size);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__card div.wallet-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__withdrawal {
  padding: 10px 0px;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__withdrawal a {
  text-decoration: none;
  color: var(--cl-secondary-text-color);
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  font-weight: 500;
}
body.cl-app-wallet div.account-wallet div.account-wallet__status div.account-wallet__withdrawal a:hover {
  text-decoration: underline;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.account-wallet__history-topline {
  overflow: hidden;
  padding: var(--cl-primary-offset-size);
  background: var(--cl-secondary-bg-color);
  border-top: 1px solid var(--cl-primary-border-color);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.account-wallet__history-topline h4 {
  font-size: 13px;
  color: var(--cl-primary-text-color);
  padding: 0;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: var(--cl-primary-offset-size);
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.lp {
  width: var(--cl-primary-avatar-size);
  flex-shrink: 0;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.lp div.lp__icon {
  width: var(--cl-primary-avatar-size);
  height: var(--cl-primary-avatar-size);
  overflow: hidden;
  background: var(--cl-secondary-bg-color);
  border-radius: 100%;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.lp div.lp__icon img {
  width: 100%;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp {
  overflow: hidden;
  padding-left: var(--cl-primary-offset-size);
  flex: 1;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__amount {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 2px;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__amount div.flex-item-left {
  flex: 1;
  margin-right: var(--cl-primary-offset-size);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--cl-primary-text-color);
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__amount div.flex-item-left s {
  color: var(--cl-danger-color);
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__amount div.flex-item-right {
  color: var(--cl-secondary-text-color);
  font-size: 13px;
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__amount div.flex-item-right {
    font-size: 11px;
  }
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__text {
  font-size: 15px;
  color: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
  body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__text {
    font-size: 13px;
  }
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__status {
  margin-top: 5px;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__status span {
  text-transform: uppercase;
  padding: 3px 12px;
  font-size: 11px;
  border-radius: 5em;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__status.mp__status_pending span {
  border: 1px solid var(--cl-warning-color);
  background-color: var(--cl-warning-color);
  color: #000000;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item div.rp div.mp__status.mp__status_declined span {
  border: 1px solid var(--cl-danger-color);
  background-color: var(--cl-danger-color);
  color: #ffffff;
}
body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item:hover, body.cl-app-wallet div.account-wallet div.account-wallet__history div.wallet-transactions div.wallet-transactions__item:active {
  background: var(--cl-event-hover-bg);
}

/* ===================================================== */

/* Group creation form terms text */
.terms-text {
    text-align: left !important;
    color: #6c757d;
    font-size: 12px;
    margin-top: 1rem;
    display: block;
}

.terms-text .link {
    color: #0c8fe6;
    text-decoration: none;
}

.terms-text .link:hover {
    text-decoration: underline;
}

/*# sourceMappingURL=master.styles.css.map */
/* sport modal css */
/* Default (light mode) styles */
#addPickModal .modal-content {
  margin-left: 307px !important;
  max-width: 512px !important;
}

#add_lang_modal .modal-content {
  margin-left: 307px !important;
  max-width: 512px !important;
}
#newRightModal .modal-content {
  margin-left: 307px !important;
  max-width: 512px !important;
}

#addPickModal .modal-header {
  border: none;
}
#add_lang_modal .modal-header {
  border: none;
}

#newRightModal .modal-header {
  border: none;
}
.searchbar-input {
	position: relative;
	margin-bottom: 20px;
}

.searchbar-input input {
	width: 100%;
	padding: 14px 12px 14px 40px; /* Left padding for icon */
	border: 1px solid #ccc;
	border-radius: 25px;
	font-size: 14px;
	background-color: white !important;
	color: black;
}

.searchbar-input__icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #212529;
	font-size: 20px; /* 🔺 Increase this value to make the icon larger */
	pointer-events: none;
}

.sport-btn {
	display: flex;
	align-items: center;
  justify-content: left;
  padding: 7px 18px;
	border-radius: 25px;
	background-color: #f0f0f0;
	color: black;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.3s;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.sport-btn:hover {
	background-color: #e0e0e0;
}

.sport-btn img {
	width: 14px;
	height: 14px;
	margin-right: 8px;
}

.game-icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.game-name {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.sports-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

/* Dark mode overrides */
body[data-bg="dark"] .searchbar-input input {
	background-color:var(--cl-primary-bg-color)!important;
	color: white;
	border-color: #ff;
}


body[data-bg="dark"] .sport-btn,
body[data-bg="dark"] .sport-btn:hover {
	background-color: #f0f0f0;
	color: black;
}

body[data-bg="dark"] .game-name {
	color: #333;
}

#addPickModal a,
#newRightModal a {
	text-decoration: none;
	color: white;
}

.section-title {
	font-size: 12px;
	font-weight: bold;
	color: #bbb;
	text-transform: uppercase;
	margin: 15px 0 8px;
}

.league-btn,
.team-btn {
	background-color: #2c2c2e;
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 10px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	cursor: pointer;
	transition: background 0.2s;
	width: 100%;
}

.league-btn:hover,
.team-btn:hover {
	background-color: #3a3a3c;
}

.league-btn img,
.team-btn img {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 10px;
}

.league-label,
.team-label {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
}

.modal-title-wrapper {
	position: relative;
	width: 100%;
	text-align: center;
}

h5.modal-title {
	text-align: center;
	width: 100%;
}

.title-text {
	display: inline-block;
	font-weight: bold;
}

body[data-bg="dark"] .back-arrow,
body[data-bg="default"] .back-arrow {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 18px;
	padding-left: 10px;
}

body[data-bg="dark"] .back-arrow {
	color: rgb(246, 248, 250);
}

body[data-bg="default"] .back-arrow {
	color: #000000;
}

.event-group {
	padding: 0 1rem;
}

.event-date {
	font-size: 0.9rem;
	color: #aaa;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
	text-transform: uppercase;
}

.match-card-live {
	background: #2a2d32;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}

.match-time-live {
	font-size: 0.95rem;
	color: #aaa;
	width: 50px;
}

.match-teams-live {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	width: 76%;
}

.team {
	display: flex;
	align-items: center;
	font-size: 1rem;
	color: #fff;
	gap: 0.5rem;
}

body[data-bg="default"] .team {
	color: #000;
}

.team img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.score span {
	display: flex;
	font-size: 16px;
	font-weight: bold;
	gap: 0.4rem;
}


/* Match Header */
.match-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.match-date {
  font-size: 0.85rem;
  color: #bbb;
  text-align: center;
}

/* Tabs */
.tabs {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  overflow-x: auto;
}
.tab {
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 6px;
  background: #222;
  color: var(--cl-group-text);
  font-weight: 500;
}
.tab.active {
  background: #ffd600;
  color: #222;
}

/* Odds Section */
.odds-section {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.odds-option {
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  border-radius: 6px;
  font-weight: bold;
  background: #333;
  color: var(--cl-group-text);
}
.odds-option.home {
  background: #ffd600;
  color: #222;
}
.odds-option.draw, .odds-option.away {
  background: #444;
}

/* Dropdowns */
.dropdowns {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.dropdown-toggle {
  /* background: #222; */
  padding: 0.5rem 1rem;
  border-radius: 6px;
  color:white;
  cursor: pointer;
}

/* Pick Comment */
.pick-comment {
  /* background: #ffd600; */
  /* color: #222; */
  border-radius: 6px;
  padding: 0.75rem 1rem;
  /* margin-top: 1rem; */
  font-size: 0.95rem;
}

/* Pick Comment */
.picks-comment {
  /* background: #ffd600; */
  /* color: #222; */
  border-radius: 6px;
  padding: 0.75rem 1rem;
  /* margin-top: 1rem; */
  font-size: 0.95rem;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(40px);}
  to { opacity: 1; transform: translateY(0);}
}
.team2 img {
    width: 50px;
    height: 52px;
	margin-right:5px;
    object-fit: contain;
}

	.tabs-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background: #121212;
  color: var(--cl-group-text);
  border-radius: 8px;
  overflow: hidden;
}

.tabs-nav {
  display: flex;
  border-bottom: 1px solid var(--cl-group-border);
}

.tab-btn {
  flex: 1;
  background: transparent;
  color: var(--cl-group-text);
  border: none;
  padding: 12px 8px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}

.tab-btn.active {
  border-bottom: 2px solid #ffd700;
  font-weight: bold;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}


.tab-content-group {
  display: none;
}
.tab-content-group.active {
  display: block;
}

/* Media List Styles */
.media-list-container {
  padding: 15px 0;
}

.media-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 15px;
}

.filter-tabs {
  display: flex;
  gap: 15px;
}

.filter-tab {
  background: none;
  border: none;
  color: var(--cl-secondary-text-color);
  font-size: 14px;
  font-weight: 500;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}

.filter-tab:hover {
  color: var(--cl-primary-color);
}

.filter-tab.active {
  color: var(--cl-primary-color);
  font-weight: 600;
}

.filter-tab.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--cl-primary-color);
  border-radius: 2px;
}

.sort-options {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sort-label {
  font-size: 13px;
  color: var(--cl-secondary-text-color);
}

.sort-select {
  background: var(--cl-primary-bg-color);
  border: 1px solid var(--cl-primary-border-color);
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  color: var(--cl-primary-text-color);
  cursor: pointer;
  outline: none;
}

.media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
  padding: 0 15px;
}

.empty-media {
  grid-column: 1 / -1;
  text-align: center;
  padding: 40px 20px;
  color: var(--cl-secondary-text-color);
}

.empty-media-icon {
  margin-bottom: 15px;
  color: var(--cl-secondary-text-color);
}

.empty-media h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--cl-primary-text-color);
}

.empty-media p {
  font-size: 14px;
  line-height: 1.4;
  max-width: 400px;
  margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .media-filters {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  
  .sort-options {
    width: 100%;
    justify-content: space-between;
  }
  
  .media-grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}

.betting-options {
  margin-top: 15px;
}

.option-row, .option-values {
  display: flex;
  justify-content: space-between;
}

.option-label {
  text-align: center;
  font-size: 12px;
  color: var(--cl-group-text-muted);
  flex: 1;
}

.option-values {
  margin-top: 5px;
}

.value {
  flex: 1;
  text-align: center;
  padding: 8px;
  margin: 0 5px;
  background: #333;
  border-radius: 20px;
  font-weight: bold;
}

.value:first-child {
  background: #ffd700;
  color: #000;
}


.timeline {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    height: 500px;
    overflow-y: scroll;
}

.timeline-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #f9f9f9;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.timeline-time {
    min-width: 50px;
    font-weight: bold;
    color: #007bff;
    font-size: 16px;
}

.timeline-content {
    flex-grow: 1;
}

.event-type {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
}

.event-commentary {
    font-size: 13px;
    color: #555;
}

  /* Basic table styling */
.lineup-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    /* background-color: #f9f9f9; */
}

.lineup-table th, .lineup-table td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

.lineup-table th {
    /* background-color: #4CAF50; */
    color: white;
}

.lineup-table tr:nth-child(even) {
    /* background-color: #f2f2f2; */
}

.lineup-table tr:hover {
    /* background-color: #ddd; */
}

/* Styling for the team name */
.team-name {
    font-size: 1rem;
    font-weight: bold;
    /* margin-top: 20px; */
    /* color: #333; */
}

/* General container styling */
.lineups {
    font-family: Arial, sans-serif;
    margin: 20px;
}


  .stats-container {
  padding: 10px;
  background: #f8f8f8;
  border-radius: 8px;
  margin-top: 10px;
}
.stat-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.stat-title {
  flex: 1;
  text-align: center;
  font-weight: bold;
}
.label {
  width: 50px;
  text-align: center;
}
.stats-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}
.team-name {
  /* width: 40%; */
  color:#bbb;
  text-align: center;
}
.stats-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.team-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.team-logo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}

.left-team {
  justify-content: flex-start;
}

.right-team {
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.vs-text {
  font-weight: bold;
  font-size: 18px;
  color: #888;
}
.modal-back {
  font-size: 20px;
  cursor: pointer;
  margin-right: 10px;
  color: var(--cl-group-text);
}

  .match-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    /* color: #333; */
}

.match-info-list li {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
}

.match-info-list li strong {
    font-weight: 600;
    /* color: #fff; */
    min-width: 140px;
}


.scorecard {
  background-color: #1e1e1e;
  color: #f0f0f0;
  font-family: sans-serif;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
}


.innings {
  font-size: 0.9em;
  color: var(--cl-group-text-muted);
}

.batting, .bowling {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.batting thead th, .bowling thead th {
  background-color: #333;
  color: var(--cl-group-text);
  padding: 10px;
  text-align: left;
  font-size: 0.95em;
}

.batting tbody td, .bowling tbody td {
  padding: 10px 20px;
  border-bottom: 1px solid var(--cl-group-border);
  font-size: 0.9em;
}

.batting tbody tr:last-child td, .bowling tbody tr:last-child td {
  border-bottom: none;
}

.out {
  color: #cc6666;
  font-style: italic;
  font-size: 0.85em;
}

.not-out {
  color: #66cc66;
  font-weight: bold;
  font-size: 0.85em;
}

.did-not-bat {
  color: var(--cl-group-text-muted);
  font-style: italic;
  font-size: 0.85em;
}

.stats-summary {
  padding: 15px 20px;
  background-color: #2c2c2c;
  font-size: 0.9em;
}

.total, .run-rate, .extras {
  margin-bottom: 8px;
}



.rr {
  color: #bbb;
}

.e-b, .b, .lb, .nb, .wd, .p {
  color: #ddd;
}

.bowling-heading {
  padding: 10px 20px;
  font-size: 1em;
  background-color: #333;
  color: var(--cl-group-text);
  margin-top: 0;
}
.pick-box {
  background: #111;
  color: var(--cl-group-text);
  border-radius: 12px;
  padding: 16px;
  /* width: 320px; */
  font-family: sans-serif;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.pick-header {
  background-color: #f9c80e;
  color: #000;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
}

.match-title {
  background: #2c2c2c;
  padding: 8px;
  margin-top: 10px;
  border-radius: 6px;
  font-size: 14px;
}

.pick-details {
  padding: 10px 0;
}

.pick-type {
  color: #ccc;
  font-size: 13px;
}

.pick-team {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 5px;
}

.odds {
  font-weight: bold;
  color: #f9c80e;
}

.pick-comment-box {
  border: 1px solid var(--cl-group-border);
  padding: 10px;
  border-radius: 8px;
  margin-top: 12px;
  font-size: 13px;
  background: #1b1b1b;
}

.pick-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.btn-cancel {
  background: #888;
  border: none;
  padding: 8px 16px;
  border-radius: 24px;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}

.btn-confirm {
  background: #f9c80e;
  border: none;
  padding: 8px 16px;
  border-radius: 24px;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}
.timeline-pubbox__pick {
  margin: 15px 0;
}

.pubbox-pick {
  margin-left: 44px;
  background: #1e1e1e;
  /* padding: 15px; */
  margin-bottom: 15px;
  position: relative;
  /* border-radius: 12px; */
}

.match-header-pick {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-bottom: 1rem; */
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  font-weight: 500;
  padding: 10px 12px;
  /* border-radius: 8px; */
}

.pubbox-pick .pick-type {
  color: #8e8e8e;
  font-size: 14px;
}

.team-name-pick {
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
}

.pubbox-pick .pick-details {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.team-pick {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--cl-primary-bg-color);
  padding: 10px 12px;
  border-radius: 8px;
}

.pick-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.pick-comment {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
}
.picks-comment {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
}

.pubbox-pick .delete-preview {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  color: #8e8e8e;
  cursor: pointer;
  padding: 5px;
}

.pubbox-pick .delete-preview:hover {
  color: #ffffff;
}
/* Hot Pick Card - Base Styles */
.hot-pick-card {
  background: var(--cl-primary-bg-color, #f8f9fa);
  border: 1px solid var(--cl-primary-border-color, #e1e4e8);
  border-radius: 16px;
  overflow: hidden;
  max-width: 680px;
  margin: 32px 16px;
  transition: all 0.2s ease;
}

.hot-pick-card-header {
  background: var(--cl-secondary-bg-color, #f1f3f5);
  color: var(--cl-default-text-color, #495057);
  font-size: 16px;
  font-weight: 500;
  padding: 16px 20px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--cl-secondary-bg-color , #e1e4e8);
}

.hot-pick-card-subheader {
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 400;
  color: var(--cl-primary-text-color, #6c757d);
  background: var(--cl-primary-bg-color, #ffffff);
}

.hot-pick-pick-meta {
  padding: 0px 20px;
  font-size: 15px;
  font-weight: 700;
  color: var(--cl-primary-color, #2fbf63);
  background: var(--cl-primary-bg-color, #ffffff);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hot-pick-pick-rows {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 20px 20px;
  background: var(--cl-primary-bg-color, #ffffff);
}

.hot-pick-pick-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hot-pick-pick-left {
  display: flex;
  align-items: center;
  background: var(--cl-primary-bg-color, #ffffff);
  padding: 4px 14px 4px 6px;
  border-radius: 30px;
  min-width: 105px;
  position: relative;
  gap: 6px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px var(--cl-primary-color, #6a5acd);
}

.hot-pick-pick-left.blue {
  border: 1px solid;
  border-image-source: linear-gradient(90deg, #0C8FE6 0%, #9843FF 100%);
  border-image-slice: 1;
  box-shadow: none;
}

.hot-pick-pick-left.yellow {
  box-shadow: 0 0 0 2px var(--cl-warning-color, #ffc800);
}

.hot-pick-pick-left.purple {
  box-shadow: 0 0 0 2px var(--cl-purple, #b18fff);
}

.hot-pick-avatars {
  display: flex;
  align-items: center;
}

.hot-pick-avatars img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid var(--cl-primary-bg-color, #ffffff);
  background: #fff;
  margin-left: -8px;
  box-shadow: 0 0 0 2px var(#000, #e9ecef);
}

.hot-pick-avatars img:first-child {
  margin-left: 0;
}

.hot-pick-user-count {
  color: var(--cl-primary-text-color, #212529);
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  min-width: 38px;
}

.hot-pick-pick-comment {
  background: var(--cl-secondary-bg-color, #f8f9fa);
  color: var(--cl-primary-text-color, #212529);
  padding: 10px 24px;
  border-radius: 20px;
  margin-left:10px
  position: relative;
}

.hot-pick-pick-comment::before {
  content: '';
  position: absolute;
  left: -7.25px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 9.25px;
  height: 9.25px;
  background: var(--cl-secondary-bg-color, #f8f9fa);
  border-radius: 1px;
  opacity: 1;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.hot-pick-card-users {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--cl-primary-text-color, #6c757d);
  font-size: 13px;
  font-weight: 500;
}

.hot-pick-card-users svg {
  width: 24px;
  height: 24px;
  color: var(--cl-primary-text-color, #6c757d);
}

.hot-pick-heading {
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--cl-primary-text-color, #212529);
  border-bottom: 1px solid var(--cl-secondary-bg-color, #e9ecef);
  border-top: 1px solid var(--cl-secondary-bg-color, #e9ecef);
  background-color: var(--cl-defalt-bg-color, #ffffff);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Dark theme overrides */
[data-theme="dark"] .hot-pick-card,
body[data-skin="dark"] .hot-pick-card {
  background: #18191c;
  box-shadow: 0 0 0 2px #2c2e34;
}

[data-theme="dark"] .hot-pick-card-header,
body[data-skin="dark"] .hot-pick-card-header {
  background: #2c2e34;
  color: #bfc2c9;
  border-bottom-color: #3a3d44;
}

[data-theme="dark"] .hot-pick-card-subheader,
body[data-skin="dark"] .hot-pick-card-subheader {
  background: #1e1f22;
  color: #bfc2c9;
}

[data-theme="dark"] .hot-pick-pick-meta,
body[data-skin="dark"] .hot-pick-pick-meta {
  background: #18191c;
  color: #23a8ff;
}

[data-theme="dark"] .hot-pick-pick-rows,
body[data-skin="dark"] .hot-pick-pick-rows {
  background: #18191c;
}

[data-theme="dark"] .hot-pick-pick-left,
body[data-skin="dark"] .hot-pick-pick-left {
  background: #1e1f22;
}

[data-theme="dark"] .hot-pick-pick-comment,
body[data-skin="dark"] .hot-pick-pick-comment {
  background: #2c2e34;
  color: var(--cl-group-text);
  border-color: #3a3d44;
}

[data-theme="dark"] .hot-pick-pick-comment::before,
body[data-skin="dark"] .hot-pick-pick-comment::before {
  border-right-color: #2c2e34;
  filter: drop-shadow(-2px 0 0 #3a3d44);
}

[data-theme="dark"] .hot-pick-user-count,
body[data-skin="dark"] .hot-pick-user-count {
  color: var(--cl-group-text);
}

[data-theme="dark"] .hot-pick-heading,
body[data-skin="dark"] .hot-pick-heading {
  background: #1a1b1e;
  color: #e4e6eb;
  border-bottom-color: #2f3136;
}

.timeline-pagination .btn-custom.main-outline {
  color: #1da1f2 !important;
  border: none;
  border-color: var(--cl-primary-border-color) !important;
}

body[data-bg="dark"] .timeline-pagination .btn-custom.main-outline {
  color: #1da1f2 !important;
}

body[data-bg="default"] .timeline-pagination .btn-custom.main-outline {
  color: #1da1f2 !important;
}

.hashtag-list-item {
  padding: 12px 16px;
  border-bottom: 1px solid #2f3136;
  transition: background 0.2s;
}

.hashtag-list-item:hover {
  background: #1e1f23;
}

.hashtag-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hashtag-data__body {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.hashtag-category {
  color: #aeb1b7!important;
  font-size: 13px!important;
  font-weight: 400!important;
  margin: 0;
  display: inline-block;
  margin-right: 8px;
}

.hashtag-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--cl-primary-text-color);
  margin: 0;
  display: block;
  margin-bottom: 4px;
}

.hashtag-round {
  color: #aeb1b7;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize!important;
  display: inline-block;
}

.hashtag-data__right-icon {
  color: #777;
  font-size: 16px;
}

.group-container {
  max-width: 1200px;
  margin: auto;
  background-color: var(--cl-primary-bg-color, #ffffff);
  color: var(--cl-primary-text-color, #1a1a1a);
}

.group-header h2 {
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 5px;
  color: var(--cl-primary-text-color, #1a1a1a);
}

.group-tabs {
  display: flex;
  width: 100%;
  margin: 30px 0 0px;
  border-bottom: 1px solid var(--cl-border-color, #e0e0e0);
  position: relative;
}

.group-tab {
  flex: 1;
  font-weight: bold;
  padding: 12px 0;
  text-align: center;
  cursor: pointer;
  color: var(--cl-secondary-text-color, #666666);
  transition: all 0.2s ease;
  position: relative;
  border: none;
  background: none;
  font-size: 15px;
}

.group-tab:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  transition: all 0.3s ease;
}

.group-tab:hover {
  color: var(--cl-primary-text-color, #1a1a1a);
}

.group-tab.active {
  color: var(--cl-primary-color, #1da1f2);
}

.group-tab.active:after {
  background: var(--cl-primary-text-color, #1da1f2);
}

.group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.group-card {
  background-color: var(--cl-secondary-bg-color, #f5f5f5);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s ease;
  border: 1px solid var(--cl-border-color, #e0e0e0);
}

.group-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.group-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-bottom: 1px solid var(--cl-border-color, #e0e0e0);
}

.group-avatar-container img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-bottom: 1px solid var(--cl-border-color, #e0e0e0);
  z-index: 1;
}

.group-card-content {
  padding: 12px;
}

.group-title {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0;
  color: var(--cl-primary-text-color, #1a1a1a);
}

.group-desc {
  font-size: 13px;
  color: var(--cl-secondary-text-color, #666666);
  line-height: 1.4;
}

.group-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.group-tag {
  font-size: 11px;
  background-color: var(--cl-primary-color-lighten-5, #e8f4fb);
  color: var(--cl-primary-color, #1da1f2);
  padding: 4px 10px;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.group-tag:hover {
  background-color: var(--cl-primary-color, #1da1f2);
  color: white;
}

/* Dark theme overrides */
[data-theme="dark"] .group-card,
body[data-skin="dark"] .group-card {
  background-color: var(--cl-secondary-bg-color, #1e1e1e);
  border-color: var(--cl-border-color, #333333);
}

[data-theme="dark"] .group-tab,
body[data-skin="dark"] .group-tab {
  color: var(--cl-secondary-text-color, #999999);
}

[data-theme="dark"] .group-tab:hover,
body[data-skin="dark"] .group-tab:hover {
  color: var(--cl-primary-text-color, #ffffff);
}

[data-theme="dark"] .group-tab.active,
body[data-skin="dark"] .group-tab.active {
  border-color: var(--cl-primary-text-color, #1da1f2);
  color: var(--cl-primary-text-color, #ffffff);
}

.create-group-modern {
  background: #0F0F11!important;
  color: var(--cl-group-text);
  border-radius: 16px;
  padding: 24px;
  font-family: 'Inter', sans-serif;
  max-width: 400px;
  margin: 0 auto;
}

.create-group-modern .group-avatar-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}

.create-group-modern .avatar-upload-preview {
  width: 156px;
  height: 156px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
  cursor: pointer;
  background: transparent;
  border: none;
}

.create-group-modern .avatar-upload-preview svg {
  width: 100%;
  height: 100%;
  max-width: 156px;
  max-height: 156px;
  display: block;
}

.create-group-modern .avatar-upload-preview rect {
  transition: stroke 0.2s ease;
}

.create-group-modern .avatar-upload-preview:hover rect {
  stroke: #0C8FE6;
}

.create-group-modern .avatar-upload-preview circle[fill="#0C8FE6"] {
  transition: fill 0.2s ease;
}

.create-group-modern .avatar-upload-preview:hover circle[fill="#0C8FE6"] {
  fill: #0a7acc;
}

.create-group-modern .avatar-upload-preview path[stroke="black"] {
  stroke: white;
  transition: stroke 0.2s ease;
}

.create-group-modern .avatar-upload-preview:hover path[stroke="black"] {
  stroke: white;
}

.create-group-modern img {
  display: none;
}

.create-group-modern input[type="file"] {
  display: none;
}

.create-group-modern input[type="text"],
.create-group-modern input[type="email"] {
  width: 320px;
  height: 49px;
  background-color: transparent;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  padding: 14px 12px;
  color: var(--cl-group-text);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  margin: 8px auto 20px;
  display: block;
}

.create-group-modern button[type="submit"] {
  width: 320px;
  height: 40px;
  background: #282A31;
  border: none;
  border-radius: 40px;
  color: var(--cl-group-text-muted);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  margin: 20px auto 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  gap: 8px;
  opacity: 1;
  transform: rotate(0deg);
}

.create-group-modern button[type="submit"]:hover {
  background-color: #fff;
  color: #000 ;
}

.create-group-modern {
  background-color: #1e1e1e;
  color: var(--cl-group-text);
  border-radius: 12px;
  font-family: 'Segoe UI', sans-serif;
}

.modal-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  margin: 0 0 4px 0;
  font-family: 'Inter', sans-serif;
}

.modal-description {
  color: #ffffff;
  text-align: center;
  margin-bottom: 24px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.avatar-upload-preview {
  width: 120px;
  height: 120px;
  border: 2px dashed #444;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  margin: 0 auto 15px;
}

.avatar-upload-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.avatar-upload-preview span {
  font-size: 36px;
  color: #00aaff;
  position: absolute;
}

.btn-outline:hover {
  background-color: #333;
}

.form-control {
  background-color: #2c2c2c;
  border: 1px solid #444;
  color: var(--cl-group-text);
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
}

.btn-primary {
  background-color: #2f80ed;
  border: none;
  border-radius: 8px;
  padding: 10px;
  font-weight: bold;
  color: white;
  font-size: 16px;
}

.btn-primary:hover {
  background-color: #1c5dcc;
}

.dismiss-modal {
  color: var(--cl-group-text-muted);
}

.dismiss-modal:hover {
  color: var(--cl-group-text);
}

.group-container-body.modal-body.p-0 {
  width: 348px;
  height: auto;
  margin: 12px 92px;
  text-align: center;
  opacity: 1;
}
.group-review-img{
  width: 100%;
  height: auto;
  display: block!important;
}

/* Theme Variables */
:root {
  /* Light theme (default) */
  --cl-group-bg: #ffffff;
  --cl-group-card-bg: #f8f9fa;
  --cl-group-text: #1a1a1a;
  --cl-group-text-muted: #6c757d;
  --cl-group-border: #1a1a1a;
  --cl-group-hover: #f1f3f5;
  --cl-group-active: #e9ecef;
  --cl-group-highlight: #00B2FF;
  --cl-group-highlight-hover: #0095e0;
  --cl-svg-stroke: #495057;
  --cl-svg-fill: #495057;
  --cl-svg-arrow: #777777;
  --cl-svg-check: #ffffff;
}

[data-bg="dark"] {
  --cl-group-bg: #121212;
  --cl-group-card-bg: #282A31;
  --cl-group-text: #f8f9fa;
  --cl-group-text-muted: #adb5bd;
  --cl-group-border: #58585B;
  --cl-group-hover: #2d2d2d;
  --cl-group-active: #3d3d3d;
  --cl-group-highlight: #00B2FF;
  --cl-group-highlight-hover: #0095e0;
  --cl-svg-stroke: #f8f9fa;
  --cl-svg-fill: #f8f9fa;
  --cl-svg-arrow: #adb5bd;
  --cl-svg-check: #ffffff;
}

/* SVG Icons Theming */
.checklist-item svg path,
.checklist-item svg circle,
.checklist-item svg rect {
  stroke: var(--cl-svg-stroke);
  fill: none;
}

/* Camera/Photo icon theming */
.checklist-item .checklist-item-content svg {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.checklist-item .checklist-item-content svg path {
  stroke: var(--cl-svg-stroke);
  stroke-width: 1.5;
}

.checklist-item.completed .checklist-item-content svg path {
  stroke: var(--cl-group-highlight);
}

/* Specific camera icon styling */
.checklist-item[data-icon="camera"] .checklist-item-content svg {
  width: 18px;
  height: 16px;
}

.checklist-item[data-icon="camera"] .checklist-item-content svg path {
  stroke: var(--cl-svg-stroke);
  fill: none;
}

.checklist-item.completed .checklist-item-content svg path {
  stroke: #848E9C;
  /* fill: #848E9C; */
}


.checklist-item.completed svg path,
.checklist-item.completed svg circle,
.checklist-item.completed svg rect {
  stroke: var(--cl-group-highlight);
}

.checkmark-circle {
  background-color: var(--cl-group-highlight);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.checkmark-circle svg {
  width: 10px;
  height: 8px;
}

.checkmark-circle svg path {
  stroke: #ffffff !important;
  stroke-width: 2.4px !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Right arrow in checklist items */
.checklist-item .arrow-circle svg path {
  stroke: var(--cl-svg-arrow);
}

/* Ensure arrow is visible in both themes */
[data-bg="dark"] .checklist-item .arrow-circle svg path {
  stroke: #adb5bd;
}

[data-bg="default"] .checklist-item .arrow-circle svg path {
  stroke: #777777;
}

.checkmark-circle svg path {
  stroke: var(--cl-svg-check);
}

/* Group avatar icon */
.group-avatar svg path {
  fill: var(--cl-svg-fill);
}

/* More options button */
.btn-more-options svg path {
  stroke: var(--cl-svg-stroke);
}

/* Apply theme variables */
.group-detail-container {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.group-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.group-avatar
 {
    position: absolute;
    left: 20px;
    top: 74px;
    width: 144px;
    height: 144px;
    background: var(--cl-group-card-bg);
    border-radius: 12px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border: 2px solid #333;
    z-index: 10;
}

/* Dropdown menu styles */
.dropdown-menu {
    margin-top: 8px; /* Add top margin to the dropdown menu */
}

.dropdown-menu ul,
.dropdown-menu ul li {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.dropdown-menu ul li a {
    text-decoration: none;
    display: block;
    padding: 8px 16px;
}

.dropdown-menu ul li a:hover {
    background-color: #f8f9fa;
}

/* Group creation icon styles */
.go-forward svg path {
    stroke: var(--cl-primary-text-color);
    transition: stroke 0.2s ease-in-out;
}

body[data-skin="default"] .go-forward:hover svg path {
    stroke: var(--cl-primary-color);
}

/* Dark mode styles */
body[data-skin="dark"] .go-forward svg path {
    stroke: #ffffff;
}

body[data-skin="dark"] .go-forward:hover svg path {
    stroke: var(--cl-primary-color);
}

/* Group cover styles */
.group-list-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.group-card {
    position: relative;
    background: var(--cl-primary-bg-color);
    border-radius: 12px;
    width: 275px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.group-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

/* Group cover container moved up to be with avatar styles */


.group-cover-container {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin-bottom: 25px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #f0f0f0;
}


.group-avatar-container {
    position: absolute;
    left: 10%;
    top:94px;
    bottom: 0px; /* Half in cover, half in content */
    transform: translateX(-50%);
    width: 52px;
    height: 52px;
    border-radius: 10px;
    border: 2px solid var(--cl-primary-bg-color);
    background: #f0f0f0;
    z-index: 20;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

/* Ensure the avatar stays on top of the card content */
.group-card-content {
    position: relative;
    z-index: 10; /* Lower than avatar */
    padding-top: 30px; /* Add more space for the avatar */
}

.group-card {
    width: 100%;
    position: relative;
    overflow: visible; /* Ensure avatar is not cut off */
    background: var(--cl-primary-bg-color);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.group-card-content {
    padding: 0px 12px 12px;
}

.group-title {
    margin-bottom: 8px;
}

.group-name {
    font-weight: 600;
    font-size: 15px;
    color: var(--cl-primary-text-color);
}

.group-desc {
    font-size: 13px;
    color: var(--cl-group-text-muted);
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.6em;
}

.group-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.group-tag {
    background: #5E6673;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    white-space: nowrap;
    opacity: 0.9;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .group-grid {
        grid-template-columns: 1fr !important;
    }
    
    .group-cover-container {
        height: 150px;
    }
    
    .group-avatar-container {
        width: 70px;
        height: 70px;
        bottom: -25px;
    }
}

.group-header {
  display: flex;
  flex-direction: column;
  padding: 0 20px 20px;
  position: relative;
  z-index: 5;
  padding-top: 16px;
}

.group-actions-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.group-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.group-info {
  width: 100%;
  padding-left: 0;
  margin-top: 0;
}
.btn-subscribe {
  width: 102px;
  height: 34px;
  padding: 7px 16px;
  background: var(--cl-group-highlight);
  color: white;
  border: none;
  border-radius: 40px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: background-color 0.2s;
}

.btn-manage {
  width: 131px;
  height: 34px;
  background:rgb(255 255 255 / 0%) !important;
  color: var(--cl-group-text);
  border: 1px solid var(--cl-group-border);
  border-radius: 40px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: background-color 0.2s;
}

[data-bg="dark"] .btn-manage {
  background: #58585B;
  color: white;
}

.btn-subscribe:hover {
  background: var(--cl-group-highlight-hover);
}

.btn-more-options {
  width: 34px;
  height: 34px;
  border-radius: 100px;
  border: 1px solid var(--cl-group-border);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--cl-group-text);
  transition: background-color 0.2s;
}

.btn-more-options:hover {
  background: rgba(255, 255, 255, 0.1);
}

.btn-more-options svg {
  width: 20px;
  height: 20px;
}

.group-info h1 {
  margin: 0;
  font-size: 22px;
  color: var(--cl-group-text);
}

.group-subtitle {
  color: var(--cl-group-text-muted);
  font-size: 14px;
  margin: 4px 0;
}

.group-members {
  color: var(--cl-group-text-muted);
  font-size: 12px;
}

.group-members a {
  color: #59f;
  text-decoration: none;
}

.group-actions .btn-subscribe {
  background-color: #0099ff;
  border: none;
  color: var(--cl-group-text);
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 16px;
  margin-top: 0px;
  font-weight: bold;
  cursor: pointer;
}

.group-tabs {
  display: flex;
  border-bottom: 1px solid var(--cl-group-border);
  margin-top: 10px;
}

.group-tab {
  flex: 1;
  text-align: center;
  padding: 12px;
  font-size: 15px;
  text-decoration: none;
  color: #FFFFFF99;
  border-bottom: 2px solid transparent;
  transition: 0.3s;
}

.group-tab.active {
  color: var(--cl-group-text);
  border-bottom: 2px solid var(--cl-group-text);
}

.group-content {
  padding: 20px;
}

.join-group-card {
  background: var(--cl-group-card-bg);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
  color: var(--cl-group-text);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-shadow: none;
}

.lock-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.join-group-text {
  flex: 1;
}

.join-group-title {
  font-weight: 600;
  margin: 0 0 4px 0;
  font-size: 15px;
  line-height: 1.4;
}

.join-group-desc {
  margin: 0;
  color: #9CA3AF;
  font-size: 13px;
  line-height: 1.4;
}

.post-card {
  background: var(--cl-group-card-bg);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid var(--cl-group-border);
}

.post-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.post-author-avatar svg {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #222;
  padding: 4px;
}

.post-author {
  margin-left: 10px;
}

.post-name {
  font-weight: bold;
  color: var(--cl-group-text);
}

.post-date {
  font-size: 12px;
  color: #777;
}

.post-text {
  margin-bottom: 12px;
  font-size: 14px;
  color: #ccc;
}

.post-media {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 12px;
}

.post-media img {
  width: 100%;
  display: block;
}

.locked-label {
  position: absolute;
  bottom: 8px;
  left: 8px;
  background: rgba(0,0,0,0.6);
  color: var(--cl-group-text);
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}

.post-actions {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #888;
}
   
.member-icons {
  display: inline-flex;
  margin-right: 6px;
  vertical-align: middle;
}

.member-icons img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.5px solid #22252A;
  object-fit: cover;
  margin-left: -6px; /* overlap effect */
  background: #333;
}

.member-icons img:first-child {
  margin-left: 0;
}

.checklist {
  background: var(--cl-group-card-bg);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}

.checklist h3 {
  color: var(--cl-group-text);
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 16px 0;
  padding: 0;
}

.checklist-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: #ccc;
  font-size: 13px;
  transition: all 0.2s ease;
}

.checklist-item:last-child {
  border-bottom: none;
}

.checklist-item-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.checklist-item svg:first-child {
  margin-right: 12px;
  flex-shrink: 0;
}


.checkmark-circle, .arrow-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  flex-shrink: 0;
  position: relative;
}

.checkmark-circle {
  background-color: #2EBD85;
}

.arrow-circle {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--cl-group-border);
}

.checkmark-circle svg, .arrow-circle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.checkmark-circle svg {
  width: 10px;
  height: 8px;
}

.arrow-circle svg {
  width: 6px;
  height: 10px;
}

.checklist-item .checkmark-icon,
.checklist-item .arrow-icon {
  margin-left: 12px;
  margin-right: 0;
  flex-shrink: 0;
}

.checklist-item.completed {
  color: #848E9C;
}

.checklist-item.incomplete {
  color: #FFFFFF;
}

.checklist-item:hover {
  background-color: var(--cl-group-hover);
  cursor: pointer;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0 -8px;
  border-radius: 4px;
}
.empty-posts {
  text-align: left;
  margin-left: 102px;
  padding: 40px 20px;
  color: var(--cl-group-text);
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0;
  margin-top: 20px;
}

.empty-posts p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0;
  margin-top: 10px;
  color: var(--cl-group-text-muted);
}

.manage-group-container {
  max-width: 600px;
  background: var(--cl-primary-bg-color);
  border: 1px solid var(--cl-primary-border-color);
  border-radius: var(--cl-secondary-border-radius);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.manage-group-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--cl-primary-border-color);
  font-size: 16px;
  font-weight: 600;
  color: var(--cl-primary-text-color);
  background-color: var(--cl-primary-bg-color);
}

.settings-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.settings-item {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid var(--cl-primary-border-color);
  cursor: pointer;
  transition: background-color 0.2s ease;
  background-color: var(--cl-primary-bg-color);
}

.settings-item:last-child {
  border-bottom: none;
}

.settings-item:hover {
  background-color: var(--cl-hover-bg-color, rgba(0, 0, 0, 0.05));
}

.settings-icon {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  flex-shrink: 0;
  color: var(--cl-secondary-text-color);
}

.settings-text {
  flex-grow: 1;
  font-size: 14px;
  color: var(--cl-primary-text-color);
}

.settings-arrow {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--cl-secondary-text-color);
  transition: transform 0.2s ease;
}

.settings-item:hover .settings-arrow {
  transform: translateX(3px);
}

/* Dark mode specific overrides */
.night-mode .settings-item:hover {
  background-color: var(--cl-hover-bg-color, rgba(255, 255, 255, 0.05));
}

.member-item:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

.member-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
  flex-shrink: 0;
}

.member-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.member-info {
  flex-grow: 1;
  min-width: 0;
}

.member-name {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 2px;
}

.member-username {
  color: #8b98a5;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.member-actions {
  position: relative;
}

.action-btn {
  background: none;
  border: none;
  color: #8b98a5;
  cursor: pointer;
  padding: 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.action-btn:hover {
  background-color: rgba(29, 155, 240, 0.1);
  color: #1d9bf0;
}

.role-tag-container {
  display: inline-flex;
  align-items: center;
  background: rgba(29, 155, 240, 0.1);
  border-radius: 4px;
}

.role-tag-icon {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  margin-right: 4px;
}

.member-role-tag {
  font-size: 11px;
  font-weight: 500;
  text-transform: capitalize;
}

.role-mod {
  width: 100%;
  background-color: var(--cl-primary-text-color);
  color: var(--cl-group-bg);
}

.role-moderator {
  width: 100%;
  background-color: var(--cl-primary-text-color);
  color: var(--cl-group-bg);
}

.role-admin {
  background-color: var(--cl-primary-text-color);
  color: var(--cl-group-bg);
}
.role-Member {
  background-color: #282A31;
  color: #848E9C;
}


.role-member {
  background-color: #282A31;
  color: #848E9C;
}


.verified-badge {
  color: #1d9bf0;
  font-size: 16px !important;
  margin-left: 2px;
}

.emoji-grid-join {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 8px;
    margin-top: 12px;
}
.join-group-banner {
    border-radius: 16px;
    padding-bottom: 20px;
    margin:20px;
    display: flex;
    align-items: flex-start;
    max-width: 700px;
    color: #fff;
    font-family: "Inter", sans-serif;
}

.join-group-content {
    background: var(--cl-group-card-bg);
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 8px;
    opacity: 1;
    border-radius: 12px;
    padding-top: 20px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;

}

.join-group-icon {
    margin-right: 16px;
    flex-shrink: 0;
}

.join-group-text h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.join-group-text p {
    margin: 6px 0 12px;
    font-size: 14px;
    color: #b5b5b5;
}

.emoji-grid {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.emoji-item {
    background: #181A20;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 9px;
    color: #9ca3af; /* muted gray */
    text-align: center;
    min-width: 48px;
    transition: background 0.2s;
}

.emoji-item:hover {
    background: #3a3b41;
}

/* ==== Timeline Posts ==== */
.timeline-posts-container {
  max-width: 100%;
  margin: 0 auto;
}

.timeline-posts-ls {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.post-card {
  background: #1e1f23;
  border-radius: 16px;
  padding: 16px;
  color: #fff;
}

.post-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.post-header img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.post-header .post-user {
  font-weight: 600;
  font-size: 14px;
}

.post-header .post-meta {
  font-size: 12px;
  color: #9ca3af;
}

.post-content {
  font-size: 15px;
  margin: 8px 0 12px;
  color: #e5e5e5;
}

.post-locked {
  background: #101114;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  color: #9ca3af;
  font-size: 14px;
  border: 1px solid #2a2b31;
}

/* ==== Post Actions ==== */
.post-actions {
  width: 100%;  
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 10px;
  color: #9ca3af;
}

.post-actions span {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: color 0.2s;
}

.post-actions span:hover {
  color: #1d9bf0;
}

/* ==== Load More Button ==== */
.load-more-container {
  text-align: center;
  margin: 20px 0;
}

#load-more-posts {
  background: #1d9bf0;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.2s;
}

#load-more-posts:hover {
  background: #1484c7;
}

/* ==== Invite Modal Styles ==== */
.dark-modal {
  background: #15202b;
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
}

.modal-header__inner {
  position: relative;
  width: 100%;
}

.dismiss-modal {
  font-size: 20px;
  cursor: pointer;
  color: #fff;
}

.btn-done {
  background: #1d9bf0;
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
}

.invite-search-wrapper {
  display: flex;
  align-items: center;
  background: #273340;
  padding: 8px 12px;
}

.search-icon {
  color: #aaa;
  margin-right: 8px;
}

.invite-search-input {
  background: transparent;
  border: none;
  outline: none;
  flex: 1;
  color: #fff;
  font-size: 15px;
}

.invite-users-list {
  max-height: 400px;
  overflow-y: auto;
}

.invite-user-item {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.invite-user-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

#inviteModal .modal-content{
   background-color: #0F0F11!important;
}
.user-avatar img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}

.user-info {
  flex: 1;
}

.user-name {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px; /* Adjust this value as needed */
}

.user-username,
.user-status {
  font-size: 13px;
  color: #aaa;
}

.verified {
  color: #1d9bf0;
}

.user-action {
  margin-left: auto;
}

.btn-invite {
  background: #fff;
  color: #000;
  border: none;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.btn-invited {
  background: transparent;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 14px;
  cursor: default;
}


/* Header styles */

/* Notification icon and count styles */
.header-icon[data-notification], .header-icon.download-dropdown-trigger {
  position: relative;
  width: auto;
  height: 32px;
  min-width: 32px;
  padding: 0 8px;
  border: 1px solid var(--cl-primary-border-color);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 8px;
}

.header-icon[data-notification] a, .header-icon.download-dropdown-trigger a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  width: 100%;
  height: 100%;
  color: white;
  text-decoration: none;
}

.header-icon[data-notification] svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.notification-count {
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.underlap-header {
  background-color: var(--cl-primary-bg-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1px solid var(--cl-primary-border-color);
  height: 64px;
  /* position: sticky; */
  top: 0;
  z-index: 1000;
  width: 100%;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.header-logo {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  color: var(--cl-text-primary);
  gap: 10px;
  opacity: 1;
}

.header-logo img {
  width: 125px;
  height: 65.5px;
  margin-left: 18px;
}

.header-search {
  position: absolute;
  width: 600px;
  height: 44px;
  top: 10px;
  left: 46%;
  transform: translateX(-50%);
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.sidebar-searchbar__input {
  position: relative;
  width: 600px;
  height: 40px;
  display: flex;
  align-items: center;
}

/* Download dropdown styles */
.download-dropdown-trigger {
  position: relative;
  cursor: pointer;
}

.download-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 280px;
  background-color: var(--cl-primary-bg-color);
  border: 1px solid var(--cl-primary-border-color);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  margin-top: 10px;
  display: none;
}

.download-dropdown-trigger:hover .download-dropdown {
  display: block;
}

.download-dropdown-content {
  padding: 15px;
}

.qr-code-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}

.qr-code-image {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}

.qr-code-text {
  font-size: 14px;
  font-weight: 500;    
  color:var(--cl-primary-text-color);
  margin-bottom: 5px;
}

.app-platforms {
  font-size: 12px;    
  color:var(--cl-primary-text-color);
  margin-bottom: 10px;
}

.download-options {
  display: flex;
  justify-content: center;
}

.download-button {
  display: inline-block;
  padding: 8px 16px;
  background-color: #FFA500;
  color: white;
  border-radius: 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  transition: background-color 0.2s ease;
}

.download-button:hover {
  background-color: #FF8C00;
  text-decoration: none;
  color: white;
}

.header-search input {
  width: 600px;
  height: 40px;
  padding: 10px 12px 10px 40px;
  border-radius: 40px;
  border: 1px solid var(--cl-border-color);
  background-color: transparent;
  color: var(--cl-primary-text-color);
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  outline: none;
  margin: 0;
}



.header-search input::placeholder {
  color: var(--cl-text-secondary);
  opacity: 0.8;
}

/* Search results dropdown */
.search-result__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--cl-primary-bg-color);
  border: 1px solid var(--cl-border-color);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1100;
}

.search-result__list-item {
  padding: 12px 16px;
  border-bottom: 1px solid var(--cl-border-color);
  transition: background-color 0.2s ease;
}

.search-result__list-item:last-child {
  border-bottom: none;
}

.search-result__list-item:hover {
  background-color: var(--cl-event-hover-bg);
}

.search-result__list-item a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.result-item-data {
  display: flex;
  align-items: center;
  gap: 12px;
}

.result-item-data__avatar {
  flex-shrink: 0;
}

.result-item-data__avatar .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.result-item-data__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.result-item-data__topline {
  display: flex;
  align-items: center;
  gap: 4px;
}

.user-name-holder {
  display: flex;
  align-items: center;
  gap: 4px;
}

.user-name-holder__name {
  font-weight: 600;
  color: var(--cl-primary-text-color);
}

.user-name-holder__badge {
  display: inline-flex;
  color: var(--cl-primary-color);
}

.user-name-holder__badge svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.header-search .keyword-input__left-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
  width: 20px;
  height: 20px;
}

.header-search .keyword-input__left-icon svg {
  width: 20px;
  height: 20px;
  fill: transparent;
}

.header-search .keyword-input__right-icon,
.header-search .keyword-input__right-spinner {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  color: var(--cl-text-secondary);
  z-index: 1;
  cursor: pointer;
}

.sidebar-searchbar__input {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

.header-actions .btn {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.header-actions .btn-primary {
  background-color: var(--cl-primary-color);
  color: white;
  border: none;
}

.header-actions .btn-outline-primary {
  background-color: transparent;
  color: var(--cl-primary-color);
  border: 1px solid var(--cl-primary-color);
}

.header-actions .btn:hover {
  opacity: 0.9;
}

.header-icon {
  color: var(--cl-text-primary);
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}

.header-icon svg {
  width: 20px;
  height: 20px;
}

.notification-dot {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 8px;
  height: 8px;
  background-color: var(--cl-primary-color);
  border-radius: 50%;
  border: 2px solid var(--cl-bg-primary);
}

.theme-toggle {
  cursor: pointer;
  color: var(--cl-text-primary);
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.theme-toggle:hover {
  background-color: var(--cl-bg-tertiary);
}

@media (max-width: 768px) {
  .header-search {
      width: 200px;
  }
}

@media (max-width: 576px) {
  .header-search {
      display: none;
  }
}

[data-skin="dark"] .underlap-header {
  background-color: #15202b;
  border-bottom: 1px solid #222;
}

[data-skin="dark"] .header-search input {
  background-color: #1a1a1a;
  color: #fff;
}

[data-skin="dark"] .header-search svg {
  color: #666;
}

[data-skin="dark"] .header-actions .btn-primary {
  background-color: #1d9bf0;
  color: white;
}

[data-skin="dark"] .header-actions .btn-outline-primary {
  color: #1d9bf0;
  border-color: #1d9bf0;
}

[data-skin="dark"] .header-icon,
[data-skin="dark"] .theme-toggle {
  color: #fff;
}

[data-skin="light"] .underlap-header {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}

[data-skin="light"] .header-search input {
  background-color: #f0f2f5;
  color: #050505;
}

[data-skin="light"] .header-search svg {
  color: #65676b;
}

[data-skin="light"] .header-actions .btn-primary {
  background-color: #1d9bf0;
  color: white;
}

[data-skin="light"] .header-actions .btn-outline-primary {
  color: #1d9bf0;
  border-color: #1d9bf0;
}

[data-skin="light"] .header-icon,
[data-skin="light"] .theme-toggle {
  color: #050505;
}

[data-skin="light"] .header-icon path,
[data-skin="light"] .header-icon svg path,
[data-skin="light"] .theme-toggle svg path {
  stroke: #050505;
}

[data-skin="light"] .header-icon path[fill="white"],
[data-skin="light"] .header-icon svg path[fill="white"] {
  fill: #050505;
}

body form div.form-group input.form-control::placeholder {
  color: var(--cl-placeholder-color) !important;
  opacity: 1 !important;
}

.subscribe-unlock-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--cl-primary-text-color);
  border: 1px solid var(--cl-secondary-border-color);
  border-radius: 20px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin: 10px 0px;
}

.subscribe-unlock-btn svg {
  margin-right: 6px;
}

.blurred-media {
  filter: blur(10px);
  -webkit-filter: blur(10px);
  transition: filter 0.3s ease;
  position: relative;
}

.blurred-media::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.locked-overlay {
  position: absolute;
  top: 46%;
  left: 23%;
  transform: translate(-50%, -50%);
  z-index: 20;
  background: var(--cl-primary-bg-color);
  border-radius: 40px;
  padding: 8px 12px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.2s ease;
}

.locked-overlay:hover {
  background: rgba(0, 0, 0, 0.9);
  transform: translate(-50%, -50%) translateY(-2px);
}

.locked-content {
  display: flex;
  align-items: center;
  gap: 6px;
}

.locked-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.locked-text-content {
  color: white;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Stripe Account Setup Box */
.stripe-account-setup {
  margin: 20px;
  padding: 20px;
  text-align: center;
  background-color: var(--cl-secondary-bg-color);
  border-radius: 10px;
}

.stripe-account-setup .setup-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--cl-primary-text-color);
  margin-bottom: 5px;
}

.stripe-account-setup .setup-text {
  font-size: 14px;
  color: var(--cl-secondary-text-color);
  margin-bottom: 15px;
}

.setup-payout-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 25px;
  background-color: var(--cl-tertiary-bg-color);
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s;
}

.setup-payout-btn:hover {
  background-color: var(--cl-highlight-bg-color);
}

.publish-modal-title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
}

.publish-modal-description {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: left;
}

.group-title-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.group-icon-small {
  width: 16px!important;
  height: 16px!important;
  border-radius: 3px!important;
  opacity: 1!important;
  transform: rotate(0deg)!important;
  object-fit: cover!important;
}
.group-icon-fallback {
  background: var(--cl-primary-color);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
}
.pubbox-emoticons{
  border: 1px solid var(--cl-primary-border-color);
  margin-bottom: 20px;
  border-radius: var(--cl-secondary-border-radius);
  overflow: hidden;
}
.pubbox-emoticons__type-nav{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 2px solid var(--cl-primary-border-color);
  overflow: hidden;
  padding: 0px var(--cl-primary-offset-size);
}
/* Scoped styles for GIF grid in create post modal */
.modal .pubbox-gifs__loader-list,
.pubbox-gifs__loader-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    max-height: 320px;
    overflow-y: auto;
    padding-right: 2px; /* space for scrollbar */
}
.pubbox-gifs__loader-list .gif-item {
    overflow: hidden;
    border-radius: var(--cl-tertiary-border-radius, 8px);
    background: var(--cl-primary-bg-color);
}
.pubbox-gifs__loader-list .gif-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    cursor: pointer;
}
/* Align GIF search input and close icon on the same row */
.pubbox-gifs__loader .pubbox-gifs__loader-searchbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.pubbox-gifs__loader .pubbox-gifs__loader-searchbar .searchbar-input {
    position: relative;
    flex: 1 1 auto;
}
.pubbox-gifs__loader .pubbox-gifs__loader-searchbar .close-btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -24px;
    color: var(--cl-secondary-text-color);
    transition: background 0.2s ease, color 0.2s ease;
}
.pubbox-gifs__loader .pubbox-gifs__loader-searchbar .close-btn:hover {
    background: var(--cl-secondary-bg-color);
    color: var(--cl-primary-color);
}
.pubbox-gifs__loader .pubbox-gifs__loader-searchbar .searchbar-input .searchbar-input__icon {
    color: var(--cl-secondary-text-color);
}
.pubbox-gifs__loader .pubbox-gifs__loader-searchbar .searchbar-input input:focus + .searchbar-input__icon,
.pubbox-gifs__loader .pubbox-gifs__loader-searchbar .searchbar-input input:hover + .searchbar-input__icon {
    color: var(--cl-primary-color);
}

/* ---------------------------------------------
   Groups Manage responsive layout overrides
   Targets containers used in groups/manage.phtml
   --------------------------------------------- */

/* Tablet (<= 1024px) */
@media (max-width: 1024px) {
  .timeline-container-wrapper {
    padding-left: var(--cl-primary-offset-size, 12px);
    padding-right: var(--cl-primary-offset-size, 12px);
  }
  .timeline-container[data-app="groups"] {
    padding-left: 0;
    padding-right: 0;
  }

  .group-manage-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .group-manage-sidebar {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px;
    order: 1;
  }

  .group-manage-sidebar-menu {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .group-manage-sidebar-menu .group-manage-sidebar-item {
    flex: 0 0 auto;
    min-width: max-content;
  }

  .group-manage-content-area {
    width: 100% !important;
    max-width: 100% !important;
    order: 2;
  }
}

/* Mobile (<= 768px) */
@media (max-width: 768px) {
  .timeline-container-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }

  .group-manage-container {
    gap: 12px;
  }

  .group-manage-sidebar-menu {
    gap: 6px;
  }
  .group-manage-sidebar-menu .group-manage-sidebar-item {
    padding: 10px 12px;
    border-radius: 20px;
    font-size: 14px;
  }

  .group-manage-content-area .group-manage-content,
  .group-manage-content-area .group-info-detail {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Make tag inputs wrap nicely on small screens */
  .group-manage-content-area .tag-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .group-manage-content-area .tag-details input[type="text"] {
    flex: 1 1 calc(50% - 8px);
    min-width: 140px;
  }

  /* Buttons spacing */
  .group-manage-content-area .form-actions {
    display: flex;
    gap: 8px;
  }
  .group-manage-content-area .form-actions .save-btn,
  .group-manage-content-area .form-actions .cancel-btn {
    flex: 1 1 0;
  }
}

/* Ensure privacy icon (e.g., earth) inherits primary theme color */
.flex-item.icon {
  color: var(--cl-primary-color, #1d9bf0);
}

.website-link{
  margin-left: 20px;
}

/* Layout: Sidebars and Content responsive widths */
.main-content-container-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* Left sidebar */
[data-app="left-sidebar"] {
  flex: 0 0 260px; /* fixed width */
  max-width: 260px;
}

/* Right sidebar */
[data-app="right-sidebar"] {
  flex: 0 0 370px; /* fixed width */
  max-width: 370px;
}

/* Timeline/content area grows to available space */
[data-el="timeline-container-wrapper"] {
  flex: 1 1 auto;
  min-width: 0; /* allow flexbox to shrink properly */
}

/* When sidebars are hidden via d-none, flex recalculates and content expands automatically */

/* Tablet adjustments */
@media (max-width: 1200px) {
  [data-app="left-sidebar"] { flex-basis: 230px; max-width: 230px; }
  [data-app="right-sidebar"] { flex-basis: 280px; max-width: 280px; }
}

/* Mobile: stack content, hide desktop sidebars unless explicitly shown */
@media (max-width: 992px) {
  .main-content-container-inner {
    gap: 12px;
  }
  [data-app="left-sidebar"],
  [data-app="right-sidebar"] {
    flex: 0 0 auto;
    max-width: none;
  }
}

.post-text-length{
    position: absolute!important;
    right: 21px!important;
    bottom: 73px!important; 
}

/* Pick card (timeline-pubbox__pick) */
.timeline-pubbox__pick {
  margin-top: 10px;
}

.timeline-pubbox__pick .pubbox-pick {
  background: var(--cl-primary-bg-color);
  border: 1px solid var(--cl-primary-border-color);
  border-radius: 12px;
  /* padding: 12px 14px; */
}

.timeline-pubbox__pick .match-header-pick {
  color: var(--cl-secondary-text-color);
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.timeline-pubbox__pick .pick-details { margin-top: 2px; }

.timeline-pubbox__pick .pick-type {
  color: var(--cl-secondary-text-color);
  font-size: 12px;
  padding: 0px 12px;
}

.timeline-pubbox__pick .team-name-pick {
  color: var(--cl-primary-text-color);
  font-weight: 700;
  font-size: 16px;
  margin: 0px;
  padding: 0px 12px;
}

.timeline-pubbox__pick .team-pick { display: flex; }

.timeline-pubbox__pick .pick-avatar {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.timeline-pubbox__pick .pick-avatar img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover;
}

.timeline-pubbox__pick .picks-comment {
  width: 100%;
  background: var(--cl-secondary-bg-color);
  border: 1px solid var(--cl-primary-border-color);
  color: var(--cl-secondary-text-color);
  padding: 8px 12px;
  border-radius: 9999px;
  font-size: 13px;
  line-height: 1.3;
}