:root {
scroll-behavior: auto !important;
--cl-danger-color: #f91155;
--cl-danger-color-lighten-5: #fa2a67;
--cl-success-color: #35c85f;
--cl-warning-color: #ffa500;
--cl-primary-border-radius: 16px;
--cl-secondary-border-radius: 10px;
--cl-tertiary-border-radius: 2px;
--cl-primary-avatar-size: 40px;
--cl-primary-offset-size: 15px;
--cl-primary-name-size: 16px;
--cl-primary-username-size: 12px;
}
@media (max-width: 1199.98px) {
:root {
--cl-primary-avatar-size: 32px;
--cl-primary-offset-size: 10px;
--cl-primary-name-size: 14px;
--cl-primary-username-size: 14px;
}
}

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

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

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

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

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

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

body[data-bg=dark] {
--cl-primary-bg-color: #15202b;
--cl-primary-bg-color-opacity: rgba(21, 32, 43, 0.7);
--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: rgba(91, 112, 131, 0.5);
--cl-input-bg-color: #253341;
--cl-primary-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
--cl-secondary-box-shadow: rgba(0, 0, 0, 0.10) 0px 10px 30px 0px;
--cl-modal-backdrop: rgba(0, 0, 0, 0.65);
--cl-event-hover-bg: #1a2e3b;
--plyr-audio-control-color: #93a4b0;
}

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

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

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

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

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

