:root {
--cl-danger-color: #f91155;
--cl-danger-color-lighten-5: #fa2a67;
--cl-success-color: #35c85f;
--cl-warning-color: #ffa500;
--cl-primary-border-radius: 10px;
--cl-secondary-border-radius: 5px;
--cl-tertiary-border-radius: 2px;
--cl-primary-avatar-size: 52px;
--cl-primary-offset-size: 15px;
--cl-primary-name-size: 16px;
--cl-primary-username-size: 14px; }
@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: #009EFF;
--cl-primary-color-darken-5: #008ee6;
--cl-primary-link-color: #1b95e0; }
body[data-skin="green"] {
--cl-primary-color: #2fbf63;
--cl-primary-color-darken-5: #2aab58;
--cl-primary-link-color: #0aa943; }
body[data-skin="yellow"] {
--cl-primary-color: #fdad1f;
--cl-primary-color-darken-5: #fda406;
--cl-primary-link-color: #fdad1f; }
body[data-skin="pink"] {
--cl-primary-color: #e0245e;
--cl-primary-color-darken-5: #cd1d53;
--cl-primary-link-color: #e0245e; }
body[data-skin="purple"] {
--cl-primary-color: #794bc4;
--cl-primary-color-darken-5: #6c3db9;
--cl-primary-link-color: #794bc4; }
body[data-skin="orange"] {
--cl-primary-color: #f45d22;
--cl-primary-color-darken-5: #f14c0c;
--cl-primary-link-color: #f45d22; }
body[data-bg="dark"] {
--cl-primary-bg-color: #15202b;
--cl-secondary-bg-color: #1a2e3b;
--cl-primary-border-color: #586d7b;
--cl-secondary-border-color: #4d606c;
--cl-primary-text-color: #ffffff;
--cl-secondary-text-color: #93a4b0;
--cl-tertiary-text-color: #93a4b0;
--cl-input-placeholder-color: #5b7083;
--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; }
body[data-bg="default"] {
--cl-primary-bg-color: #ffffff;
--cl-secondary-bg-color: #f0f2f5;
--cl-primary-border-color: #e4eaef;
--cl-secondary-border-color: #d4dee6;
--cl-primary-text-color: #14171a;
--cl-secondary-text-color: #5b7083;
--cl-tertiary-text-color: #4c5e6e;
--cl-input-placeholder-color: #5b7083;
--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.65);
--cl-event-hover-bg: #f5f8fa; }
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("../fonts/Inter/Inter-Light.woff") format("woff"); }
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../fonts/Inter/Inter-Regular.woff") format("woff"); }
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("../fonts/Inter/Inter-Semibold.woff") format("woff"); }
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("../fonts/Inter/Inter-Semibold.woff") format("woff"); }
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("../fonts/Inter/Inter-Bold.woff") format("woff"); }
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("../fonts/Inter/Inter-Black.woff") format("woff"); }
/* ===================================================== */
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;
fill: var(--cl-primary-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: 30px;
height: 30px;
fill: var(--cl-primary-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: 500;
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-success-color); }
@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: var(--cl-tertiary-border-radius); }
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: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__footer {
padding: 0px var(--cl-primary-offset-size);
margin-bottom: 30px; }
body.cl-app-affiliates div.affiliates div.affiliates__footer div.affiliates__footer-topline div.payout-request-cta {
text-align: center;
font-size: 16px;
color: var(--cl-secondary-text-color);
line-height: 1;
margin-bottom: 15px;
font-weight: 500; }
body.cl-app-affiliates div.affiliates div.affiliates__footer div.affiliates__footer-botline span {
margin-top: var(--cl-primary-offset-size);
display: block;
text-align: center;
font-size: 16px;
color: var(--cl-primary-color);
line-height: 1;
cursor: pointer;
font-weight: 500; }
body.cl-app-affiliates div.affiliates div.affiliates__footer div.affiliates__footer-botline span.show-history {
font-size: 14px;
font-weight: normal;
color: var(--cl-secondary-text-color); }
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; }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history {
max-height: 300px;
overflow-y: auto; }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item {
padding: 20px var(--cl-primary-offset-size);
border-bottom: 1px solid var(--cl-primary-border-color); }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item {
display: flex;
align-items: center; }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status {
flex-shrink: 0;
flex-basis: 45px; }
@media (max-width: 1199.98px) {
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status {
flex-basis: 35px; } }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status 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.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status div.icon svg {
width: 24px;
height: 24px; }
@media (max-width: 1199.98px) {
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status div.icon {
width: 35px;
height: 35px; }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status div.icon svg {
width: 20px;
height: 20px; } }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status div.icon.icon_pending svg {
fill: var(--cl-warning-color); }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__status div.icon.icon_paid svg {
fill: var(--cl-success-color); }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body {
flex: 1;
margin-left: var(--cl-primary-offset-size); }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body div.history-item__body-topline {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
margin-bottom: 5px; }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body div.history-item__body-topline div.history-item__amount {
font-size: 20px;
line-height: 1;
font-weight: 500;
color: var(--cl-primary-text-color);
margin-right: var(--cl-primary-offset-size);
flex: 1; }
@media (max-width: 1199.98px) {
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body div.history-item__body-topline div.history-item__amount {
font-size: 16px; } }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body div.history-item__body-topline div.history-item__date {
color: var(--cl-secondary-text-color);
font-size: 13px; }
@media (max-width: 1199.98px) {
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body div.history-item__body-topline div.history-item__date {
font-size: 11px; } }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body div.history-item__body-botline {
font-size: 14px;
color: var(--cl-secondary-text-color);
line-height: 1; }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item div.history-item div.history-item__body div.history-item__body-botline span {
color: var(--cl-primary-text-color); }
body.cl-app-affiliates div.modal.payout-history div.affiliates-payouts-history div.affiliates-payouts-history__item:last-child {
margin-bottom: 0px;
border-bottom: none; }
/* ===================================================== */
html {
scroll-behavior: smooth;
font-family: "Inter", sans-serif; }
body {
font-family: inherit !important;
overflow-x: hidden;
overflow-y: scroll; }
body.ov-h {
overflow: hidden; }
body.modal-open {
overflow-y: scroll;
padding: 0px !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%;
max-width: 1220px !important;
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 {
flex: 2;
max-width: 600px;
min-width: 600px;
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-bs-notifs {
position: sticky;
top: 0px; }
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-bs-notifs div.timeline-bs-notifs__item {
display: block;
width: 100%;
padding: var(--cl-primary-offset-size);
line-height: 1;
color: #ffffff;
font-size: 16px;
text-align: center;
animation-duration: 0.5s; }
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-bs-notifs div.timeline-bs-notifs__item.primary {
background-color: var(--cl-primary-color); }
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-bs-notifs div.timeline-bs-notifs__item.danger {
background-color: 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-header {
position: sticky;
top: 0;
z-index: 700;
box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 5px 0px;
background: var(--cl-primary-bg-color);
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-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: 500;
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;
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; }
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: 2px solid transparent;
background: var(--cl-input-bg-color);
border-radius: var(--cl-tertiary-border-radius);
padding: 0px 48px;
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: 2px solid var(--cl-primary-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 {
left: 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 {
fill: var(--cl-secondary-text-color);
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-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 {
fill: var(--cl-secondary-text-color);
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: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 {
border-bottom: 1px solid var(--cl-primary-border-color);
transition: all 0.27s ease-in-out;
padding: var(--cl-primary-offset-size);
padding-bottom: 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__header {
display: flex;
margin-bottom: 5px;
padding-left: 67px; }
body main.main-content-container div.main-content-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 {
padding: 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__header div.publication-repost svg {
width: 18px;
height: 18px;
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__header div.publication-repost a {
font-size: 11px;
color: var(--cl-primary-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 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 {
overflow: hidden;
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
background: var(--cl-primary-border-color);
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__avatar div.avatar-holder img {
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__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 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-name-size);
color: var(--cl-primary-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-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-username a span.user-name-slug {
text-transform: lowercase;
color: var(--cl-secondary-text-color);
font-weight: normal; }
@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-username a span {
display: block;
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__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-text {
overflow: hidden;
margin-bottom: 10px;
font-size: 16px;
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 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-secondary-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 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% - 33px);
top: calc(50% - 33px);
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: 66px;
height: 66px;
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%;
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-images-collage {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
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 a.fbox-media {
width: calc(20% - 5px);
min-width: calc(15% - 5px);
margin-right: 5px;
margin-bottom: 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-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: var(--cl-secondary-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-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-og {
margin-bottom: 10px;
background: var(--cl-primary-bg-color);
border-radius: var(--cl-secondary-border-radius);
border: 2px 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-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% - 33px);
top: calc(50% - 33px);
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: 66px;
height: 66px;
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%;
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 5px 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: 16px;
color: var(--cl-secondary-text-color);
line-height: 1.4;
padding: 0;
margin: 0 0 15px 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; }
body main.main-content-container div.main-content-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: 0px;
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%;
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: 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__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 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 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 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;
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; } }
body main.main-content-container div.main-content-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 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, body main.main-content-container div.main-content-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 {
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.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, body main.main-content-container div.main-content-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 {
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 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 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; }
body main.main-content-container div.main-content-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-hidden div.soft-hidden-post {
border: 2px solid var(--cl-primary-border-color);
padding: 12px 15px;
border-radius: var(--cl-secondary-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; }
body main.main-content-container div.main-content-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 {
width: 100%;
display: block;
border: 2px solid var(--cl-primary-border-color);
padding: 12px 15px;
border-radius: var(--cl-secondary-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-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%;
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);
font-size: 13px;
line-height: 1;
color: var(--cl-warning-color);
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 a {
text-decoration: none;
font-weight: 600;
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-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: 16px;
line-height: 1.4;
padding: 0;
margin: 0; }
@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;
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: 50px;
height: 50px;
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-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 {
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: 50px; }
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: 16px;
line-height: 1.6;
padding: 0;
margin: 0;
color: var(--cl-secondary-text-color);
text-align: center;
overflow-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-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-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.pl-message h4 {
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-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: 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: 17px var(--cl-primary-offset-size) 20px var(--cl-primary-offset-size);
margin: 0px;
cursor: pointer;
display: block;
width: 100%;
outline: 0;
position: relative; }
@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 {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
overflow: hidden;
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-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner span.text {
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
font-weight: 500;
margin-left: 5px; }
@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 span.btn-flex-inner span.text {
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-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner span.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-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner span.icon svg {
width: 100%;
height: 100%;
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-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner span.icon {
width: 15px;
height: 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::after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 3px;
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 {
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 div.timeline-navbar__item a button.timeline-navbar__item-btn.active::after {
background: 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-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn.active span.btn-flex-inner span.text {
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-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn.active span.btn-flex-inner span.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-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-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);
border-radius: 100%;
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-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar img {
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-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 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: 500; }
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:last-child {
text-transform: lowercase;
color: var(--cl-secondary-text-color);
font-weight: normal; }
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__country {
display: 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-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__country span.icon {
width: 15px;
height: 15px;
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-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__country span.icon svg {
width: 100%;
height: 100%;
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-left div.user-data__country span.text {
padding: 0px 5px;
font-size: 14px;
line-height: 1;
color: 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-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__country span.text {
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-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__country span.text a {
color: var(--cl-primary-link-color);
text-decoration: underline;
font-size: inherit;
line-height: inherit; }
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__country span.banner {
height: 15px;
line-height: 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-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__country span.banner svg {
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-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;
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__stats {
margin-top: 12px;
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__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__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__stats div.stats-item span {
font-size: 16px;
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-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__stats div.stats-item span:first-child {
font-weight: 700;
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-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__stats div.stats-item span {
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-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: 15px;
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__common {
margin-top: 20px;
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-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__common div.common-follows div.common-follows__title {
font-size: 14px;
color: var(--cl-primary-color);
margin-bottom: 5px;
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-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__common div.common-follows div.common-follows__list {
display: flex;
flex-wrap: nowrap;
margin-left: 7px;
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__common div.common-follows div.common-follows__list div.common-follows__item {
flex-basis: 32px;
flex-shrink: 0;
margin-left: -7px; }
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__common 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 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__common div.common-follows div.common-follows__list div.common-follows__item a 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-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__common div.common-follows div.common-follows__list div.common-follows__item.common-follows__item_total {
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-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__common div.common-follows div.common-follows__list div.common-follows__item.common-follows__item_total span {
font-size: 16px;
color: var(--cl-primary-color);
line-height: 1;
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-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item {
border-bottom: 1px solid var(--cl-primary-border-color);
transition: all 0.27s ease-in-out;
padding: 20px 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-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__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-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__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-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__right-icon svg {
width: 24px;
height: 24px;
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; }
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, 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 {
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 {
padding: var(--cl-primary-offset-size);
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-data-loader button {
display: block;
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-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: 24px;
height: 24px;
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: 16px;
color: var(--cl-secondary-text-color);
margin-left: var(--cl-primary-offset-size);
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__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-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-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: 260px;
min-width: 260px;
flex-basis: 260px;
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: 20px;
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: #fff; }
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: #fff; }
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;
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;
fill: var(--cl-secondary-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 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: 15px; }
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; }
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-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 {
fill: var(--cl-primary-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.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; }
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 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; }
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__button {
padding-top: 20px;
margin-bottom: 20px; }
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__button button span.btn-icon {
width: 20px;
height: 20px;
margin-right: 10px; }
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__button button span.btn-icon svg {
fill: #ffffff; }
@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.left-sb-container div.sidebar__inner div.sidebar__button {
display: none; } }
body main.main-content-container div.main-content-container-inner div.right-sb-container {
flex: 1;
background: var(--cl-primary-bg-color);
min-width: 320px;
width: 320px;
-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) 50px;
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: 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); }
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: 2px solid var(--cl-primary-color);
background: var(--cl-primary-bg-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: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: 48px;
height: 48px;
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: 22px;
height: 22px; }
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 {
left: 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 {
fill: var(--cl-secondary-text-color);
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-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 {
fill: var(--cl-secondary-text-color);
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:active 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:hover 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:focus svg {
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: 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 a div.result-item-data div.result-item-data__data div.result-item-data__botline {
font-size: 14px;
line-height: 1;
color: var(--cl-secondary-text-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
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: 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_user a div.result-item-data div.result-item-data__avatar div.avatar {
width: 40px;
height: 40px;
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: 14px;
color: var(--cl-primary-text-color);
font-weight: 700;
line-height: 1;
text-transform: uppercase;
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__body div.sidebar-users div.sidebar-users__item {
display: flex;
align-items: center;
flex-wrap: nowrap;
text-decoration: none;
margin-bottom: 20px;
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: 45px;
flex-shrink: 0;
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-avatar img {
width: 45px;
height: 45px;
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-data {
flex: 1;
overflow: hidden;
padding: 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: 500;
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; }
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: 10px;
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 a.sidebar-hashtags__item-data {
border: 1px solid var(--cl-secondary-border-color);
border-radius: var(--cl-tertiary-border-radius);
text-decoration: none;
padding: 7px 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: 18px;
height: 18px; }
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: var(--cl-primary-name-size);
font-weight: 400;
color: var(--cl-tertiary-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: 20px; }
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: 14px;
color: var(--cl-secondary-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: 55px;
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;
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: #fff;
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-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: 13px;
line-height: 1;
color: var(--cl-secondary-text-color);
margin-bottom: 7px;
font-weight: 500; }
body form div.form-group input.form-control {
height: 52px;
border: none;
border-radius: 0px;
background: var(--cl-input-bg-color);
border-bottom: 3px solid var(--cl-secondary-border-color);
box-shadow: none;
outline: 0;
font-size: 15px;
color: var(--cl-primary-text-color); }
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-bottom: 3px solid var(--cl-primary-color);
background: var(--cl-input-bg-color); }
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%;
fill: var(--cl-secondary-text-color);
transition: all 0.50s ease; }
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: 0px;
background: var(--cl-event-hover-bg);
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: 0px !important;
border-bottom: 3px 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% - 3px);
border: none;
border-left: 2px solid var(--cl-secondary-border-color);
border-bottom: 2px solid var(--cl-secondary-border-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:hover, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:focus, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:active {
border-bottom: 3px solid var(--cl-primary-color) !important;
color: var(--cl-secondary-text-color); }
body form div.form-group div.vue-dropdown-select button.dropdown-toggle:hover::after, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:focus::after, body form div.form-group div.vue-dropdown-select button.dropdown-toggle:active::after {
border-color: var(--cl-primary-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: 0px;
background: var(--cl-input-bg-color);
border-bottom: 3px solid var(--cl-secondary-border-color);
box-shadow: none;
outline: 0;
font-size: 15px;
color: var(--cl-primary-text-color); }
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:hover, body form div.form-group textarea.form-control:focus, body form div.form-group textarea.form-control:active {
border-bottom: 3px solid var(--cl-primary-color); }
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 {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
body form div.form-group div.form-paymethods div.row {
margin-left: -5px !important;
margin-right: -5px !important; }
body form div.form-group div.form-paymethods div.row div.col-xxl-3 {
padding-left: 5px;
padding-right: 5px; }
body form div.form-group div.form-paymethods div.form-paymethods__item {
border: 2px solid var(--cl-secondary-border-color);
border-radius: var(--cl-tertiary-border-radius);
position: relative;
transition: border 0.27s ease;
cursor: pointer;
margin-bottom: 20px; }
body form div.form-group div.form-paymethods div.form-paymethods__item img {
display: block;
width: 100%; }
body form div.form-group div.form-paymethods div.form-paymethods__item div.form-paymethods__item-checkmark {
position: absolute;
width: 22px;
height: 22px;
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, body form div.form-group div.form-paymethods div.form-paymethods__item.active {
border-color: var(--cl-primary-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: 3px dashed var(--cl-secondary-border-color);
transition: all 0.27s;
cursor: pointer; }
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 var(--cl-primary-offset-size);
text-align: center;
font-weight: 500;
color: var(--cl-primary-text-color);
font-size: 16px; }
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;
fill: var(--cl-primary-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-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: var(--cl-primary-offset-size); }
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;
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-toggle:hover, body form div.form-group div.form-toggle:active {
background: var(--cl-event-hover-bg); }
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);
font-weight: 500;
cursor: pointer;
font-size: 14px; }
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-primary-color);
line-height: 1.6;
margin-top: 5px; }
@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 {
flex-basis: auto;
text-align: center; }
body div.main-preloader-holder div.main-preloader div.lds-ellipsis {
display: inline-block;
position: relative;
line-height: 14px;
width: 62px;
height: 14px; }
body div.main-preloader-holder div.main-preloader div.lds-ellipsis div {
position: absolute;
top: calc(50% - 6px);
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--cl-primary-color);
animation-timing-function: cubic-bezier(0, 1, 1, 0); }
body div.main-preloader-holder div.main-preloader div.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite; }
body div.main-preloader-holder div.main-preloader div.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite; }
body div.main-preloader-holder div.main-preloader div.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite; }
body div.main-preloader-holder div.main-preloader div.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite; }
@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); } }
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; }
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: #fff; }
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.vh-center.show {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important; }
body div.modal.vh-center.show div.modal-dialog {
flex: 1; }
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-tertiary-border-radius); }
body div.modal div.modal-content div.modal-header {
padding: var(--cl-primary-offset-size) 20px;
border-bottom: 1px solid var(--cl-primary-border-color); }
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: 500;
text-transform: uppercase; }
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;
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);
border-radius: 100%;
overflow: hidden; }
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%; }
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 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: 500; }
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:last-child {
text-transform: lowercase;
color: var(--cl-secondary-text-color);
font-weight: normal; }
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__country {
display: flex;
align-items: center;
flex-wrap: nowrap; }
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__country span.icon {
width: 15px;
height: 15px;
flex-shrink: 0;
line-height: 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 div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__country span.icon svg {
width: 100%;
height: 100%;
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-left div.user-data__country span.text {
padding: 0px 5px;
font-size: 14px;
line-height: 1;
color: var(--cl-secondary-text-color); }
@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__country span.text {
font-size: 13px; } }
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__country span.text a {
color: var(--cl-primary-link-color);
text-decoration: underline;
font-size: inherit;
line-height: inherit; }
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__country span.banner {
height: 15px;
line-height: 1;
overflow: hidden; }
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__country span.banner svg {
height: 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 {
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;
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__stats {
margin-top: 12px;
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__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__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__stats div.stats-item span {
font-size: 16px;
color: 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__stats div.stats-item span:first-child {
font-weight: 700;
color: var(--cl-primary-text-color); }
@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__stats div.stats-item span {
font-size: 14px; } }
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: 15px;
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__common {
margin-top: 20px;
overflow: hidden; }
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__common div.common-follows div.common-follows__title {
font-size: 14px;
color: var(--cl-primary-color);
margin-bottom: 5px;
font-weight: 500; }
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__common div.common-follows div.common-follows__list {
display: flex;
flex-wrap: nowrap;
margin-left: 7px;
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__common div.common-follows div.common-follows__list div.common-follows__item {
flex-basis: 32px;
flex-shrink: 0;
margin-left: -7px; }
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__common 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 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__common div.common-follows div.common-follows__list div.common-follows__item a img {
width: 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__common div.common-follows div.common-follows__list div.common-follows__item.common-follows__item_total {
margin-left: 10px; }
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__common div.common-follows div.common-follows__list div.common-follows__item.common-follows__item_total span {
font-size: 16px;
color: var(--cl-primary-color);
line-height: 1;
font-weight: 700; }
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader {
padding: var(--cl-primary-offset-size);
display: flex;
justify-content: center; }
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader button {
display: block;
width: 100%; }
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.confirm-actions-modal div.modal-dialog {
width: 350px; }
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: 15px;
line-height: 1.6;
color: var(--cl-secondary-text-color);
padding: 0;
margin: 0; }
body div.modal.confirm-actions-modal div.modal-dialog div.modal-footer {
border-top: none; }
body div.modal.confirm-actions-modal div.modal-dialog div.modal-footer button {
display: block;
width: 100%;
margin: 0; }
body div.modal.confirm-actions-modal div.modal-dialog div.modal-footer button.main-red {
margin-bottom: 10px; }
body div.modal.info-popup-modal div.modal-dialog {
width: 350px; }
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: none; }
body div.modal.share-post-modal div.social-media-links {
display: flex;
width: 100%;
overflow: hidden;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
body div.modal.share-post-modal div.social-media-links a.link-item {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 2px;
border: 1px solid var(--cl-primary-border-color);
margin: 0px 5px; }
body div.modal.share-post-modal div.social-media-links a.link-item svg {
width: 25px;
height: 25px; }
body div.modal.share-post-modal div.social-media-links a.link-item.twitter svg {
fill: var(--cl-primary-color); }
body div.modal.share-post-modal div.social-media-links a.link-item.twitter svg * {
stroke: var(--cl-primary-color); }
body div.modal.share-post-modal div.social-media-links a.link-item.facebook svg {
fill: #3b5899; }
body div.modal.share-post-modal div.social-media-links a.link-item.facebook svg * {
stroke: #3b5899; }
body div.modal.share-post-modal div.social-media-links a.link-item.linkedin svg {
fill: #2770af; }
body div.modal.share-post-modal div.social-media-links a.link-item.linkedin svg * {
stroke: #2770af; }
body div.modal.share-post-modal div.social-media-links a.link-item.pinterest svg {
fill: #c62327; }
body div.modal.share-post-modal div.social-media-links a.link-item.pinterest svg * {
stroke: #c62327; }
body div.modal.share-post-modal div.social-media-links a.link-item.reddit svg {
fill: var(--cl-secondary-text-color); }
body div.modal.share-post-modal div.social-media-links a.link-item.reddit svg * {
stroke: var(--cl-secondary-text-color); }
body div.modal.share-post-modal div.social-media-links a.link-item.whatsapp svg {
fill: #29a71a; }
body div.modal.share-post-modal div.social-media-links a.link-item.whatsapp svg * {
stroke: #29a71a; }
@media (max-width: 1199.98px) {
body div.modal.share-post-modal div.social-media-links a.link-item {
width: 40px;
height: 40px;
margin-bottom: 7px; }
body div.modal.share-post-modal div.social-media-links a.link-item svg {
width: 18px;
height: 18px; }
body div.modal.share-post-modal div.social-media-links a.link-item:nth-child(6) {
margin-bottom: 0px; }
body div.modal.share-post-modal div.social-media-links a.link-item:nth-child(7) {
margin-bottom: 0px; } }
body div.modal.share-post-modal div.raw-link {
padding-top: 15px;
padding-bottom: 15px; }
body div.modal.share-post-modal div.raw-link p {
font-size: 13px;
color: var(--cl-secondary-text-color);
line-height: 13px;
text-align: center;
padding: 0;
margin: 0 0 15px 0;
text-transform: uppercase;
font-weight: 500; }
body div.modal.share-post-modal div.raw-link div.link-input {
position: relative; }
body div.modal.share-post-modal div.raw-link div.link-input input {
width: 100%;
height: 52px;
border: none;
border-radius: var(--cl-tertiary-border-radius);
background: var(--cl-input-bg-color);
border: 2px solid var(--cl-primary-color);
box-shadow: none;
outline: 0;
font-size: 15px;
color: var(--cl-primary-text-color);
padding: 0px 20px; }
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 {
border-bottom: 2px solid var(--cl-primary-color);
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: 0;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
outline: 0;
background: var(--cl-primary-color);
padding: 0 15px;
margin: 0;
box-shadow: none;
border-radius: var(--cl-tertiary-border-radius);
cursor: pointer; }
body div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy svg {
width: 22px;
height: 22px;
fill: #ffffff; }
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.cookie-alert-modal div.modal-content div.modal-header {
border-bottom: none;
display: flex;
justify-content: center;
padding-bottom: 0px;
padding-top: 30px; }
body div.modal.cookie-alert-modal div.modal-content div.modal-header span {
width: 60px;
height: 60px;
display: block; }
body div.modal.cookie-alert-modal div.modal-content div.modal-header span svg {
width: 100%;
height: 100%;
fill: var(--cl-primary-color);
stroke-width: 1; }
body div.modal.cookie-alert-modal div.modal-content div.modal-body {
text-align: center; }
body div.modal.cookie-alert-modal div.modal-content div.modal-body h4 {
font-size: 22px;
padding: 0;
margin: 0 0 20px 0;
font-weight: 500;
color: var(--cl-primary-text-color); }
body div.modal.cookie-alert-modal div.modal-content div.modal-body p {
padding: 0;
margin: 0;
font-size: 16px;
line-height: 1.6;
color: var(--cl-secondary-text-color); }
body div.modal.cookie-alert-modal div.modal-content div.modal-body p a {
color: var(--cl-primary-link-color); }
body div.modal.cookie-alert-modal div.modal-content div.modal-footer {
border-top: none; }
body div.modal.cookie-alert-modal div.modal-content div.modal-footer button {
display: block;
width: 100%; }
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-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: 24px;
height: 24px;
flex-shrink: 0;
margin-right: 12px;
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 {
fill: var(--cl-secondary-text-color);
width: 24px;
height: 24px; }
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 {
text-transform: uppercase;
border-radius: var(--cl-tertiary-border-radius);
font-weight: 700;
line-height: 1; }
body button.btn-custom.main-inline, body div.btn-custom.main-inline {
color: #fff;
background: var(--cl-primary-color);
border: 1px solid var(--cl-primary-color);
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: var(--cl-primary-color-darken-5); }
body button.btn-custom.main-outline, body div.btn-custom.main-outline {
color: var(--cl-primary-color);
background: transparent;
box-shadow: none;
border: 1px solid var(--cl-primary-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: var(--cl-primary-color-darken-5);
color: #fff; }
body button.btn-custom.lg, body div.btn-custom.lg {
padding: 15px 15px;
font-size: 13px;
line-height: 1; }
body button.btn-custom.md, body div.btn-custom.md {
padding: 10px 15px;
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: 8px 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;
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, body button.btn-custom-icon:active svg, body button.btn-custom-icon:focus svg, body div.btn-custom-icon:hover svg, body div.btn-custom-icon:active svg, body div.btn-custom-icon:focus svg {
fill: var(--cl-secondary-text-color); }
body button.btn-custom-icon.col-red:hover svg, body button.btn-custom-icon.col-red:active svg, body button.btn-custom-icon.col-red:focus svg, body div.btn-custom-icon.col-red:hover svg, body div.btn-custom-icon.col-red:active svg, body div.btn-custom-icon.col-red:focus svg {
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: 3px;
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: 2px 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: 2px 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: 2px 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% - 33px);
top: calc(50% - 33px);
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: 66px;
height: 66px;
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%;
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__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: 2px 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: 2px 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: 2px 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; }
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: 10px;
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: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__footer div.timeline-pubbox__footer-topline {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 10px;
margin-left: -7px; }
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 3px 0 0;
box-shadow: none;
width: 35px;
height: 35px;
border-radius: 10em;
position: relative;
cursor: pointer;
transition: all 0.10s 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;
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: #0074b01f;
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: auto; }
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; }
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-top: 1px solid var(--cl-primary-border-color);
padding-top: 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 {
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;
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: var(--cl-primary-color);
margin-left: 8px;
font-weight: 600; }
@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; }
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-publication button.btn:disabled {
opacity: 0.6;
cursor: default; }
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; }
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; }
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; }
@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="default"] button.btn-custom.main-grey:hover, body[data-bg="default"] button.btn-custom.main-grey:active, body[data-bg="default"] button.btn-custom.main-grey:focus, body[data-bg="default"] div.btn-custom.main-grey:hover, body[data-bg="default"] div.btn-custom.main-grey:active, body[data-bg="default"] div.btn-custom.main-grey:focus {
background-color: #e7eaef; }
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-grey:hover, body[data-bg="dark"] div.btn-custom.main-grey:active, body[data-bg="dark"] div.btn-custom.main-grey:focus {
background-color: #1f3646; }
/* ===================================================== */
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; }
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: 16px;
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 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__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;
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-primary-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: 3px 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 {
flex: 1;
margin: 0px var(--cl-primary-offset-size); }
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field input {
border: 2px solid transparent;
background: var(--cl-input-bg-color);
border-radius: var(--cl-tertiary-border-radius);
padding: 0px var(--cl-primary-offset-size);
margin: 0px;
height: 48px;
display: block;
width: 100%;
font-size: 15px;
color: var(--cl-primary-text-color); }
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field input::placeholder {
color: var(--cl-input-placeholder-color);
font-size: 15px; }
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field input:active, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field input:hover, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input div.message-input__field input:focus {
box-shadow: none;
outline: none;
border: 2px solid var(--cl-primary-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 input {
height: 44px; } }
body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl {
padding: 0;
background: transparent;
height: 48px;
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;
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, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl:active svg, body.cl-app-conversation div.conversation div.conversation__footer form.form div.message-input button.message-input__ctrl:focus svg {
fill: var(--cl-primary-color); }
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: var(--cl-primary-bg-color);
overflow-y: auto; }
body.cl-app-guest div.welcome-page {
position: relative;
z-index: 100;
min-height: 100vh;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden; }
body.cl-app-guest div.welcome-page::before {
position: absolute;
content: "";
width: 1500px;
height: 1500px;
border-radius: 1500px;
background: #02020d;
top: -400px;
left: -350px; }
body.cl-app-guest div.welcome-page::after {
position: absolute;
content: "";
width: 500px;
height: 500px;
border-radius: 500px;
border: 90px solid #02020d;
top: calc(50% - 250px);
right: -350px; }
@media (max-width: 1199.98px) {
body.cl-app-guest div.welcome-page {
background: #02020d; }
body.cl-app-guest div.welcome-page::before, body.cl-app-guest div.welcome-page::after {
display: none; } }
body.cl-app-guest div.welcome-page div.welcome-page__body {
padding-top: 70px;
padding-bottom: 20px;
flex: 1;
position: relative;
z-index: 20; }
@media (max-width: 1199.98px) {
body.cl-app-guest div.welcome-page div.welcome-page__body {
padding-top: 50px;
padding-left: 20px;
padding-right: 20px; } }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp {
min-height: calc(100vh - 195px);
padding-right: 180px;
margin-bottom: 50px; }
@media (max-width: 1199.98px) {
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp {
min-height: auto;
margin-bottom: 0px;
padding-right: 0px; } }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header {
margin-bottom: 80px; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-logo {
height: 45px;
margin-bottom: var(--cl-primary-offset-size); }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-logo img {
height: 100%; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-title {
font-size: 44px;
color: #e7e6f2;
line-height: 1;
font-weight: 900;
margin-bottom: 15px; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-text {
font-size: 22px;
color: #8f94a8;
line-height: 1.4; }
@media (max-width: 1199.98px) {
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header {
margin-bottom: 50px; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-title {
font-size: 34px;
text-align: center; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-text {
font-size: 18px;
text-align: center; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-logo {
display: flex;
justify-content: center; } }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features {
margin-bottom: 80px; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li {
margin-bottom: 45px;
display: flex;
flex-wrap: nowrap;
align-items: center;
flex-direction: column;
padding: 20px;
height: 100%;
border: 4px solid var(--cl-primary-color);
margin: 0 5px;
box-shadow: var(--cl-secondary-box-shadow); }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.icon {
width: 100px;
height: 100px;
flex-shrink: 0;
margin-bottom: var(--cl-primary-offset-size); }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.icon img {
width: 100%;
height: 100%; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.text h4 {
font-weight: 900;
font-size: 16px;
padding: 0px;
margin: 0px 0px 10px 0px;
color: #e7e6f2;
line-height: 1;
text-align: center;
text-transform: uppercase; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.text p {
font-size: 16px;
line-height: 1.2;
color: #8f94a8;
padding: 0;
margin: 0;
text-align: center; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li.welcome-features__li_1 {
transform: rotate(-5deg); }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li.welcome-features__li_2 {
margin-top: -10px;
animation-delay: 0.20s;
background: #e7e6f2;
border: none; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li.welcome-features__li_2 div.text h4 {
color: #02020d; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li.welcome-features__li_2 div.text p {
color: #02020d; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li.welcome-features__li_3 {
transform: rotate(5deg);
animation-delay: 0.40s; }
@media (max-width: 1199.98px) {
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features {
display: none; } }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members {
margin-bottom: 80px; }
@media (max-width: 1199.98px) {
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members {
display: none; } }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__title {
font-size: 18px;
color: #8f94a8;
font-weight: 500;
line-height: 1.2;
margin-bottom: var(--cl-primary-offset-size); }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__title b {
font-weight: 900;
font-size: 18px;
color: var(--cl-success-color); }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-left: 10px; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list div.welcome-members__list-item {
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
flex-shrink: 0;
border-radius: 45px;
overflow: hidden;
margin-left: -10px;
border: 1px solid #8f94a8; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list div.welcome-members__list-item img {
width: 100%;
height: 100%; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner {
display: flex;
justify-content: flex-end; }
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form {
box-shadow: var(--cl-secondary-box-shadow);
padding: 25px;
background: var(--cl-primary-bg-color);
max-width: 400px;
min-width: 320px;
flex: 1; }
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: 15px;
line-height: 1.4;
color: var(--cl-secondary-text-color);
margin: 10px 0 0 0;
padding: 0; }
@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: 20px;
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: #fff; }
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: #fff; }
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-primary-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: 1199.98px) {
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner {
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 {
min-width: 280px;
max-width: 100%;
width: 550px; } }
body.cl-app-guest div.welcome-page div.welcome-page__footer {
padding-top: 20px;
background: #02020d;
flex-shrink: 0;
position: relative;
z-index: 20; }
@media (max-width: 1199.98px) {
body.cl-app-guest div.welcome-page div.welcome-page__footer {
padding-left: 20px;
padding-right: 20px; } }
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: 20px;
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-guest[data-bg="dark"] div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form {
border: 2px solid var(--cl-primary-border-color); }
/* ===================================================== */
body.cl-app-home div.homepage div.homepage__pubbox {
border-bottom: 1px solid var(--cl-primary-border-color);
padding: var(--cl-primary-offset-size); }
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: 65px;
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: 65px;
height: 65px;
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%;
fill: #fff;
stroke-width: 2; }
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; }
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, #262626 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;
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;
text-transform: uppercase;
font-weight: 500;
color: var(--cl-primary-text-color);
max-width: calc(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;
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: 45px;
height: 45px;
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:last-child {
text-transform: lowercase;
color: var(--cl-secondary-text-color);
font-weight: normal;
margin-top: 5px;
font-size: 15px; }
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, #262626 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;
text-transform: uppercase; }
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;
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%;
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.10s 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;
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: #0074b01f;
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 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__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;
margin-bottom: 3px; }
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); }
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:last-child {
text-transform: lowercase;
color: var(--cl-secondary-text-color);
font-weight: normal; }
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-primary-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);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border-bottom: 1px solid var(--cl-primary-border-color); }
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 a {
text-decoration: none; }
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 a span {
font-size: var(--cl-primary-name-size);
color: var(--cl-primary-text-color);
font-weight: 500; }
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 a span:last-child {
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__body div.notifications-data__topline a span.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 a span.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 a span.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 a span.notif-time {
font-size: 13px; }
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 a span {
font-size: 14px;
display: block;
font-weight: 500;
margin-bottom: 12px;
color: var(--cl-secondary-text-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__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 {
margin-right: 20px;
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: 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 div.notifications-list__item-data div.notifications-data div.notifications-data__ctrls div.notif-ctrls div.notif-ctrls__navnext {
width: 24px;
flex-shrink: 0;
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__ctrls div.notif-ctrls div.notif-ctrls__navnext a {
display: flex;
align-items: center;
height: 100%; }
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__navnext a svg {
width: 24px;
height: 24px;
fill: var(--cl-secondary-text-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__ctrls div.notif-ctrls div.notif-ctrls__navnext a:hover svg, 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__navnext a:active svg {
fill: var(--cl-primary-color); }
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;
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;
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 img {
width: 100%;
height: 100%; }
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar 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 button.upload-avatar svg {
width: 26px;
height: 26px;
fill: #ffffff; }
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar 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:hover button.upload-avatar, body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar:active button.upload-avatar {
visibility: visible;
opacity: 1; }
@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%;
fill: var(--cl-primary-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: var(--cl-primary-name-size);
line-height: 1;
text-decoration: none; }
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); }
body.cl-app-profile div.user-profile div.user-profile__body div.user-profile__counter a.counter-item span:first-child {
font-weight: 700;
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: 22px;
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: 22px;
height: 22px; }
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%;
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-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: 500;
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; }
@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;
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 a.profile-settings__link div.nav-list-item.nav-list-item-delete {
background: var(--cl-danger-color); }
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item.nav-list-item-delete div.mp span.preview-label {
color: #ffffff;
font-weight: 500; }
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item.nav-list-item-delete div.mp span.preview-value {
color: #ffffff;
opacity: 0.9; }
body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item.nav-list-item-delete div.rp svg, body.cl-app-settings div.profile-settings a.profile-settings__link div.nav-list-item.nav-list-item-delete div.lp svg {
fill: #ffffff; }
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-start_up div.startup div.startup__header div.timeline-placeholder {
padding-bottom: 0px !important; }
body.cl-app-start_up div.startup div.startup__body {
margin-bottom: 20px; }
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;
fill: #ffffff;
transition: inherit; }
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-color);
text-align: center;
font-weight: 500; }
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);
border-bottom: 1px solid var(--cl-primary-border-color); }
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-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: 24px;
width: 4px;
background: var(--cl-primary-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: 14px;
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 {
overflow: hidden;
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
background: var(--cl-primary-border-color);
border-radius: 100%; }
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%; }
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;
fill: var(--cl-primary-color);
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.label {
font-size: 13px;
line-height: 13px;
color: var(--cl-primary-color);
margin-left: 5px;
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-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-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 {
border-top: 1px solid var(--cl-primary-border-color);
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-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: 13px;
color: var(--cl-secondary-text-color);
text-transform: uppercase;
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: 22px;
height: 22px;
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-trending div.right-sb-container div.sidebar-content_hashtags {
display: none; }
/* ===================================================== */
body.cl-app-wallet div.account-wallet div.account-wallet__status {
padding: 20px 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: 2px solid var(--cl-primary-color);
padding-top: 30px; }
@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.wallet-balance {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow: hidden;
align-items: center;
position: relative;
padding: 25px; }
@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;
fill: var(--cl-primary-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__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__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%; }
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: 10px;
font-weight: 700;
color: var(--cl-primary-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: 12px;
font-weight: 500;
color: var(--cl-primary-color);
text-transform: uppercase; }
@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) 25px;
padding-bottom: 25px; }
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;
font-weight: 500;
color: var(--cl-secondary-text-color);
margin-bottom: 25px; }
@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__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-text-color);
border-radius: 100%;
border: 1px solid var(--cl-secondary-border-color); }
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-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: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); }
/* ===================================================== */
/*# sourceMappingURL=master.styles.css.map */