body {
font-family: inherit !important;
overflow-x: hidden;
overflow-y: scroll;
letter-spacing: -0.02em;
}
body.ov-h {
overflow: hidden;
}
body.modal-open {
overflow-y: hidden;
padding: 0px !important;
padding-right: 12px !important;
}
body.modal-open {
-ms-overflow-style: none;
scrollbar-width: none;
}
body.modal-open::-webkit-scrollbar {
display: none;
}
body main.main-content-container {
background: var(--cl-primary-bg-color);
min-width: 320px;
}
body main.main-content-container div.main-content-container-inner {
width: 100%;
max-width: 1240px !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-container-inner div.timeline-container div.timeline-header {
position: sticky;
top: 0;
z-index: 700;
background-color: var(--cl-primary-bg-color-opacity);
border-bottom: 1px solid var(--cl-primary-border-color);
backdrop-filter: blur(10px);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 60px;
align-items: center;
justify-content: space-between;
padding: 0px 15px;
position: relative;
z-index: 50;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp {
max-width: calc(50% - 30px);
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar {
width: 35px;
flex-shrink: 0;
margin-right: 7px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a {
display: block;
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a img {
width: 35px;
height: 35px;
border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a.online {
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp.lp__avatar div.nav-link-avatar a.online:after {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-radius: 10em;
background: var(--cl-success-color);
right: 0px;
top: 0px;
border: 1px solid var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp div.nav-link-holder a {
padding: 0;
margin: 0;
font-size: 16px;
line-height: 16px;
font-weight: 700;
color: var(--cl-primary-text-color);
text-decoration: none;
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.cp {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 30px;
height: 30px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.cp a {
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.cp a img {
height: 30px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward {
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon {
padding: 0;
margin: 0;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon::before {
background: var(--cl-secondary-bg-color);
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
border-radius: 100%;
opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon svg {
width: 20px;
height: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:active::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:active::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:active::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:hover::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:active::before {
opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back:active > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward:active > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options:active > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:hover > svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon:active > svg {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options {
background: transparent;
border: none;
box-shadow: none;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon::after {
display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon svg {
width: 26px;
height: 26px;
opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon:hover svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon:active svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options div.dropdown-toggle.go-options__icon:focus svg {
opacity: 1;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline {
padding-left: 15px;
padding-right: 15px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container.no-affix {
padding-top: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container.no-affix div.timeline-header {
position: relative;
left: unset;
top: unset;
box-shadow: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form {
padding: var(--cl-primary-offset-size);
border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input {
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input {
border: 1px solid transparent;
background: var(--cl-input-bg-color);
border-radius: 5em;
padding: 0px 48px 0px 20px;
margin: 0px;
height: 48px;
display: block;
width: 100%;
font-size: 15px;
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input::placeholder {
color: var(--cl-input-placeholder-color);
font-size: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:active, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:focus {
box-shadow: none;
outline: none;
border: 1px solid var(--cl-secondary-border-color);
background: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:active + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:hover + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:focus + span.keyword-input__left-icon svg {
fill: var(--cl-primary-color);
opacity: 1;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input {
height: 42px;
padding: 0px 42px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input::placeholder {
font-size: 13px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon {
position: absolute;
top: 0px;
text-decoration: none;
z-index: 2;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon svg {
width: 22px;
height: 22px;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon {
width: 42px;
height: 42px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon {
right: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon svg {
opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__left-icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner {
right: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-spinner svg {
width: 28px;
height: 28px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon {
right: 0px;
cursor: pointer;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon svg {
opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon:active svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon:hover svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input span.keyword-input__right-icon:focus svg {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item {
transition: all 0.27s ease-in-out;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert {
border-bottom: 1px solid var(--cl-primary-border-color);
background-color: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.icon {
width: 18px;
height: 18px;
line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.icon svg {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.icon svg path {
fill: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert div.alert-badge div.text {
font-size: 13px;
color: var(--cl-primary-text-color);
font-weight: 500;
line-height: 1;
margin-right: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert ~ div.post-list-item__content {
border-width: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert.post-list-item__alert_admin {
background-color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert.post-list-item__alert_admin div.alert-badge div.icon svg path {
fill: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__alert.post-list-item__alert_admin div.alert-badge div.text {
color: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header {
padding-left: var(--cl-primary-offset-size);
padding-right: var(--cl-primary-offset-size);
background-color: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost {
display: flex;
justify-content: space-between;
align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost svg {
width: 18px;
height: 18px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header div.publication-repost a {
font-size: 11px;
color: var(--cl-secondary-text-color);
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__header {
padding-left: 42px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content {
padding: var(--cl-primary-offset-size);
padding-bottom: 10px;
border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar {
flex-basis: var(--cl-primary-avatar-size);
flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder {
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder img {
width: 100%;
height: 100%;
border-radius: 100%;
overflow: hidden;
background: var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder img:not([data-loaded]) {
visibility: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder div.avatar-holder__pinned-post {
position: absolute;
width: 22px;
height: 22px;
overflow: hidden;
border-radius: 5em;
background-color: #ffa500;
top: -5px;
right: 0px;
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder div.avatar-holder__pinned-post svg {
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-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 div.avatar-holder__pinned-post svg path {
fill: #000000;
}
@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__avatar div.avatar-holder div.avatar-holder__pinned-post {
transform: scale(0.8) rotate(45deg);
right: -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__avatar div.avatar-holder-online {
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar div.avatar-holder-online:before {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #2fbf63;
position: absolute;
top: 0px;
right: 0px;
content: "";
border: 2px solid var(--cl-primary-bg-color);
z-index: 100;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__avatar a {
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content {
flex: 1;
padding-left: var(--cl-primary-offset-size);
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher {
align-items: flex-start;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username {
flex: 1;
line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a {
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder {
font-size: var(--cl-primary-name-size);
color: var(--cl-primary-text-color);
font-weight: 600;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder:focus, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-username a span.user-name-holder:active {
color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-time {
color: var(--cl-secondary-text-color);
font-size: 13px;
line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-time span {
margin-left: 5px;
cursor: help;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__publisher div.post-time {
font-size: 11px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__target div.post-reply span {
font-size: 14px;
color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__target div.post-reply span a {
color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content {
margin-top: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-title {
font-weight: 700;
font-size: 17px;
margin-bottom: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-text {
overflow: hidden;
margin-bottom: 10px;
font-size: 15px;
line-height: 1.4;
font-weight: 400;
color: var(--cl-primary-text-color);
word-break: break-word;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-text a.inline-link {
display: inline;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-text {
font-size: 14px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content span.readmore-toggle {
display: block;
font-size: 15px;
font-weight: 500;
color: var(--cl-primary-link-color);
cursor: pointer;
transition: all 0.27s ease;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.lozad-media {
width: 100%;
display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image {
border: 1px solid var(--cl-primary-border-color);
border-radius: var(--cl-primary-border-radius);
overflow: hidden;
background: #e6ecf0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image img.lozad {
width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image img.lozad:not([data-loaded]) {
visibility: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image.issafe-n {
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image.issafe-n:after {
content: "";
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
backdrop-filter: blur(30px);
z-index: 1;
width: 100%;
height: 100%;
cursor: not-allowed;
background: no-repeat;
background-position: center center;
user-select: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'/%3E%3C/svg%3E");
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media {
position: relative;
display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button {
position: absolute;
left: calc(50% - 25px);
top: calc(50% - 25px);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button span.video-play-button__arrow {
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.6);
border-radius: 10em;
padding: 5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button span.video-play-button__arrow svg {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button span.video-play-button__arrow svg path {
fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button:hover span.video-play-button__arrow, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-image a.fbox-media div.video-play-button:active span.video-play-button__arrow {
background: rgba(0, 0, 0, 0.7);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-video {
border: 1px solid var(--cl-primary-border-color);
border-radius: var(--cl-primary-border-radius);
background: #e6ecf0;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage {
overflow: hidden;
border-radius: var(--cl-primary-border-radius);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid__item {
flex-basis: calc(50% - 1px);
width: calc(50% - 1px);
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid__item div.publication-image {
height: 200px;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid__item div.publication-image {
height: unset;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid.mb-2 {
margin-bottom: 2px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage div.collage-grid.mt-2 {
margin-top: 2px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage a.fbox-media {
width: 100%;
display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage a.fbox-media div.image-collage-item {
display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-images-collage a.fbox-media div.image-collage-item div.publication-image {
border-radius: 0px;
border: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-audio audio {
width: 100%;
outline: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file {
display: inline-flex;
max-width: 100%;
align-items: center;
overflow: hidden;
text-decoration: none;
padding: 7px 10px;
border: 1px solid var(--cl-secondary-border-color);
border-radius: var(--cl-tertiary-border-radius);
transition: border 0.27s ease-in-out;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__body {
flex: 1;
font-size: 13px;
color: var(--cl-primary-text-color);
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0px 5px;
transition: color 0.27s ease-in-out;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon {
width: 18px;
height: 18px;
flex-shrink: 0;
line-height: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon svg {
width: 100%;
height: 100%;
transition: fill 0.27s ease-in-out;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__type {
line-height: 1;
font-size: 13px;
font-weight: 500;
color: var(--cl-secondary-text-color);
transition: color 0.27s ease-in-out;
margin-right: 5px;
border-left: 2px solid var(--cl-secondary-border-color);
padding-left: 10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active {
border-color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover div.document-file__body, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover div.document-file__type, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active div.document-file__body, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active div.document-file__type {
color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:hover div.document-file__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file:active div.document-file__icon svg path {
fill: var(--cl-primary-color);
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file {
padding-top: 7px;
padding-bottom: 7px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-document a.document-file div.document-file__icon {
width: 20px;
height: 20px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og {
margin-bottom: 10px;
background: var(--cl-primary-bg-color);
border-radius: var(--cl-primary-border-radius);
border: 1px solid var(--cl-primary-border-color);
position: relative;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner {
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image {
width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a {
display: block;
width: 100%;
position: relative;
text-decoration: none;
line-height: 0;
min-height: 200px;
max-height: 300px;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a img {
width: 100%;
display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button {
position: absolute;
left: calc(50% - 25px);
top: calc(50% - 25px);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button span.video-play-button__arrow {
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.6);
border-radius: 10em;
padding: 5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button span.video-play-button__arrow svg {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button span.video-play-button__arrow svg path {
fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button:hover span.video-play-button__arrow, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__image a div.video-play-button:active span.video-play-button__arrow {
background: rgba(0, 0, 0, 0.7);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.embeded-iframe div.publication-og__description p {
margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.link {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.link div.publication-og__image {
width: 100%;
overflow: hidden;
border-bottom: 1px solid var(--cl-primary-border-color);
background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner.link div.publication-og__image img {
width: 100%;
display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description {
padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description h5, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description p, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a {
width: 100%;
display: block;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description h5 {
padding: 0;
margin: 0 0 4px 0;
font-size: 18px;
line-height: 1.4;
color: var(--cl-primary-text-color);
word-wrap: break-word;
font-weight: 700;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description p {
font-size: 14px;
color: var(--cl-secondary-text-color);
line-height: 1.4;
padding: 0;
margin: 0 0 16px 0;
word-wrap: break-word;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a {
font-size: 14px;
line-height: 18px;
color: var(--cl-primary-color);
padding: 0;
margin: 0;
word-wrap: break-word;
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-og div.publication-og__inner div.publication-og__description a:active {
text-decoration: underline;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding {
margin-top: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header span.raised {
font-size: 32px;
font-weight: 500;
letter-spacing: -0.06em;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header {
font-size: 13px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__header span.raised {
font-size: 22px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body {
margin-bottom: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-progress {
background-color: var(--cl-secondary-border-color);
line-height: 0px;
border-radius: 1px;
overflow: hidden;
margin-bottom: 4px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-progress__bar {
display: inline-block;
background-color: #2fbf63;
height: 5px;
min-width: 5px;
transition: all 2s ease;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-progress__bar {
height: 8px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-total {
display: flex;
justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-funding__body div.funding-total span {
font-size: 14px;
font-weight: 500;
color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
height: 30px;
padding: 20px 15px;
background: rgba(29, 161, 242, 0.1);
margin-bottom: 10px;
border-radius: 5em;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-icon {
width: 22px;
height: 22px;
line-height: 0;
min-height: 20px;
min-width: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-icon svg {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-icon svg path {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-text {
flex-grow: 1;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-text p {
padding: 0;
margin: 0;
display: block;
width: 100%;
max-width: 100%;
font-size: 14px;
line-height: 14px;
color: var(--cl-primary-text-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option div.bar-num b {
font-size: 14px;
line-height: 14px;
color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option:last-child {
margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__inner div.publication-poll__option span.bar-slider {
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: rgba(29, 161, 242, 0.2);
max-width: 100%;
min-width: 10px;
border-radius: 0px;
z-index: 3;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll[data-status="1"] div.publication-poll-data-inner div.poll-option-bar {
cursor: default;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-poll div.publication-poll__total-votes {
font-weight: 400;
color: var(--cl-secondary-text-color);
font-size: 14px;
text-align: center;
text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid {
border: 1px solid var(--cl-primary-border-color);
padding: var(--cl-primary-offset-size);
padding-top: 30px;
border-radius: var(--cl-primary-border-radius);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 12px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header div.pubowner-avatar {
width: 35px;
height: 35px;
border-radius: 100%;
overflow: hidden;
border: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header div.pubowner-avatar img {
width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__header div.pubowner-avatar:last-child {
margin-left: -10px;
border: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__body {
text-align: center;
margin-bottom: 24px;
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__body h5 {
padding: 0px;
margin: 0px;
font-weight: 700;
font-size: 18px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__body p {
font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__content div.publication-paid__footer {
text-align: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin-top: 15px;
margin-left: -10px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item {
background: transparent;
border: none;
box-shadow: none;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls 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;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item div.ctrls-item__icon svg path {
fill: 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 path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.liked a.ctrls-item__icon svg path {
fill: 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 path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls button.ctrls-item.reposted a.ctrls-item__icon svg path {
fill: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls 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: 1px solid var(--cl-primary-border-color);
padding: 12px 15px;
border-radius: var(--cl-primary-border-radius);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden div.soft-hidden-post p {
color: var(--cl-secondary-text-color);
padding: 0;
margin: 0;
font-size: 14px;
line-height: 1.4;
margin-right: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden div.soft-hidden-post button.btn-custom {
font-size: 11px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden + div.post-data__content-inner {
display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-hidden.show + div.post-data__content-inner {
display: block !important;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content {
padding-left: 15px;
padding-right: 15px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder {
display: block;
border: 1px solid var(--cl-primary-border-color);
padding: 12px 15px;
border-radius: var(--cl-secondary-border-radius);
margin: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder div.icon {
width: 25px;
height: 25px;
flex-shrink: 0;
margin-right: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder div.icon svg {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder div.icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p {
color: var(--cl-secondary-text-color);
padding: 0;
margin: 0;
font-size: 14px;
line-height: 1.4;
margin-right: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p a {
color: var(--cl-primary-link-color);
font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p a:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-placeholder p a:active {
color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert {
border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header {
padding: var(--cl-primary-offset-size);
padding-bottom: 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor {
margin-right: var(--cl-primary-offset-size);
display: flex;
flex-wrap: nowrap;
align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-icon {
width: 18px;
height: 18px;
line-height: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-icon svg {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-icon svg path {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-label {
margin-left: 5px;
color: var(--cl-primary-color);
font-size: 13px;
line-height: 1;
font-weight: 500;
text-transform: uppercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__sponsor span.post-list-advert__sponsor-label a {
text-decoration: none;
font-weight: 600;
color: var(--cl-primary-text-color);
margin-left: 5px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__time {
color: var(--cl-secondary-text-color);
font-size: 13px;
line-height: 1;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__header div.post-list-advert__time {
font-size: 11px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text {
padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text h4 {
font-size: 18px;
font-weight: 700;
line-height: 22px;
color: var(--cl-primary-text-color);
padding: 0;
margin: 0 0 10px 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text p {
font-size: 14px;
line-height: 1.4;
padding: 0;
margin: 0;
color: var(--cl-primary-text-color);
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text h4 {
font-size: 16px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__text p {
font-size: 14px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__image a.fbox-media {
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__image a.fbox-media img {
width: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__body div.post-list-advert__ctrl {
padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: var(--cl-primary-offset-size);
border-top: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item {
background: transparent;
border: none;
box-shadow: none;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item a.ctrls-item__inner-link {
text-decoration: none;
display: inline-flex;
align-items: center;
color: inherit;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item div.ctrls-item__icon {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item div.ctrls-item__icon svg {
width: 22px;
height: 22px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.ctrls-item__icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item div.ctrls-item__icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item span.num {
font-size: 14px;
color: var(--cl-secondary-text-color);
line-height: 1;
margin-left: 2px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover div.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active div.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus span.ctrls-item__icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus div.ctrls-item__icon {
background: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover div.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active div.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus div.ctrls-item__icon svg {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:hover span.num, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:active span.num, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item:focus span.num {
color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.liked span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.liked div.ctrls-item__icon svg {
fill: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.liked span.num {
color: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.reposted span.ctrls-item__icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.reposted div.ctrls-item__icon svg {
fill: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.reposted span.num {
color: var(--cl-primary-color) !important;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon svg {
width: 26px;
height: 26px;
opacity: 0.7;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon::after {
display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:active, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-advert div.post-list-advert__footer button.ctrls-item.dropleft div.dropdown-toggle.ctrls-item__icon:focus {
opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder {
padding: 60px 30px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon {
margin-bottom: 20px;
display: flex;
justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg {
background: var(--cl-secondary-bg-color);
width: 100px;
height: 100px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg svg {
width: 32px;
height: 32px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg svg path {
fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg {
width: 70px;
height: 70px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg svg {
width: 30px;
height: 30px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_success {
background: var(--cl-success-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_success svg path {
fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_warning {
background: var(--cl-warning-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_warning svg {
fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_danger {
background: var(--cl-danger-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.icon div.icon__bg.icon__bg_danger svg {
fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message {
margin-bottom: 30px;
display: flex;
align-items: center;
flex-direction: column;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message h4 {
font-size: 20px;
padding: 0;
margin: 0 0 15px 0;
line-height: 20px;
color: var(--cl-primary-text-color);
font-weight: 700;
text-align: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-placeholder div.pl-message p {
font-size: 14px;
line-height: 1.4;
padding: 0;
margin: 0;
color: var(--cl-secondary-text-color);
text-align: center;
overflow-wrap: break-word;
max-width: 80%;
}
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-color: var(--cl-primary-bg-color);
z-index: 10;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item {
flex: 1;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a {
display: block;
text-decoration: none;
outline: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn {
background: transparent;
color: var(--cl-secondary-text-color);
box-shadow: none;
border: none;
padding: 12px var(--cl-primary-offset-size) 20px var(--cl-primary-offset-size);
margin: 0px;
cursor: pointer;
display: block;
width: 100%;
outline: 0;
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn {
padding-top: 15px;
padding-bottom: 15px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn span.btn-flex-inner {
font-size: 12px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn::after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 2px;
background: var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn.active::after {
background: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn.active span.btn-flex-inner {
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn:active, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar div.timeline-navbar__item a button.timeline-navbar__item-btn:focus {
background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-navbar_border-top {
border-top: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item {
border-bottom: 1px solid var(--cl-primary-border-color);
transition: all 0.27s ease-in-out;
padding: var(--cl-primary-offset-size);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar {
width: var(--cl-primary-avatar-size);
flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar {
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar img {
width: 100%;
height: 100%;
border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online {
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online:before {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #2fbf63;
position: absolute;
top: 0px;
right: 0px;
content: "";
border: 2px solid var(--cl-primary-bg-color);
z-index: 100;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data {
flex: 1;
padding-left: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body {
flex: 1;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline {
display: flex;
justify-content: space-between;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left {
flex: 1;
margin-right: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name {
line-height: 1;
margin-bottom: 4px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a {
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span {
font-size: var(--cl-primary-name-size);
color: var(--cl-primary-text-color);
font-weight: 600;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:focus, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:active {
color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
display: flex;
align-items: center;
overflow: hidden;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
margin-top: 8px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item {
margin-right: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
font-size: 14px;
color: var(--cl-secondary-text-color);
text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span:first-child {
color: var(--cl-primary-text-color);
font-weight: 500;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
font-size: 12px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft {
background: transparent;
border: none;
box-shadow: none;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg {
width: 26px;
height: 26px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::before, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::after {
display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon {
background: var(--cl-secondary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon svg, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon svg {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
color: var(--cl-primary-text-color);
font-size: 14px;
margin-top: 12px;
line-height: 1.4;
overflow: hidden;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
font-size: 13px;
margin-top: 8px;
}
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about a {
color: var(--cl-primary-text-color) !important;
text-transform: none;
font-weight: 600;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription {
display: flex;
justify-content: space-between;
background-color: var(--cl-secondary-bg-color);
padding: 10px 20px;
margin-top: var(--cl-primary-offset-size);
border-radius: 5em;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription span {
font-size: 13px;
color: var(--cl-secondary-text-color);
font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item {
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__right-icon {
flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__right-icon svg {
width: 24px;
height: 24px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__right-icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__body {
flex: 1;
padding: 0px var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__body span:first-child {
font-size: var(--cl-primary-name-size);
font-weight: 700;
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item div.hashtag-data div.hashtag-data__body span:last-child {
color: var(--cl-secondary-text-color);
font-weight: normal;
font-size: 14px;
margin-left: 5px;
text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:active {
background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:hover div.hashtag-data div.hashtag-data__right-icon svg path, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-hashtags-container div.timeline-hashtags-ls div.hashtag-list-item:active div.hashtag-data div.hashtag-data__right-icon svg path {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-data-loader button {
display: block;
width: 100%;
text-transform: uppercase;
background-color: transparent;
border: none;
box-shadow: none;
font-size: 13px;
font-weight: 500;
padding: var(--cl-primary-offset-size);
margin: 0px;
color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-data-loader button:hover, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-data-loader button:active {
background-color: var(--cl-secondary-bg-color);
color: var(--cl-primary-black-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: var(--cl-primary-offset-size);
border-bottom: 1px solid var(--cl-primary-border-color);
position: relative;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_align-center {
align-items: center;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__icon {
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
flex-shrink: 0;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__icon svg {
width: 20px;
height: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__icon svg path {
fill: #ffffff;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__text {
flex: 1;
overflow: hidden;
font-size: 14px;
color: var(--cl-primary-text-color);
margin-left: var(--cl-primary-offset-size);
position: relative;
z-index: 2;
line-height: 1.4;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert div.timeline-alert__text a {
color: var(--cl-primary-link-color);
font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__icon {
background: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__icon svg {
width: 20px;
height: 20px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__icon svg path {
fill: var(--cl-primary-bg-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info div.timeline-alert__text {
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-alert-container div.timeline-alert.timeline-alert_info::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: var(--cl-primary-color);
opacity: 0.07;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader {
position: absolute;
display: block;
left: 0;
top: 65px;
bottom: 0;
right: 0;
width: 100%;
background: var(--cl-primary-bg-color);
z-index: 5000;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader.d-none {
display: none;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader div.spa-preloader-inner {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
padding: 100px 50px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader div.spa-preloader-inner span.spinner-icon {
width: 50px;
height: 50px;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.spa-preloader div.spa-preloader-inner span.spinner-icon svg {
width: 100%;
height: 100%;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper {
width: 100%;
min-width: 100%;
max-width: 100%;
border-right: none;
border-left: none;
}
}
body main.main-content-container div.main-content-container-inner div.left-sb-container {
width: 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: 10px;
display: block;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn button {
border: none;
text-transform: none;
font-size: 11px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn button span.btn-icon {
width: 20px;
height: 20px;
min-width: 20px;
fill: #fff;
margin-right: 15px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn button span.btn-icon svg {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.guest-welcome div.form-group.oauth-login-providers a.social-login-btn.twitter button {
background: #64ccf2;
color: #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.linkedin button {
background: #0e76a8;
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.instagram button {
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
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.discord button {
background: #5468ff;
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.vkontakte button {
background: #5181b8;
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;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon.avatar {
width: 24px;
height: 24px;
overflow: hidden;
border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.icon.avatar img {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text {
margin-left: 8px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text > a {
font-size: 15px;
color: var(--cl-secondary-text-color);
font-weight: 500;
text-decoration: none;
transition: all 0.27s ease;
line-height: 18px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text > a.dropdown-toggle::after {
display: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text > a b.wallet {
color: green;
font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text span.info-indicators {
display: inline-block;
background: var(--cl-danger-color);
color: #ffffff;
text-align: center;
padding: 0 5px;
border-radius: 10px;
background-clip: padding-box;
font-size: 11px;
-webkit-font-smoothing: subpixel-antialiased;
line-height: 18px;
vertical-align: middle;
min-height: 13px;
min-width: 20px;
font-weight: 400;
position: relative;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text span.info-indicators::before {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: transparent;
content: "";
border-radius: 5em;
box-shadow: 0 0 0 0 var(--cl-danger-color-lighten-5);
transform: scale(1);
animation: pulse 3s infinite;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item span.text span.info-indicators:empty {
display: none;
visibility: hidden;
opacity: 0;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:hover span.text > a, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:active span.text > a, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item.active span.text > a {
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:hover span.icon svg path, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item:active span.icon svg path, body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group div.sidebar__nav-item.active span.icon svg path {
fill: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__nav div.sidebar__nav-group.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;
}
@media (max-width: 1199.98px) {
body main.main-content-container div.main-content-container-inner div.left-sb-container {
height: 100vh;
display: block;
position: fixed;
top: 0;
bottom: 0;
left: -330px;
border-right: none;
z-index: 5000;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
overflow-x: hidden;
overflow-y: auto;
padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.left-sb-container {
-ms-overflow-style: none;
scrollbar-width: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container::-webkit-scrollbar {
display: none;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container.show {
left: 0px;
width: 250px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner {
padding: 0px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar__footer {
display: block;
margin-top: 15px;
}
}
body main.main-content-container div.main-content-container-inner div.right-sb-container {
flex: 1;
background: var(--cl-primary-bg-color);
max-width: 380px;
min-width: 380px;
-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: 1px solid transparent;
background: var(--cl-input-bg-color);
border-radius: 5em;
padding: 0px 15px 0px 15px;
height: 46px;
font-size: 14px;
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input::placeholder {
color: var(--cl-input-placeholder-color);
font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:active, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:focus {
box-shadow: none;
outline: none;
border: 1px solid var(--cl-secondary-border-color);
background-color: transparent;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:active + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:hover + span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input input:focus + span.keyword-input__left-icon svg {
fill: var(--cl-primary-color);
opacity: 1;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon {
position: absolute;
top: 0px;
text-decoration: none;
z-index: 2;
width: 46px;
height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner svg, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon svg {
width: 20px;
height: 20px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon {
right: 0px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon svg {
opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__left-icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner {
right: 0px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-spinner svg {
width: 28px;
height: 28px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon {
right: 0px;
cursor: pointer;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon svg {
opacity: 0.8;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon svg path {
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon:active svg path, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon:hover svg path, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__input span.keyword-input__right-icon:focus svg path {
fill: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result {
width: 100%;
border-radius: var(--cl-secondary-border-radius);
box-shadow: var(--cl-primary-box-shadow);
position: absolute;
left: 0px;
right: 0px;
top: 50px;
z-index: 10;
background: var(--cl-primary-bg-color);
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list {
overflow-x: hidden;
overflow-y: auto;
max-height: 250px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item {
padding: 10px var(--cl-primary-offset-size);
border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a {
width: 100%;
display: block;
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a div.result-item-data {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a div.result-item-data div.result-item-data__data {
overflow: hidden;
flex: 1;
margin-left: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item a div.result-item-data div.result-item-data__data div.result-item-data__topline {
font-size: var(--cl-primary-name-size);
color: var(--cl-primary-text-color);
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_htag a div.result-item-data div.result-item-data__icon {
flex-shrink: 0;
flex-basis: 40px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_htag a div.result-item-data div.result-item-data__icon div.icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_htag a div.result-item-data div.result-item-data__icon div.icon svg {
width: 22px;
height: 22px;
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_user a div.result-item-data div.result-item-data__avatar {
flex-shrink: 0;
flex-basis: 30px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_user a div.result-item-data div.result-item-data__avatar div.avatar {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border: 1px solid var(--cl-primary-border-color);
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item.search-result__list-item_user a div.result-item-data div.result-item-data__avatar div.avatar img {
width: 100%;
height: 100%;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item:active {
background: var(--cl-event-hover-bg);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__body div.search-result__list div.search-result__list-item:last-child {
border-bottom: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__footer {
padding: var(--cl-primary-offset-size);
border-top: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__footer.disabled {
opacity: 0.6;
cursor: not-allowed;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__header form.sidebar-searchbar div.sidebar-searchbar__result div.search-result div.search-result__footer.disabled a {
cursor: default;
text-decoration: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content {
border-bottom: 1px solid var(--cl-primary-border-color);
padding-bottom: 20px;
margin-bottom: 20px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__header {
font-size: 16px;
color: var(--cl-secondary-text-color);
font-weight: 500;
line-height: 1;
margin-bottom: 20px;
text-transform: uppercase;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item {
display: flex;
flex-wrap: nowrap;
text-decoration: none;
margin-bottom: 15px;
overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar {
flex-basis: var(--cl-primary-avatar-size);
flex-shrink: 0;
line-height: 1;
position: relative;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar img {
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
border-radius: 100%;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar-online {
position: relative;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-avatar-online:before {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #2fbf63;
position: absolute;
top: 0px;
right: 0px;
content: "";
border: 2px solid var(--cl-primary-bg-color);
z-index: 100;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data {
flex: 1;
overflow: hidden;
padding: 0px 0px 0px var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span {
font-size: var(--cl-primary-name-size);
color: var(--cl-primary-text-color);
font-weight: 600;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span:focus, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-name span:active {
color: var(--cl-primary-link-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-followers {
font-size: 14px;
color: var(--cl-secondary-text-color);
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-transform: lowercase;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item div.sidebar-users__item-data div.sidebar-users__item-followers span {
font-weight: 500;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-users div.sidebar-users__item:last-child {
margin-bottom: 0px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item {
margin-bottom: 7px;
margin-right: 7px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data {
border: 1px solid var(--cl-secondary-border-color);
border-radius: 5em;
text-decoration: none;
padding: 5px 10px;
display: inline-flex;
align-items: center;
line-height: 1;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data span.icon {
width: 17px;
height: 17px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data span.icon svg {
width: 100%;
height: 100%;
fill: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data span.text {
font-size: 14px;
font-weight: 400;
color: var(--cl-secondary-text-color);
position: relative;
z-index: 2;
margin-left: 3px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data:hover, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-hashtags div.sidebar-hashtags__item a.sidebar-hashtags__item-data:active {
border-color: var(--cl-primary-color);
color: var(--cl-primary-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__body div.sidebar-content-empty {
font-size: 14px;
line-height: 1.6;
color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__footer {
margin-top: 10px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__body div.sidebar-content div.sidebar-content__footer a {
text-decoration: none;
font-size: 13px;
font-weight: 500;
color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style-type: none;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item {
margin-right: 10px;
margin-bottom: 3px;
}
body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item > a, body main.main-content-container div.main-content-container-inner div.right-sb-container div.sidebar__inner div.right-sidebar div.right-sidebar__footer div.main-footer ul.footer-nav li.footer-nav-item div.dropdown-toggle {
font-size: 12px;
color: var(--cl-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;
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl svg path {
fill: var(--cl-secondary-text-color);
}
body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl span.info-indicators {
position: absolute;
top: -10px;
right: 20px;
background: var(--cl-danger-color);
color: #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-divider {
border-bottom: 1px solid var(--cl-secondary-border-color);
margin-bottom: 20px;
margin-top: 20px;
}
body form div.form-switch {
cursor: pointer !important;
}
body form div.form-group {
margin-bottom: 20px;
}
body form div.form-group.no-mb {
margin-bottom: 0px !important;
}
body form div.form-group.mt-20 {
margin-top: 20px;
}
body form div.form-group.mb-10 {
margin-bottom: 10px;
}
body form div.form-group label {
font-size: 13px;
line-height: 1;
color: var(--cl-primary-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: 12px;
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%;
transition: all 0.5s ease;
}
body form div.form-group div.password-ctrl button.password-ctrl span svg path {
fill: var(--cl-secondary-text-color);
}
body form div.form-group div.password-ctrl button.password-ctrl:hover span svg, body form div.form-group div.password-ctrl button.password-ctrl:active span svg {
fill: var(--cl-primary-color);
}
body form div.form-group div.vue-dropdown-select {
height: 52px;
border: none;
border-radius: 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 {
margin-bottom: 10px;
}
body form div.form-group div.form-paymethods div.form-paymethods__item {
border: 1px solid var(--cl-secondary-border-color);
border-radius: var(--cl-tertiary-border-radius);
position: relative;
transition: border 0.27s ease;
cursor: pointer;
margin-bottom: 10px;
display: flex;
align-items: center;
padding: 10px var(--cl-primary-offset-size);
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-logo {
width: 45px;
height: 30px;
flex-shrink: 0;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-logo img {
height: 100%;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-name {
font-size: 14px;
font-weight: 500;
color: var(--cl-primary-text-color);
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-checkmark {
margin-left: auto;
width: 22px;
height: 22px;
flex-shrink: 0;
line-height: 0px;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-checkmark svg {
width: 100%;
height: 100%;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.paym-checkmark svg path {
fill: var(--cl-secondary-text-color);
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.form-paymethods__item-checkmark {
position: absolute;
border-radius: 100%;
background: var(--cl-primary-color);
top: -7px;
right: -7px;
display: none;
}
body form div.form-group div.form-paymethods div.form-paymethods__item div.form-paymethods__item-checkmark svg {
width: 16px;
height: 16px;
fill: #ffffff;
}
body form div.form-group div.form-paymethods div.form-paymethods__item:hover, body form div.form-group div.form-paymethods div.form-paymethods__item:active {
border-color: var(--cl-primary-text-color);
}
body form div.form-group div.form-paymethods div.form-paymethods__item.active div.form-paymethods__item-checkmark {
display: inline-flex;
align-items: center;
justify-content: center;
}
body form div.form-group div.form-paymethods div.form-paymethods__item.disabled {
cursor: not-allowed;
opacity: 0.5;
}
body form div.form-group div.form-paymethods div.form-paymethods__item.disabled:hover, body form div.form-group div.form-paymethods div.form-paymethods__item.disabled:active {
border-color: var(--cl-danger-color);
}
body form div.form-group div.form-dropzone {
border: 2px dashed var(--cl-secondary-border-color);
transition: all 0.27s;
cursor: pointer;
}
body form div.form-group div.form-dropzone div.form-dropzone__image {
overflow: hidden;
}
body form div.form-group div.form-dropzone div.form-dropzone__image img {
width: 100%;
display: block;
}
body form div.form-group div.form-dropzone div.form-dropzone__text {
padding: 35px 50px;
text-align: center;
font-weight: 500;
color: var(--cl-primary-text-color);
font-size: 16px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty {
padding: 35px var(--cl-primary-offset-size);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header {
display: flex;
justify-content: center;
margin-bottom: var(--cl-primary-offset-size);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header div.form-dropzone__icon {
background: var(--cl-secondary-bg-color);
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 100%;
overflow: hidden;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header div.form-dropzone__icon svg {
width: 24px;
height: 24px;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__header div.form-dropzone__icon svg path {
fill: var(--cl-secondary-text-color);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__body {
margin-bottom: 20px;
text-align: center;
font-size: 16px;
color: var(--cl-secondary-text-color);
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__footer {
display: flex;
justify-content: center;
}
body form div.form-group div.form-dropzone div.form-dropzone__empty div.form-dropzone__footer button.btn {
padding-left: 30px;
padding-right: 30px;
}
body form div.form-group div.form-dropzone:hover, body form div.form-group div.form-dropzone:active {
border-color: var(--cl-primary-color);
}
body form div.form-group div.form-toggle {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--cl-primary-border-color);
padding: 20px 0px;
}
body form div.form-group div.form-toggle div.form-toggle__lp {
line-height: 1;
flex-shrink: 0;
}
body form div.form-group div.form-toggle div.form-toggle__lp svg {
width: 22px;
height: 22px;
vertical-align: middle;
}
body form div.form-group div.form-toggle div.form-toggle__lp svg path {
fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
body form div.form-group div.form-toggle div.form-toggle__lp svg {
width: 20px;
height: 20px;
}
}
body form div.form-group div.form-toggle div.form-toggle__mp {
flex: 1;
margin: 0px var(--cl-primary-offset-size);
line-height: 1;
overflow: hidden;
}
body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__title {
font-size: 14px;
line-height: 1;
font-weight: 500;
color: var(--cl-primary-text-color);
display: block;
margin-bottom: 7px;
}
@media (max-width: 1199.98px) {
body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__title {
font-size: 13px;
}
}
body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__desc {
font-size: 14px;
color: var(--cl-secondary-text-color);
line-height: 1;
white-space: nowrap;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1199.98px) {
body form div.form-group div.form-toggle div.form-toggle__mp span.form-toggle__desc {
font-size: 12px;
}
}
body form div.form-group div.form-toggle div.form-toggle__rp div.form-check {
padding: 0px;
min-height: auto;
line-height: 1;
}
body form div.form-group div.form-toggle div.form-toggle__rp div.form-check input.form-check-input {
margin: 0px;
cursor: pointer;
opacity: 1;
float: none;
}
body form div.form-group div.form-tos div.form-check {
min-height: auto;
padding: 0px;
display: flex;
align-items: flex-start;
user-select: none;
}
body form div.form-group div.form-tos div.form-check input.form-check-input {
min-height: auto;
float: none;
margin: 0px;
padding: 0px;
flex-shrink: 0;
}
body form div.form-group div.form-tos div.form-check label.form-check-label {
margin-left: var(--cl-primary-offset-size);
cursor: pointer;
font-size: 12px;
font-weight: normal;
}
body form div.form-group div.form-tos div.form-check label.form-check-label a {
text-decoration: none;
color: var(--cl-primary-link-color);
}
@media (max-width: 1199.98px) {
body form div.form-group div.form-tos div.form-check label.form-check-label {
font-size: 12px;
}
}
body form div.form-group div.form-info-label {
font-size: 13px;
color: var(--cl-secondary-text-color);
line-height: 1.6;
margin-top: 5px;
max-width: 80%;
}
@media (max-width: 1199.98px) {
body form div.form-group div.form-info-label {
font-size: 11px;
}
}
body form div.invalid-main-feedback {
font-size: 13px;
color: var(--cl-danger-color);
line-height: 1.6;
margin-top: 5px;
}
body form div.invalid-main-feedback.mb-20 {
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
body form div.invalid-main-feedback {
font-size: 11px;
}
}
body form div.valid-main-feedback {
font-size: 13px;
color: var(--cl-primary-color);
line-height: 1.6;
margin-top: 5px;
}
body form div.valid-main-feedback.mb-20 {
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
body form div.valid-main-feedback {
font-size: 11px;
}
}
body div.main-preloader-holder {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: var(--cl-primary-bg-color);
z-index: 6000;
}
body div.main-preloader-holder div.main-preloader {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
body div.main-preloader-holder div.main-preloader div.loading {
width: 150px;
}
body div.main-preloader-holder div.main-preloader div.loading img {
width: 100%;
}
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 var(--cl-danger-color-lighten-5);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
@keyframes rotation {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes infinite_marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
body .d-flex {
width: 100%;
}
body .d-flex .flex-nw, body .d-flex .flex-wn {
flex-wrap: nowrap;
}
body .d-flex .flex-grow-1 {
flex: 1;
}
body .of-hide {
overflow: hidden;
}
body .hidden, body .d-none {
display: none;
}
body div.row {
margin-left: -10px !important;
margin-right: -10px !important;
}
body .d-flex {
display: flex;
}
body .d-inline-flex {
display: inline-flex;
}
body .align-items-center {
align-items: center;
}
body .align-items-start {
align-items: flex-start;
}
body .align-items-end {
align-items: flex-end;
}
body .justify-content-center {
justify-content: center;
}
body .justify-content-start {
justify-content: flex-start;
}
body .justify-content-end {
justify-content: flex-end;
}
body .justify-content-between {
justify-content: space-between;
}
body .flex-wn, body .flex-nw {
flex-wrap: nowrap;
}
body div.col-lg-1,
body div.col-lg-2,
body div.col-lg-3,
body div.col-lg-4,
body div.col-lg-5,
body div.col-lg-6,
body div.col-lg-7,
body div.col-lg-8,
body div.col-lg-9,
body div.col-lg-10,
body div.col-lg-11,
body div.col-lg-12 {
padding: 0px 10px;
}
body div.col-md-1,
body div.col-md-2,
body div.col-md-3,
body div.col-md-4,
body div.col-md-5,
body div.col-md-6,
body div.col-md-7,
body div.col-md-8,
body div.col-md-9,
body div.col-md-10,
body div.col-md-11,
body div.col-md-12 {
padding: 0px 10px;
}
body div.col-sm-1,
body div.col-sm-2,
body div.col-sm-3,
body div.col-sm-4,
body div.col-sm-5,
body div.col-sm-6,
body div.col-sm-7,
body div.col-sm-8,
body div.col-sm-9,
body div.col-sm-10,
body div.col-sm-11,
body div.col-sm-12 {
padding: 0px 10px;
}
body div.col-xs-1,
body div.col-xs-2,
body div.col-xs-3,
body div.col-xs-4,
body div.col-xs-5,
body div.col-xs-6,
body div.col-xs-7,
body div.col-xs-8,
body div.col-xs-9,
body div.col-xs-10,
body div.col-xs-11,
body div.col-xs-12 {
padding: 0px 10px;
}
body div.col-xxl-1,
body div.col-xxl-2,
body div.col-xxl-3,
body div.col-xxl-4,
body div.col-xxl-5,
body div.col-xxl-6,
body div.col-xxl-7,
body div.col-xxl-8,
body div.col-xxl-9,
body div.col-xxl-10,
body div.col-xxl-11,
body div.col-xxl-12 {
padding: 0px 10px;
}
body a.block-link {
text-decoration: none;
display: block;
width: 100%;
color: inherit;
font-size: inherit;
line-height: inherit;
}
body a.inline-link {
font-size: inherit !important;
line-height: inherit !important;
color: var(--cl-primary-link-color) !important;
text-decoration: none;
font-weight: 400;
}
body .col-red {
color: var(--cl-danger-color) !important;
}
body .col-grey {
color: var(--cl-secondary-text-color) !important;
}
body .col-blue {
color: var(--cl-primary-color) !important;
}
body .ov-h {
overflow: hidden;
}
body .ml-auto {
margin-left: auto;
}
body .fw-400 {
font-weight: 400 !important;
}
body svg[stroke-width="1.8"] {
stroke-width: 1.6;
}
body video {
max-height: 100%;
}
body [data-href] {
cursor: pointer;
}
body span.user-name-holder {
font-size: inherit;
color: inherit;
line-height: 1;
display: inline-flex !important;
justify-content: flex-start !important;
overflow: hidden;
flex-wrap: nowrap;
align-items: center;
width: auto !important;
font-weight: inherit;
max-width: 100%;
}
body span.user-name-holder span.user-name-holder__name {
white-space: nowrap;
}
body span.user-name-holder span.user-name-holder__badge {
width: var(--cl-primary-name-size);
height: var(--cl-primary-name-size);
line-height: 0;
margin-left: 2px;
}
body span.user-name-holder span.user-name-holder__badge svg {
width: 100%;
height: 100%;
fill: var(--cl-primary-color);
}
body a.image-wrapper.fbox-media {
display: inherit !important;
line-height: 0;
text-decoration: none;
}
body div.cl-google-ads {
margin-bottom: 15px;
margin-top: 15px;
background-color: #ffffff;
}
body div.cl-google-ads.centered {
display: flex;
flex-direction: row;
justify-content: center;
overflow: hidden;
margin-left: 15px;
margin-right: 15px;
}
body span.spinner-icon svg path {
fill: var(--cl-primary-color);
}
body div.bootstrap-bp-display {
position: fixed;
top: 90%;
left: 50%;
z-index: 10000;
transform: translate(-50%, -50%);
background: red;
padding: 0.5rem 1rem;
border-radius: 30px;
color: #fff;
}
body div.cl-plyr-video div.plyr--video video.plyr {
width: 100%;
object-fit: contain;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls {
display: flex;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__progress__container {
flex: 1;
padding-right: 10px;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__time {
flex-shrink: 0;
opacity: 0.6;
font-weight: normal;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume {
min-width: unset;
width: unset;
padding: 0px;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume:hover, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume:active {
background: none;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__time:first-child {
padding-left: 8px;
letter-spacing: -1px;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls button.plyr__controls__item, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume button.plyr__control {
margin: 0px;
padding-left: 8px;
padding-right: 8px;
opacity: 0.6;
}
body div.cl-plyr-video div.plyr--video div.plyr__controls button.plyr__controls__item:hover, body div.cl-plyr-video div.plyr--video div.plyr__controls button.plyr__controls__item:active, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume button.plyr__control:hover, body div.cl-plyr-video div.plyr--video div.plyr__controls div.plyr__volume button.plyr__control:active {
background: none;
opacity: 1;
}
@media (max-width: 1199.98px) {
body div.cl-plyr-video div.plyr--video div.plyr__controls {
--plyr-control-icon-size: 15px;
--plyr-control-spacing: 10px;
}
}
body div.cl-plyr-video div.plyr--video button.plyr__control.plyr__control--overlaid {
background-color: var(--cl-primary-color);
}
body div.cl-plyr-audio {
border: 1px solid var(--cl-secondary-border-color);
border-radius: 5em;
}
body div.cl-plyr-audio div.plyr--audio audio.plyr {
width: 100%;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls {
display: flex;
padding: 12px 15px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__progress__container {
flex: 1;
padding-right: 10px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__time {
flex-shrink: 0;
opacity: 0.6;
font-weight: normal;
color: var(--cl-primary-text-color);
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume {
min-width: unset;
width: unset;
padding: 0px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume:hover, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume:active {
background: none;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__time:first-child {
padding-left: 8px;
letter-spacing: -1px;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control {
margin: 0px;
padding-left: 8px;
padding-right: 8px;
opacity: 0.6;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:hover, body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:active, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:hover, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:active {
background: none;
opacity: 1;
}
body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:hover svg, body div.cl-plyr-audio div.plyr--audio div.plyr__controls button.plyr__controls__item:active svg, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:hover svg, body div.cl-plyr-audio div.plyr--audio div.plyr__controls div.plyr__volume button.plyr__control:active svg {
fill: var(--cl-secondary-text-color);
}
@media (max-width: 1199.98px) {
body div.cl-plyr-audio div.plyr--audio div.plyr__controls {
padding: 8px;
--plyr-control-icon-size: 15px;
--plyr-control-spacing: 10px;
}
}
body div.modal {
z-index: 7000;
}
body div.modal {
-ms-overflow-style: none;
scrollbar-width: none;
}
body div.modal::-webkit-scrollbar {
display: none;
}
body div.modal div.modal-balance-widget {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--cl-secondary-border-color);
}
body div.modal div.modal-balance-widget span {
font-size: 13px;
color: var(--cl-secondary-text-color);
}
body div.modal div.modal-balance-widget h3 {
font-size: 42px;
margin-bottom: 5px;
font-weight: 500;
color: var(--cl-primary-text-color);
letter-spacing: -0.04em;
}
body div.modal div.modal-dialog {
max-width: 1255px !important;
margin: 1.75rem auto;
}
@media (max-width: 1199.98px) {
body div.modal div.modal-dialog {
max-width: 100%;
}
}
body div.modal div.modal-content {
background: var(--cl-primary-bg-color);
border: none;
box-shadow: var(--cl-primary-box-shadow);
border-radius: var(--cl-primary-border-radius);
margin-left: 260px;
max-width: 600px;
}
body div.modal div.modal-content div.modal-header {
padding: 10px 20px;
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: 700;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal {
padding: 0;
margin: 0;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 100%;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal svg {
width: 20px;
height: 20px;
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal svg path {
fill: var(--cl-secondary-text-color);
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:hover, body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:active {
background: var(--cl-secondary-bg-color);
}
body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:hover svg, body div.modal div.modal-content div.modal-header div.modal-header__inner span.dismiss-modal:active svg {
fill: var(--cl-primary-color);
}
body div.modal div.modal-content div.modal-body {
padding: var(--cl-primary-offset-size) 20px;
}
body div.modal div.modal-content div.modal-body.no-padding {
padding: 0px;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item {
border-bottom: 1px solid var(--cl-primary-border-color);
transition: all 0.27s ease-in-out;
padding: var(--cl-primary-offset-size);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border-bottom: 1px solid var(--cl-primary-border-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar {
width: var(--cl-primary-avatar-size);
flex-shrink: 0;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar {
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar img {
width: 100%;
height: 100%;
border-radius: 100%;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online {
position: relative;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__avatar a div.user-avatar-online:before {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #2fbf63;
position: absolute;
top: 0px;
right: 0px;
content: "";
border: 2px solid var(--cl-primary-bg-color);
z-index: 100;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data {
flex: 1;
padding-left: var(--cl-primary-offset-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body {
flex: 1;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline {
display: flex;
justify-content: space-between;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left {
flex: 1;
margin-right: var(--cl-primary-offset-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name {
line-height: 1;
margin-bottom: 4px;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a {
text-decoration: none;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span {
font-size: var(--cl-primary-name-size);
color: var(--cl-primary-text-color);
font-weight: 600;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:hover, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:focus, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__name a > span:active {
color: var(--cl-primary-link-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
display: flex;
align-items: center;
overflow: hidden;
}
@media (max-width: 1199.98px) {
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats {
margin-top: 8px;
}
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item {
margin-right: var(--cl-primary-offset-size);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
font-size: 14px;
color: var(--cl-secondary-text-color);
text-transform: lowercase;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span:first-child {
color: var(--cl-primary-text-color);
font-weight: 500;
}
@media (max-width: 1199.98px) {
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-left div.user-data__stats div.stats-item span {
font-size: 12px;
}
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft {
background: transparent;
border: none;
box-shadow: none;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 100%;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg {
width: 26px;
height: 26px;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon svg path {
fill: var(--cl-secondary-text-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::before, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft a.icon::after {
display: none;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon {
background: var(--cl-secondary-bg-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:hover a.icon svg, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:active a.icon svg, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__body-topline div.flex-item-right div.user-data__ctrls div.dropdown-menu-holder button.dropleft:focus a.icon svg {
fill: var(--cl-primary-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
color: var(--cl-primary-text-color);
font-size: 14px;
margin-top: 12px;
line-height: 1.4;
overflow: hidden;
}
@media (max-width: 1199.98px) {
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about {
font-size: 13px;
margin-top: 8px;
}
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__about a {
color: var(--cl-primary-text-color) !important;
text-transform: none;
font-weight: 600;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription {
display: flex;
justify-content: space-between;
background-color: var(--cl-secondary-bg-color);
padding: 10px 20px;
margin-top: var(--cl-primary-offset-size);
border-radius: 5em;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-users-container div.timeline-user-ls div.user-list-item div.user-list-item__data div.user-data div.user-data__body div.user-data__subscription span {
font-size: 13px;
color: var(--cl-secondary-text-color);
font-weight: 500;
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader button {
display: block;
width: 100%;
text-transform: uppercase;
background-color: transparent;
border: none;
box-shadow: none;
font-size: 13px;
font-weight: 500;
padding: var(--cl-primary-offset-size);
margin: 0px;
color: var(--cl-secondary-text-color);
}
body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader button:hover, body div.modal div.modal-content div.modal-body div.post-likes div.timeline-data-loader button:active {
background-color: var(--cl-secondary-bg-color);
color: var(--cl-primary-black-color);
}
body div.modal div.modal-content div.modal-footer {
border-top: 1px solid var(--cl-primary-border-color);
padding: var(--cl-primary-offset-size) 20px;
}
body div.modal div.modal-content.ov-h {
overflow: hidden;
}
@media (max-width: 1199.98px) {
body div.modal div.modal-content {
margin-left: 0px;
}
}
body div.modal.confirm-actions-modal div.modal-dialog {
min-width: 300px;
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-body h4 {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
padding: 0;
margin: 0 0 10px 0;
color: var(--cl-primary-text-color);
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-body p {
font-size: 14px;
line-height: 1.4;
color: var(--cl-primary-text-color);
padding: 0;
margin: 0 0 15px 0;
max-width: 90%;
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-footer {
border-top: 1px solid var(--cl-primary-border-color);
display: flex;
align-items: center;
justify-content: space-between;
}
body div.modal.confirm-actions-modal div.modal-dialog div.modal-footer button {
width: calc(50% - 10px);
flex-basis: calc(50% - 5px);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body div.modal.info-popup-modal div.modal-dialog div.modal-body h4 {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
padding: 0;
margin: 0 0 10px 0;
color: var(--cl-primary-text-color);
}
body div.modal.info-popup-modal div.modal-dialog div.modal-body p {
font-size: 15px;
line-height: 1.6;
color: var(--cl-secondary-text-color);
padding: 0;
margin: 0;
}
body div.modal.info-popup-modal div.modal-dialog div.modal-footer {
border-top: 1px solid var(--cl-primary-border-color);
display: flex;
align-items: center;
justify-content: space-between;
}
body div.modal.info-popup-modal div.modal-dialog div.modal-footer button {
width: calc(50% - 10px);
flex-basis: calc(50% - 5px);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body div.modal.share-post-modal div.social-media-links div.row {
margin: 0px 5px;
}
body div.modal.share-post-modal div.social-media-links div.row div.col-3 {
padding: 0px 5px;
margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
body div.modal.share-post-modal div.social-media-links div.row div.col-3 {
width: 50%;
}
}
body div.modal.share-post-modal div.social-media-links a.link-item {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
background-color: #F0F2F5;
border-radius: 5em;
text-decoration: none;
color: var(--cl-primary-text-color);
font-size: 14px;
}
body div.modal.share-post-modal div.social-media-links a.link-item svg {
width: 20px;
height: 20px;
fill: var(--cl-primary-text-color);
margin-right: 4px;
}
body div.modal.share-post-modal div.raw-link {
padding-top: 5px;
padding-bottom: 15px;
}
body div.modal.share-post-modal div.raw-link p {
font-size: 15px;
color: var(--cl-secondary-text-color);
text-align: center;
padding: 0;
margin: 0 0 15px 0;
}
body div.modal.share-post-modal div.raw-link div.link-input {
position: relative;
overflow: hidden;
}
body div.modal.share-post-modal div.raw-link div.link-input input {
width: 100%;
height: 52px;
border: none;
border-radius: 5em;
background: var(--cl-input-bg-color);
border: none;
box-shadow: none;
outline: 0;
font-size: 15px;
color: var(--cl-primary-text-color);
padding: 0px 25px;
}
body div.modal.share-post-modal div.raw-link div.link-input input::placeholder {
font-size: 15px;
color: var(--cl-secondary-text-color);
}
body div.modal.share-post-modal div.raw-link div.link-input input:hover, body div.modal.share-post-modal div.raw-link div.link-input input:focus, body div.modal.share-post-modal div.raw-link div.link-input input:active {
background: var(--cl-input-bg-color);
}
body div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy {
position: absolute;
top: 0;
right: 10px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
outline: 0;
background-color: transparent;
padding: 0 15px;
margin: 0;
box-shadow: none;
border-radius: 100%;
cursor: pointer;
}
body div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy svg {
width: 22px;
height: 22px;
}
body div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy svg path {
fill: var(--cl-secondary-text-color);
}
body div.modal.modal-pubbox.vis-hidden {
visibility: hidden !important;
}
body div.modal.modal-pubbox.vis-hidden * {
visibility: hidden !important;
}
body div.modal.report-modal div.modal-content div.modal-body div.form-group div.report-reasons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
body div.modal.report-modal div.modal-content div.modal-body div.form-group div.report-reasons button.btn {
margin-bottom: 10px;
margin-right: 10px;
text-align: left;
text-transform: none;
font-weight: normal;
font-size: 14px;
}
body div.modal.report-modal div.modal-content div.modal-footer button {
margin: 0;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__header {
margin-bottom: 40px;
text-align: center;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__header h4 {
font-size: 22px;
color: var(--cl-primary-text-color);
font-weight: 500;
line-height: 1.4;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__header p {
font-size: 15px;
color: var(--cl-secondary-text-color);
line-height: 1.4;
padding: 0px 20px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group {
margin-bottom: 20px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__group-title {
font-size: 13px;
color: var(--cl-secondary-text-color);
font-weight: 500;
margin-bottom: 5px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list {
background: var(--cl-secondary-bg-color);
padding-bottom: 0px;
border-radius: var(--cl-tertiary-border-radius);
padding-top: 15px;
padding: 15px 7px 0px 7px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.row {
margin-left: -7px;
margin-right: -7px;
align-items: flex-end;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.row div.col-sm-4, body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.row div.col-sm-3 {
padding-left: 7px;
padding-right: 7px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
border-radius: var(--cl-secondary-border-radius);
padding: 0px;
cursor: pointer;
align-items: center;
margin-bottom: 15px;
border: 2px solid transparent;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li span.active-color {
width: 20px;
height: 20px;
line-height: 0;
display: inline-block;
padding: 3px;
background: var(--cl-primary-color);
border-radius: 30px;
margin-bottom: 5px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li span.active-color svg {
width: 100%;
height: 100%;
fill: rgba(255, 255, 255, 0.6);
stroke-width: 2;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.icon {
width: 35px;
height: 35px;
min-width: 35px;
border-radius: 35px;
margin-bottom: 5px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.icon span.emoji-icon {
width: 100%;
height: 100%;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.icon span.emoji-icon svg {
width: 35px;
height: 35px;
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group div.display-settings__options-list div.options-li div.name b {
display: block;
text-align: center;
font-size: 11px;
font-weight: 500;
color: var(--cl-secondary-text-color);
}
body div.modal.display-settings-modal div.display-settings div.display-settings__body div.display-settings__group:last-child {
margin-bottom: 0px;
}
body div.modal.subscription-modal div.subscription-form {
padding: var(--cl-primary-offset-size);
}
body div.modal.subscription-modal div.subscription-form__header {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
align-items: flex-start;
}
body div.modal.subscription-modal div.subscription-form__header div.lp {
display: flex;
align-items: center;
}
body div.modal.subscription-modal div.subscription-form__header div.lp__avatar {
width: var(--cl-primary-avatar-size);
height: var(--cl-primary-avatar-size);
border-radius: 100%;
overflow: hidden;
border: 1px solid var(--cl-primary-border-color);
}
body div.modal.subscription-modal div.subscription-form__header div.lp__avatar img {
width: 100%;
}
body div.modal.subscription-modal div.subscription-form__header div.lp__avatar:last-child {
margin-left: -10px;
}
body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal {
padding: 0px;
margin: 0px;
width: 30px;
height: 30px;
cursor: pointer;
line-height: 1;
}
body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal svg {
width: 100%;
height: 100%;
fill: var(--cl-secondary-text-color);
}
body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal:hover svg, body div.modal.subscription-modal div.subscription-form__header div.rp span.dismiss-modal:active svg {
fill: var(--cl-primary-color);
}
body div.modal.subscription-modal div.subscription-form__body {
margin-bottom: 24px;
}
body div.modal.subscription-modal div.subscription-form__body h3 {
font-size: 20px;
font-weight: 700;
padding: 0px;
margin: 0px 0px 2px 0px;
color: var(--cl-primary-text-color);
}
body div.modal.subscription-modal div.subscription-form__body p {
font-size: 14px;
color: var(--cl-primary-text-color);
margin-bottom: var(--cl-primary-offset-size);
max-width: 80%;
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price {
border-top: 1px solid var(--cl-primary-border-color);
padding-top: var(--cl-primary-offset-size);
color: var(--cl-primary-text-color);
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price__header {
font-size: 13px;
font-weight: 600;
margin-bottom: 6px;
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price__body {
font-size: 14px;
line-height: 1;
}
body div.modal.subscription-modal div.subscription-form__body div.subscription-price__body span {
font-size: 32px;
font-weight: 600;
letter-spacing: -0.04em;
}
body div.modal.subscription-modal div.subscription-form__footer {
border-top: 1px solid var(--cl-primary-border-color);
padding-top: var(--cl-primary-offset-size);
}
body div.modal.subscription-modal div.subscription-form__footer div.btn-group {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
body div.modal.subscription-modal div.subscription-form__footer div.btn-group button {
width: calc(50% - 10px);
flex-basis: calc(50% - 5px);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body div.modal.subscription-modal div.subscription-form__footer span {
display: block;
font-size: 12px;
text-align: center;
color: var(--cl-secondary-text-color);
}
body div.modal-backdrop {
opacity: 1 !important;
background-color: var(--cl-modal-backdrop);
}
body .dropdown div.dropdown-menu, body .dropleft div.dropdown-menu, body .dropright div.dropdown-menu, body .dropup div.dropdown-menu {
border: none;
box-shadow: var(--cl-primary-box-shadow);
padding: 5px 0px;
z-index: 1600;
position: absolute;
min-width: 290px;
max-width: 290px;
border-radius: var(--cl-secondary-border-radius);
background: var(--cl-primary-bg-color);
}
body .dropdown div.dropdown-menu a.dropdown-item, body .dropleft div.dropdown-menu a.dropdown-item, body .dropright div.dropdown-menu a.dropdown-item, body .dropup div.dropdown-menu a.dropdown-item {
font-size: 15px;
line-height: 15px;
color: var(--cl-primary-text-color);
padding: 10px 20px;
overflow: hidden;
font-weight: 400;
}
body .dropdown div.dropdown-menu a.dropdown-item:hover, body .dropdown div.dropdown-menu a.dropdown-item:active, body .dropdown div.dropdown-menu a.dropdown-item.active, body .dropleft div.dropdown-menu a.dropdown-item:hover, body .dropleft div.dropdown-menu a.dropdown-item:active, body .dropleft div.dropdown-menu a.dropdown-item.active, body .dropright div.dropdown-menu a.dropdown-item:hover, body .dropright div.dropdown-menu a.dropdown-item:active, body .dropright div.dropdown-menu a.dropdown-item.active, body .dropup div.dropdown-menu a.dropdown-item:hover, body .dropup div.dropdown-menu a.dropdown-item:active, body .dropup div.dropdown-menu a.dropdown-item.active {
background: var(--cl-event-hover-bg) !important;
}
body .dropdown div.dropdown-menu div.dropdown-divider, body .dropleft div.dropdown-menu div.dropdown-divider, body .dropright div.dropdown-menu div.dropdown-divider, body .dropup div.dropdown-menu div.dropdown-divider {
padding: 0;
margin: 2px 0;
border-color: var(--cl-primary-border-color);
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon), body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon), body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon), body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item:not(.dropdown-item-icon) {
flex: 1;
max-width: calc(100% - 60px);
overflow: hidden;
line-height: 1;
white-space: normal;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-right: 8px;
line-height: 1.2;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg {
width: 100%;
height: 100%;
opacity: 0.8;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon svg path {
fill: var(--cl-primary-text-color);
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo {
margin-right: 0px;
margin-left: 12px;
width: 20px;
height: 20px;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon.dropdown-item-icon_adinfo svg {
fill: var(--cl-secondary-text-color);
width: 20px;
height: 20px;
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item {
color: var(--cl-danger-color);
}
body .dropdown div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg, body .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg, body .dropright div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg, body .dropup div.dropdown-menu.dropdown-icons a.dropdown-item.col-red span.flex-item.dropdown-item-icon svg {
fill: var(--cl-danger-color);
}
body button.btn-custom, body div.btn-custom {
border-radius: 5em;
font-weight: 600;
line-height: 1;
}
body button.btn-custom.main-inline, body div.btn-custom.main-inline {
color: #ffffff;
background-color: #14171a;
border: 1px solid #14171a;
outline: 0;
}
body button.btn-custom.main-inline:not([disabled]):hover, body button.btn-custom.main-inline:not([disabled]):active, body button.btn-custom.main-inline:not([disabled]):focus, body div.btn-custom.main-inline:not([disabled]):hover, body div.btn-custom.main-inline:not([disabled]):active, body div.btn-custom.main-inline:not([disabled]):focus {
background: #2a3137;
}
body button.btn-custom.main-black, body div.btn-custom.main-black {
color: #ffffff;
background-color: #14171a;
border: 1px solid #14171a;
outline: 0;
}
body button.btn-custom.main-black:not([disabled]):hover, body button.btn-custom.main-black:not([disabled]):active, body button.btn-custom.main-black:not([disabled]):focus, body div.btn-custom.main-black:not([disabled]):hover, body div.btn-custom.main-black:not([disabled]):active, body div.btn-custom.main-black:not([disabled]):focus {
background: #2a3137;
}
body button.btn-custom.main-gray, body div.btn-custom.main-gray {
color: var(--cl-primary-text-color);
background-color: #F0F2F5;
border: 1px solid #F0F2F5;
outline: 0;
}
body button.btn-custom.main-gray:not([disabled]):hover, body button.btn-custom.main-gray:not([disabled]):active, body button.btn-custom.main-gray:not([disabled]):focus, body div.btn-custom.main-gray:not([disabled]):hover, body div.btn-custom.main-gray:not([disabled]):active, body div.btn-custom.main-gray:not([disabled]):focus {
background: #e1e5eb;
}
body button.btn-custom.main-green, body div.btn-custom.main-green {
color: #ffffff;
background-color: #2fbf63;
border: none;
outline: 0;
}
body button.btn-custom.main-green:not([disabled]):hover, body button.btn-custom.main-green:not([disabled]):active, body button.btn-custom.main-green:not([disabled]):focus, body div.btn-custom.main-green:not([disabled]):hover, body div.btn-custom.main-green:not([disabled]):active, body div.btn-custom.main-green:not([disabled]):focus {
background-color: #2aab58;
}
body button.btn-custom.main-outline, body div.btn-custom.main-outline {
color: var(--cl-primary-text-color);
background: transparent;
box-shadow: none;
border: 1px solid var(--cl-primary-text-color);
outline: 0;
}
body button.btn-custom.main-outline:not([disabled]):hover, body button.btn-custom.main-outline:not([disabled]):active, body button.btn-custom.main-outline:not([disabled]):focus, body div.btn-custom.main-outline:not([disabled]):hover, body div.btn-custom.main-outline:not([disabled]):active, body div.btn-custom.main-outline:not([disabled]):focus {
background-color: var(--cl-secondary-bg-color);
}
body button.btn-custom.lg, body div.btn-custom.lg {
padding: 12px 35px;
font-size: 13px;
line-height: 1;
}
body button.btn-custom.md, body div.btn-custom.md {
padding: 10px 24px;
font-size: 13px;
}
body button.btn-custom.sm, body div.btn-custom.sm {
padding: 8px 15px;
font-size: 11px;
}
body button.btn-custom.main-red, body div.btn-custom.main-red {
color: #ffffff;
background: var(--cl-danger-color);
border: 1px solid var(--cl-danger-color);
outline: 0;
}
body button.btn-custom.main-grey, body div.btn-custom.main-grey {
color: var(--cl-secondary-text-color);
background-color: var(--cl-secondary-bg-color);
box-shadow: none;
border: 1px solid var(--cl-secondary-bg-color);
outline: 0;
}
body button.btn-custom.btn-block, body div.btn-custom.btn-block {
width: 100%;
}
body button.btn-custom:hover, body button.btn-custom:active, body button.btn-custom:focus, body div.btn-custom:hover, body div.btn-custom:active, body div.btn-custom:focus {
box-shadow: none;
}
@media (max-width: 1199.98px) {
body button.btn-custom.md, body button.btn-custom.lg, body div.btn-custom.md, body div.btn-custom.lg {
padding: 12px 12px;
font-size: 11px;
}
body button.btn-custom.sm, body div.btn-custom.sm {
padding: 6px 10px;
font-size: 10px;
}
}
body button.btn-custom-icon, body div.btn-custom-icon {
width: 40px;
height: 40px;
border: none;
background: transparent;
padding: 0px;
margin: 0px;
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
outline: 0;
cursor: pointer;
line-height: 1;
}
body button.btn-custom-icon svg, body div.btn-custom-icon svg {
width: 22px;
height: 22px;
}
body button.btn-custom-icon svg path, body div.btn-custom-icon svg path {
fill: var(--cl-secondary-text-color);
}
body button.btn-custom-icon:hover, body button.btn-custom-icon:active, body button.btn-custom-icon:focus, body div.btn-custom-icon:hover, body div.btn-custom-icon:active, body div.btn-custom-icon:focus {
background: var(--cl-secondary-bg-color);
}
body button.btn-custom-icon:hover svg path, body button.btn-custom-icon:active svg path, body button.btn-custom-icon:focus svg path, body div.btn-custom-icon:hover svg path, body div.btn-custom-icon:active svg path, body div.btn-custom-icon:focus svg path {
fill: var(--cl-secondary-text-color);
}
body button.btn-custom-icon.col-red:hover svg path, body button.btn-custom-icon.col-red:active svg path, body button.btn-custom-icon.col-red:focus svg path, body div.btn-custom-icon.col-red:hover svg path, body div.btn-custom-icon.col-red:active svg path, body div.btn-custom-icon.col-red:focus svg path {
fill: var(--cl-danger-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview {
position: absolute;
top: 5px;
right: 5px;
width: 24px;
height: 24px;
cursor: pointer;
background-color: var(--cl-primary-color);
border-radius: 100%;
border: none;
box-shadow: none;
outline: 0;
padding: 3px;
z-index: 1000;
line-height: 1;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview:disabled {
cursor: wait !important;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview svg {
width: 100%;
height: 100%;
fill: #ffffff;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview:hover svg, body div.timeline-pubbox-container form.form div.timeline-pubbox button.delete-preview:active svg {
transform: scale(1.2);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput {
display: flex;
flex-wrap: nowrap;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-avatar {
width: var(--cl-primary-avatar-size);
flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-avatar img {
width: 100%;
border-radius: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input {
flex: 1;
margin-bottom: 10px;
margin-left: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea {
display: block;
width: 100%;
min-height: 40px;
max-height: 400px;
resize: none;
font-size: 16px;
color: var(--cl-primary-text-color);
line-height: 1.4;
border: none;
border-radius: 0px;
outline: 0;
background: transparent;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea::placeholder {
color: var(--cl-input-placeholder-color);
font-size: 18px;
font-weight: normal;
line-height: 1.4;
}
@media (max-width: 1199.98px) {
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea {
font-size: 14px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__header div.timeline-pubbox__textinput div.pubbox-input textarea::placeholder {
font-size: 16px;
}
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete {
position: relative;
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags {
width: 300px;
box-shadow: var(--cl-primary-box-shadow);
position: absolute;
left: 0;
top: 0;
z-index: 10;
background: var(--cl-primary-bg-color);
overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list {
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list::-webkit-scrollbar, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list::-webkit-scrollbar {
width: 5px;
background: var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list::-webkit-scrollbar-thumb, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list::-webkit-scrollbar-thumb {
background-color: var(--cl-primary-color);
outline: 0;
border-radius: 5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item {
display: flex;
align-items: center;
flex-wrap: nowrap;
border-bottom: 1px solid var(--cl-primary-border-color);
cursor: pointer;
padding: var(--cl-primary-offset-size);
overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar {
flex-basis: 38px;
height: 38px;
flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar img, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__avatar img {
width: 100%;
height: 100%;
border-radius: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username {
padding-left: var(--cl-primary-offset-size);
display: flex;
flex-direction: column;
overflow: hidden;
flex: 1;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.user-name-holder, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.user-name-holder {
max-width: calc(100% - 20px);
font-weight: 600;
color: var(--cl-primary-text-color);
font-size: var(--cl-primary-name-size);
line-height: 1.2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.username, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item div.username-list-item__username span.username {
color: var(--cl-secondary-text-color);
font-size: var(--cl-primary-name-size);
flex-basis: 100%;
line-height: 1.2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item:last-child, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item:last-child {
border-bottom: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__usernames-list div.username-list-item:focus, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__usernames-list div.username-list-item:focus {
background: var(--cl-event-hover-bg);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list {
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar {
width: 5px;
background: var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar-thumb, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list::-webkit-scrollbar-thumb {
background-color: var(--cl-primary-color);
outline: 0;
border-radius: 5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item {
border-bottom: 1px solid var(--cl-primary-border-color);
padding: var(--cl-primary-offset-size);
cursor: pointer;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag {
font-size: 16px;
line-height: 1.4;
color: var(--cl-primary-text-color);
font-weight: 500;
word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag span, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item div.hashtag-list-item__hashtag span {
color: var(--cl-secondary-text-color);
font-weight: normal;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:last-child, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:last-child {
border-bottom: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__usernames div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:focus, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__autocomplete div.pubbox-autocomplete div.pubbox-autocomplete__hashtags div.pubbox-autocomplete__hashtags-list div.hashtag-list-item:focus {
background: var(--cl-event-hover-bg);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons {
border: 1px solid var(--cl-primary-border-color);
margin-bottom: 20px;
border-radius: var(--cl-secondary-border-radius);
overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border-bottom: 2px solid var(--cl-primary-border-color);
overflow: hidden;
padding: 0px var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item {
height: 45px;
width: 45px;
min-width: 15px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item span.emoji_group_icon {
font-size: 15px;
line-height: 15px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item span.emoji_group_icon svg {
width: 22px;
height: 22px;
filter: grayscale(100%);
opacity: 0.5;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item.active {
border-bottom: 3px solid var(--cl-primary-color);
border-bottom-style: inset;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__type-nav span.pubbox-emoticons__type-nav-item.active span.emoji_group_icon svg {
filter: unset;
opacity: 1;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list {
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group {
width: 100%;
display: block;
line-height: 20px;
border-bottom: 1px solid var(--cl-primary-border-color);
padding: 15px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group span {
display: inline-block;
width: 30px;
height: 30px;
font-size: 22px;
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list div.pubbox-emoticons__list-group:last-child {
border-bottom: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list::-webkit-scrollbar {
width: 5px;
background: var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__emoticons div.pubbox-emoticons div.pubbox-emoticons__list::-webkit-scrollbar-thumb {
background-color: var(--cl-primary-color);
outline: 0;
border-radius: 5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph {
margin-bottom: 10px;
background: var(--cl-primary-bg-color);
border-radius: var(--cl-secondary-border-radius);
border: 1px solid var(--cl-primary-border-color);
position: relative;
overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__image {
overflow: hidden;
border-bottom: 1px solid var(--cl-primary-border-color);
background: var(--cl-event-hover-bg);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__image img {
width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description {
padding: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description h5 {
padding: 0;
margin: 0 0 5px 0;
font-size: 18px;
line-height: 1.4;
color: var(--cl-primary-text-color);
word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description p {
font-size: 14px;
color: var(--cl-secondary-text-color);
line-height: 1.4;
padding: 0;
margin: 0 0 5px 0;
word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__open-graph div.pubbox-open-graph div.pubbox-open-graph__data div.pubbox-open-graph__description a {
font-size: 14px;
line-height: 1.2;
color: var(--cl-primary-color);
text-decoration: none;
display: block;
word-wrap: break-word;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images div.pubbox-images div.pubbox-images__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
overflow: hidden;
margin-left: -5px;
margin-right: -5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images div.pubbox-images div.pubbox-images__list div.pubbox-images__list-item {
width: 25%;
max-width: 25%;
min-width: 25%;
flex-basis: 25%;
padding: 5px;
border-radius: var(--cl-secondary-border-radius);
border: 1px solid var(--cl-primary-border-color);
overflow: hidden;
position: relative;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__images div.pubbox-images div.pubbox-images__list div.pubbox-images__list-item img {
width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video {
position: relative;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a {
display: block;
text-decoration: none;
border-radius: var(--cl-secondary-border-radius);
border: 1px solid var(--cl-primary-border-color);
overflow: hidden;
position: relative;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a img {
width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button {
position: absolute;
left: calc(50% - 25px);
top: calc(50% - 25px);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 500;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button span.video-play-button__arrow {
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.6);
border-radius: 10em;
padding: 5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button span.video-play-button__arrow svg {
width: 100%;
height: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button span.video-play-button__arrow svg path {
fill: #ffffff;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button:hover span.video-play-button__arrow, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__video div.pubbox-video div.pubbox-video__player a div.video-play-button:active span.video-play-button__arrow {
background: rgba(0, 0, 0, 0.7);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio {
display: flex;
overflow: hidden;
align-items: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio div.pubbox-audio__player {
flex: 1;
margin-right: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio div.pubbox-audio__player audio {
display: block;
width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__audio div.pubbox-audio div.pubbox-audio__ctrl button.delete-preview {
position: static;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document {
display: flex;
overflow: hidden;
align-items: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body {
flex: 1;
margin-right: var(--cl-primary-offset-size);
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
border: 1px solid var(--cl-primary-border-color);
padding: 7px var(--cl-primary-offset-size);
border-radius: var(--cl-tertiary-border-radius);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon {
width: 24px;
height: 32px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon svg {
width: 24px;
height: 24px;
fill: var(--cl-secondary-text-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__name {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
color: var(--cl-secondary-text-color);
font-weight: 500;
margin-left: 10px;
}
@media (max-width: 1199.98px) {
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body {
padding-top: 5px;
padding-bottom: 5px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon {
width: 20px;
height: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__icon svg {
width: 20px;
height: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__body div.pubbox-document__name {
font-size: 12px;
}
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__doc div.pubbox-document div.pubbox-document__ctrl button.delete-preview {
position: static;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview {
position: relative;
border-radius: var(--cl-secondary-border-radius);
border: 1px solid var(--cl-primary-border-color);
overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview img {
width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview div.gif-preloader {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
background: var(--cl-primary-bg-color);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
border-radius: var(--cl-primary-border-radius);
z-index: 10;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview div.gif-preloader span.spinner-icon {
width: 35px;
height: 35px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview div.gif-preloader span.spinner-icon svg {
width: 100%;
height: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview.loading {
height: 150px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__preview.loading img {
padding: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader {
background: var(--cl-primary-bg-color);
border-radius: var(--cl-secondary-border-radius);
border: 1px solid var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar {
border-bottom: 1px solid var(--cl-primary-border-color);
position: relative;
margin-bottom: 4px;
padding: var(--cl-primary-offset-size);
display: flex;
align-items: center;
overflow: hidden;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input {
position: relative;
flex: 1;
margin-right: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input {
border: 2px solid transparent;
background: var(--cl-input-bg-color);
border-radius: var(--cl-tertiary-border-radius);
padding: 0px 48px;
height: 48px;
font-size: 14px;
color: var(--cl-primary-text-color);
box-shadow: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input::placeholder {
color: var(--cl-input-placeholder-color);
font-size: 14px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:active, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:focus {
border: 2px solid var(--cl-primary-color);
background: var(--cl-primary-bg-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:active + span.searchbar-input__icon svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:hover + span.searchbar-input__icon svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input input:focus + span.searchbar-input__icon svg {
fill: var(--cl-primary-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input span.searchbar-input__icon {
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-input span.searchbar-input__icon svg {
width: 22px;
height: 22px;
fill: var(--cl-secondary-text-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl {
flex-basis: 48px;
flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button {
width: 48px;
height: 48px;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: none;
box-shadow: none;
outline: 0;
padding: 0;
margin: 0;
background: transparent;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button svg {
width: 24px;
height: 24px;
fill: var(--cl-secondary-text-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:active {
background: var(--cl-secondary-bg-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:hover svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-searchbar div.searchbar-ctrl button:active svg {
fill: var(--cl-primary-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
min-height: 100px;
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column {
flex-basis: calc(50% - 3px);
flex-shrink: 0;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item {
margin-bottom: 5px;
position: relative;
background: var(--cl-primary-bg-color);
z-index: 5;
overflow: hidden;
width: 100%;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item.loading {
height: 150px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item img {
width: 100%;
cursor: pointer;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__gifs div.pubbox-gifs div.pubbox-gifs__loader div.pubbox-gifs__loader-list div.row-column div.row-column__item div.gif-preloader {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
background: var(--cl-secondary-bg-color);
z-index: 10;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll {
overflow: hidden;
background: var(--cl-primary-bg-color);
border-radius: var(--cl-secondary-border-radius);
border: 1px solid var(--cl-primary-border-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__header {
padding: var(--cl-primary-offset-size);
padding-bottom: 0px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__header h4 {
font-size: 13px;
padding: 0;
margin: 0;
color: var(--cl-secondary-text-color);
font-weight: 500;
line-height: 1;
text-transform: uppercase;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body {
padding: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group {
position: relative;
margin-bottom: 0px;
cursor: pointer;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group small {
position: absolute;
top: 0px;
right: 55px;
bottom: 0px;
color: var(--cl-secondary-text-color);
font-size: 13px;
text-transform: uppercase;
line-height: 52px;
display: none;
font-weight: 500;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group small:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group small:active {
display: inline-block;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option {
position: absolute;
top: calc(50% - 12px);
right: 15px;
width: 24px;
height: 24px;
cursor: pointer;
background-color: var(--cl-primary-color);
border-radius: 100%;
border: none;
box-shadow: none;
outline: 0;
padding: 3px;
z-index: 1000;
line-height: 1;
display: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option:disabled {
cursor: wait !important;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option svg {
width: 100%;
height: 100%;
fill: #ffffff;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option:hover svg, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option:active svg {
transform: scale(1.2);
}
@media (max-width: 1199.98px) {
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group button.delete-poll-option {
width: 20px;
height: 20px;
padding: 0px;
}
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:hover button.delete-poll-option, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:focus button.delete-poll-option, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:active button.delete-poll-option {
display: inline-block;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:hover small, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:focus small, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item div.form-group:active small {
display: inline-block;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__body div.pubbox-poll__inputs div.pubbox-poll__input-item:last-child {
margin-bottom: 0px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__footer {
padding: var(--cl-primary-offset-size);
border-top: 1px solid var(--cl-primary-border-color);
display: flex;
justify-content: flex-end;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__footer button.btn:last-child {
margin-left: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__poll div.pubbox-poll div.pubbox-poll__footer:disabled {
cursor: not-allowed;
opacity: 0.5;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__donate {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__donate div.pubbox-donate {
overflow: hidden;
background: var(--cl-primary-bg-color);
border-radius: var(--cl-secondary-border-radius);
border: 1px solid var(--cl-primary-border-color);
padding: var(--cl-primary-offset-size);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__body div.timeline-pubbox__donate div.pubbox-donate div.form-group {
margin-bottom: 20px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-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.1s ease-in-out;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item svg {
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item svg path {
fill: var(--cl-primary-color);
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item:hover::after, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item:active::after, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item:focus::after {
width: 35px;
height: 35px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 116, 176, 0.1215686275);
content: "";
border-radius: 5em;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-topline button.ctrl-item.text-length {
text-align: center;
border: none;
padding: 0px;
width: auto;
margin-right: 0;
margin-left: 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;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.icon svg path {
fill: var(--cl-secondary-text-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-secondary-text-color);
margin-left: 8px;
}
@media (max-width: 1199.98px) {
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings div.dropdown-toggle span.d-inline-flex span.flex-item.label {
display: none;
}
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings:hover, body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-privacy button.privacy-settings:active {
background: none;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-publication {
margin-left: auto;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__footer div.timeline-pubbox__footer-botline div.post-publication button:disabled {
opacity: 0.9;
cursor: default;
padding-left: 24px;
padding-right: 24px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__progress {
overflow: hidden;
border-radius: 8px;
margin-top: 24px;
background-color: var(--cl-input-bg-color);
line-height: 1;
padding: 0px;
height: 16px;
}
body div.timeline-pubbox-container form.form div.timeline-pubbox div.timeline-pubbox__progress div.progress-line {
display: block;
max-width: 100%;
min-width: 1%;
background-color: var(--cl-primary-text-color);
border-radius: 1px;
height: 100%;
font-size: 12px;
text-align: center;
color: var(--cl-secondary-bg-color);
line-height: 16px;
font-weight: 700;
}
body div.popover {
padding: 0;
max-width: 100%;
border: none;
box-shadow: none;
outline: 0;
border-radius: 0px;
background: transparent;
overflow: visible;
z-index: 3000;
}
body div.popover div.user-infobox {
width: 340px;
background: var(--cl-primary-bg-color);
box-shadow: var(--cl-primary-box-shadow);
border-radius: var(--cl-tertiary-border-radius);
overflow: hidden;
position: fixed;
top: 40%;
left: 40%;
}
body div.popover div.user-infobox div.user-infobox__header div.cover {
background: var(--cl-primary-bg-color);
}
body div.popover div.user-infobox div.user-infobox__header div.cover img {
width: 100%;
}
body div.popover div.user-infobox div.user-infobox__header div.avatar {
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 100%;
border: 3px solid var(--cl-primary-bg-color);
background: var(--cl-primary-bg-color);
margin-left: var(--cl-primary-offset-size);
margin-top: -40px;
position: relative;
z-index: 2;
}
body div.popover div.user-infobox div.user-infobox__header div.avatar img {
width: 100%;
height: 100%;
}
body div.popover div.user-infobox div.user-infobox__body {
padding: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name {
margin-bottom: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a {
text-decoration: none;
display: flex;
flex-direction: column;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a span {
display: inherit;
width: auto;
color: var(--cl-secondary-text-color);
font-size: 16px;
line-height: 1;
text-transform: lowercase;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a span:first-child {
color: var(--cl-primary-text-color);
font-size: 20px;
font-weight: 500;
text-transform: initial;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__name a span:first-child::after {
width: 20px;
height: 20px;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter {
display: flex;
align-items: center;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item {
margin-right: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item a {
display: block;
text-decoration: none;
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item span {
font-size: 16px;
color: var(--cl-secondary-text-color);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__counter div.counter-item span:first-child {
font-weight: 700;
color: var(--cl-primary-text-color);
}
body div.popover div.user-infobox div.user-infobox__body div.user-data div.user-data__bio {
margin-top: 10px;
font-size: 15px;
line-height: 1.6;
color: var(--cl-primary-text-color);
}
body div.popover div.user-infobox div.user-infobox__footer {
border-top: 1px solid var(--cl-primary-border-color);
padding: var(--cl-primary-offset-size);
}
body div.popover div.user-infobox div.user-infobox__footer a {
display: block;
text-decoration: none;
}
body.waitme-on {
overflow: hidden !important;
}
body.waitme-on div.cl-waitme {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.55);
z-index: 1200;
}
body.waitme-on div.cl-waitme div.cl-waitme__content {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
margin: 0px !important;
transform: unset !important;
height: 100vh !important;
padding: 7vw;
}
body.waitme-on div.cl-waitme div.cl-waitme__content div.cl-waitme__spinner {
width: 45px;
height: 45px;
border-radius: 100%;
border-width: 5px;
border-style: solid;
border-left-color: var(--cl-primary-border-color);
border-right-color: var(--cl-primary-border-color);
border-bottom-color: var(--cl-primary-border-color);
border-top-color: var(--cl-primary-color);
animation: rotation 0.55s infinite linear;
}
body div.cookie-alert {
position: fixed;
background-color: #1D1D20;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 1000;
padding: 0px 20px;
}
body div.cookie-alert__inner {
padding: 40px 0px;
color: #ffffff;
max-width: 1240px !important;
margin-left: auto;
margin-right: auto;
}
body div.cookie-alert__inner div.cookie-message {
display: flex;
}
body div.cookie-alert__inner div.cookie-message div.lp {
flex: 1;
padding-right: 120px;
}
body div.cookie-alert__inner div.cookie-message div.lp h4 {
font-size: 24px;
font-weight: 500;
}
body div.cookie-alert__inner div.cookie-message div.lp p {
font-size: 15px;
line-height: 1.4;
font-weight: 300;
opacity: 0.9;
}
body div.cookie-alert__inner div.cookie-message div.lp p a {
color: inherit;
}
body div.cookie-alert__inner div.cookie-message div.rp {
width: 300px;
}
body div.cookie-alert__inner div.cookie-message div.rp button.main-white {
background-color: #F7F7F5;
color: #1D1D20;
display: block;
width: 100%;
}
body div.cookie-alert__inner div.cookie-message div.rp button.main-white-outline {
border: 1px solid #F7F7F5;
background-color: transparent;
color: #F7F7F5;
margin-top: 12px;
}
@media (max-width: 991.98px) {
body div.cookie-alert__inner div.cookie-message {
display: block;
}
body div.cookie-alert__inner div.cookie-message div.rp {
margin-top: 42px;
}
}
@media (max-width: 767.98px) {
body div.cookie-alert__inner div.cookie-message div.rp {
width: 100%;
}
}
@media (max-width: 1199.98px) {
body div.mobile-bottom-navbar {
display: block;
}
body.mobile-sb-open {
overflow: hidden;
}
body.mobile-sb-open div.sb-open-overlay {
cursor: pointer;
-moz-transition: right 0.5s;
-o-transition: right 0.5s;
-webkit-transition: right 0.5s;
transition: right 0.5s;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 4950;
}
}
body[data-bg=dark] button.btn-custom.main-inline, body[data-bg=dark] div.btn-custom.main-inline {
background-color: var(--cl-primary-text-color);
color: var(--cl-primary-bg-color);
}
body[data-bg=dark] button.btn-custom.main-inline:hover, body[data-bg=dark] button.btn-custom.main-inline:active, body[data-bg=dark] button.btn-custom.main-inline:focus, body[data-bg=dark] div.btn-custom.main-inline:hover, body[data-bg=dark] div.btn-custom.main-inline:active, body[data-bg=dark] div.btn-custom.main-inline:focus {
background-color: #dee2e9;
}
body[data-bg=dark] button.btn-custom.main-gray, body[data-bg=dark] button.btn-custom.main-grey, body[data-bg=dark] div.btn-custom.main-gray, body[data-bg=dark] div.btn-custom.main-grey {
background-color: var(--cl-secondary-bg-color);
border-color: var(--cl-secondary-bg-color);
color: var(--cl-primary-text-color);
}
body[data-bg=dark] button.btn-custom.main-gray:hover, body[data-bg=dark] button.btn-custom.main-gray:active, body[data-bg=dark] button.btn-custom.main-gray:focus, body[data-bg=dark] button.btn-custom.main-grey:hover, body[data-bg=dark] button.btn-custom.main-grey:active, body[data-bg=dark] button.btn-custom.main-grey:focus, body[data-bg=dark] div.btn-custom.main-gray:hover, body[data-bg=dark] div.btn-custom.main-gray:active, body[data-bg=dark] div.btn-custom.main-gray:focus, body[data-bg=dark] div.btn-custom.main-grey:hover, body[data-bg=dark] div.btn-custom.main-grey:active, body[data-bg=dark] div.btn-custom.main-grey:focus {
background-color: var(--cl-secondary-bg-color);
}
body.body-guest-mode div.modal div.modal-content {
margin-left: 290px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*# sourceMappingURL=master.styles.css.map */

/* new styling */
:root {

--secondary: #25235f; /* Vibrant purple */
--accent: #016faa; /* Vibrant purple */

}
.main-body {
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
background-color: #fafafa; /* almost pure white */
background-image:
linear-gradient(to right, rgba(0,0,0,0.015) 1px, transparent 1px),
linear-gradient(to bottom, rgba(0,0,0,0.015) 1px, transparent 1px);
background-size: 90px 90px;
}
.main-body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
background: radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.06));
z-index: -1;
}
/* -------------------------
GLASSMORPHISM NAVBAR
--------------------------*/
#mainBody .navbar {
width: 100%;
padding: 25px;
display: flex;
justify-content: space-between;
align-items: center;
/*background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(10px);
position: fixed;
top: 0;
left: 0;*/
z-index: 100;
/*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
}
.feat-star {
margin-bottom: 15px;
gap: 10px;
}
#mainBody .brand {
font-size: 22px;
font-weight: bold;
}
#mainBody .brand img{
width: 50px;
}
.p-0{
padding: 0 !important;
}
/* Menu */
#mainBody .nav-menu {
display: flex;
gap: 25px;
padding-left: 0;
margin: 0 auto;
list-style: none;
}

#mainBody .nav-menu a {
text-decoration: none;
font-size: 16px;
color: #000;
font-weight: 500;
transition: 0.3s;
}

#mainBody .nav-menu a:hover {
color: #007bff;
}

/* Login Button */
#mainBody .login-btn {
text-decoration: none;
border-radius: 65px;
color: var(--cl-primary-text-color);
background: transparent;
box-shadow: none;
border: 1px solid var(--cl-primary-text-color);
outline: 0;
font-weight: 600;
padding: 10px 24px;
font-size: 13px;
transition: 0.3s;
}

#mainBody .login-btn:hover {
background: #25245e;
border-color: #25245e;
color: #fff;
}

/* Hamburger Menu */
#mainBody .hamburger {
display: none;
flex-direction: column;
gap: 5px;
cursor: pointer;
}

.main-body .hamburger span {
width: 28px;
height: 3px;
background: #000;
transition: 0.3s;
}
.mobile-menu
{
display: none;
}

/* Mobile Styles */
@media (max-width: 991px) {
#mainBody .nav-menu,
#mainBody .login-btn.desktop {
display: none;
}

#mainBody .hamburger {
display: flex;
}

#mainBody .mobile-menu {
position: fixed;
top: 80px;
left: 0;
width: 100%;
background: rgb(250 250 250);
padding: 20px 0;
display: none;
flex-direction: column;
align-items: center;
}

#mainBody .mobile-menu.open {
display: flex;
}
#mainBody .mobile-menu a {
font-size: 18px;
font-weight: 500;
text-decoration: none;
color: #000;
}

#mainBody .mobile-login {
border-radius: 65px;
color: var(--cl-primary-text-color);
background: transparent;
box-shadow: none;
border: 1px solid var(--cl-primary-text-color);
outline: 0;
font-weight: 600;
padding: 10px 24px;
font-size: 13px;
}
}

.bg-light-blue {
background: #c6d4f3;
}
.bg-light-violet{
background: #fdf1c9;
}
.bg-light-green {
background: #dff3c6;
}
/* -------------------------
HERO SECTION
--------------------------*/
.main-body .hero {
/*min-height: 100vh;
padding-top: 130px;*/ /* space for fixed navbar */
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
}

/* Glass layer behind hero content */
.main-body .hero-glass {
/* background: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);*/
padding: 80px 30px;
border-radius: 25px;
max-width: 900px;
margin: auto;
/*        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);*/
}

.main-body .hero-title {
font-size: 46px;
font-weight: 700;
line-height: 1.2;
color: #0e0e0e;
}

.main-body .hero-subtext {
font-size: 18px;
margin: 22px 0 35px;
color: #555;
}

.main-body .cta-btn {
background: #111;
color: #fff;
padding: 14px 35px;
border-radius: 35px;
font-size: 18px;
transition: 0.3s;
text-decoration: none;
display: inline-block;
padding: 1rem 2rem;
border: none;
border-radius: 50px;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
transform: translateY(0);
}
.main-body .cta-btn.moret{
background: #38b6ff;
margin-bottom: 50px;
}
.main-body .cta-btn:hover {
background: #333;
}

@media(max-width: 768px) {
.main-body .hero-title {
font-size: 32px;
}
.main-body .hero-glass {
padding: 35px 24px;
}
}
.info-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 columns */
grid-template-rows: auto auto auto; 
gap: 20px;
max-width: 1300px;
margin: auto;
padding: 20px;
}
h3 {
font-size: 1.5rem;
}
.card {
/*  background: #f7f7f7;*/
border-radius: 20px;
padding: 25px;
display: flex;
flex-direction: column;
justify-content: center;
}
.feat-star{

}
.feat-star img, .feat-star svg{
background: #fff;
padding: 7px;
border-radius: 10px;
width: 45px;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08), 0px 2px 5px rgba(0, 0, 0, 0.04);
border: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(6px);
height: 45px;

}
.feat-star svg path{
fill: #007bff !important;
}
/* IMAGE CARD STYLE */
.image-card img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}

/* LEFT COLUMN STACKED */
.left-top {
grid-column: 1 / 2;
grid-row: 1 / 2;
height: 230px;
}

.left-bottom {
grid-column: 1 / 2;
grid-row: 2 / 3;
height: 230px;
}

/* CENTER TALL IMAGE */
.center-image {
grid-column: 2 / 3;
grid-row: 1 / 3; /* spans 2 rows */
height: 480px;
}

/* RIGHT TOP TEXT CARD */
.right-top {
grid-column: 3 / 4;
grid-row: 1 / 2;
height: 230px;
}

/* RIGHT TOP IMAGE */
.right-image {
grid-column: 4 / 5;
grid-row: 1 / 2;
height: 230px;
}

/* BOTTOM WIDE CARD */
.bottom-wide {
grid-column: 3 / 5; /* spans 2 columns */
grid-row: 2 / 3;
height: 230px;
}

/* Responsive */
@media (max-width: 900px) {
.info-grid {
grid-template-columns: repeat(2, 1fr);
}
.center-image {
grid-row: span 1;
height: 300px;
}
.bottom-wide {
grid-column: span 2;
}
}

@media (max-width: 600px) {
.info-grid {
grid-template-columns: 1fr;
}
.card {
height: auto;
grid-column: 1;
grid-row: auto;
}
}
/*logos*//* Slider */
.slick-slide {
margin: 0px 10px;
}

.slick-slide img {
width: 100%;
}

.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
  user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-slide {
margin: 0px 20px;
text-align: center;
}

.slick-slide img {
width: 100%;
}

.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
  user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img {
display: block;
filter: grayscale(100%) brightness(100%);
opacity: 0.7;
width: 115px;
margin: 0 auto;
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide img:hover {
filter: none;
-webkit-filter: none
opacity: 1;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.logos-container {
margin: 60px auto 20px;
width: 89%;
}
.logos-container .slick-slider{
padding: 3px 0 20px;
}
.business-card .container, .testimonials .container{
max-width: 85%;
margin: 0px auto;
}
.btr-profile{
background: #fff;
border-radius: 20px;
overflow: hidden;
border: 1px solid #ddd;
}
.business-card .container .row{
gap: 20px 0;
}
.btr-profile .user-profile__footer {
border-bottom: none !important;
}
.heading-style {
font-size: 34px;
margin-bottom: 34px;
text-align: center;
font-family: 'Inter';
font-weight: 600;
letter-spacing: -1px;
}
.business-card{
padding: 60px 0;
}
.advt-add{
margin: 60px auto;
max-width: 85%;
border-radius: 20px;
overflow: hidden;
}
.advt-add img{
width: 100%;
}

.testimonials {
padding: 60px 20px;
text-align: center;
}

.testimonials h2 {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
color: #0b2b4a;
}

/* constrain slider width */
.swiper {
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
}

/* ensure each slide centers its content */
.swiper-slide {
display: flex;
justify-content: center;
align-items: flex-start;
}

/* card */
.testimonial-card {
width: 100%;         /* controls how many fit on wide screens */
background: #fff;
border-radius: 14px;
padding: 40px 22px;
border: 1px solid #ddd;
/*  box-shadow: 0 10px 30px rgba(11,43,74,0.06);*/
text-align: center;
position: relative;
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease;
}

.testimonial-card:hover { transform: translateY(-8px); box-shadow: 0 18px 36px rgba(11,43,74,0.08); }

/* faded right quote */
.testimonial-card::after{
content: "”";
position: absolute;
right: 18px;
bottom: 6px;
font-size: 72px;
font-family: Georgia, "Times New Roman", serif;
color: rgba(11,43,74,0.04);
pointer-events: none;
user-select: none;
}
.left-bottom h1{
font-size: 1.8rem;
}
.company-logo { height: 28px; margin-bottom: 12px; display: inline-block; }
.testimonial-card p { color:#555; line-height:1.6; font-size:15px; margin-bottom: 14px; }
.testimonial-card strong { color:#0b74d1; }

.profile { margin-top: 6px; }
.profile img { width:64px; height:64px; border-radius:50%; object-fit:cover; display:block; margin: 0 auto 8px; }
.profile h4 { font-size:14px; letter-spacing:.6px; margin-bottom:4px; color:#1b3b5a; }
.profile p { font-size:13px; color:#7a8a98; margin:0; }

/* Swiper nav colors */
.swiper-button-next, .swiper-button-prev { color: #0b74d1; }
.swiper-pagination-bullet { background: #0b74d1; opacity:0.6; }
.swiper-pagination-bullet-active { opacity:1; }

/* RESPONSIVE: show 1 slide on small, 2 on tablet, 3 on desktop */

@media (min-width: 1024px) {
.testimonial-card {  } /* three visible on desktop */
}
.cta-box {
background: #25245e;
color: white;
padding: 40px 50px 0;
border-radius: 22px;
max-width: 1050px;
margin: 60px auto 60px auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
position: relative;
margin-bottom: -210px;
}

.cta-content {
max-width: 55%;
}

.cta-content h2 {
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.3;
}

.cta-content p {
font-size: 15px;
opacity: 0.95;
margin-bottom: 20px;
}

.cta-btn {
background: #ffffff;
color: #407BFF;
border: none;
padding: 12px 26px;
border-radius: 12px;
font-weight: 600;
cursor: pointer;
font-size: 15px;
transition: 0.2s;
}

.cta-btn:hover {
background: #eef2ff;
}

.cta-note {
display: block;
margin-top: 10px;
font-size: 12px;
opacity: 0.87;
margin-bottom: 40px;
}
.cta-image {
position: absolute;
height: 401px;
right: 90px;
top: -102px;
}
.cta-image img {
width: 100%;
height: 100%;
object-fit: contain;
}

/* Responsive */
@media (max-width: 900px) {
.cta-box {
flex-direction: column;
text-align: center;
}

.cta-content {
max-width: 100%;
}

.cta-image img {
width: 160px;
}
}
.community-footer {
background: #efefef;
margin-top: 50px;
padding-top: 60px;
font-family: 'Inter', sans-serif;
}

.newsletter-box {
background: #407BFF;
color: white;
padding: 40px 30px;
border-radius: 20px;
max-width: 860px;
margin: 0 auto;
text-align: center;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.newsletter-box h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 8px;
}

.newsletter-box p {
opacity: 0.9;
font-size: 15px;
}

.newsletter-input {
margin: 20px auto;
display: flex;
justify-content: center;
gap: 10px;
}

.newsletter-input input {
padding: 12px 16px;
width: 300px;
border-radius: 10px;
border: none;
outline: none;
}

.newsletter-input button {
background: #fff;
border: none;
padding: 12px 18px;
border-radius: 10px;
cursor: pointer;
font-weight: 600;
}

.tiny-note {
font-size: 12px;
opacity: 0.8;
}

.footer-main {
display: grid;
grid-template-columns: 2fr 1fr 1fr 2fr;
padding: 160px 40px 40px;
gap: 40px;
}

.footer-brand {
max-width: 280px;
}

.footer-logo {
width: 80px;
margin-bottom: 8px;
}

.footer-brand p {
font-size: 14px;
color: #111;
opacity: 0.8;
margin-bottom: 15px;
}

.social-links i {
font-size: 16px;
margin-right: 12px;
color: #222;
cursor: pointer;
}

.footer-group h4,
.footer-contact h4 {
font-size: 16px;
margin-bottom: 15px;
font-weight: 700;
}
.whatsapp-button {
position: fixed;
bottom: 50px;
right: 20px;
z-index: 1000;
}
.bounce2 {
animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}

.topbar-line {
font-size: 15px;
margin-bottom: 0;
}

.footer-group a {
display: block;
color: #111;
font-size: 14px;
margin: 5px 0;
text-decoration: none;
opacity: 0.8;
transition: all 0.3s;
}
.footer-contact p a{
color: #111;
opacity: 0.8;
transition: all 0.3s;
text-decoration: none;
}
.footer-contact p {
font-size: 14px;
margin: 6px 0;
}
a.social-icon {
opacity: 0.8;
transition: all 0.3s;
}
.footer-group a:hover, .footer-contact p a:hover, a.social-icon:hover {
opacity: 1;
}



.footer-bottom {
border-top: 1px solid #dcdcdc;
/*  text-align: center;*/
padding: 20px;
font-size: 14px;
display: flex;
justify-content: center;
}

.footer-links {
margin-top: 8px;
}

.footer-links a {
margin: 0 10px;
color: #111;
text-decoration: none;
opacity: 0.8;
}

.footer-links a:hover {
opacity: 1;
}

@media (max-width: 900px) {
.footer-main {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 600px) {
.footer-main {
grid-template-columns: 1fr;
}

.newsletter-input {
flex-direction: column;
}

.newsletter-input input {
width: 100%;
}
}
/* sticky footer */
.footer 
{
position: fixed;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color: #efefef;
text-align: center;
z-index: 99999;
}

.footer p{
margin-bottom: 0;
}
.swiper.cardSwiper {
width: 100%;
max-width: 100%;
margin-top: 40px;
}
.swiper.mySwiper{
width: 100%;
max-width: 100%;
}

.cardSwiper .swiper-slide{
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
@media(min-width: 1024px) and (max-width: 1400px){
.cardSwiper .swiper-slide .user-profile__bio div.user-profile__bio-topline, 
.cardSwiper .swiper-slide .user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.text, 
.cardSwiper .swiper-slide div.user-profile__bio div.user-profile__bio-botline a{
font-size: 13px !important;
}
.slick-slide img{
width: 100px;
}
}
.cardSwiper .swiper-slide .user-profile__bio div.user-profile__bio-topline{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;  
overflow: hidden;
}
.topbar {
display: flex;
justify-content: space-between;
padding: 11px 25px;
background: #efefef;
}
.sideadd {
width: 264px;
height: auto;
margin-bottom: 18px;
}
.sideadd img{
width: 100%;
height: auto;
}
@media (max-width: 767px){
.topbar{
flex-direction: column-reverse;
padding: 8px 20px;
}
.topbar-line{
font-size: 12px;
text-align: center;
line-height: 1.3;
padding-top: 3px;
}
.topbar .social-links{
margin: 0 auto;
}
#mainBody .navbar{
padding: 15px 20px;
background: #fafafa;
}
#mainBody .brand {
font-size: 18px;
}
#mainBody .brand img {
width: 35px;
}
#mainBody .hamburger{
gap: 4px;
}
.main-body .hamburger span {
width: 22px;
height: 2px;
}
#mainBody .mobile-menu a{
padding: 7px 0;
}
.social-links i {
font-size: 15px;
}
#mainBody .mobile-menu{
top: 125px;
height: 80vh;
z-index: 99;
}
.mobile-login.btn.btn-custom{
padding: 2px 19px !important;
display: inline-flex;
margin: 5px 0;
}
.main-body .hero-subtext{
font-size: 13px;
margin: 15px 0;
}
.main-body .hero-glass {
padding: 35px 34px;
}
.main-body .hero-title {
font-size: 20px;
}
.main-body .cta-btn{
padding: 0.5rem 1.2rem;
font-size: 0.8rem;
}
.info-grid .card h3{
font-size: 1.2rem;
margin-bottom: 3px;
}
.info-grid .card p{
font-size: 14px;
}
.info-grid .card h1{
font-size: 1.3rem;
margin-bottom: 3px;
}
.info-grid .card, .info-grid .card.image-card img{
border-radius: 12px;
}
.slick-slide img{
width: 65px;
}
.heading-style {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 0px;
line-height: 1.2;
color: #0e0e0e;
}
.logos-container{
margin-top: 40px;
}
.advt-add{
border-radius: 12px;
margin: 20px auto;
}
.business-card {
padding: 30px 0;
}
.swiper.cardSwiper {
margin-top: 10px;
}
.cta-box{
max-width: 85%;
}
.swiper-button-next, .swiper-button-prev{
width: 10px !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
display: none;
}
.cardSwiper span.user-name-holder__name{
font-size: 16px !important;
}
.cardSwiper div.user-profile__body div.user-profile__name a, .cardSwiper .user-profile__body div.user-profile__bio div.user-profile__bio-topline, 
.cardSwiper .user-profile__body div.user-profile__bio div.user-profile__bio-botline a {
font-size: 13px !important;
}
.cardSwiper button.btn-custom.md{
padding: 8px 15px !important;
}
.cardSwiper .user-profile__header-avatar div.profile-avatar{
width: 80px !important;
height: 80px !important;
}
.cardSwiper .user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.text{
font-size: 10px !important;
}
.testimonial-card p, .cta-content p{
font-size: 13px;
}
.testimonials h2{
font-size: 22px;
margin-bottom: 16px;
}
.testimonials {
padding: 20px 0px;
text-align: center;
}
.cta-image{
display: none;
}
.cta-box{
margin: 35px auto 60px auto;
padding: 40px 25px 0;
margin-bottom: -182px;
}
.cta-content h2 {
font-size: 21px;
}
.footer-main{
padding: 110px 1px 20px;
gap: 15px;
}
.footer-bottom{
padding: 5px 0px;
flex-direction: column-reverse;
gap: 6px 0;
}
.footer-bottom p{
font-size: 12px;
}
.footer-links a {
margin: 0 4px;
font-size: 12px;
}
.whatsapp-button{
bottom: 54px;
right: 5px;
}
}
@media (min-width: 768px) and (max-width: 1180px){
.card.tall.image-card.center-image.p-0, .cta-image {
display: none;
}
.bottom-wide {
height: auto;
grid-column: span 3;
} 
.info-grid .card h3, .info-grid .card h1 {
font-size: 1.3rem;
margin-bottom: 3px;
}
body main.main-content-container.guest-mode div.main-content-container-inner div.left-sb-container, .left-sb-container.sidebar.is-affixed{
display: none !important;
}
body div.modal div.modal-content{
margin: 0px auto !important;
max-width: 420px !important;
}
.slick-slide img{
width: 80px;
}
.social-links i{
margin-right: 6px;
}
.cta-box{
max-width: 630px;
}
.footer-contact p {
font-size: 12px;
}
.footer-main {
grid-template-columns: 1fr 1fr;
}
.testimonials {
padding: 0px 20px;
}
.advt-add {
margin: 30px auto 0;}
}
.no-scroll {
overflow: hidden;
}
.gelatine {
animation: gelatine 0.5s infinite;
}
@keyframes gelatine {
from, to { transform: scale(1, 1); }
25% { transform: scale(0.9, 1.1); }
50% { transform: scale(1.1, 0.9); }
75% { transform: scale(0.95, 1.05); }
}
.cardSwiper .user-profile div.user-profile__header div.user-profile__header-cover img{
height: 200px;
object-fit: cover;
}
html {
scroll-behavior: smooth !important;
}
#partners{
scroll-margin-top: 70px;
}
body span.user-name-holder span.user-name-holder__name, a, 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{
line-height: 1.3;
}
.swiper-navigation-icon{
display: none;
}
.pulse {
animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
from { transform: scale(0.8); }
to { transform: scale(1.0); }
}
.sidebar-hashtags{
height: 208px;
overflow: hidden;
}
.content_data h2{
font-size: 1.6rem;
margin-bottom: 2px;
}
.content_data p{
font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner{
padding-right: 20px;
}
body.cl-app-profile div.user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar{
width: 95px;
height: 95px;
}
.community-footer .container{
max-width: 85%;
margin: 0 auto;
}
.extra-bottom {
margin-bottom: 80px;
}
@media (max-width: 767px){
.main-body .cta-btn.moret{
margin-bottom: 35px;
}
.extra-bottom{
margin-bottom: 0;
}
/*.modal.info-popup-modal div.modal-content{
margin: 0 auto;
max-width: 320px;
}*/
.business-card .container, .testimonials .container, .advt-add{
max-width: 89%;
}
.logos-container{
width: 95%;
}
#mainBody .login-btn{
padding: 6px 16px;
font-size: 13px;
}
body div.modal div.modal-content{
margin: 0px auto !important;
max-width: 320px !important;
}
body.modal-open{
padding-right: 0 !important;
}
body main.main-content-container.guest-mode div.main-content-container-inner div.left-sb-container, .left-sb-container.sidebar.is-affixed{
display: none !important;
}
body .footer_btn button.btn-custom.lg {
padding: 10px 50px;
font-size: 15px;
margin: 0 5px;
}
.content_data h2, .content_data p{
display: none;
}
.footer{
padding: 0.8rem;
}
}
.cardSwiper .user-profile div.user-profile__body div.user-profile__bio div.user-profile__bio-topline{
color: #555 !important;
}
.cardSwiper .user-profile div.user-profile__footer div.profile-shortinfo div.profile-shortinfo__item{
margin-right: 12px !important;
}
.cardSwiper .swiper-slide .user-profile__footer div.profile-shortinfo div.profile-shortinfo__item span.text{
font-size: 12px !important;
}
.cardSwiper .user-profile div.user-profile__header div.user-profile__header-avatar div.profile-avatar div.avatar-image{
box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08) !important;
border: 3px !important;
}
.cardSwiper .user-profile div.user-profile__header div.user-profile__header-avatar{
bottom: -42px !important;
}
.cardSwiper .user-profile div.user-profile__body div.user-profile__controls {
padding-bottom: 2px !important;
}
@media (min-width: 1500px){
.testimonial-card{
min-height: 325px !important;
}
}
@media (min-width: 1024px){
.mob{
display: none;
}
}
.close{
background: transparent;
border: none;
font-size: 26px;
line-height: 1;
}
/*new signin model*/
body #signup.modal div.modal-content, body #login.modal div.modal-content{
max-width: 860px;
margin: auto !important;
}
body #signup.modal div.modal-content div.modal-body, body #login.modal div.modal-content div.modal-body{
padding: 0;
}
.partition{
display: flex;
}
.two-part{
width: 50%;
padding-right: 30px;
}
.contact-form-group label {
font-size: 14px;
margin-bottom: 3px;
}
.contact-form .contact-column-6, .contact-form .contact-column-12{
padding-left: 7px !important;
padding-right: 7px !important;
}
.modal-feature-title{
margin-bottom: 5px;
margin-top: 0;
}
.two-part.modal-feature{
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.two-part-form{
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
border-left: 1px solid #ced4da;
}
body #signup.modal .two-part-form .form-control, body #login.modal .form-control{
font-size: 14px;
height: 43px;
padding: 6px 10px;
background: transparent;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
input:-internal-autofill-selected {
background-color: #fff !important;
}
.modal-feature-des {
font-size: 14px;
line-height: 1.4;
margin-bottom: 25px;
color: var(--cl-secondary-text-color);
}
.two-part-form .text-center p{
color: var(--cl-secondary-text-color);
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
}
.form-group.meret{
margin-bottom: 10px;
}
.feature-points {
display: flex;
gap: 5px;
flex-wrap: wrap;
padding-top: 3px;
}
.feature-item {
width: 32.333%;
text-align: center;
}
.feature-heding {
text-align: center;
margin: 10px 0 20px;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.feature-item p{
font-size: 12px;
color: #0e0e0e;
line-height: 1.4;
margin: 10px 0;
}
.feature-item i{
color: #fff;
background-color: #2c2b63;
padding: 8px;
font-size: 17px;
border-radius: 5px;
text-align: center;
display: inline;
}
.contact-div-style{
text-align: center;
font-size: 14px;
font-weight: 500;
}
.contact-div-style a{
color: var(--color-1st);
text-decoration: none;
}
.mb-ft{
margin-bottom: 10px;
padding-bottom: 7px;
}
.contact-div-style p{
margin-bottom: 2px;
}
.model-intro-im {
border-radius: 12px;
overflow: hidden;
}
.pop-up-constant{
background:#fff;
border-radius:10px;
max-width:860px;
/* width:90%; */
position:relative;
}
.form-control.text-area{
min-height: 90px;
}
@media(max-width:1180px){
.pop-up-constant{
max-width:330px;
}
.two-part.modal-feature{
display: none;
}
.two-part{
width: 100%;
}
.modal-feature-des{
display: none;
}
.modal-feature-title {
margin-bottom: 10px;
margin-top: 0;
font-size: 19px;
}
#login .field_form{
padding-top: 0 !important;
}
}
@media (min-width:768px) and (max-width:1180px){
.pop-up-constant {
max-width: 440px;
}
}
body div.modal div.modal-dialog{
margin: auto !important;
}
#profile_data{
margin: 10px 0 10px;
position: absolute;
top: -7px;
display: flex;
align-items: center;
gap: 10px;
}
#profile_data .user-profile__header-avatar{
flex-basis: var(--cl-primary-avatar-size);
flex-shrink: 0;
line-height: 1;
position: relative;
}
#profile_data .user-profile__header-avatar .avatar-image img{
width: 45px;
height: 45px;
border: 1px solid #f0f2f5;
border-radius: 100%;
}
#profile_data .user-profile__info{
margin-top: 0;
}
#profile_data .user-profile__name{
margin: 3px 0;
}
#profile_data .user-profile__info {
margin-top: 10px;
text-align: center;
}

#profile_data .user-profile__name {
margin: 3px 0;
font-size: 14px;
font-weight: bold;
color: #333;
}

#profile_data .user-profile__username {
font-size: 12px;
color: #666;
display: block;
margin-bottom: 8px;
text-align: left;
}

#profile_data .user-profile__about {
font-size: 12px;
color: #555;
line-height: 1.4;
margin-top: 5px;
word-break: break-word;
}

#profile_data .user-profile__about p {
margin: 0;
}





/*New CSS */



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: 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
{
box-shadow: 0 0 10px #d8dde54d!important;
padding: 20px!important;
border-radius: 10px!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
{
box-shadow: 0 0 10px #d8dde54d!important;
padding: 20px!important;
border-radius: 10px!important;
margin:10px!important;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header
{
box-shadow: 0 0 10px #d8dde54d!important;
padding: 20px!important;
border-radius: 10px!important;
margin:10px!important;
}
.homepage
{
box-shadow: 0 0 10px #d8dde54d!important;
padding: 20px!important;
border-radius: 10px!important;
margin:10px!important;
}
body main.main-content-container div.main-content-container-inner div.left-sb-container
{
box-shadow: 0 0 10px #d8dde54d!important;
padding: 20px!important;
border-radius: 10px!important;
margin:10px!important;
}
.timeline-posts-container {
    box-shadow: 0 0 10px #d8dde54d !important;
    padding: 20px !important;
    border-radius: 10px !important;
    margin: 10px !important;
}