html, body {
margin: 0;
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif !important;
min-height: 100%;
height: 100%;
max-width: 100%;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
outline: none;
-webkit-user-select: none;
background-color: var(--bg-primary);
}
a:focus, textarea:focus, input:focus {
outline: none;
-webkit-tap-highlight-color: var(--bg-content-primary);
}
a {
font-size: 12px;
color: var(--accent-main-links);
text-decoration: none
}
.button {
font-size: 22px;
font-weight: bold;
display: block;
box-sizing: border-box;
height: 47px;
padding: 2px 0 5px;
text-align: center;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: transparent;
}
.accept-button,
.denied-button,
.usual-button {
display: block;
height: 44px;
padding: 15px;
border-radius: 3px;
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: 12px;
line-height: 14px;
vertical-align: middle;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.accept-button {
background-color: var(--accent-brand-green);
color: var(--base1);
}
.accept-button:active,
.accept-button-press {
background-color: var(--accent-brand-green);
}
.denied-button {
background-color: var(--accent-main-alert);
color: var(--base-white-fixed);
}
.denied-button:active,
.denied-button-press {
background-color: var(--accent-soft-element-red1);
color: var(--base-white-fixed);
}
.usual-button {
background-color: var(--base7);
color: var(--base1);
}
.usual-button:active,
.usual-button-press {
background-color: var(--base5);
color: var(--bg-content-primary);
}
.avatar {
background: url(images/avatar.png) no-repeat center;
background-size: cover;
float: left;
height: 32.5px;
width: 32.5px;
border-radius: 50%;
margin-right: 7px;
position: relative;
overflow: hidden;
}
.post-item-top .avatar {
height: 45px;
width: 45px;
margin-right: 12px;
}
.post-comment-block-avatar {
flex: 0 0 auto;
margin: 6px 8px 0 0;
width: 34px;
height: 34px;
}
.avatar-info {
background-image: url(images/info-userpic-58x58.png);
background-repeat: no-repeat;
background-position: center;
}
.avatar-rss {
background-image: url(images/rss-userpic-58x58.png);
background-repeat: no-repeat;
background-position: center;
}
.post-item-top-cont {
margin-right: 50px;
padding-top: .5px;
padding-right: 0;
overflow: hidden
}
.calendar-event-page,
.calendar-addevent-page,
.calendar-help-page {
background: var(--bg-content-primary);
}
.lenta-page,
.post-card {
cursor: pointer;
}
.post-card {
height: auto!important;
}
.lenta-page {
background: var(--bg-secondary);
}
.post-item-top-arrow {
display: inline-block
}
.post-item-top-arrow:after {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAWklEQVQoz2MITS0xBuLNQBwBxCwM6AAo2ANVAMLu2BQIA3EnkiJrbIqUkExaAsQW2BQpA/E8qKJZQGyITZEsklUgxZLYFBkjKZpPvAl43YDXFwTDgZiQxBsXAI6rYd34DbWnAAAAAElFTkSuQmCC) no-repeat 5px 3px;
background-size: 4px auto;
display: inline-block;
content: '';
height: 12px;
width: 12px;
vertical-align: middle;
}
.post-item-destination {
font: 500 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
/*font-weight: bold;*/
color: var(--base3);
vertical-align: baseline;
text-decoration: none
}
.post-destination-more {
color: var(--base3);
display: inline-block;
vertical-align: baseline
}
.post-destination-more-touch {
background-color: rgba(var(--accent-brand-blue-rgb), 0.2);
color: var(--base1);
}
/*====================================================LIFE FEED======================================================*/
.lenta-item {
background-clip: padding-box
}
.lenta-item-pinned.lenta-item {
background-color: var(--bg-separator-secondary);
margin-bottom: 7px;
}
.lenta-item-pinned.lenta-item:last-child {
/*margin-bottom: 2px!important;*/
margin-bottom: 14px !important;
}
.post-item-top-wrap {
background-color: var(--bg-content-primary);
position: relative;
}
.lenta-item-pinned .post-item-top-wrap {
background-color: rgba(var(--bg-content-primary-rgb), 0.7);
}
.lenta-item-pinned .post-item-inform-wrap {
border: none;
height: 30px;
}
.post-item-top-wrap.post-item-follow {
background-image: var(--feed-follow-icon);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 29px;
}
.lenta-item-new-cont {
overflow: hidden;
height: 0;
transition: height 500ms;
}
.lenta-item-transform-cont {
overflow: hidden;
transition: height 500ms;
}
.lenta-item-new .post-item-top-wrap {
background: var(--accent-soft-green3);
border-bottom-color: var(--accent-soft-green3);
}
.lenta-item.post-without-informers .post-item-top-wrap {
border: none;
margin-bottom: 0;
padding-bottom: 12.5px;
}
.lenta-item.post-without-informers.lenta-item-new {
}
.lenta-item.new-post-message {
min-height: 0
}
.lenta-wrapper {
overflow-y: auto;
width: 100%;
color: var(--base2);
padding: 0;
}
.lenta-notifier {
font-size: 13px;
font-weight: bold;
line-height: 30px;
position: fixed;
top: 7px;
left: 50%;
display: none;
height: 30px;
-webkit-transition: -webkit-transform .3s ease-in;
-webkit-transform: translateX(-50%) translateY(-38px);
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: var(--base-white-fixed);
background-color: rgba(var(--accent-main-primaryalt-rgb), 0.9);
border-radius: 15px;
padding: 0 10px;
z-index: 10100;
}
.lenta-notifier-shown {
display: block;
-webkit-transform: translateX(-50%) translateY(0);
}
.lenta-notifier-arrow {
display: inline-block;
width: 14px;
height: 14px;
position: relative;
top: -2px;
margin: 0 8px 0 0;
vertical-align: middle;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAABc0lEQVRIDa3BPUiUcRwA4N/peXhFCLU4RDgUNOQuEhF9L0FNDUFTc0O0OjQGEaVSSB8gDS6BQ9Da4hJ9cFbQxyIUDWWfFGRd3FOR4f19fV/v6p4nimAYZzGDF1jAR8xiAodQjkWoYAq9kQe7cVdrXuE4enHDH8OxHHowiob2vbHkZDRDGdOKfULd6qaiGUZl1XEJQ6jGL+jCVoxg3srm4i/sRUNqFtsiB0q4Il9/oISa1CP0RQ6UMKHY4cBOqe8YjAI4iOeKnQmMSU1Gi7Ae+zGCm3htye3Afakd8R8wgCM4HXgntSY6ReprdBI+SFWjU1CT2hWdgotS1+IfoDuWwx6pbxiMNqAb9/AEl3EMGwJdeCxVQ1+0COek6tgUv+GArAfYEgWwFldlXYhmGJe1gHEMoScWYTNO4aWsp1gXzVDBLfl+4D2+yDeHgVgJKhhDQ/tmsDFWg314qDXzOIFytAolbMd53MFbNPAZz3AdR1GNHD8B+sBo82rjkAwAAAAASUVORK5CIIA=) no-repeat center;
background-size: 11px;
}
.lenta-notifier-text {
vertical-align: top;
line-height: 30px;
padding-right: 3px;
}
.android .lenta-notifier-text {
line-height: 29px;
}
.lenta-notifier-waiter .lenta-notifier-arrow {
-webkit-animation: post_comments_loader 1s linear infinite;
animation: post_comments_loader 1s linear infinite;
}
.lenta-item {
background: var(--bg-content-primary);
margin: 10px 0 15px;
min-height: 49px;
word-wrap: break-word
}
@media (min-width: 370px) {
.lenta-item {
margin: 10px 0 12px !important
}
}
/*.lenta-item-new{-webkit-border-image:url(images/yellow_block_shadow.png) 6 stretch}*/
.post-item-top {
padding: 15px 17.5px 8px 17.5px;
position: relative
}
@media (max-width: 320px) {
.post-item-top {
padding: 15px 10px 0;
}
}
.post-item-top-title {
color: var(--base1);
display: block;
-webkit-tap-highlight-color: transparent;
font-size: 16px;
font-weight: bold;
min-height: 17px;
text-decoration: none;
line-height: 16px;
padding-right: 25px;
}
.post-item-top-title.post-item-top-title-extranet {
color: var(--accent-main-warning);
}
.post-item-top-topic {
color: var(--base2);
font-size: 14px;
padding: 2px 10px 1px 0;
}
.post-item-top-topic-bp {
color: var(--base0);
font-size: 10px;
font-weight: bold;
padding: 2px 0 .5px 0;
}
.lenta-item-right-corner {
top: 3px;
right: 0;
position: absolute;
text-align: right;
}
.lenta-item-right-corner.lenta-item-right-corner-menu {
display: flex;
flex-direction: row;
align-items: center;
}
.lenta-item-time {
display: block;
font: 500 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
/*font-weight: bold;*/
color: var(--base3);
vertical-align: top;
opacity: .7;
}
.lenta-menu {
display: none;
justify-content: center;
align-items: center;
padding: 0 17px;
width: 21px;
height: 38px;
}
.lenta-menu.lenta-menu-use-pinned {
padding: 0 0 0 10px;
}
.lenta-page .lenta-menu {
display: flex;
}
.lenta-menu.lenta-menu-invisible {
visibility: hidden;
}
.lenta-menu-item {
display: block;
width: 21px;
height: 6px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2021%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M18.498.26c1.38%200%202.5%201.134%202.5%202.532%200%201.399-1.12%202.533-2.5%202.533-1.381%200-2.5-1.134-2.5-2.533%200-1.398%201.119-2.532%202.5-2.532zm-8%200c1.38%200%202.5%201.134%202.5%202.532%200%201.399-1.12%202.533-2.5%202.533-1.381%200-2.5-1.134-2.5-2.533%200-1.398%201.119-2.532%202.5-2.532zm-8%200c1.38%200%202.5%201.134%202.5%202.532%200%201.399-1.12%202.533-2.5%202.533-1.381%200-2.5-1.134-2.5-2.533%200-1.398%201.119-2.532%202.5-2.532z%22%20fill%3D%22%23A8ADB4%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.5%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.lenta-item-fav {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4gIDxwb2x5Z29uIGZpbGw9IiNEOEQ4RDgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIzNTkuODM1IDM0LjcxNSAzNTUuNjExIDM3IDM1Ni40NzggMzIuMjc3IDM1MyAyOC45NjYgMzU3Ljc2IDI4LjMzMSAzNTkuODM1IDI0IDM2MS45MDkgMjguMzMxIDM2Ni42NjkgMjguOTY2IDM2My4xOTEgMzIuMjc3IDM2NC4wNTggMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTMgLTI0KSIvPjwvc3ZnPg==) no-repeat 0 0;
display: inline-block;
height: 21px;
vertical-align: top;
width: 21px;
}
.lenta-item-pin {
background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6553 5.42832C19.0515 5.82549 19.031 6.48856 18.6094 6.90933C18.1877 7.3301 17.5247 7.34924 17.1284 6.95207L16.3892 6.21288L11.6867 12.3783L12.4084 13.1C12.7785 13.5012 12.7472 14.1429 12.3374 14.5527C11.9276 14.9625 11.2859 14.9938 10.8847 14.6237L9.12196 12.8642L4.58023 16.2847C4.5127 16.3602 4.41105 16.3944 4.3163 16.3736C4.22155 16.3528 4.14933 16.2803 4.12879 16.1855C4.10824 16.0907 4.14275 15.9891 4.2184 15.9218L7.58842 11.3285L5.86081 9.60195C5.48309 9.2018 5.51139 8.55398 5.92462 8.14103C6.33785 7.72808 6.98566 7.70025 7.38553 8.07827L8.10719 8.79993L14.2737 4.09736L13.5397 3.36332C13.162 2.96317 13.1903 2.31534 13.6035 1.90239C14.0167 1.48944 14.6645 1.46161 15.0644 1.83963L18.6553 5.42832Z' fill='%23525C69'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left center;
display: flex;
height: 21px;
vertical-align: top;
width: 21px;
margin-left: 10px;
padding: 10px 10px 10px 0;
}
.lenta-item-pin-active .lenta-item-pin {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.7'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.80253 0.668007C8.31682 0.668595 8.73328 1.11171 8.73273 1.65774C8.73218 2.20377 8.31482 2.64593 7.80053 2.64534H6.84227L7.7905 9.68979H8.72605C9.22607 9.70992 9.62164 10.1461 9.62164 10.6774C9.62164 11.2086 9.22607 11.6449 8.72605 11.665L6.44301 11.6671L5.71627 16.8281C5.72141 16.9208 5.67771 17.0089 5.6028 17.0568C5.52789 17.1047 5.43413 17.1046 5.35935 17.0564C5.28457 17.0083 5.24111 16.9201 5.2465 16.8274L4.45356 11.6657L2.21467 11.6664C1.71047 11.6519 1.3089 11.2136 1.30908 10.6781C1.30926 10.1426 1.71113 9.70465 2.21534 9.69049H3.15088L4.09979 2.64534H3.14821C2.64401 2.6308 2.24244 2.19255 2.24262 1.65704C2.2428 1.12152 2.64466 0.683584 3.14887 0.669426L7.80253 0.668007Z' fill='%23525C69'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.lenta-pinned-panel .lenta-item-pin-active .lenta-item-pin {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.27'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.80253 0.668007C8.31682 0.668595 8.73328 1.11171 8.73273 1.65774C8.73218 2.20377 8.31482 2.64593 7.80053 2.64534H6.84227L7.7905 9.68979H8.72605C9.22607 9.70992 9.62164 10.1461 9.62164 10.6774C9.62164 11.2086 9.22607 11.6449 8.72605 11.665L6.44301 11.6671L5.71627 16.8281C5.72141 16.9208 5.67771 17.0089 5.6028 17.0568C5.52789 17.1047 5.43413 17.1046 5.35935 17.0564C5.28457 17.0083 5.24111 16.9201 5.2465 16.8274L4.45356 11.6657L2.21467 11.6664C1.71047 11.6519 1.3089 11.2136 1.30908 10.6781C1.30926 10.1426 1.71113 9.70465 2.21534 9.69049H3.15088L4.09979 2.64534H3.14821C2.64401 2.6308 2.24244 2.19255 2.24262 1.65704C2.2428 1.12152 2.64466 0.683584 3.14887 0.669426L7.80253 0.668007Z' fill='%23525C69'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: 5px center;
}
.lenta-item-fav.lenta-item-fav-active {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4gIDxwb2x5Z29uIGZpbGw9IiNGRkIwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIzMzguODM1IDEwLjcxNSAzMzQuNjExIDEzIDMzNS40NzggOC4yNzcgMzMyIDQuOTY2IDMzNi43NiA0LjMzMSAzMzguODM1IDAgMzQwLjkwOSA0LjMzMSAzNDUuNjY5IDQuOTY2IDM0Mi4xOTEgOC4yNzcgMzQzLjA1OCAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzMikiLz48L3N2Zz4=);
}
.lenta-pinned-panel .post-item-inform-wrap-right {
margin-bottom: 2px !important;
}
.post-item-pinned-block {
display: none;
flex-direction: column;
width: -webkit-calc(100% - 104px);
width: calc(100% - 104px);
font-size: 15px;
color: var(--base1);
opacity: .7;
min-height: 28px;
}
.lenta-item-pinned .post-item-pinned-block {
display: flex;
min-height: 44px;
}
.post-item-pinned-title {
display: block;
margin-bottom: 5px;
max-width: 100%;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post-item-pinned-desc {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.lenta-item-pinned .post-item-informers,
.lenta-item-pinned .post-comment-control-item,
.lenta-item-pinned .post-item-more {
font: 14px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--base4);
}
.lenta-item-pinned .bx-ilike-icon-new {
min-width: 16px;
min-height: 15px;
background-image: var(--feed-pinned-like-icon);
}
.lenta-item-pinned .post-item-informer-like .bx-you-like-button.bx-you-like-button-like .bx-ilike-icon-new {
min-width: 16px;
min-height: 15px;
}
.lenta-item-pinned .post-item-inform-icon {
min-width: 14px;
min-height: 14px;
background-image: var(--feed-pinned-inform-icon);
}
.lenta-item-pinned .post-item-informers.post-item-inform-likes-active .post-item-inform-icon {
width: 14px;
height: 15px;
}
.lenta-item-pinned .post-item-top-cont,
.lenta-item-pinned .post-item-attached-file-wrap,
.lenta-item-pinned .post-text-title,
.lenta-item-pinned .post-item-text,
.lenta-item-pinned .post-item-photo-album,
.lenta-item-pinned .post-item-attached-img-wrap,
.lenta-item-pinned .lenta-info-block,
.lenta-item-pinned .calendar-ev-block-wrapp,
.lenta-item-pinned .post-item-description,
.lenta-item-pinned .post-item-description.post-item-description-task,
.lenta-item-pinned .lenta-info-block-description,
.lenta-item-pinned .post-item-inform-wrap-tree,
.lenta-item-pinned .post-item-block-inner.info-block-background,
.lenta-item-pinned .ui-livefeed-background {
display: none;
}
.lenta-item-pinned .post-item-post-block,
.lenta-item-pinned .post-item-post-block-full,
.lenta-item-pinned .lenta-info-block-wrapp,
.lenta-item-pinned .lenta-info-block-wrapp-full {
padding: 0;
}
.lenta-item-pinned .post-item-top .avatar {
height: 36px;
width: 36px;
}
/*.lenta-item-pinned .post-item-informers {*/
/* padding: 3px 0 0 0;*/
/*}*/
.lenta-item-pinned .post-item-inform-wrap-right {
margin-left: auto;
}
.feed-post-pinned-text-box {
display: flex;
align-items: center;
margin-right: 5px;
overflow: hidden;
}
.post-item-top-text {
}
.post-balloon-box {
display: block;
margin-bottom: -10px;
}
.post-balloon-box-fixed.post-balloon-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.post-balloon {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
margin-bottom: 2px;
height: 36px;
width: 100%;
max-width: 100%;
background-color: var(--accent-brand-blue);
font-size: 16px;
font-weight: 500;
color: var(--bg-content-primary);
white-space: nowrap;
text-overflow: ellipsis;
transition: background-color .5s;
overflow: hidden;
box-sizing: border-box;
}
.post-balloon-hidden {
visibility: hidden;
pointer-events: none;
}
.post-balloon-icon {
display: inline-block;
margin-right: 7px;
width: 16px;
height: 16px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.3381%209.68362C14.9999%2011.2284%2014.1977%2012.6329%2013.0391%2013.7091C11.8804%2014.7853%2010.4206%2015.4817%208.85512%2015.7052C7.28964%2015.9286%205.69326%2015.6684%204.2798%2014.9593C2.86634%2014.2502%201.70329%2013.1262%200.946418%2011.7377C0.18955%2010.3493%20-0.124993%208.76272%200.0449172%207.19053C0.214828%205.61834%200.861079%204.13561%201.89711%202.94092C2.93315%201.74623%204.3095%200.896639%205.84181%200.50593C7.37413%200.115221%208.98925%200.202055%2010.4708%200.754801L9.59708%203.09686C8.59282%202.72219%207.49807%202.66334%206.45943%202.92817C5.4208%203.193%204.48788%203.76887%203.78564%204.57865C3.08339%205.38843%202.64535%206.39346%202.53018%207.45912C2.41501%208.52478%202.62822%209.60019%203.14124%2010.5413C3.65426%2011.4824%204.4426%2012.2443%205.40067%2012.7249C6.35874%2013.2056%207.4408%2013.382%208.50191%2013.2305C9.56302%2013.0791%2010.5525%2012.607%2011.3379%2011.8775C12.1232%2011.1481%2012.6669%2010.1961%2012.8962%209.14899L15.3381%209.68362Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A') no-repeat;
animation: post-balloon-active 1s infinite linear;
}
.post-balloon-done {
background-color: var(--accent-main-success);
}
.post-balloon-done .post-balloon-icon {
display: inline-block;
margin-right: 6px;
width: 17px;
height: 17px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.1591%208.07954C16.1591%2012.5417%2012.5417%2016.1591%208.07954%2016.1591C3.61733%2016.1591%200%2012.5417%200%208.07954C0%203.61733%203.61733%200%208.07954%200C12.5417%200%2016.1591%203.61733%2016.1591%208.07954ZM6.80484%208.96201L4.93668%207.02713L3.46884%208.89529L6.80484%2012.2313L13.1126%205.9235L11.4753%204.22489L6.80484%208.96201Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A') no-repeat;
animation: post-balloon-done .5s linear forwards;
}
.post-balloon-show {
animation: post-balloon-show .5s linear forwards;
visibility: visible;
}
@keyframes post-balloon-show {
0% {
margin-top: -38px;
}
99.999% {
margin-top: 0;
}
100% {
margin-top: 0;
pointer-events: auto;
}
}
.post-balloon-hide {
animation: post-balloon-hide .5s linear forwards;
}
@keyframes post-balloon-hide {
0% {
margin-top: 0;
}
99.999% {
margin-top: -38px;
}
100% {
margin-top: -38px;
visibility: hidden;
pointer-events: none;
}
}
@keyframes post-balloon-active {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes post-balloon-done {
0% {
transform: scale(0);
}
50% {
transform: scale(1.2);
}
75% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.post-item-change-task,
.post-item-join-group,
.post-item-description,
.post-item-leave-group {
display: inline-block;
padding-right: 1px
}
.post-item-change-task {
}
.post-item-join-group {
color: var(--accent-soft-element-green1)
}
.post-item-leave-group {
color: var(--accent-soft-element-red1)
}
.post-item-description {
color: var(--base0);
font-size: 16px;
vertical-align: top;
line-height: 21px;
margin-top: 13px;
margin-bottom: 4px;
}
.post-item-description.post-item-description-task {
display: block;
padding-bottom: 6px;
.lenta-block-new-employee
}
.post-item-topic-description {
}
.post-item-change-task-status {
color: var(--base2);
}
.post-item-description-red {
color: var(--accent-soft-element-red1);
padding-left: 12px;
position: relative;
}
.post-item-description-red:before {
background: url(images/lenta/item-description.png) no-repeat 1px -12px;
background-size: auto 18px;
content: '';
position: absolute;
left: 2px;
top: 4px;
height: 8px;
width: 8px;
}
.post-item-description-red span:first-child {
color: var(--base2)
}
.post-item-description-green {
min-height: 8px;
color: var(--accent-soft-element-green1);
padding-left: 12px;
position: relative;
}
.post-item-description-green:before {
background: url(images/lenta/item-description.png) no-repeat 0 0;
background-size: auto 18px;
content: '';
position: absolute;
left: 2px;
top: 3px;
height: 8px;
width: 8px;
}
.post-item-description-green span:first-child {
color: var(--base2)
}
.post-item-top-text-important {
color: var(--accent-soft-element-red1)
}
.post-item-top-text-all {
color: var(--accent-soft-element-green1)
}
.lenta-info-block-wrapp,
.lenta-info-block-wrapp-full {
padding: 0 16px 16px 16px;
overflow: hidden;
position: relative
}
.lenta-info-block-wrapp {
max-height: 190px;
-webkit-tap-highlight-color: transparent
}
.lenta-info-block {
/*margin: 2px 17px 11px;*/
min-height: 46px;
padding: 9px 0 0;
position: relative;
border-radius: var(--main-border-radius)
}
@media (max-width: 320px) {
.lenta-info-block {
margin: 2px 10px 11px;
}
}
.lenta-info-block-l {
float: left;
}
.lenta-info-block-task .lenta-info-block-l {
float: none;
}
.lenta-info-block-r {
overflow: hidden
}
.lenta-info-block-task .lenta-info-block-r .lenta-info-block-data {
padding-left: 13px;
}
.lenta-info-block-l-text {
margin-top: 1px;
font-size: 13px;
height: 30px;
padding: 13px 6.5px 0 14px
}
.lenta-info-block-l-text:first-child {
margin-top: 0;
height: 33px;
padding-top: 8px
}
.lenta-info-block-task .lenta-info-block-l-text:first-child {
height: auto;
}
.lenta-info-block-data {
margin-top: 1px;
padding: 1.5px 0 3px;
position: relative;
min-height: 41px
}
.lenta-info-block-data:first-child {
margin-top: 0;
overflow: hidden;
padding: 1px 0 4px
}
.lenta-info-avatar {
margin-right: 7.5px
}
.lenta-info-avatar img {
}
.lenta-info-name {
overflow: hidden;
padding: 0 0 5px
}
.lenta-info-name-text, a.lenta-info-name-text {
display: block;
color: var(--base1);
font-size: 15px;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 10px;
}
.lenta-info-name-description {
opacity: 0.5;
color: var(--base2);
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
font-weight: normal;
white-space: nowrap
}
.lenta-info-block-description {
color: var(--base2);
font-size: 10px;
margin: 10px 17px 5px;
}
.lenta-info-block-description-title {
font-weight: bold
}
.lenta-important-block-title {
color: var(--base0);
font-size: 14px;
font-weight: bold;
padding-bottom: 8px
}
.lenta-block-new-employee .lenta-important-block-title,
.lenta-block-new-employee .lenta-important-block-title a {
padding-bottom: 3px;
font-size: 15px;
font-weight: normal;
color: var(--base1);
}
.lenta-important-block-title a {
text-decoration: none
}
.lenta-important-block-text {
/* opacity: 0.5; */
color: var(--base2);
font-size: 13px;
}
.lenta-block-new-employee .lenta-important-block-text {
font-size: 12px
}
.lenta-important-block-text img[data-src] {
max-width: 100%
}
.lenta-important-block-text img[width] {
max-width: 100%;
height: auto !important;
}
.info-block-blue {
background: var(--bg-content-tertiary);
}
.info-block-blue .lenta-info-block-l-text {
color: rgba(var(--base2-rgb), 0.84);
text-align: right;
}
.lenta-info-block-task.info-block-blue .lenta-info-block-l-text {
text-align: left;
height: auto;
padding-bottom: 4px;
}
.info-block-blue .lenta-info-block-data {
}
.info-block-blue .lenta-info-block-data:after {
}
.info-block-red {
background: var(--accent-soft-red3);
}
.info-block-red .lenta-info-block-l-text {
color: var(--accent-soft-red1)
}
.info-block-red .lenta-info-block-data {
}
.info-block-green {
background: var(--accent-soft-orange3);
}
.info-block-green .lenta-info-block-l-text {
color: var(--accent-soft-green1)
}
.info-block-green .lenta-info-block-data {
}
.info-block-important,
.lenta-block-new-employee {
min-height: 33px;
}
.lenta-block-new-employee {
padding: 9px !important;
}
.lenta-block-new-employee {
background: var(--accent-soft-green2);
}
/*.info-block-background.info-block-important {*/
/* background: var(--feed-important-background) top right repeat-y;*/
/* background-size: 100% auto;*/
/*}*/
.info-block-background.info-block-important {
background: var(--feed-important-color) url('/bitrix/templates/mobile_app/images/lenta/important/background_mobile.svg') top right repeat-y;
background-size: 100% auto;
}
.info-block-important .post-item-text,
.lenta-info-block.info-block-important,
.post-wrap .post-item-text.lenta-important-block-text {
padding: 9px 0 9px 0;
}
.info-block-background.info-block-background-with-title .post-text-title-container {
padding-top: 17px;
}
.info-block-background .post-item-text {
padding-top: 17px;
}
.info-block-background.info-block-background-with-title .post-item-text {
padding-top: 0;
}
.info-block-background.info-block-important .post-item-important {
margin-bottom: 8px;
padding-top: 9px;
}
.info-block-important-icon {
width: 63px;
height: 63px;
background-image: url("data:image/svg+xml,%3Csvg width='63' height='62' viewBox='0 0 63 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.1554 58.9768C20.3305 59.4483 9.40552 52.6872 4.55191 41.894C-0.301703 31.1009 1.88995 18.4413 10.0894 9.90793C18.2889 1.37455 30.8509 -1.32042 41.8291 3.09873C52.8073 7.51788 59.9989 18.1644 59.9996 29.9987C60.3047 45.6866 47.843 58.6558 32.1554 58.9768V58.9768Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0023 13.9025C39.8928 13.9025 47.0999 21.1096 47.0999 30C47.0999 38.8905 39.8928 46.0976 31.0023 46.0976C22.1119 46.0976 14.9048 38.8905 14.9048 30C14.9048 21.1096 22.1119 13.9025 31.0023 13.9025ZM33.1656 27.972H29.377V27.9728H27.7516V29.5216H29.377V38.0177H27.7516V39.643H34.253V38.0177L33.1653 38.0175L33.1656 27.972ZM31.1875 20.2474C29.6842 20.2474 28.4655 21.4661 28.4655 22.9694C28.4655 24.4727 29.6842 25.6914 31.1875 25.6914C32.6908 25.6914 33.9095 24.4727 33.9095 22.9694C33.9095 21.4661 32.6908 20.2474 31.1875 20.2474Z' fill='%239DCF00'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='62.0051' height='62' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
float: right;
margin-left: 10px;
margin-top: 17px;
margin-bottom: 17px;
}
.post-text-title-container .lenta-important-block-title {
float: none;
flex: 1;
margin-bottom: 0;
}
.post-text-title-container .info-block-important-icon {
margin-top: 0;
margin-bottom: 0;
}
.info-block-background.info-block-important .post-text-title {
padding-top: 10px;
}
.info-block-background.info-block-gratitude {
background-position: top right;
background-repeat: repeat-y;
background-size: cover;
background-color: var(--accent-soft-blue2);
}
.info-block-background.info-block-gratitude:before {
content: "";
position: absolute;
background-size: cover;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: var(--medal-bg-icon-opacity);
}
.info-block-background.info-block-gratitude.info-block-gratitude-thumbsup:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/01_thumbsup/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-flowers:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/02_flowers/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-smile:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/03_smile/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-star:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/04_star/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-flag:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/05_flag/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-thefirst:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/06_thefirst/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-gift:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/07_gift/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-crown:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/08_crown/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-heart:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/09_heart/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-cake:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/10_cake/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-drink:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/11_drink/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-money:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/12_money/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-cup:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/13_cup/background_mobile_mono.svg');
}
.info-block-background.info-block-gratitude.info-block-gratitude-beer:before {
background-image: url('/bitrix/templates/mobile_app/images/lenta/medal/14_beer/background_mobile_mono.svg');
}
.lenta-new-employee-icon {
float: left
}
.lenta-info-block-content {
overflow: hidden;
padding-top: 1px
}
.post-item-inform-wrap {
position: relative;
display: flex;
align-items: center;
-webkit-transition: height 0.3s ease-in-out;
height: 52px;
padding: 0 4px;
margin: 0 12px;
font-weight: bold;
border-top: .5px solid var(--bg-separator-secondary);
border-bottom: .5px solid var(--bg-separator-secondary);
/*border-bottom: 1px solid rgba(var(--base2-rgb), 0.1);*/
box-sizing: border-box;
}
.post-item-inform-wrap-left {
display: flex;
align-items: center;
height: 52px;
overflow: hidden;
}
.post-item-inform-wrap-right {
margin: -2px 0 0 auto;
}
.lenta-item .post-item-inform-wrap {
border-bottom: none;
}
@media (max-width: 320px) {
.post-item-inform-wrap {
padding: 0 10px;
}
}
.post-item-inform-wrap-tree {
display: flex;
align-items: center;
font-weight: normal;
/*padding: 0 4px;*/
padding-left: 6px;
margin: 0 8px 0 13px;
/*padding: 0 17.5px;*/
font-size: 12px;
color: var(--base4);
vertical-align: middle;
box-sizing: border-box;
/* background: var(--bg-content-primary);*/
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box {
margin-left: -7px;
padding-left: 12px;
width: 100%;
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-outer {
display: flex;
align-items: center;
width: 100%;
padding-bottom: 0;
}
.feed-post-emoji-top-panel-outer-counter {
margin-bottom: 4px;
font: 500 15px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--base2);
opacity: .8;
}
.post-item-inform-wrap-tree .feed-post-emoji-icon-item {
border: 2px solid var(--bg-content-primary);
box-shadow: inset 0 0 4px 4px var(--bg-content-primary);
width: 19px;
height: 19px;
}
.lenta-item-new .post-item-inform-wrap-tree .feed-post-emoji-icon-item {
border: 2px solid var(--accent-soft-green3);
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box .feed-post-emoji-text-box {
display: flex;
font: 15px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--base3);
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box .feed-post-emoji-text-box.bx-ilike-right-wrap {
order: -1;
}
.feed-post-emoji-top-panel-box .feed-post-emoji-text-box .feed-post-emoji-text-item-overflow {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
max-width: 100%;
}
.feed-post-emoji-top-panel-box .feed-post-emoji-text-box .feed-post-emoji-text-item-more {
display: inline-block;
margin-left: 5px;
}
.post-item-inform-wrap-tree .feed-post-emoji-container {
width: 100%;
}
.post-item-inform-wrap-tree .feed-post-cont-wrap .feed-post-emoji-container.feed-post-emoji-container-toggle {
max-height: 47px;
}
.lenta-wrapper .post-item-inform-wrap-tree .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active {
border-top: .5px solid var(--bg-separator-secondary);
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active {
border-top: .5px solid var(--bg-separator-secondary);
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-container-active.feed-post-emoji-top-panel-box {
display: flex;
height: 52px;
max-height: 52px;
padding-left: 3px;
align-items: center;
}
.post-item-inform-wrap-tree .feed-post-emoji-icon-container {
padding-left: 8px;
padding-right: 10px;
}
.post-item-inform-wrap-tree .feed-post-emoji-text-item:hover {
border-bottom: 1px transparent;
}
.feed-post-emoji-popup-invisible-final-mobile {
display: none;
}
.post-item-informers {
display: inline-block;
font-size: 12px;
color: var(--base2);
padding: 9px 10px 0 0;
position: relative;
white-space: nowrap;
vertical-align: top;
line-height: 21px;
}
.post-item-inform-left {
display: inline-block;
margin-right: 3px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post-item-informers.post-item-inform-comments .post-item-inform-left {
}
.post-item-informers.post-item-inform-comments .post-item-inform-left:before {
}
.post-item-informers.post-item-inform-comments .post-item-inform-left:after {
}
.post-item-inform-comments-box {
position: relative;
display: flex;
align-items: center;
}
.post-item-inform-icon {
display: inline-block;
margin-right: 8px;
min-width: 16px;
min-height: 17px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2017%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.735%201.897c1.24%201.465%201.538%208.696%200%2010.213-.83.819-4.34%201.07-7.612.957-2.3%202.128-3.638%203.192-4.012%203.192-.394%200-.406-1.184-.038-3.553-.972-.16-1.698-.363-1.994-.596-1.38-1.086-1.506-8.656%200-10.213C2.585.339%2013.495.43%2014.735%201.897z%22%20fill%3D%22%23B8BFC9%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-icon {
margin-top: -1px;
margin-right: 4px;
min-width: 18px;
min-height: 19px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2019%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.104%202.831l-.004.174a4.68%204.68%200%20005.605%204.587c.222%202.564-.035%205.596-.97%206.518-.83.819-4.34%201.07-7.612.957-2.3%202.128-3.638%203.192-4.012%203.192-.394%200-.406-1.184-.038-3.553-.972-.16-1.698-.363-1.994-.596-1.38-1.086-1.506-8.656%200-10.213.927-.96%205.42-1.293%209.025-1.066zM14.78.028a2.976%202.976%200%20110%205.953%202.976%202.976%200%20010-5.953z%22%20fill%3D%22%233886D8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
.post-item-inform-right {
display: inline-block;
vertical-align: baseline;
}
.post-item-inform-count {
display: none;
align-items: center;
margin-top: -3px;
padding: 0 5px;
height: 18px;
border-radius: 9px;
font: 500 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--bg-content-primary);
background-color: var(--accent-main-warning);
letter-spacing: -0.4px;
}
.post-item-inform-right-new {
display: inline-block;
background: var(--accent-main-success);
vertical-align: top;
color: var(--bg-content-primary);
font-weight: bold;
padding: 0 6px 0 5px;
border-radius: 10.5px;
margin-left: 5px;
font-size: 13px;
line-height: 17px;
}
.bx-ios .post-item-inform-right-new {
position: relative;
bottom: -1px;
}
.lenta-pinned-panel .post-item-inform-right-new {
font: 11px/15px apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.post-item-inform-right-new > span.post-item-inform-right-new-sign {
font-size: 13px;
position: relative;
opacity: .8;
}
.post-item-inform-footer {
overflow: hidden;
padding: 8px 0;
}
.post-strong {
font-weight: bold
}
.post-item-inform-action {
height: 66px
}
.post-item-informers.post-item-inform-likes .post-item-inform-left {
}
.post-item-informers.post-item-inform-likes .post-item-inform-left:before {
}
.post-item-informers.post-item-inform-likes .post-item-inform-left:after {
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-left,
.post-item-informers.post-item-inform-likes-active .post-item-inform-right {
margin-right: 5px;
margin-bottom: 1px;
/*color: var(--accent-main-links); */
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-right {
margin-right: 6px;
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-left:before {
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-left:after {
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-count {
display: flex;
}
.post-item-informer-like {
padding-top: 15px;
padding-bottom: 15px;
}
.bx-ilike-left-wrap {
display: flex;
align-items: center;
}
.bx-ilike-icon-new {
display: block;
margin: -3px 5px 0 0;
min-width: 19px;
min-height: 19px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2017%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.133%207.95a1.226%201.226%200%2000-.883-1.316h-4.361a1.84%201.84%200%2001-.057-1.6%205.234%205.234%200%2000.11-3.032c-.275-.688-.348-1.944-1.62-2.002a1.315%201.315%200%2000-.995.743V2.92c-.83%201.57-1.77%203.079-2.812%204.514-.34.058-1.654.23-1.654.23v7.89h.384a20.518%2020.518%200%20003.37%201.428h5.264a1.466%201.466%200%20001.199-1.375%202.549%202.549%200%2000-.269-1.204%201.37%201.37%200%20001.221-1.429%201.646%201.646%200%2000-.72-1.031%201.56%201.56%200%20001.259-1.486%202.208%202.208%200%2000-.51-1.135%201.395%201.395%200%20001.074-1.372zm-15.31%209.032h1.649V6.657H0l1.822%2010.325z%22%20fill%3D%22%23B8BFC9%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-facepalm .bx-ilike-icon-new {
background-size: cover;
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-angry .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22a%22%20cx%3D%2267.949%25%22%20r%3D%2258.251%25%22%20fx%3D%2267.949%25%22%20fy%3D%2250%25%22%20gradientTransform%3D%22matrix%280%20.67857%20-.5426%200%20.95%20.039%29%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF2727%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFB9B7%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%2238.089%25%22%20r%3D%2271.149%25%22%20fx%3D%2238.089%25%22%20fy%3D%2250%25%22%20gradientTransform%3D%22matrix%280%20.55556%20-.5426%200%20.652%20.288%29%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF2727%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFB9B7%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23FFB9B7%22/%3E%3Cellipse%20cx%3D%2224.738%22%20cy%3D%2217.395%22%20fill%3D%22url%28%23a%29%22%20opacity%3D%22.3%22%20rx%3D%227.512%22%20ry%3D%2211.07%22/%3E%3Cellipse%20cx%3D%226.305%22%20cy%3D%2217.791%22%20fill%3D%22url%28%23b%29%22%20opacity%3D%22.3%22%20rx%3D%225.93%22%20ry%3D%2210.674%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M11.443%2027.304c0%20.308.273.479.455.284%201.491-1.597%203.289-2.274%205.225-2.273%201.936%200%203.733.679%205.223%202.276.182.195.455.024.455-.284v-.996a.434.434%200%200%200-.093-.277c-1.557-1.844-3.49-2.69-5.585-2.691-2.095%200-4.028.845-5.587%202.688a.435.435%200%200%200-.093.277v.996zM24.262%2018c0%20.92-.737%201.666-1.645%201.666A1.655%201.655%200%200%201%2020.972%2018c0-.92.736-1.665%201.645-1.665.908%200%201.645.745%201.645%201.665m-14.76%200c0%20.92.737%201.666%201.645%201.666.909%200%201.645-.746%201.645-1.666%200-.92-.736-1.665-1.645-1.665-.908%200-1.644.745-1.644%201.665%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M20.355%2017.883c1.483-.047%202.877-.483%203.91-1.329.533-.437%201.546-1.283%201.798-1.833a.475.475%200%200%200-.019-.426l-.021-.04c-.22-.405-.904-.427-1.172-.028-.227.336-1.14.988-1.487%201.271-.848.695-1.941%201.113-3.126%201.267-.437.056-.688.469-.506.803.11.204.355.323.623.315zM13.684%2017.868c-1.483-.047-2.876-.484-3.91-1.329-.533-.437-1.546-1.283-1.798-1.833a.475.475%200%200%201%20.02-.426l.02-.04c.22-.405.904-.427%201.172-.028.227.336%201.14.987%201.487%201.271.849.695%201.941%201.113%203.126%201.267.437.056.688.468.507.803-.11.204-.356.323-.624.315z%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-cry .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M26.199%2011.754c.05-.178-.026-.383-.184-.527-.879-.797-1.923-1.32-2.986-1.407a3.341%203.341%200%200%200-1.504.209.38.38%200%200%200-.226.256l-.01.034c-.098.356.283.748.658.668a3.48%203.48%200%200%201%201.013-.06c.874.072%201.734.438%202.501%201.008.283.21.656.112.738-.181M7.602%2011.754c-.05-.178.026-.383.184-.527.879-.797%201.923-1.32%202.986-1.407a3.341%203.341%200%200%201%201.504.209.38.38%200%200%201%20.226.256l.01.034c.099.356-.282.748-.658.668a3.48%203.48%200%200%200-1.013-.06c-.874.072-1.734.438-2.501%201.008-.283.21-.656.112-.738-.181%22%20opacity%3D%22.5%22/%3E%3Cellipse%20cx%3D%2210.649%22%20cy%3D%2215.214%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2223.232%22%20cy%3D%2215.214%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M9.403%2025.34c0%20.308.358.478.597.284%201.954-1.593%204.31-2.523%206.848-2.523%202.538%200%204.894.933%206.847%202.526a.366.366%200%200%200%20.597-.283v-.994a.373.373%200%200%200-.122-.276c-2.042-1.84-4.575-2.932-7.321-2.932-2.747%200-5.281%201.09-7.324%202.928a.373.373%200%200%200-.122.277v.993z%22/%3E%3Cpath%20fill%3D%22%2329B5E2%22%20d%3D%22M27.765%2022.785c1.141-.2%201.953-1.01%201.59-3.065-.241-1.37-1.208-2.828-2.902-4.374-1.062%202.032-1.472%203.733-1.23%205.103.362%202.054%201.4%202.538%202.542%202.336z%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-kiss .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23F03D37%22%20d%3D%22M11.868%2016.108a5.865%205.865%200%200%200-1.664.404c-1.529.63-2.413%201.812-2.44%203.104-.007.29.016.58.039.872.027.343.105.681.213%201.015.227.7.645%201.33%201.217%201.902.417.417.888.795%201.384%201.157.757.554%201.555%201.073%202.35%201.596.676.444%204.06%201.815%204.06%201.815s3.804-1.694%204.454-2.122a43.09%2043.09%200%200%200%202.043-1.407c.524-.393%201.018-.806%201.44-1.265.624-.684.999-1.44%201.153-2.262.055-.294.085-.589.1-.885.02-.433-.004-.865-.153-1.287-.326-.924-1.016-1.645-2.091-2.146-.6-.28-1.254-.44-1.952-.499a6.458%206.458%200%200%200-1.315.02%205.74%205.74%200%200%200-2.273.761%205.182%205.182%200%200%200-1.407%201.21l-.033.037-.01-.004c-.053-.064-.106-.129-.161-.192a5.37%205.37%200%200%200-2.11-1.457%205.858%205.858%200%200%200-1.678-.38%206.417%206.417%200%200%200-1.166.013%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.687%2010.201a.301.301%200%200%200-.134-.227c-.841-.54-1.8-.814-2.797-.726-.996.087-1.895.52-2.634%201.196a.3.3%200%200%200-.094.248l.077.908a.29.29%200%200%200%20.485.19c.728-.65%201.608-1.068%202.581-1.153a4.31%204.31%200%200%201%202.154.376.29.29%200%200%200%20.407-.292l-.045-.52zm-13.854-.953c-1.008-.089-1.976.193-2.824.744a.237.237%200%200%200-.105.177l-.056.662c-.015.174.16.303.317.229a4.32%204.32%200%200%201%202.253-.423c1.017.089%201.931.54%202.678%201.242.137.13.36.042.376-.148l.092-1.072a.235.235%200%200%200-.074-.193c-.742-.688-1.65-1.13-2.657-1.218%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-laugh .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.863%2010.858a.301.301%200%200%200-.134-.227c-.84-.539-1.8-.814-2.796-.726-.997.087-1.896.52-2.634%201.196a.3.3%200%200%200-.094.248l.076.908a.29.29%200%200%200%20.485.19c.728-.65%201.608-1.068%202.581-1.153a4.31%204.31%200%200%201%202.154.376.29.29%200%200%200%20.407-.292l-.045-.52zM11.16%209.905c-1.008-.089-1.976.193-2.824.744a.237.237%200%200%200-.105.177l-.056.662c-.015.174.16.303.317.229a4.32%204.32%200%200%201%202.253-.423c1.017.089%201.931.54%202.678%201.242.137.13.36.042.376-.148l.092-1.072a.235.235%200%200%200-.074-.193c-.742-.688-1.65-1.13-2.657-1.218%22/%3E%3Cpath%20fill%3D%22%23B26423%22%20d%3D%22M27.727%2018.619c0%204.105-3.555%209.964-10.756%209.964-7.201%200-10.757-5.859-10.757-9.963%200-2.368%204.672-.456%2010.757-.456%206.086%200%2010.756-1.878%2010.756.455%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.97%2027.395c-6.292%200-9.273-4.83-9.273-7.853%200-1.63%204.152-.078%209.274-.078%205.122%200%209.273-1.52%209.273.077%200%203.024-2.98%207.854-9.273%207.854z%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-wonder .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.281%206.425c-.007-.185-.142-.357-.338-.445-1.081-.486-2.236-.66-3.274-.415a3.341%203.341%200%200%200-1.366.663.38.38%200%200%200-.135.313l.001.036c.016.369.5.624.832.432a3.48%203.48%200%200%201%20.945-.37c.853-.202%201.784-.12%202.69.185.334.113.658-.095.645-.4M8.512%206.425c.007-.185.142-.357.337-.445%201.082-.486%202.237-.66%203.275-.415.536.126.992.357%201.366.663a.38.38%200%200%201%20.135.313l-.001.036c-.016.369-.5.624-.832.432a3.48%203.48%200%200%200-.945-.37c-.853-.202-1.785-.12-2.69.185-.334.113-.658-.095-.645-.4%22%20opacity%3D%22.5%22/%3E%3Cellipse%20cx%3D%2211.203%22%20cy%3D%2212.071%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2222.782%22%20cy%3D%2212.071%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2216.956%22%20cy%3D%2223.459%22%20fill%3D%22%23783E11%22%20opacity%3D%22.825%22%20rx%3D%224.349%22%20ry%3D%226.131%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-facepalm .bx-ilike-icon-new {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23F6E071'/%3E%3Cpath fill='%23783E11' d='M26.4037142,11.4015734 C26.3920114,11.2957336 26.3199465,11.1976977 26.2066137,11.140632 C24.9728873,10.5221767 23.566698,10.2070961 22.1032263,10.3075707 C20.6416024,10.4070698 19.3222605,10.9050532 18.2382074,11.6805611 C18.1384252,11.7517713 18.0879182,11.8585865 18.100237,11.9644263 L18.2129539,13.0067284 C18.2437509,13.2857162 18.6595099,13.4110656 18.9237478,13.225724 C19.9924024,12.4789928 21.2834111,11.9995436 22.7117743,11.9015077 C23.8136896,11.8263956 24.8829602,11.9863746 25.8721586,12.3336461 C26.1690414,12.4380226 26.496721,12.2551198 26.4690038,11.9985681 L26.4037142,11.4015734 Z' transform='scale(1 -1) rotate(24 77.805 0)'/%3E%3Cpath fill='%23FFFFFF' d='M9.47489462,7.76995016 C10.3435995,7.31419407 11.2834989,7.64546922 11.9828464,8.28127962 L22.3112861,18.0588549 L22.3112861,18.0588549 C22.8260905,18.5443332 23.5251959,18.9788929 24.2000191,18.9581105 C24.8229328,18.9389267 25.1159725,18.5933449 25.3783032,18.1651497 L25.8379679,17.3920961 C27.1123425,15.2660793 27.9955078,14.010038 28.9875138,13.1036077 C30.9446849,11.3152725 31.7835612,12.9845664 31.8352671,13.38145 L31.2107451,15.0199958 C29.1756047,20.4060528 28.1515594,23.6159548 28.1386092,24.6497017 C28.1279171,25.5031891 28.2982686,27.0531823 28.6496636,29.2996815 C25.6595137,32.1181971 21.6622609,33.8707278 17.3467149,33.8707278 C15.5115742,33.8707278 13.7528795,33.6029714 12.1065134,33.1085585 C12.0270401,32.9098287 11.9416942,32.7069298 11.8491154,32.4942823 L11.7046526,32.1673023 C10.876396,30.3165458 10.2188579,29.276646 8.88613787,27.8000802 L8.62813405,27.5178023 C7.1189356,25.8857787 4.60949502,22.5107565 4.09851562,21.6228491 C3.58753622,20.7349417 3.53176491,19.5144378 4.08353977,19.06857 C4.38873358,18.8219547 5.26715598,19.9319012 5.85992427,20.5246695 L10.4244958,25.3620867 L10.4244958,25.3620867 C10.5414652,25.4826701 10.9421999,25.3847897 11.1313515,25.2160063 C11.3205031,25.047223 11.2484579,24.6347806 11.115247,24.5015697 L7.53477208,20.6885747 C5.18029492,18.1608325 3.90716435,16.736663 3.71538037,16.4160663 C3.30566007,15.7311552 3.12714466,14.7030291 3.73674991,14.0934239 C4.26624167,13.5639321 4.84463759,13.4954524 5.17513367,13.7960529 L5.48010448,14.093646 C6.928562,15.5252813 12.8645255,21.4834438 13.0815716,21.6723165 C13.3232822,21.8826521 13.7597748,21.7554568 13.8922583,21.614046 C14.0247418,21.4726353 14.1067423,21.0873191 13.8669309,20.8155896 L13.4030225,20.3466992 C11.6121916,18.559616 5.2853754,12.324939 4.83469973,11.8204191 C4.31690215,11.240758 4.30719075,10.0717734 4.93552377,9.44344034 C5.56385679,8.81510733 6.18490018,8.82422951 6.80807076,9.22062165 L6.90669912,9.29380387 C7.56772599,9.82569761 10.3888959,12.6230081 15.370209,17.6857355 C15.6788947,17.991031 15.9777055,18.0287437 16.2666415,17.7988733 C16.6690881,17.4786968 16.5156026,17.1028388 16.3849666,16.9441222 L16.3554889,16.9114741 L9.18358004,9.58850073 C8.48135417,8.83328634 8.55508946,8.25251544 9.47489462,7.76995016 Z'/%3E%3Cpath fill='%23D29B3C' d='M29.7983598,26.2641697 L30.0943624,27.9520285 L29.8022323,28.2915099 C28.9835061,29.2183517 28.0655057,30.0568575 27.0670567,30.7881941 L26.7602304,31.0077862 C26.6047236,31.1165094 26.4473717,31.2226703 26.2882423,31.3262013 L26.0652442,31.4688303 C25.7305906,31.6792127 25.388691,31.8778925 25.0398475,32.064454 C24.8621188,32.159509 24.6822069,32.2516048 24.5005657,32.340461 C24.0079133,32.5814801 23.5019957,32.79887 22.9849491,32.9907586 C22.1825803,33.2885523 21.3531376,33.5249897 20.502933,33.6939194 L20.1230902,33.7646435 L19.7403453,33.826371 L19.3549165,33.8789501 C18.8396698,33.9428491 18.3180505,33.9819816 17.7913279,33.9950787 L17.3953488,34 C17.1829672,34 16.9716094,33.9964138 16.7613312,33.9893051 C16.3859087,33.9766182 16.0136988,33.9526815 15.6452512,33.9178661 L15.397814,33.8927919 L14.87092,33.8280299 L14.4373288,33.7629757 C14.1499362,33.7162928 13.8654956,33.6629927 13.583835,33.603206 L13.1549455,33.506662 L12.6988567,33.3917417 L12.2568791,33.2680505 L11.9079051,33.161615 L11.5230538,33.0350487 L11.3387257,32.9709479 L10.9085341,32.8123742 L10.5643334,32.6762392 L10.5599258,32.6498541 L10.2034107,32.4999664 C9.51551293,31.0196842 8.93769765,30.1504849 7.81788447,28.9102282 L7.2325837,28.2642911 L6.87842172,27.8543048 L6.51699183,27.4230877 L6.1407826,26.9633167 C4.80534101,25.3137094 3.31101301,23.2900012 2.84097849,22.473242 C2.02147375,21.0492231 1.95542516,19.1521157 3.04677844,18.1232849 L3.09091451,18.083938 L2.81867879,17.7564615 L2.65828519,17.5542717 L2.53947595,17.3933152 L2.47067374,17.2883247 C1.67583018,15.9596204 1.59600824,14.2576039 2.71863821,13.1349739 C2.87735468,12.9762574 3.04702541,12.8358546 3.22427406,12.7154842 L3.40392363,12.6018551 L3.48491451,12.555938 L3.42313929,12.4574014 C2.78676951,11.3572459 2.8631164,9.83365919 3.65174021,8.79040051 L3.78217889,8.62979886 L3.91741208,8.48499035 C4.86665188,7.53575055 6.02850689,7.31575638 7.12944996,7.77981111 L7.31232957,7.8634796 L7.43191451,7.92593796 L7.46464613,7.85360218 C7.65739399,7.44849451 7.98389498,7.07821136 8.44154898,6.76942254 L8.6457086,6.64092719 L8.82056862,6.54386596 C10.2639739,5.78659987 11.8554828,6.18822588 13.0278663,7.26593179 L13.1783624,7.41029655 L23.3829564,17.0697777 C23.6092375,17.2831686 23.8358189,17.4322063 24.0014104,17.5066327 L24.07884,17.5375808 L24.1039145,17.543938 L24.5826783,16.7421409 C26.0267929,14.3329107 26.9403474,13.0833796 28.0182409,12.0984709 C29.3131622,10.9152563 30.6827972,10.5723954 31.8690245,11.1989151 C32.6461265,11.6093505 33.1844654,12.4027876 33.3369688,13.1247476 L33.3652458,13.2898781 L33.4143507,13.6667967 L32.6774543,15.5976745 L32.102987,17.1333898 L31.6999514,18.2318204 C30.4161915,21.7634589 29.7306896,23.9903388 29.6835739,24.7087416 L29.6810399,24.7707017 C29.6766913,25.1178275 29.7091337,25.6186501 29.7783664,26.2688893 L29.7983598,26.2641697 Z M9.5174431,7.87216034 C8.6436282,8.33059735 8.53339135,8.87766494 9.12662311,9.57872755 L9.22612852,9.69071091 L16.3980374,17.0136842 L16.4275151,17.0463324 C16.558151,17.2050489 16.7116366,17.580907 16.30919,17.9010835 C16.020254,18.1309538 15.7214431,18.0932412 15.4127575,17.7879456 L11.0780293,13.4066756 L8.61909485,10.9646737 L7.95453415,10.3198278 C7.46330283,9.84807486 7.12849462,9.54036821 6.95010953,9.3967079 L6.85061924,9.32283183 C6.22744866,8.92643969 5.60640527,8.9173175 4.97807225,9.54565052 C4.34973923,10.1739835 4.35945062,11.3429682 4.87724821,11.9226293 L5.27371178,12.332554 L6.40278739,13.4642285 L13.1931156,20.1973945 L13.9094794,20.9177997 C14.1492907,21.1895292 14.0672903,21.5748455 13.9348068,21.7162562 C13.8155716,21.8435259 13.4500891,21.9592811 13.2019779,21.8278248 L13.1241201,21.7745267 L5.21768215,13.8982631 C4.88718607,13.5976626 4.30879015,13.6661423 3.77929838,14.1956341 C3.16969314,14.8052393 3.34820855,15.8333654 3.75792885,16.5182765 L3.81157867,16.5983275 L3.89876329,16.7136146 L4.16914537,17.042175 C4.69859724,17.6658257 5.70944683,18.7807688 7.20169417,20.3870044 L8.96882182,22.2789986 L11.1577954,24.6037799 C11.2910064,24.7369908 11.3630516,25.1494332 11.1739,25.3182165 C11.0057652,25.4682461 10.6704537,25.5622537 10.5158644,25.4966025 L10.4670442,25.4642969 L5.90247275,20.6268797 L5.7067891,20.4246837 L5.17393921,19.8548193 L4.97543572,19.6517047 C4.61599978,19.2946216 4.28918778,19.0389858 4.12608825,19.1707802 C3.57431338,19.616648 3.6300847,20.8371519 4.1410641,21.7250593 L4.27431585,21.9428647 C4.96678251,23.0284438 7.09938965,25.8786827 8.51111346,27.4451383 L8.92868635,27.9022904 C9.94448064,29.0277234 10.5680326,29.8994782 11.1739008,31.069949 L10.9845581,30.9940072 C12.9193536,31.818719 15.0714883,32.2801043 17.3553513,32.2801043 C21.6720482,32.2801043 25.6344367,30.3292724 28.3899642,27.2801611 L28.355268,27.0189544 L28.2890154,26.4426597 C28.220922,25.8055298 28.1850116,25.2916184 28.1810521,24.9006092 L28.1839097,24.6723882 C28.2365326,23.7091148 29.0111885,21.1918275 30.5078773,17.1205265 L30.9626859,15.8948747 L31.8778156,13.4836602 C31.8261097,13.0867766 30.9872334,11.4174827 29.0300623,13.2058179 C28.1985279,13.9656198 27.4434691,14.9710717 26.4703683,16.5286562 L26.068801,17.1818636 L25.4859677,18.158731 C25.2050701,18.6356915 24.9173908,19.0395382 24.2425676,19.0603207 C23.6239796,19.0793712 22.9849879,18.7158079 22.4862546,18.2811398 L22.3538346,18.1610651 L12.0253948,8.3834898 C11.3260474,7.7476794 10.386148,7.41640424 9.5174431,7.87216034 Z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-like .bx-ilike-icon-new {
margin: -4px 5px 0 0;
min-width: 18px;
min-height: 17px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2017%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.133%207.95a1.226%201.226%200%2000-.883-1.316h-4.361a1.84%201.84%200%2001-.057-1.6%205.234%205.234%200%2000.11-3.032c-.275-.688-.348-1.944-1.62-2.002a1.315%201.315%200%2000-.995.743V2.92c-.83%201.57-1.77%203.079-2.812%204.514-.34.058-1.654.23-1.654.23v7.89h.384a20.518%2020.518%200%20003.37%201.428h5.264a1.466%201.466%200%20001.199-1.375%202.549%202.549%200%2000-.269-1.204%201.37%201.37%200%20001.221-1.429%201.646%201.646%200%2000-.72-1.031%201.56%201.56%200%20001.259-1.486%202.208%202.208%200%2000-.51-1.135%201.395%201.395%200%20001.074-1.372zm-15.31%209.032h1.649V6.657H0l1.822%2010.325z%22%20fill%3D%22%233886D8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
.post-item-inform-wrap-tree .feed-post-emoji-icon-item.feed-post-emoji-icon-like {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.36166%2018.7233C14.532%2018.7233%2018.7233%2014.532%2018.7233%209.36166C18.7233%204.19136%2014.532%200%209.36166%200C4.19136%200%200%204.19136%200%209.36166C0%2014.532%204.19136%2018.7233%209.36166%2018.7233Z%22%20fill%3D%22%235CA0E8%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.3945%208.35902C14.4298%208.0309%2014.2248%207.72524%2013.9102%207.63771H11.5189C11.3754%207.36598%2011.3641%207.0423%2011.488%206.76075C11.672%206.22503%2011.693%205.64578%2011.5485%205.09765C11.3976%204.72061%2011.3576%204.03206%2010.6602%204C10.4224%204.03511%2010.2178%204.18794%2010.1142%204.40747V5.60108C9.65933%206.46235%209.14386%207.28945%208.57245%208.0763C8.38615%208.10836%207.66541%208.20268%207.66541%208.20268V12.5285H7.87576C8.46751%2012.8444%209.08584%2013.1066%209.72336%2013.312H12.6102C12.9761%2013.2465%2013.2489%2012.9336%2013.2676%2012.5577C13.2732%2012.3288%2013.2228%2012.102%2013.1204%2011.8977C13.5136%2011.8575%2013.8074%2011.5137%2013.79%2011.1142C13.7378%2010.8799%2013.5958%2010.6763%2013.3952%2010.5485C13.7849%2010.4738%2014.0718%2010.1354%2014.0852%209.73378C14.0535%209.50348%2013.9564%209.28723%2013.806%209.11146C14.152%209.03142%2014.3968%208.71851%2014.3945%208.35902ZM5.99927%2013.312H6.90354V7.65011H5L5.99927%2013.312Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A');
}
.post-item-informer-like .bx-you-like-button .bx-ilike-text {
margin-bottom: 1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-item-informer-like .bx-you-like-button .bx-ilike-text,
.post-comment-control-item-like .bx-you-like-button .bx-ilike-text {
font-weight: 500;
color: var(--accent-extra-darkblue);
}
@supports (text-shadow: 1px 0 0 var(--base0)) {
.post-item-informer-like .bx-you-like-button .bx-ilike-text,
.post-comment-control-item-like .bx-you-like-button .bx-ilike-text {
/*font-weight: bold;*/
/* text-shadow: 1px 0 0 currentColor;*/
}
}
.post-item-informers.post-item-inform-limiter {
font-size: 12px;
font-weight: normal;
color: var(--accent-soft-element-blue1);
float: right;
line-height: 21px;
padding-right: 0;
}
/* region CLASSIC_MOBILE */
.post-item-post-img-block {
margin-top: 11px;
text-align: center;
position: relative
}
.post-item-post-img {
max-width: 100%
}
.post-item-attached-img-wrap {
margin: -4px -4px 0 -4px;
padding-bottom: 11px
}
.post-item-top-wrap .post-item-attached-img-wrap {
padding: 0 17px 3px 17px;
}
.info-block-background + .post-item-attached-file-wrap .post-item-attached-img-wrap {
padding-top: 17px;
}
.post-item-attached-img-block {
position: relative;
display: inline-block;
margin: 4px;
vertical-align: top;
height: 50px;
width: 50px
}
.post-item-attached-img-block.post-item-attached-img-block-hidden {
display: none;
}
.post-item-attached-img {
margin: 0;
width: 50px
}
.post-item-attached-img-value {
display: none;
position: absolute;
top: 50%;
left: 50%;
font-size: 18px;
color: var(--bg-content-primary);
transform: translate(-50%, -50%);
z-index: 2;
}
.post-item-attached-img-block-last:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(var(--base0-rgb), 0.47);
z-index: 1;
}
.post-item-attached-img-block-last .post-item-attached-img-value {
display: inline-block;
}
.post-item-attached-img-control {
display: block;
padding: 14px 15px 0 15px;
margin-bottom: 13px;
font-size: 14px;
color: var(--base2);
}
/* endregion */
/* region GRID_MOBILE */
.disk-ui-file-thumbnails {
display: flex;
margin-left: -20px;
width: -webkit-calc(100% + 37px);
width: calc(100% + 37px);
overflow: hidden;
}
/*.disk-ui-file-thumbnails:after {*/
/* content: "";*/
/* display: block;*/
/* padding-bottom: 100%;*/
/*}*/
.disk-ui-file-thumbnails-main,
.disk-ui-file-thumbnails-secondary {
display: flex;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 100%;
}
.disk-ui-file-thumbnails-main {
}
.disk-ui-file-thumbnails-secondary {
display: none;
}
.disk-ui-file-thumbnails-item {
position: relative;
display: block;
margin: 0;
padding-bottom: 100%;
background: var(--base7);
height: 100%;
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.disk-ui-file-thumbnails-img {
position: absolute;
/*left: 50%;*/
/*top: 50%;*/
display: block;
width: 100%;
height: 100%;
/*height: auto;*/
/*transform: translate(-50%,-50%);*/
}
.disk-ui-file-thumbnails-number {
display: none;
position: absolute;
top: 50%;
left: 50%;
font: 23px 'Roboto', "Helvetica Neue", Arial, Helvetica, sans-serif;
color: var(--bg-content-primary);
transform: translate(-50%, -50%);
z-index: 3;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-main {
flex-basis: 50%;
margin-right: 4px;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-secondary {
display: flex;
flex-basis: 50%;
flex-direction: column;
}
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-main {
flex-basis: 66%;
margin-right: 4px;
}
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-secondary {
display: flex;
flex-basis: 34%;
flex-direction: column;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item,
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item {
margin-bottom: 4px;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child,
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child {
margin-bottom: 0;
}
.disk-ui-file-thumbnails-more .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--base0-rgb), 0.6);
z-index: 2;
}
.disk-ui-file-thumbnails-more .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child .disk-ui-file-thumbnails-number {
display: block;
}
.disk-ui-file-thumbnails-horizontal {
}
.disk-ui-file-thumbnails-horizontal-remain {
}
.disk-ui-file-thumbnails-horizontal-full {
}
/*.disk-ui-file-thumbnails-horizontal-full.disk-ui-file-thumbnails:after {*/
/* content: none;*/
/*}*/
.disk-ui-file-thumbnails-horizontal-full.disk-ui-file-thumbnails {
flex-direction: column;
align-items: stretch;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-main {
flex: 1 0 66%;
margin-bottom: 4px;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-main .disk-ui-file-thumbnails-item {
padding-bottom: 66%;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-secondary {
display: flex;
flex: 1 0 34%;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item {
margin-right: 4px;
padding-bottom: 34%;
height: 0;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child {
margin-right: 0;
}
.disk-ui-file-thumbnails-grid {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(12, 1fr);
grid-gap: 3px;
/*padding-bottom: 100%;*/
/*height: 0;*/
/*width: -webkit-calc(100% + 37px);*/
/*width: calc(100% + 37px);*/
/*margin-left: -21px;*/
}
.disk-ui-file-thumbnails-grid-inner {
display: block;
padding-bottom: 100%;
height: 0;
}
.disk-ui-file-thumbnails-grid-vertical-full {
grid-template-columns: repeat(15, auto);
grid-template-rows: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-horizontal-full.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-item {
position: relative;
margin: 0;
padding-bottom: 100%;
height: 0;
background: var(--base7);
overflow: hidden;
}
.disk-ui-file-thumbnails-grid-flexible-img .disk-ui-file-thumbnails-grid-item {
display: flex;
justify-content: center;
align-items: center;
}
.disk-ui-file-thumbnails-grid-img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.disk-ui-file-thumbnails-grid-img.disk-ui-file-thumbnails-grid-img-cover {
width: 100%;
height: 100%;
object-fit: cover;
}
.disk-ui-file-thumbnails-grid-flexible-img .disk-ui-file-thumbnails-grid-img {
position: static;
transform: none;
}
.disk-ui-file-thumbnails-grid-flexible-img.disk-ui-file-thumbnails-grid-flexible-width-img .disk-ui-file-thumbnails-grid-img {
width: 100%;
}
.disk-ui-file-thumbnails-grid-flexible-img.disk-ui-file-thumbnails-grid {
display: block;
}
/* region VERTICAL VIEW */
.disk-ui-file-thumbnails-grid-vertical-two.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-vertical-three.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 8;
grid-row: 1 / span 12;
padding-bottom: 0;
height: auto;
}
.disk-ui-file-thumbnails-grid-vertical-two .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 6;
grid-row: 1 / span 12;
}
.disk-ui-file-thumbnails-grid-vertical-two .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 7 / span 6;
/*grid-row: 1 / span 12;*/
grid-row: 1 / span 12;
padding-bottom: 0;
height: auto;
}
/*.disk-ui-file-thumbnails-grid-vertical-two .disk-ui-file-thumbnails-grid-item-1,*/
.disk-ui-file-thumbnails-grid-vertical-three .disk-ui-file-thumbnails-grid-item-1 {
/*grid-column: 1 / span 4;*/
grid-column: 1 / span 6;
grid-row: 1 / span 12;
}
.disk-ui-file-thumbnails-grid-vertical-three .disk-ui-file-thumbnails-grid-item-2 {
/*grid-column: 5 / span 4;*/
grid-column: 7 / span 6;
grid-row: 1 / span 6;
}
.disk-ui-file-thumbnails-grid-vertical-three .disk-ui-file-thumbnails-grid-item-3 {
/*grid-column: 5 / span 4;*/
grid-column: 7 / span 6;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-1 {
/*grid-column: 1 / span 5;*/
grid-column: 1 / span 10;
grid-row: 1 / span 12;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-2 {
/*grid-column: 6 / span 5;*/
grid-column: 11 / span 5;
grid-row: 1 / span 4;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-3 {
/*grid-column: 6 / span 5;*/
grid-column: 11 / span 5;
grid-row: 5 / span 4;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-4 {
/*grid-column: 6 / span 5;*/
grid-column: 11 / span 5;
grid-row: 9 / span 4;
}
/* endregion */
/* region HORIZONTAL VIEW */
.disk-ui-file-thumbnails-grid-horizontal-two.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(2, auto);
}
.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 12;
grid-row: 1 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 12;
grid-row: 2 / span 1;
padding-bottom: 0;
height: auto;
}
.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 12;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-three.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
}
/*.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-1,*/
.disk-ui-file-thumbnails-grid-horizontal-three .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 12;
grid-row: 1 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-three .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 6;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-three .disk-ui-file-thumbnails-grid-item-3 {
grid-column: 7 / span 6;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 12;
grid-row: 1 / span 8;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 4;
grid-row: 9 / span 4;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-3 {
grid-column: 5 / span 4;
grid-row: 9 / span 4;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-4 {
grid-column: 9 / span 4;
grid-row: 9 / span 4;
}
/* endregion */
.disk-ui-file-thumbnails-grid-number {
display: none;
position: absolute;
top: 50%;
left: 50%;
font: 23px 'Roboto', "Helvetica Neue", Arial, Helvetica, sans-serif;
color: var(--bg-content-primary);
transform: translate(-50%, -50%);
z-index: 3;
}
.disk-ui-file-thumbnails-grid-more .disk-ui-file-thumbnails-grid-item-4:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--base0-rgb), 0.6);
z-index: 2;
pointer-events: none;
}
.disk-ui-file-thumbnails-grid-more .disk-ui-file-thumbnails-grid-number:last-child {
display: block;
}
/* endregion */
.disk-ui-file-thumbnails-grid + .post-item-attached-img-control,
.disk-ui-file-thumbnails-grid-inner + .post-item-attached-img-control {
padding-top: 17px
}
.post-item-post-block-wrap {
position: relative
}
.post-item-post-block,
.post-item-post-block-full {
overflow: hidden;
padding: 0 17px;
position: relative
}
@media (max-width: 320px) {
.post-item-post-block,
.post-item-post-block-ful {
padding: 0 10px;
}
}
.post-item-post-block {
max-height: 330px
}
.lenta-info-block-wrapp {
max-height: 324px
}
.post-vote-title,
.post-text-title {
color: var(--base0);
font-weight: bold;
font-size: 14px;
}
.post-text-title-container {
display: flex;
flex-direction: row;
align-items: center;
}
.post-item-text {
padding: 0 0 16px 0;
color: var(--base1);
font-size: 16px;
line-height: 21px;
position: relative;
overflow: hidden;
word-wrap: break-word;
-webkit-tap-highlight-color: transparent
}
.post-item-text a {
font-size: 16px
}
.post-item-text table.data-table,
.post-comment-text table.data-table {
border-collapse: collapse;
}
.post-wrap .post-item-text table.data-table {
display: block;
overflow-x: auto;
}
.post-item-text table.data-table td,
.post-comment-text table.data-table td,
.post-item-text table.data-table th,
.post-comment-text table.data-table th {
background-color: var(--bg-content-primary);
background-image: none;
border: 1px solid grey;
padding: 3px;
}
.post-item-text .bx-smile,
.post-comment-text .bx-smile {
vertical-align: text-bottom;
}
.ui-livefeed-background .post-item-text .bx-smile {
vertical-align: baseline;
}
.post-item-important input {
display: none;
}
.post-item-important input ~ .checked:before {
content: '\2713';
padding-right: 7px;
}
.post-item-important input ~ .checked {
display: none;
background: transparent;
color: var(--accent-soft-element-green1);
padding-left: 0;
box-shadow: none;
}
.post-item-important .webform-small-button.checked {
font-weight: normal;
}
.post-item-important input ~ .unchecked {
display: inline-block;
margin: 10px 0 10px 0;
}
.post-item-important input:checked ~ .checked {
display: inline-block;
}
.post-item-important input:checked ~ .unchecked {
display: none;
}
.post-item-important .post-item-important-list-text {
display: block;
font-size: 12px;
color: var(--base3);
}
.post-item-important .post-item-important-list-text.post-item-important-list-text-plus {
display: none;
}
.post-item-important .post-item-important-list-read .post-item-important-list-text.post-item-important-list-text-current {
display: none;
}
.post-item-important .post-item-important-list-read .post-item-important-list-text.post-item-important-list-text-plus {
display: block;
}
.post-item-corner {
background-size: 11px 7px;
bottom: -14px;
display: none;
right: 23px;
height: 14px;
position: absolute;
width: 11px
}
.lenta-item-shortened .post-item-corner {
display: block
}
.post-item-attached-file-wrap {
padding: 10px 0 8px 3px;
}
.post-item-top-wrap .post-item-attached-file-wrap {
padding: 0;
overflow: hidden;
}
.post-item-attached-file-list {
margin: 0 12px;
padding: 0 1px 0 1px;
overflow: hidden;
}
.post-item-top-wrap .post-item-attached-file-list {
padding: 16px 1px 18px 1px;
}
.post-item-attached-file-list.post-item-attached-file-list-toggle {
border-top: .5px solid var(--bg-separator-secondary);
}
.post-item-top-wrap .post-item-attached-file-list.post-item-attached-file-list-more {
padding-bottom: 14px;
}
.post-item-attached-file {
background: url(images/lenta/lf_attached_file_icon.png) no-repeat left 0;
background-size: 15px 18px;
font-size: 12px;
margin-top: 8px;
padding: 1px 0 0 23px;
min-height: 17px;
}
.post-item-top-wrap .post-item-attached-file,
.post-comment-detail .post-item-attached-file {
background: none;
display: flex;
align-items: center;
padding: 1px 6px 0 0;
font-size: inherit;
}
.post-comment-detail .post-item-attached-file.post-item-attached-audio {
display: block;
}
.post-item-attached-file .ui-icon {
min-width: 24px;
max-width: 24px;
}
.post-item-attached-file-link {
color: var(--base2);
text-decoration: none;
}
.post-item-top-wrap .post-item-attached-file-link,
.post-comment-detail .post-item-attached-file-link {
display: flex;
align-items: baseline;
padding-left: 12px;
width: 100%;
font-size: 15px;
color: var(--base2);
box-sizing: border-box;
overflow: hidden;
opacity: .8;
}
.post-item-attached-file:first-child {
margin-top: 0
}
.post-item-attached-file span:first-child {
color: var(--accent-main-links);
font-weight: bold;
margin-right: 3px;
}
.post-item-top-wrap .post-item-attached-file span:first-child,
.post-comment-detail .post-item-attached-file span:first-child {
color: inherit;
font-weight: inherit;
display: inline-block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 0;
}
.post-item-attached-file-size {
display: inline-block;
/*margin-left: auto;*/
white-space: nowrap;
font-size: 13px;
font-weight: 500;
color: rgba(var(--base2-rgb), 0.5);
}
.post-item-attached-file-extension {
margin-right: 8px;
}
.post-item-file-version-wrap {
padding: 2px 0 8px 3px;
}
.post-item-file-version {
font-weight: bold;
font-size: 12px;
}
.post-item-attached-file-more {
display: block;
margin-top: 6px;
padding: 0 6px;
width: 100%;
text-align: right;
box-sizing: border-box;
}
.post-item-attached-file-more-link {
display: inline-block;
font-size: 14px;
color: rgba(var(--base2-rgb), 0.5);
}
.post-item-attached-file-more-hidden,
.post-item-attached-file.post-item-attached-file-hidden {
display: none;
}
.post-item-attached-file-text-notice {
display: inline-block;
color: var(--base4);
font-size: 11px;
margin-right: 4px;
margin-left: 4px;
}
.post-item-attached-file-deleted-name {
color: var(--base3);
font-weight: bold;
text-decoration: line-through;
vertical-align: top;
word-wrap: break-word;
cursor: default;
}
a.post-item-inline-attached-file,
.post-item-attached-file-deleted-name {
font-size: inherit;
font-weight: normal;
}
.post-item-more {
margin-bottom: 2px;
/*padding: 6px 0 6px 0;*/
font: 15px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--base3);
text-decoration: none;
/*position: absolute;*/
/*right: 17.5px;*/
/*bottom: 13px;*/
}
.post-more-block {
height: 68px;
top: 262px;
left: 0;
right: 0;
z-index: 1000;
position: absolute;
background-image: linear-gradient(rgba(var(--bg-content-primary-rgb), 0.0) 0%, var(--bg-content-primary) 76%);
}
.lenta-item-new .post-more-block {
background-image: linear-gradient(rgba(var(--accent-soft-green3-rgb, 0.0)) 0%, var(--accent-soft-green3) 76%);
}
.post-add-comment-box {
display: flex;
align-items: center;
padding: 22px 20px 19px 20px;
background-color: var(--bg-content-primary);
overflow: hidden;
}
.post-add-comment-user-icon {
display: block;
margin-right: 7px;
min-width: 37px;
min-height: 37px;
border-radius: 50%;
overflow: hidden;
box-sizing: border-box;
}
.post-add-comment-main {
display: flex;
align-items: center;
padding: 0 12px 0 18px;
width: 100%;
height: 39px;
border: 1px solid rgba(var(--base4-rgb), 0.3);
border-radius: 22px;
overflow: hidden;
box-sizing: border-box;
}
.post-add-comment-btn {
display: block;
margin-bottom: 1px;
max-width: 100%;
font: 14px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--base4);
opacity: .8;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-add-comment-icon-box {
display: flex;
align-items: center;
margin-left: auto;
}
.post-add-comment-icon {
display: block;
margin-right: 5px;
padding: 10px 0;
width: 22px;
height: 22px;
background-position: center;
background-repeat: no-repeat;
}
.post-add-comment-icon:last-child {
margin-right: 0;
}
.post-add-comment-icon-file {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2218%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.65%2011.28a.609.609%200%2001.862-.007.609.609%200%2001-.008.861L9.66%2015.98c-2.158%202.159-5.628%202.188-7.75.066-2.122-2.122-2.093-5.592.066-7.75l6.39-6.39C9.87.397%2012.294.376%2013.775%201.858c1.481%201.481%201.461%203.904-.046%205.41l-5.394%205.395c-1.025%201.024-2.672%201.038-3.68.03-1.006-1.006-.993-2.654.032-3.678L7.994%205.71a.609.609%200%2001.861-.007.609.609%200%2001-.007.86L5.541%209.87a1.384%201.384%200%2000-.017%201.956%201.384%201.384%200%20001.957-.016l5.394-5.395c1.028-1.027%201.041-2.678.032-3.688-1.01-1.01-2.661-.996-3.688.031l-6.39%206.39c-1.68%201.679-1.702%204.378-.051%206.028%201.65%201.65%204.349%201.628%206.027-.05l3.846-3.846z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.3%22/%3E%3C/svg%3E');
}
.post-add-comment-icon-emoji {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2217%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.315%2015.809a7.272%207.272%200%20100-14.545%207.272%207.272%200%20000%2014.545zm0%201.118a8.391%208.391%200%20110-16.782%208.391%208.391%200%20010%2016.782zm4.086-6.19a.56.56%200%2001-.007.792%205.577%205.577%200%2001-3.922%201.605%205.577%205.577%200%2001-3.904-1.588.56.56%200%2011.78-.801c.831.81%201.94%201.27%203.124%201.27%201.19%200%202.306-.466%203.138-1.284a.56.56%200%2001.791.007zM6.916%204.62a1%201%200%20011%201v1.357a1%201%200%2001-1%201h-.238a1%201%200%2001-1-1V5.62a1%201%200%20011-1h.238zm5.035%200a1%201%200%20011%201v1.357a1%201%200%2001-1%201h-.238a1%201%200%2001-1-1V5.62a1%201%200%20011-1h.238z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.3%22/%3E%3C/svg%3E');
}
.lenta-item ul {
padding: 0 0 0 25px;
margin: 0;
list-style-type: disc
}
.bx-placeholder-wrap {
padding-top: 1px;
}
.bx-placeholder {
/*
-webkit-animation: 0.8s placeHolderShimmer linear infinite;
animation: 0.8s placeHolderShimmer linear infinite;
*/
background-color: var(--bg-content-secondary);
background-image: -webkit-linear-gradient(left, var(--bg-navigation) 0%, var(--base7) 20%, var(--bg-navigation) 40%, var(--bg-navigation) 100%);
background-image: linear-gradient(to right, var(--bg-navigation) 0%, var(--base7) 20%, var(--bg-navigation) 40%, var(--bg-navigation) 100%);
background-repeat: no-repeat;
background-size: 920px;
margin-top: 10px;
max-width: 920px;
}
@-webkit-keyframes placeHolderShimmer {
0% {
background-position: -560px 0;
}
100% {
background-position: 860px 0;
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -460px 0;
}
100% {
background-position: 860px 0;
}
}
@-webkit-keyframes placeHolderShimmer-small {
0% {
background-position: -419px 0;
}
100% {
background-position: 519px 0;
}
}
@keyframes placeHolderShimmer-small {
0% {
background-position: -419px 0;
}
100% {
background-position: 519px 0;
}
}
@-webkit-keyframes placeHolderShimmer-middle {
0% {
background-position: -495px 0;
}
100% {
background-position: 595px 0;
}
}
@keyframes placeHolderShimmer-middle {
0% {
background-position: -495px 0;
}
100% {
background-position: 595px 0;
}
}
@media screen and (max-width: 1350px) {
.bx-placeholder {
background-size: 790px 100%;
/*
-webkit-animation-name: placeHolderShimmer-middle;
animation-name: placeHolderShimmer-middle;
*/
}
}
@media screen and (max-width: 1200px) {
.bx-placeholder {
background-size: 638px 100%;
/*
-webkit-animation-name: placeHolderShimmer-small;
animation-name: placeHolderShimmer-small;
*/
}
}
.bx-feed-curtain {
border: none;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.bx-feed-curtain td {
background-color: var(--bg-content-primary);
padding: 0;
}
.bx-curtain-cell-1 {
width: 10px;
}
.bx-curtain-cell-2 {
width: 35px;
}
.bx-curtain-cell-3 {
width: 17px;
}
.bx-curtain-cell-4 {
width: 100%;
}
.bx-curtain-cell-5 {
width: 14.8%;
}
.bx-curtain-cell-6 {
width: 39%;
}
.bx-curtain-cell-7 {
width: 46px;
}
.bx-curtain-row-0 td {
height: 5px;
}
.bx-curtain-row-1 td {
height: 9px;
}
.bx-curtain-row-2 td {
height: 12px;
}
.bx-curtain-row-last td {
height: 33px;
}
.feed-nextpage-locked--container {
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: var(--base1);
box-sizing: border-box;
padding: 16px 17px 20px;
background: rgba(var(--bg-content-primary-rgb), 0.5);
}
.feed-nextpage-locked--title {
font-size: 15px;
line-height: 18px;
}
.feed-nextpage-locked--content {
display: flex;
align-items: center;
margin-top: 14px;
}
.feed-nextpage-locked--btn {
text-decoration: none;
font-weight: 400;
background: rgba(var(--bg-content-primary-rgb), 0.53);
border: 1px solid rgba(var(--accent-brand-blue-rgb), 0.53);
box-sizing: border-box;
box-shadow: 0 2px 2px rgba(var(--base0-rgb), 0.07);
border-radius: 24px;
font-size: 14px;
line-height: 16px;
padding: 6px 10px 6px 32px;
color: var(--base1);
position: relative;
}
.feed-nextpage-locked--btn::before {
content: '';
display: block;
width: 22px;
height: 22px;
position: absolute;
left: 5px;
top: 3px;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.1434 10.7731V5.39453L16.5977 6.9407C15.3392 5.39137 13.4235 4.39844 11.2711 4.39844C7.47539 4.39844 4.39844 7.47539 4.39844 11.2711C4.39844 15.0669 7.47539 18.1434 11.2711 18.1434C12.8901 18.1434 14.3752 17.5797 15.55 16.6434L13.8084 14.5064C13.1091 15.0556 12.2292 15.3862 11.2711 15.3862C8.99848 15.3862 7.15602 13.5438 7.15602 11.2711C7.15602 8.99848 8.99848 7.15557 11.2711 7.15557C12.6617 7.15557 13.8903 7.84677 14.6349 8.90303L12.7648 10.7731H18.1434Z' fill='%232FC6F6'/%3E%3C/svg%3E%0A");
}
.feed-nextpage-locked--btn.--loading::before {
-webkit-animation: rotating-animation 1s linear infinite;
animation: rotating-animation 1s linear infinite;
}
@keyframes rotating-animation {
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotating-animation {
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform-origin: center;
}
}
.feed-nextpage-locked--prompt {
color: rgba(var(--base1-rgb), 0.3);
margin: 2px 0 0 10px;
}
td.transparent {
background: none;
}
.bx-bx-curtain-avatar {
border: 10px solid var(--bg-content-primary);
margin: -32px -17px -21px -8px;
border-radius: 50%;
height: 32.5px;
width: 32.5px;
}
.new-post-waiter {
background: url(images/lenta/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
height: 30px
}
table.blogquote,
table.blogcode {
font-size: 1em;
width: 100%;
margin: .5em 1em;
table-layout: fixed;
border-top: 1px solid;
border-bottom: 1px solid;
}
table.blogquote td {
padding: 8px 15px 10px 28px;
word-wrap: break-word;
}
table.blogcode td {
padding: 8px 15px 10px 15px;
word-wrap: break-word;
white-space: pre-wrap
}
table.blogcode pre {
font-size: 12px;
margin: 0;
line-height: 15px;
white-space: pre-wrap;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif !important
}
div.blog-post-quote, div.blog-post-code {
padding-top: .6em;
padding-right: 6px;
padding-bottom: .6em;
}
div.blog-post-quote span,
div.blog-post-code span {
padding-left: 0.6em
}
div.blog-post-quote table.blogquote, div.blog-post-code table.blogcode {
margin: 0
}
div.blog-post-quote span,
div.blog-post-code span {
color: var(--base3)
}
div.blog-post-code table.blogcode {
border-color: var(--bg-separator-secondary);
color: var(--base2);
background-color: transparent
}
div.blog-post-quote table.blogquote {
border-color: var(--bg-separator-secondary);
color: var(--base2);
background: transparent url(images/lenta/lf_quote_grey.png) no-repeat 10px 13px;
background-size: 12px
}
.post-comment-text div.blog-post-quote table.blogquote {
border-color: var(--bg-separator-primary);
color: var(--base3);
background: transparent url(images/lenta/lf_quote_blue.png) no-repeat 10px 12px;
background-size: 12px
}
.post-comment-text div.blog-post-code table.blogcode {
border-color: var(--accent-soft-blue2);
color: var(--base3)
}
table.forum-spoiler th {
color: var(--base3);
font-weight: normal;
border-bottom: 1px dashed var(--base3);
}
/*================================================================INVITE USER===================================================================*/
.invite-user {
padding: 0 24px 0
}
.invite-uset-title {
text-align: center;
color: var(--base2);
text-shadow: 0 1px 1px var(--bg-content-primary)
}
.invite-user-textarea {
box-sizing: border-box;
font-family: Arial, -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
background: none;
border-color: transparent;
color: var(--base2);
border-width: 9px 3px 5px 4px;
display: block;
font-size: 13px;
margin: 5px 10px 2px 0;
height: 60px;
padding: 0 2px 0;
vertical-align: top;
-webkit-tap-highlight-color: transparent;
width: 100%;
resize: none
}
.invite-user-textarea::-webkit-input-placeholder {
color: var(--base2)
}
.invite-user-label {
font-size: 13px;
color: var(--base2)
}
.invite-user-hr {
border: none;
border-top: 1px solid var(--accent-soft-blue3);
border-bottom: 1px solid var(--bg-content-primary);
margin: 11px auto 9px
}
.invite-user-button {
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
display: inline-block
}
.invite-user-button-wrap {
margin-bottom: 18px;
overflow: hidden;
padding-top: 15px;
text-align: center
}
/*================================================================INVITE USER===================================================================*/
/*=================================================================POST CARD========================================================================*/
.post-card {
background-color: var(--bg-content-primary);
}
.post-wrap {
/* margin: 10px 9px 15px;*/
overflow: hidden;
word-wrap: break-word;
min-height: 49px;
-webkit-transform: translateZ(0px)
}
.post-card-wrap {
color: var(--base2);
padding: 0 0 10px;
position: absolute;
top: 0;
right: 0;
bottom: 51px;
left: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent
}
.post-wrap.post-without-informers {
border-width: 3px
}
.post-cont {
overflow: hidden
}
.post-title {
color: var(--accent-main-links);
font-size: 13px;
font-weight: bold
}
.post-date {
color: var(--base4);
display: inline-block;
font-size: 10px;
vertical-align: top;
}
.post-text-title {
margin-bottom: 14px;
color: var(--base0);
font-size: 16px;
font-weight: bold;
}
.info-block-background .post-text-title {
font-size: 20px;
font-weight: 500;
}
.post-text-cont {
color: var(--base1);
font-size: 12px
}
.post-comments-wrap {
background: transparent;
padding: 0;
flex: 1;
overflow: auto;
}
.lenta-item .post-comments-wrap {
padding-bottom: 0;
}
.post-wrap .post-comments-wrap {
padding-bottom: 9px;
}
.post-comments-button-press,
.post-comments-button {
color: var(--accent-soft-element-blue1);
background: var(--bg-secondary);
font-size: 13px;
font-weight: bold;
height: 37px;
line-height: 37px;
max-height: none;
text-align: center;
position: relative;
z-index: 2;
margin: 0;
vertical-align: middle;
cursor: pointer;
}
.post-comments-button i {
font-style: normal;
opacity: .5;
}
.post-comments-button-waiter {
display: none;
margin-left: 5px;
position: relative;
}
.post-comments-button-waiter.post-comments-button-waiter-active {
display: inline-block;
}
.post-comments-button-waiter .post-comments-button-waiter-circular {
position: absolute;
top: -13px;
margin: auto;
height: 16px;
width: 16px;
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.post-comments-button-waiter-circular .post-comments-button-waiter-inner-path {
stroke: rgba(var(--base3-rgb), 0.17);
stroke-width: 1.5;
stroke-dasharray: 200, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
}
.post-comments-button-waiter-circular .post-comments-button-waiter-path {
stroke: rgba(var(--base3-rgb), 0.74);
stroke-width: 1.5;
stroke-dasharray: 20, 200;
stroke-dashoffset: 0;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
.post-comments-button-press {
}
.post-comments-button:after {
padding: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAOUlEQVQoz2NgwAJCK+b+R8YMxIJRjQhFTegKicCN5GhuRLe5kWRNRGrGromAZvyacGgmThOaZpyaAHF4ue8xVec0AAAAAElFTkSuQmCC) no-repeat center;
background-size: auto 7px;
content: "";
display: inline-block;
height: 16px;
margin-left: 3px;
vertical-align: middle;
width: 16px;
opacity: .7;
position: relative;
margin-top: -3px;
}
.post-comments-link {
display: block;
padding: 0 0 1px 0;
font: 15px/21px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--base3);
text-decoration: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
outline: none;
}
.lenta-page .post-comments-link {
display: none;
}
.post-comments-wrap .post-comments-link {
padding-left: 18px;
padding-top: 2px;
padding-bottom: 4px;
margin-top: 9.5px;
}
@media (max-width: 320px) {
.post-comments-link {
font: 14px/21px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
}
}
.post-comments-link-count {
}
.post-comments-link-count:before,
.post-comments-link-count:after {
color: var(--base4);
}
.post-comments-link-count:before {
content: "(";
}
.post-comments-link-count:after {
content: ")"
}
.post-comments-link-cont {
display: flex;
align-items: baseline;
justify-content: flex-start;
}
.post-comments-link-loader-informer {
display: inline-flex;
align-items: stretch;
font-size: 15px;
line-height: 18px;
color: var(--base4);
position: relative;
bottom: -1px;
padding-left: 12px;
min-height: 18px;
}
.post-comments-link-loader-informer:before {
content: '';
position: relative;
border-radius: 7px;
width: 14px;
height: 14px;
bottom: -2px;
box-sizing: border-box;
border: 1.5px solid var(--base5);
border-right-color: transparent;
animation: normal infinite postCommentLinkLoader 1s;
transform-origin: center;
margin-right: 4.61px;
}
@keyframes postCommentLinkLoader {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.post-comment-block {
display: flex;
padding-top: 9px;
margin: 0;
}
.post-comments-wrap .feed-com-block-cover:nth-child(1) .post-comment-block {
padding-top: 18.5px;
}
.post-comments-wrap .feed-hidden-post .feed-com-block-cover:nth-child(1) .post-comment-block {
padding-top: 9px;
}
.post-comments-wrap .post-comment-block {
padding-left: 20px;
/*padding-right: 18px;*/
padding-right: 25px;
}
.post-comments-wrap .comment-block-rating-nonempty.post-comment-block {
padding-right: 0;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-container {
position: relative;
top: -7px;
/*margin-bottom: 5px;*/
height: 30px;
max-height: 23px;
transform: translate(11px, 0px);
transition: margin-right .3s;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-text-box {
align-items: normal;
margin-top: 1px;
min-width: 16px;
font: 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
line-height: 20px;
color: rgba(var(--base3-rgb), 0.7);
text-decoration: none;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-text-box .feed-post-emoji-text-item,
.post-comments-wrap .post-comment-block .feed-post-emoji-text-box .feed-post-emoji-text-item:hover {
border-bottom: none;
}
.post-comments-wrap .post-comment-block .bx-ilike-mobile-emoji-icon-item {
margin-left: -6px;
}
.post-comment-block .urlpreview-mobile a > * {
pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
/*.post-comment-block {*/
/* border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEUlEQVQYV2NggIFnL17+B2EAISwHbfWfx/wAAAAASUVORK5CIIA=) fill 0 0 2 0 stretch;*/
/* border-width: 0 0 1px 0;*/
/*}*/
.post-wrap .post-comments-wrap .post-comment-block {
border: none;
}
}
.post-comment-block .feed-post-emoji-icon-container {
flex-direction: row-reverse;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-container {
margin-right: -48px;
margin-left: auto;
display: none;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-container.feed-post-emoji-container-nonempty {
display: flex;
margin-top: -4px;
margin-right: -22px;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-icon-item {
margin-left: -6px;
background-size: cover;
box-shadow: inset 0 0 4px 4px var(--bg-content-primary);
border-color: var(--bg-content-primary);
}
.post-comments-wrap .post-comment-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1,
.post-comments-wrap .post-comment-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1 {
/*margin: 0;*/
z-index: 6;
}
.post-comment-new, .post-comment-block-new {
background: var(--accent-soft-green3);
border-bottom-color: var(--accent-soft-green3);
}
.post-comment-new-transition-init {
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
opacity: 0
}
.post-comment-new-transition {
opacity: 1.0
}
.post-comment-cont {
display: flex;
align-items: flex-end;
margin: 0;
}
.post-user-wrap {
margin-bottom: 5px;
overflow: hidden;
padding-bottom: 3px;
}
.post-comment-author {
display: inline-block;
margin: 0 12px 0 0;
/*max-width: 180px;*/
font: 16px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
font-weight: bold;
color: var(--accent-main-links);
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-comment-author.feed-com-name-email,
.post-comment-author.feed-com-name-extranet {
color: var(--accent-main-warning);
}
.post-comment-author.feed-com-name-collaber {
color: var(--collab-accent-primary-alt);
}
.post-comment-detail {
padding-top: 4px;
overflow: hidden;
}
.post-comment-balloon {
padding: 7px 14px;
border-radius: 25px;
background: var(--bg-content-tertiary);
overflow: hidden;
}
.post-comment-wrap-outer {
position: relative;
}
/* System comments */
.post-comment-block.mpl-comment-aux .post-comment-balloon {
border: 1px solid var(--bg-separator-secondary);
background-color: var(--bg-content-primary);
color: var(--base3);
}
.post-comment-block.mpl-comment-aux .post-comment-cont .post-comment-time {
color: var(--base4);
}
.post-comment-block.mpl-comment-aux .post-comment-text {
color: var(--base3);
}
.post-comment-block.mpl-comment-aux .post-comment-cont .post-comment-author,
.post-comment-block.mpl-comment-aux .post-comment-cont .post-comment-time:hover {
color: var(--base2);
}
.post-comment-block.mpl-comment-aux .post-comment-block-avatar {
opacity: 0;
}
.post-comment-block-hidden .post-comment-balloon {
background: var(--accent-soft-orange3);
}
.post-comment-wrap {
position: relative;
max-height: 200px;
overflow: hidden;
}
.post-comment-text,
.post-comment-text a {
font: 16px/21px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
}
.post-comment-text {
color: var(--base1);
word-break: break-word;
}
.post-comment-control-box {
display: flex;
padding: 0 0 0 14px;
}
.post-item-informers,
.post-comment-control-item {
font: 15px -apple-system, BlinkMacSystemFont, Roboto, Arial, Helvetica, sans-serif;
color: var(--base3);
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-item-informers {
padding: 5px 0 0 0;
}
.post-comment-control-item {
padding: 3px 0 0 0;
}
.post-comment-control-item,
.post-comment-time {
color: rgba(var(--base3-rgb), 0.7);
}
.post-item-informers {
margin: -5px 12px 0 0;
}
.post-comment-control-item {
margin: 0 10px 0 0;
}
.post-comment-control-item:last-child {
margin: 0;
}
.post-comment-more {
position: absolute;
background-image: linear-gradient(to bottom, rgba(var(--bg-content-tertiary-rgb), 0.3), rgba(var(--bg-content-tertiary-rgb), 1) 23px);
top: 171px;
left: auto;
height: 30px;
width: 100%;
overflow: hidden;
}
.post-comment-block-new .post-comment-more {
background-image: -webkit-linear-gradient(top, rgba(var(--accent-soft-orange3-rgb), 0.3), rgba(var(--accent-soft-orange3-rgb), 1) 23px, rgba(var(--accent-soft-orange3-rgb), 1) 24px);
background-image: linear-gradient(to bottom, rgba(var(--accent-soft-orange3-rgb), 0.3), rgba(var(--accent-soft-orange3-rgb), 1) 23px, rgba(var(--accent-soft-orange3-rgb), 1) 24px);
}
.post-comment-more-but {
background: none;
display: block;
border-bottom: 0.8px solid rgba(var(--bg-separator-primary-rgb), 1.0);
height: 22px;
margin: 0;
position: relative;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.post-comment-more:hover .post-comment-more-but {
border-color: rgba(var(--bg-separator-primary-rgb), 1.0);
}
.post-comment-more-but:before {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%204.829L10.243.586%2011.657%202%207.414%206.243%206%207.657.343%202%201.757.586%206%204.829z%22%20opacity%3D%22.789%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: 25px center;
background-color: var(--bg-content-tertiary);
border: 0.8px solid rgba(var(--bg-separator-primary-rgb), 1.0);
border-bottom: none;
border-radius: 16px 16px 0 0;
bottom: -1.5px;
content: '';
height: 21px;
left: 50%;
margin-left: -32px;
position: absolute;
width: 63px;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.post-comment-more:hover .post-comment-more-but:before {
border-color: rgba(var(--bg-separator-primary-rgb), 1.0);
border-bottom: none
}
.post-comment-active-progress .post-comment-block-avatar,
.post-comment-active-progress .post-comment-balloon {
opacity: .5;
}
.post-comment-active-progress .post-comment-control-box {
display: none;
}
.post-comment-publication,
.post-comment-error {
align-items: center;
padding: 3px 0 3px 14px;
}
.post-comment-publication {
display: flex;
}
.post-comment-error {
display: none;
}
.post-comment-publication-icon,
.post-comment-error-icon {
display: inline-block;
margin-right: 5px;
width: 11px;
height: 12px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10.9624%207.8596C10.5479%208.98308%209.78382%209.94388%208.78248%2010.6006C7.78114%2011.2573%206.59545%2011.5753%205.39987%2011.5077C4.20429%2011.4402%203.06197%2010.9906%202.141%2010.2253C1.22002%209.45992%200.569031%208.41916%200.283813%207.25613C-0.0014051%206.09311%200.0942138%204.86925%200.5566%203.76464C1.01899%202.66002%201.82372%201.733%202.85239%201.11996C3.88105%200.506925%205.07933%200.240258%206.2709%200.359198C7.46246%200.478138%208.58438%200.976404%209.47157%201.78068L8.37832%202.98665C7.74935%202.41646%206.95397%202.06322%206.10922%201.9789C5.26447%201.89457%204.41496%202.08363%203.68569%202.51823C2.95642%202.95284%202.38591%203.61005%202.0581%204.39316C1.7303%205.17627%201.66251%206.04392%201.86471%206.86843C2.06692%207.69295%202.52844%208.43079%203.18135%208.97339C3.83427%209.51599%204.64412%209.83468%205.49171%209.88258C6.33931%209.93048%207.1799%209.70506%207.88979%209.23948C8.59969%208.77389%209.1414%208.09275%209.43521%207.29626L10.9624%207.8596Z%22%20fill%3D%22%23A8ADB4%22/%3E%0A%3C/svg%3E') no-repeat;
}
.post-comment-publication-icon {
animation: post-comment-active-progress 1s infinite linear;
}
.post-comment-publication-text,
.post-comment-error-text {
font-size: 14px;
font-style: italic;
color: var(--base4);
}
@keyframes post-comment-active-progress {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.post-comment-time {
font: 12px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: var(--base3);
opacity: .7;
line-height: 18px;
white-space: nowrap;
}
.post-comment-reply,
.post-comment-likes,
.post-comment-likes-liked {
color: var(--base3);
font-weight: bold;
display: inline-block;
line-height: 14px;
font-size: 11px;
padding: 7px 0 12px 0;
margin-right: 10px;
vertical-align: top;
min-width: 90px;
}
.post-comment-likes,
.post-comment-likes-liked {
height: 14px;
}
.post-comment-likes-liked {
color: var(--accent-main-links);
}
.post-comment-reply-text,
.post-comment-likes-text {
display: inline-block;
margin-right: 3px;
vertical-align: top;
}
.post-comment-likes-counter {
display: inline-block;
position: relative;
top: -7px;
left: -4px;
padding: 7px 14px 7px 6px;
}
.post-comment-likes .post-comment-likes-counter,
.post-comment-likes-liked .post-comment-likes-counter {
display: none;
}
.post-comment-likes.post-comment-liked .post-comment-likes-counter, .post-comment-likes-liked.post-comment-liked .post-comment-likes-counter {
display: inline-block;
}
.post-comment-likes.post-comment-liked .post-comment-likes-text:after, .post-comment-likes-liked.post-comment-liked .post-comment-likes-text:after {
content: ":";
}
.post-comments-load-btn-wrap {
padding: 33px 0;
text-align: center;
background: var(--bg-secondary);
}
.post-wrap .post-comments-load-btn-wrap {
background: transparent;
}
.post-comments-loader {
width: 23px;
height: 23px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAACTklEQVRo3tWaz0tCQRDHN5AkOnSp1N4lu9jJ/ohUrGt06ZIIgh4Kgw5q8KqDmmRUf0BeEvOgHfIfbAZGWMZ9/ur1nF34wmPec/fDOm92dvYp5UM7L9zGQMegHOgO1AS9kppky9Ez22qVDQD2QXnQB2i0gM5WBZwE1ReE1XUQNHAE5M6A6oNeQFXQDeiKrlugHugTtBYkNPrmwAD6A2qATkHOHP1sBQUcApUNwN+gEv4LSloDqDDowQB9j1FESWw009yfh6CsktwM7oEv1qF06DSD7mLMlg4dYdED3SOhpDeDX5/YAJ1k0K6yobFlHF0kKpBx3ZQw6bNdEga8Cbqg6BbXb+TZMh4VBL1BwGO+vH5TT03rwt24o28CREcSZGKMMTSmmNERCO4wxhQaL/V8WnDU62ucOTTUNENbMHhb46yh4UkzVASDVzXOFhreNcO1JRnru9Xg1rqKLS/nM385c7aGQxsWoD3TAsSX/KxA8OzEkk83OsKTrMeJJMsjrd0VBL1DTMa0Ni51IwEsBcYWn7V1iwiAjhDLmKthxWbZUHU4mvfBrKBI4oovCOGYzEUGM1131SU4qjh0GUNmmUxsXPRMBDTTPTZ2eZEOQlQHD6zMTD49ZGNifT60aEdehX3Xz7oL9uVxtoRjh5ft1OsoBWem+JdYT4GgaJjlEY0Z8mNW0lMOr+pU95jn8MqhZ+tsGdejR8ZvH4zOcVz4RbvxCs1ama7bdG/ab91/Lf35cEDLhX0lVcDxdpkj8RH9Jr/yIxqPjxDeSPwjBF+OGn8BttJhi1oXawoAAAAASUVORK5CIIA=) no-repeat center;
background-size: 23px;
margin: 0 auto 20px;
-webkit-animation: post_comments_loader 1s linear infinite;
animation: post_comments_loader 1s linear infinite;
}
@-webkit-keyframes post_comments_loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes post_comments_loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.post-comments-load-btn {
background: var(--accent-extra-darkblue);
color: var(--bg-content-primary);
display: inline-block;
height: 36px;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 36px;
min-width: 120px;
margin-top: 25px;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
padding: 0 2px;
border-radius: 1.5px
}
.post-comments-load-btn-active {
border-image: url(images/comments-reload-push-btn.png) fill 4 stretch;
border-width: 2px;
}
.post-comments-load-text {
color: var(--base3);
display: block;
text-align: center;
padding-bottom: 5px;
}
.post-comment-preview-wait {
background: url(images/lenta/loader.gif) no-repeat 0 0;
width: 23px;
height: 10px;
right: 0;
top: 6px;
position: absolute;
}
.post-comment-preview-undelivered {
background: url(images/lenta/undelivered-message-icon.png) no-repeat;
background-size: 18px;
width: 18px;
height: 18px;
right: 1px;
top: 3px;
position: absolute;
display: none;
}
.feed-com-block-cover.feed-com-block-cover-undelivered .post-comment-publication {
display: none;
}
.feed-com-block-cover.feed-com-block-cover-undelivered .post-comment-error {
display: flex;
}
.feed-com-block-cover.feed-com-block-cover-undelivered .post-comment-balloon {
background: var(--accent-soft-red2);
}
.post-comment-block-scroll {
position: fixed;
right: 10px;
background: var(--bg-content-primary);
border: 1px solid var(--base7);
box-shadow: 0 2px 1px 0 rgba(var(--base0-rgb), 0.2);
border-radius: 50%;
width: 42px;
height: 42px;
z-index: 1000;
}
.bx-ios .post-comment-block-scroll {
display: none;
}
.post-comment-block-scroll-bottom {
bottom: -50px;
-webkit-transition: bottom .2s ease-out;
transition: bottom .2s ease-out;
}
.post-comment-block-scroll-top {
top: -50px;
-webkit-transition: top .2s ease-out;
transition: top .2s ease-out;
}
.post-comment-block-scroll-arrow {
display: inline-block;
width: 10px;
height: 10px;
border-top: 3px solid var(--base4);
border-right: 3px solid var(--base4);
margin-left: 15px;
cursor: pointer;
}
.post-comment-block-scroll-arrow-bottom {
transform: rotate(135deg);
margin-top: 13px;
}
.post-comment-block-scroll-arrow-top {
transform: rotate(315deg);
margin-top: 18px;
}
.post-comment-block-scroll-bottom-active {
/* bottom: 10px;*/
}
.post-comment-block-scroll-top-active {
top: 10px;
}
.feed-add-post-button {
display: none;
position: fixed;
right: 15px;
bottom: 17px;
width: 58px;
height: 58px;
border: 0;
border-radius: 50%;
background: var(--accent-brand-blue) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.50414%2027.5765L13.347%2019.7336C14.0597%2020.0085%2014.8987%2019.8585%2015.4736%2019.2835C16.2516%2018.5056%2016.2516%2017.2443%2015.4736%2016.4663C14.6957%2015.6883%2013.4344%2015.6883%2012.6564%2016.4663C12.0654%2017.0573%2011.9234%2017.9272%2012.2303%2018.6523L4.40513%2026.4775L3.97657%2026.0489C3.71618%2025.7885%203.63967%2025.3994%203.78864%2025.0626C4.83471%2022.6978%209.00466%2013.4742%2011.4316%2011.1033C13.8307%208.75948%2017.7413%209.06901%2018.7916%209.20203L20.3684%207.62518L20.2809%207.53765C19.9302%207.18694%2019.9302%206.61833%2020.2809%206.26762L23.5681%202.98036C23.9188%202.62965%2024.4875%202.62965%2024.8382%202.98036L29.003%207.14516C29.3537%207.49587%2029.3537%208.06448%2029.003%208.41519L25.7157%2011.7025C25.365%2012.0532%2024.7964%2012.0532%2024.4457%2011.7025L24.3567%2011.6134L22.7504%2013.2198C22.8802%2014.3924%2023.1349%2018.4074%2020.8799%2020.5516C18.5676%2022.7503%209.30383%2027.0829%206.92202%2028.1777C6.58267%2028.3337%206.18669%2028.259%205.92259%2027.9949L5.50414%2027.5765Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E') center no-repeat;
background-size: 32px 32px;
box-shadow: 0 2px 4px rgba(var(--accent-soft-element-blue1-rgb), 0.2);
z-index: 1100;
}
.lenta-page .feed-add-post-button {
display: block;
}
/* LIKE REACT */
/*.post-comment-block .post-comment-detail {*/
/*overflow: visible;*/
/*}*/
.comment-block-rating-nonempty.post-comment-block .post-comment-detail {
padding-right: 25px;
}
.post-comment-block .post-comment-balloon {
overflow: visible;
}
/* END OF LIKE REACT */
/*=================================================================POST CARD========================================================================*/
/*==========================================================NOTIFICATION=======================================================================*/
.ml-notify {
background-color: var(--bg-content-primary);
}
.notif-avatar {
background: url(images/notification-block/avatar.png) no-repeat center;
background-size: 38px 38px
}
.notif-avatar i {
border-radius: 6px;
height: 11px;
right: -6px;
bottom: -5px;
position: absolute;
width: 11px
}
.notif-avatar-offline i {
background: -webkit-linear-gradient(bottom, var(--accent-soft-element-red1), var(--accent-main-alert));
}
.notif-avatar-online i {
background: -webkit-linear-gradient(bottom, var(--accent-soft-element-green1), var(--accent-main-success));
}
.notif-block-wrap a {
display: inline-block;
font-size: 14px;
font-weight: 600
}
.notif-block-wrap {
background-color: var(--bg-primary);
}
.notif-block:first-child {
border-top: 0;
}
.notif-title {
color: var(--base1);
font-size: 16px;
font-weight: bold;
}
.notif-more {
border-image: url(images/notification-block/notif-border.gif) fill 2 0 0 stretch;
border-width: 1px 0 0;
border-radius: 0 0 3px 3px;
color: var(--accent-main-links);
font-size: 12px;
font-weight: bold;
margin: 0 -3px -5px;
text-align: center;
padding: 6px 0 10px;
}
.notif-buttons {
padding: 0px 0;
margin-top: 14px;
margin-bottom: 15px;
display: flex;
}
.notif-more-push {
background-color: var(--base6);
}
.notif-time:first-letter {
text-transform: uppercase;
}
.notif-block-empty {
position: absolute;
left: 0;
font-size: 19px;
top: 50%;
padding-top: 130px;
margin-top: -85px;
width: 100%;
color: var(--base3);
text-align: center;
background: url(images/notification-block/notif-empty-v2.png) no-repeat top center;
background-size: 112px 112px
}
.notif-block-unread {
background-color: var(--bg-separator-secondary);
}
.notif-new {
height: 10px;
background-color: var(--bg-separator-secondary);
margin: 0 -3px;
}
.notif-cont {
padding-top: 0;
flex-grow: 1
}
.notif-text {
color: var(--base0);
font-size: 16px;
padding-bottom: 2px;
display: block;
min-height: 26px;
line-height: 20px;
margin-top: 4px;
word-break: break-word;
}
.notif-time {
color: var(--base4);
font-size: 14px;
float: left;
}
.notif-cont .bx-messenger-attach-box {
position: relative;
}
.notif-counter {
float: left;
display: inline-block;
margin-top: 3px;
border-radius: 12px;
font-size: 13px;
height: 15px;
text-align: center;
min-width: 9px;
padding: 3px 0 5px 2px;
margin-left: 45px;
color: var(--accent-soft-element-blue1) c4;
font-weight: 500;
}
.notif-options {
margin-top: 4px;
height: 19px;
margin-bottom: 8px;
}
.notif-cont .bx-messenger-attach-user-name {
width: 70%;
vertical-align: top;
padding-top: 4px;
position: relative;
font-size: 16px;
}
.notif-button {
color: var(--base8);
display: inline-block;
font-size: 14px;
height: 40px;
line-height: 40px;
margin: 0 9px 0 0;
min-width: 9px;
max-width: 120px;
text-align: center;
padding: 0 12px;
border-radius: 2px;
text-transform: uppercase;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
vertical-align: middle;
}
@media screen and (max-width: 320px) {
.notif-button {
font-size: 10px;
word-break: normal;
height: 34px;
line-height: 34px;
overflow: hidden;
}
}
.notif-button-accept {
background: var(--accent-brand-blue);
color: var(--base-white-fixed);
border: 1px solid var(--accent-brand-blue);
}
.notif-button-cancel {
border: 1px solid var(--base5);
color: var(--base2);
}
.notif-block {
-webkit-transition: background 0.3s;
transition: background 0.3s;
border-top: 1px solid var(--bg-separator-secondary);
background-color: var(--bg-content-primary);
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px;
overflow: hidden;
}
.notif-inner {
max-height: 216px;
overflow: hidden;
position: relative;
word-break: break-word;
}
.notif-header {
display: flex;
justify-content: space-between;
}
.notif-delete {
background-size: 16px 16px;
width: 24px;
height: 16px;
background: url("images/notification-block/close.svg") no-repeat 7px;
}
.notif-fold-button {
float: right;
visibility: hidden;
color: var(--base4);
font-size: 14px;
margin-right: 7px;
}
.notif-bottom-gradient {
position: absolute;
width: 100%;
height: 20px;
bottom: 0;
}
.notif-bottom-gradient {
}
/*==========================================================NOTIFICATION=======================================================================*/
/*=====================================================NEW POST===============================================================================*/
.newpost-page {
font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
height: 100%;
background-color: var(--bg-content-primary);
}
/*top panel*/
.newpost-panel-top {
position: absolute;
width: 100%;
height: 44px;
top: 0;
left: 0;
background: var(--bg-content-secondary);
z-index: 2;
box-sizing: border-box;
border-bottom: 1px solid var(--base5);
}
@media (-webkit-min-device-pixel-ratio: 2) {
.newpost-panel-top {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAEElEQVQYV2M8ffn2fwZ8AABtNgN6AjF5UQAAAABJRU5ErkJggg==) fill 0 0 2 stretch;
border-width: 0 0 1px;
}
}
.attach-file-button {
position: absolute;
left: 13px;
top: 50%;
margin-top: -16px;
width: 30px;
height: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADNElEQVRYw71Y+UtUURidzEyxskwmySwtzFYtLEPblOiHjATR+kGxBSIyocyI9lUKWpRKbE+xbJGy0vkHO1+cC6fhvlnezDRwmPG+77vv3G+/RiI5+rS2d68FBoAJ4DcwBdwBmoB5kVx/7CVALzAHxAIwBBTnkkQeMBj3wmZaZxvQR+vYswdAfi5I5APX+BKzRleAXAPwi3Lt2SaxELgrJA4lke+h7KtskigCHnLjWaAlBZ2V4r4l2SCxCHjKDc3cTSnqLRAilZmSKAFecLMfwPY0dNUiizMhUWb+5UbTwJY09U9RdzQTEiuA99zoC1CTpv4uxlIsWVAn2mQVMMlNPgJVaervltS1KpsXtmRPcZNx87NU0uPA4ST6B8QSlmWFYUjUAl+5yRsgKpW0X+rH5gD9Nin5t4GCMCS2At+5yRiwTCrpFYn+7gD9LpG5GqqsQ2kHMMNNRlyqmVmBe2KJIwH6vUJiIGxMaGA9ct2SRewJ162BtQZ04DNCos+1fnyXp0zINpfAum+9hOullvtcN0s1BnTg80LihCfWLiUlExdYN51PeZJ3iYoY4+aykDgmz+ol1qwYliQi0SkkjPV8rldJ/bAUXufRLQBu+eKGRewnnz1PRqJHTtLvTIfvDZK6H4AKj24hhyDXgQ/KsxYZhh4nnMyYHY7EaQmshjhzlnl0i/kC14H3Brh5KGERo1/HxR2OxD7JmhHf3GBrwDNf8OL3UTnc9aT1AwJ7KGwnXyrmnJXZssijZxn0UnTrJXVPConBlNIVQhecgpxymms3bIjx6ESBt5T5BmyU1D3nqx+pEHETVps0pxizpNAjX8G7isl8tmYYkLq96VbQMSrulxT+G1we2WrgkxCtDEjdzjCl3JXrDv7dLH6Pitz6uDQu9wzPc5kMO2fdoCKDrZvAJti4+jmX/pPG1gSBYek7LZGwHyjXyWnWiAsmPVfFYcmsUnGrt++Euau6U41Kg7Ps6WAAXmQQ53uyxlxYl61L0mqmYYxZFE0gu0msZTFTm+1r404ZgmZYAxrNXdbkLKtYV+ZkeK7O1W2+ht0xlgR22V7+P/6/0cz+MM5+YxZ6zeypycV7/wBF9orPIlWCJwAAAABJRU5ErkJggg==) no-repeat center;
background-size: 17px;
}
.attach-dog-button {
position: absolute;
left: 56px;
top: 50%;
margin-top: -16px;
width: 30px;
height: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAEIUlEQVRYw62Yd2hUQRDGE429Y1TsHQWV2DXBhiixgiF2RWwo1lgTUNCIBAuWf+wdFQuKXREVsaARK2LFXkBjV2KJGnN+I9/CuO67vDN38CN3uzPz5u3OzM4mIiKET9qS1aVBMzAd7AE3wRvwBbwDT8FZsBwkgsqgSES4PjBWDvQDl0CA/ACf6MBr8p5OGZnvYC1oDgrnxYEoEA+uKeOPwH4wDXQDTUBtUB/EgcFgGbgMPii9paDK/zhREqQpQ/fAfFApBBu9wGHwmTZugNhQnCgFtlM5B2wFVfOwskPBA9qTLezgR6kw2EWlb2BqmOKsAbhCuw9B3dwUlqhgHBkRxo88nDEm9o+AAl6CnVVMLPRhuCLoAoaB0SABlMlFJ54rLc9IdAmUYDCJwEVQPIixCmAWOAd+KeeF4yYG8Lcg6A9SJcOU/i4VvEW14UgqyGQm6BHEiU7gvPXwj1aqSpGrxYJmxlItG5843tYO0AucOBXEie58iDF+lHUjlkxXqboGjOP3DBCj7OQH1zk3Tz+gMQezwCQPJ9qwchon5oFoh9xwlXHG6W12YOL3jn9eXB7OwWegusN4TfUGwqJcAnK7tXVjHDKprFHPXIrpDoV8YJ0yuu+vAHM7kqDkn8iKO2SSWCIy9aApNJsdCl2pYFasqY+07qQckZfMH8SRLD2YwWWa61BYpIyO81m4+iqdCR4yqabk60FJ2WyQbAlHg5NUuCWnrE9HZqtS3thDZitlrupByemfYIolHMd+48+2SYHy4UQ0i1qAhSvSI+5M8G/UEy9YIWdaCr1dBSkXR2L4UmJvsodMR5XaQ/WE6bxWOo5v40iKT0eS1LY09JBZTRnZiWp6YgsnTlgKQ5Qjc3w4UQ/cofxeD5ka7G1FZsFf240fY9VbFLNKeo4q51FBnJB28RBls736GIxvUqtR155spA68QWq8supXZc+HefS1PXhim9V7Dlo6ZAeosyjpn0DmoWdO1IPW3FT1gFdcvRiuQLxVdQ3pdhHD73asVzJ/wJmBVhsgS9bGSscj1oMes64ErJP4NL9fM47wKjJKrcRZz85MNcx3KXxSxwM7sZVWz2G2YAPoIxcp0F7dZ3bzFpCu5DeCQqAsj4FWzrjDYE/Vuc9wzLfn1kzkCjZydHk7HVslWzFQvfAZjo/yciSSNzMR+mqUQ2yQi7L+JLMx6moyUdpPVXVl+yoEM1Sc+x3g9XFymDr4Ourcui81x49Sed7QzDatd3VjITgxQsWf/G0RirIE1Aq1z1Ix50gWhGBD6sYxdX045mslPPa7L9M1oKqvnKrj5drAS5NcL6pJ0yQFEaziVSFTFcOUvKyqTl9pim8rh7KYznKXfcli91bViwCb7TT+pyBfOK+MZUBrSW32rrf58Cxm2XMG5GJmS7mgxUt9fgPwHUFZAMgJtgAAAABJRU5ErkJggg==) no-repeat center;
background-size: 17px;
}
.newpost-panel-top-comment .attach-dog-button {
left: 13px;
}
/*textarea*/
.newpost-textarea {
position: absolute;
left: 0;
top: 44px;
bottom: 260px;
width: 100%;
border: 0;
border-radius: 0;
box-sizing: border-box;
background: var(--bg-content-primary);
font-size: 16px;
color: var(--base1);
resize: none;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
box-shadow: none;
padding: 12px 19px 10px;
margin: 0;
}
.newpost-textarea::-webkit-input-placeholder {
}
.newpost-controls {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 216px;
background: var(--bg-content-primary);
border-top: 1px solid var(--base5);
}
@media (-webkit-min-device-pixel-ratio: 2) {
.newpost-controls {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAEUlEQVQYV2NgQAebNm36j4wBZx4MVdIzxhcAAAAASUVORK5CIIA=) fill 2 0 0 0 stretch;
border-width: 1px 0 0 0;
}
}
.newpost-recipient {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 53px;
z-index: 10;
padding: 11px 17.5px 10px;
line-height: 30px;
box-sizing: border-box;
}
.newpost-recipient.newpost-recipient-shadow {
box-shadow: 0 1.5px 1.5px 0 rgba(var(--base-black-fixed-rgb), 0.18)
}
.newpost-recipient-list {
position: absolute;
top: 53px;
left: 0;
right: 0;
bottom: 0;
padding: 10px 17.5px;
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
}
.newpost-addressee {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
height: 27px;
line-height: 27px;
border-radius: 1px;
background: var(--accent-brand-green);
padding-left: 10px;
padding-right: 37px;
position: relative;
color: var(--accent-soft-element-green1);
font-weight: bold;
font-size: 10px;
vertical-align: middle;
}
.newpost-addressee.newpost-addressee-group {
background-color: var(--accent-soft-red1);
color: var(--accent-soft-element-red1);
}
.newpost-addressee.newpost-addressee-department {
background-color: var(--bg-separator-secondary);
color: var(--accent-main-links);
}
.newpost-addressee.newpost-addressee-people {
background-color: var(--accent-soft-blue1);
color: var(--accent-main-links);
}
.newpost-addressee.newpost-addressee-extranet {
background-color: var(--accent-soft-orange1);
color: var(--accent-soft-element-red1);
}
.newpost-recipient-list .newpost-addressee:last-child {
margin-right: 0;
}
.newpost-addressee-delete {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 27px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAArCAYAAAAdSFoKAAAAq0lEQVRYw+3WMQ7EIAwEwOUNfgBXxE3qlPn/u66hOhmDIhblpE3twMh4EQBw4iWfIIIIIogggvwjxJ7UrYZUADeAY1Dnra4yINYWvwcY/6mz1ZASbHIMEN7+W340PUzJEKxhjTa9MgQzvhGmi2DfIyXoxBUh2JCsI9sgMzNCh/TS4Rnm3ITACMO8WX0yTcboyCcbyABTmTNik9G2XfHVw0gQQQQRRBBBXgv5Aj0RHN3/xPY1AAAAAElFTkSuQmCC) no-repeat center left;
background-size: 17px auto;
}
.newpost-keyboard-text {
line-height: 30px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
display: inline-block;
height: 30px;
margin-right: 5px;
}
.newpost-panel {
position: absolute;
width: 100%;
height: 44px;
bottom: 216px;
left: 0;
background: var(--bg-content-secondary);
border-top: 1px solid var(--base5);
border-bottom: 1px solid var(--base5);
z-index: 2;
box-sizing: border-box;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.newpost-panel {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQY02NgQAebNm36j4wZCKoAAHGCGKmR+RV6AAAAAElFTkSuQmCC) fill 2 0 stretch;
border-width: 1px 0
}
}
.newpost-grey-button {
width: 61px;
height: 20px;
}
.newpost-keyboard:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAbCAYAAADLYlf/AAAAdElEQVRYw+3YsQ2AIBSE4TcXdCzgAO5JdAeHgkdBjLGxIcL9xSUINB/JvUJL2x5qjppLKO4NJgjvD2C3DxNKM4MHD/790uN8xj3w4Ok8ePB0Hjx4Og+eaf+9ZyPy24EHfgU8Aw88+PXwqv/tT8dHX4jBs7sLbpoe39bdoAQAAAAASUVORK5CIIA=) no-repeat center;
background-size: 31.5px 13.5px;
content: "";
height: 13.5px;
width: 31.5px;
left: 1px;
top: 2px;
position: absolute;
}
.newpost-keyboard {
position: absolute;
right: 7px;
bottom: 9px;
-webkit-transition: -webkit-transform 0.15s ease-in;
-webkit-tap-highlight-color: transparent;
}
.newpost-info {
position: absolute;
padding: 0 2px 0 21px;
left: 10px;
font-weight: bold;
bottom: 15px;
width: auto;
height: 16px;
font-size: 16px;
color: var(--accent-main-links);
}
.newpost-info:after {
content: "";
position: absolute;
left: 1px;
top: 50%;
margin-top: -6px;
width: 17px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADNElEQVRYw71Y+UtUURidzEyxskwmySwtzFYtLEPblOiHjATR+kGxBSIyocyI9lUKWpRKbE+xbJGy0vkHO1+cC6fhvlnezDRwmPG+77vv3G+/RiI5+rS2d68FBoAJ4DcwBdwBmoB5kVx/7CVALzAHxAIwBBTnkkQeMBj3wmZaZxvQR+vYswdAfi5I5APX+BKzRleAXAPwi3Lt2SaxELgrJA4lke+h7KtskigCHnLjWaAlBZ2V4r4l2SCxCHjKDc3cTSnqLRAilZmSKAFecLMfwPY0dNUiizMhUWb+5UbTwJY09U9RdzQTEiuA99zoC1CTpv4uxlIsWVAn2mQVMMlNPgJVaervltS1KpsXtmRPcZNx87NU0uPA4ST6B8QSlmWFYUjUAl+5yRsgKpW0X+rH5gD9Nin5t4GCMCS2At+5yRiwTCrpFYn+7gD9LpG5GqqsQ2kHMMNNRlyqmVmBe2KJIwH6vUJiIGxMaGA9ct2SRewJ162BtQZ04DNCos+1fnyXp0zINpfAum+9hOullvtcN0s1BnTg80LihCfWLiUlExdYN51PeZJ3iYoY4+aykDgmz+ol1qwYliQi0SkkjPV8rldJ/bAUXufRLQBu+eKGRewnnz1PRqJHTtLvTIfvDZK6H4AKj24hhyDXgQ/KsxYZhh4nnMyYHY7EaQmshjhzlnl0i/kC14H3Brh5KGERo1/HxR2OxD7JmhHf3GBrwDNf8OL3UTnc9aT1AwJ7KGwnXyrmnJXZssijZxn0UnTrJXVPConBlNIVQhecgpxymms3bIjx6ESBt5T5BmyU1D3nqx+pEHETVps0pxizpNAjX8G7isl8tmYYkLq96VbQMSrulxT+G1we2WrgkxCtDEjdzjCl3JXrDv7dLH6Pitz6uDQu9wzPc5kMO2fdoCKDrZvAJti4+jmX/pPG1gSBYek7LZGwHyjXyWnWiAsmPVfFYcmsUnGrt++Euau6U41Kg7Ps6WAAXmQQ53uyxlxYl61L0mqmYYxZFE0gu0msZTFTm+1r404ZgmZYAxrNXdbkLKtYV+ZkeK7O1W2+ht0xlgR22V7+P/6/0cz+MM5+YxZ6zeypycV7/wBF9orPIlWCJwAAAABJRU5ErkJggg==) no-repeat center;
background-size: 17px;
}
.newpost-info:before {
content: "";
position: absolute;
right: -10px;
top: 50%;
margin-top: -0.5px;
width: 4px;
height: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAdElEQVQoz2OwSd8wD4jLGHABoKQPEP8G4mh8ijKB+CcQO+FT1A/EH4BYF5cCZiDeCMSPgVgOlyIuID4NxLeBWBSXIhmoKSdAGnAp0gXik0BcR7oCvFZAHXkSqyPRvKmAzeg+nAGFN6iBgt54Iwsa3RW44ggAUaxeZ9fzyDkAAAAASUVORK5CIIA=) no-repeat center;
background-size: 4px 8px;
}
.newpost-keyboard-pressed {
-webkit-transform: rotate(-180deg);
-webkit-transition: -webkit-transform 0.15s ease-in;
-webkit-tap-highlight-color: transparent;
}
.post-comment-files {
position: relative;
}
.newpost-progress {
position: absolute;
height: 4.5px;
background-color: var(--bg-content-primary);
border-radius: 3px;
}
.newpost-progress {
left: 130px;
width: 110px;
bottom: 12px;
}
.newpost-progress-indicator {
height: 6px;
border-radius: 3px;
background: url(data:image/gif;base64,R0lGODlhFAAJALMKADis83HN/XLO/Ter83HO/Tir80m29mDD+jKo8nfR/gAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkJDQjE4RjY4MkEyMTFFNEIzNzhEQjhDOUYxRDk2MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJDQjE4Rjc4MkEyMTFFNEIzNzhEQjhDOUYxRDk2MjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjYyRkE3RjgyQTExMUU0QjM3OERCOEM5RjFEOTYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjYyRkE4MDgyQTExMUU0QjM3OERCOEM5RjFEOTYyMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUFAAoALAAAAAAUAAkAAAQqEMk5TboYH0pHyJkAcNMBZgYpWee1qV6biCpiyqnKti9ZfC3CSHVr5SYRACH5BAUFAAoALAAAAAAUAAkAAAQqMB1EazUp6yyAtUOwbcZnHeNmXqk2rWGbdCuCyuWKya9ZiC2CZ3Vr5RARACH5BAUFAAoALAAAAAAUAAkAAAQrMMmDqrVGai3AvUOwbcZ3HaNGmVWWJh2LhG9SymgtI+67mgXRi+Bh5V6lCAAh+QQFBQAKACwAAAAAFAAJAAAEKTBJeZC918ydBMDYEHCTAWIHSZ2Z2n2s6JoskqpVrakEfBYjFY11U0UAACH5BAUFAAoALAAAAAASAAkAAAQpMMmZDroYGyoFyNkQcIkBZgdpndfGeSwikmaccivrUsTHFiNOjXWbRAAAIfkEBQUACgAsAgAAABIACQAABCkwyZkOuhgbKgXI2RBwiQFmB2md18Z5LCKSZpxyK+tSxMcWI06NdZtEAAAh+QQFBQAKACwAAAAAFAAJAAAEKhCZRGs9KOs8grUCsG3HZxnjZl6pNq1hi3RrgsrlismvSYitgmd1a+USEQAh+QQFBQAKACwAAAAAFAAJAAAEKxBJk6q1R2o9wr0CsG3HdxmjRplVliIdm4QvUspoLSfuu5oE0avgYeVepQgAIfkEBQUACgAsAAAAABQACQAABCkQSWmSvffMjUbAmABw0wFiBkmdmdp9rOiabJKqVa2pBXwSIxWNdVNFAAAh+QQFBQAKACwAAAAAEgAJAAAEKRDJiUy6GB8qR8iZAHDIAWYGaZ3XxnlsIpJmnHIr61LFxxIjTo11m0QAADs=) repeat-x left center;
background-size: 10px 4.5px;
width: 10%;
position: relative;
left: 0;
top: -1px;
}
.newpost-progress-indicator.animate {
width: 90%;
-webkit-transition: width 60s ease-in-out;
transition: width 60s ease-in-out;
}
.newpost-progress-label {
color: var(--base3);
position: absolute;
top: -15px;
font-size: 8px;
text-shadow: none;
}
.newpost-button {
border: 1px solid var(--base6);
border-radius: 2px;
font-size: 14px;
margin: 0;
padding: 0 3px;
position: relative;
display: inline-block;
height: 30px;
line-height: 28px;
vertical-align: middle;
color: var(--accent-main-links);
font-weight: bold;
}
.newpost-button-destination {
overflow: hidden;
box-sizing: border-box;
padding-left: 26px;
padding-right: 12px;
white-space: nowrap;
}
.newpost-button-destination:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAQ0lEQVQ4y2NgwANYUjf3A/F+GGYgF0AN+A/DowYNFoOACuqRFZOJ9w9OgxKQUy8afo+uAQfuH01Hw9GgBGg6A2N8agEKmQDiDBCklgAAAABJRU5ErkJggg==) center no-repeat;
background-size: 9px;
content: "";
height: 12px;
position: absolute;
left: 6px;
top: 50%;
margin-top: -6px;
width: 15px
}
.newpost-button-destination-item {
padding-right: 10px
}
.newpost-button-mention {
padding-left: 29px
}
.newpost-button-mention:before {
background: url(images/newpost/gui.png) no-repeat 0 -102px;
background-size: 65px 150px;
content: "";
height: 20px;
left: 3px;
top: 3px;
position: absolute;
width: 20px
}
.newpost-button-file:after {
background: url(images/newpost/newpost-border.png) no-repeat 0 0;
background-size: 2px 31px;
content: "";
height: 31px;
left: 50%;
margin: 0 -1px;
right: 50%;
top: -4px;
position: absolute;
width: 2px
}
.newpost-but-file {
background: url(images/newpost/newpost-button-pressed.png) no-repeat 500px 500px;
border: transparent solid;
display: inline-block;
height: 22px;
position: relative;
width: 50%
}
.newpost-but-file-image {
border-width: 7px 0 9px 7px;
margin: -7px 0 -9px -10px;
padding-left: 3px
}
.newpost-but-file-image:after {
background: url(images/newpost/gui.png) no-repeat -1px -52px;
background-size: 65px 150px;
content: "";
height: 20px;
margin: 0 -14px;
left: 50%;
right: 50%;
top: 2px;
position: absolute;
width: 24px
}
.newpost-but-file-file {
border-width: 7px 7px 9px 0;
margin: -7px -10px -9px 0;
padding-right: 3px
}
.newpost-but-file-file:after {
background: url(images/newpost/gui.png) no-repeat -1px -127px;
background-size: 65px 150px;
content: "";
height: 20px;
margin: 0 -11px;
left: 50%;
right: 50%;
top: 2px;
position: absolute;
width: 22px
}
.newpost-button-press {
border-image: url(images/newpost/newpost-button-pressed.png) fill 14 14 18 14 stretch
}
.newpost-but-file-press-image {
border-image: url(images/newpost/newpost-button-pressed.png) fill 14 14 18 14 stretch
}
.newpost-but-file-press-file {
border-image: url(images/newpost/newpost-button-pressed.png) fill 14 14 18 14 stretch
}
/*=====================================================NEW POST===============================================================================*/
.feed-add-post-form table.bxlhe-frame-table td.bxlhe-editor-buttons {
background-color: var(--bg-content-primary) !important;
display: none !important
}
.lenta-block-grat {
overflow: hidden;
min-height: 50px;
margin-bottom: 10px;
padding: 11px 5px 10px 2px;
/* background:var(--accent-soft-orange3);*/
}
.lenta-info-block.lenta-block-grat {
margin-top: 0;
}
.lenta-block-grat-arrow {
float: left;
width: 16px;
height: 9px;
background: url('images/lenta/grat-arrow.png') no-repeat;
margin-top: 9px;
margin-right: 16px;
}
.lenta-block-grat-users {
overflow: hidden;
margin-top: 9px;
}
.lenta-block-grat-users .avatar {
width: 44px;
height: 44px;
}
.lenta-block-grat-users .avatar.avatar-small {
box-sizing: padding-box;
border-width: 3px;
width: 30px;
height: 30px;
margin: 0;
position: relative;
margin-left: -11px;
}
.lenta-block-grat-users-small .avatar.avatar-small:last-child {
margin-left: 0;
}
.info-block-gratitude .lenta-block-grat-users .avatar.avatar-small {
border-color: var(--accent-soft-blue2);
}
.lenta-block-grat-users-small-cont {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
}
.lenta-block-grat-users-small {
position: relative;
display: flex;
flex-direction: row-reverse;
align-items: center;
flex-wrap: nowrap;
justify-content: flex-end;
}
.lenta-block-grat-users-small .avatar.avatar-small {
border-style: solid;
}
.lenta-block-grat-users-small-more {
margin-left: 4px;
display: flex;
padding: 3px 7px 3px 7px;
border-radius: 10px;
background-color: rgba(var(--bg-content-primary-rgb), 0.8);
color: rgba(var(--base2-rgb), 0.51);
font-size: 12px;
}
.lenta-block-grat-user {
padding-bottom: 10px;
}
.lenta-block-grat-medal {
float: left;
width: 66px;
height: 67px;
margin: 0 20px 0 0;
background-repeat: no-repeat;
background-position: top left;
}
.lenta-block-grat-medal.lenta-block-grat-medal-thumbsup {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%233886D8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.9869 32.3114C43.5294 32.0999 44.2767 31.468 44.195 30.4905C44.1247 29.6499 43.3207 29.1619 41.9146 29.1462C40.4687 29.13 39.0225 29.142 37.5764 29.1418C36.3481 29.1415 35.1196 29.1418 33.7806 29.1418C33.9525 28.4203 34.0836 27.8976 34.2007 27.3718C34.5656 25.7345 34.9843 24.0995 34.8227 22.4006C34.7103 21.2178 34.0175 20.4527 33.1363 20.5167C31.9186 20.6051 31.9932 21.5211 31.9109 22.4032C31.5825 25.914 30.1781 28.7667 26.8782 30.4406C26.1098 30.8304 25.2184 30.7866 24.4803 31.1466V40.3272C29.5343 41.5257 34.6095 41.4022 39.6811 41.2796C40.199 41.2669 40.7938 41.2149 41.1601 40.6146C41.393 39.6894 40.7975 39.1496 40.0339 38.6672C41.8614 38.3425 42.1508 36.9073 42.0265 36.5784C41.9022 36.2496 41.5703 35.8869 41.268 35.5632C42.2957 35.6551 42.8038 35.1755 43.0538 34.3082C43.3413 33.3104 42.7137 32.8066 41.9869 32.3114M22.5791 41.8724V29.3642C22.8021 29.0658 23.0995 29.1251 23.3557 29.1439C27.2586 29.4303 29.2416 26.3557 29.8155 23.7411C29.957 23.0979 30.0128 22.4306 30.0517 21.771C30.1425 20.2317 30.8792 19.1766 32.2048 18.7566C33.5698 18.3243 35.057 18.837 35.9245 20.0535C37.1019 21.7047 36.8259 23.5351 36.5533 25.3585C36.4675 25.9326 36.3387 26.5001 36.1933 27.2619C37.7997 27.2619 39.3361 27.2565 40.8726 27.2642C41.575 27.2675 42.2859 27.2328 42.9785 27.3254C45.9773 27.7258 46.9717 30.4772 45.0889 33.1058C45.0497 33.6667 44.647 35.826 43.9173 36.3426C44.1758 37.1478 43.4236 38.9412 43.1666 39.3624C43.3045 42.0906 42.0103 43.0751 39.9171 43.1546C34.1451 43.374 28.3682 43.3745 22.5791 41.8724' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-flowers {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23FF7B9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.7632 26.1944C31.6112 26.1875 30.7084 27.0631 30.7432 28.1538C30.776 29.1859 31.678 30.0974 32.6837 30.1143C33.8049 30.1331 34.6609 29.268 34.6622 28.1145C34.6636 27.0147 33.8587 26.2007 32.7632 26.1944ZM34.0052 45.6267C33.8391 42.6235 37.5798 40.6887 40.6694 42.0099C39.6598 45.3446 37.8291 46.338 34.0052 45.6267ZM32.8647 33.7983C31.4065 35.7472 29.8739 36.1894 28.3594 35.1542C26.7819 34.076 26.6804 32.3991 28.0623 30.2362C26.0219 29.7862 24.8621 28.344 25.2141 26.6938C25.6578 24.6121 27.0103 23.9081 29.6196 24.4004C30.0126 21.6751 30.8616 20.6064 32.6414 20.5951C34.3356 20.5844 35.3468 21.7496 35.7268 24.1858C36.825 24.0056 37.9303 23.692 38.9779 24.4265C39.6197 24.8766 40.0029 25.4781 40.194 26.1963C40.6508 27.9128 39.6243 29.3646 37.5395 30.0106C38.9338 31.9141 38.9353 33.7768 37.5431 34.8726C36.1113 35.9995 34.5426 35.6578 32.8647 33.7983ZM25.0742 41.8728C26.6831 41.4069 28.2352 41.4171 29.7176 42.2399C31.0252 42.9657 31.6051 44.1442 31.6956 45.6597C27.8693 46.0633 26.1418 45.6125 25.0742 41.8728ZM38.3009 39.643C36.6169 39.685 35.1836 40.3672 33.7963 41.3037V37.244C38.0125 38.31 41.3667 35.4023 40.4865 30.8312C43.5012 28.0653 42.7051 22.492 37.2704 21.754C35.3565 17.6041 29.8595 17.4034 27.8238 22.0667C23.2021 22.8005 21.582 27.8319 25.1143 31.2939C24.6197 35.1378 27.1079 38.2731 31.6269 37.5434V41.0703C28.6701 39.0812 25.7059 39.3892 22.5789 40.5058C22.8653 42.0192 23.2699 43.3917 24.0332 44.669C25.2701 46.7384 27.0169 47.7871 29.4684 47.7272C31.912 47.6678 34.3581 47.7135 36.8033 47.7287C38.2255 47.7375 39.4042 47.2051 40.4319 46.2437C42.0907 44.6912 42.7034 42.6726 43.162 40.5107C41.5179 39.9742 39.9596 39.6014 38.3009 39.643Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-smile {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23BADA0B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.4483 31.2244C38.5724 31.2973 39.4984 30.4561 39.5407 29.3241C39.5815 28.2327 38.7945 27.3588 37.7141 27.2965C36.5736 27.2305 35.6496 28.0591 35.6114 29.1821C35.5752 30.2481 36.3919 31.1562 37.4483 31.2244ZM28.7736 31.2278C29.9021 31.2288 30.7625 30.3403 30.7398 29.197C30.718 28.1122 29.8766 27.2913 28.7855 27.2906C27.6494 27.2896 26.7758 28.1808 26.8066 29.3092C26.8355 30.3742 27.7096 31.2269 28.7736 31.2278ZM38.4728 34.1419C37.5273 36.5822 35.8494 38.0779 33.1685 38.0789C30.492 38.0799 28.8474 36.5284 27.8779 34.1573C27.511 34.2575 27.2395 34.3342 26.9668 34.4054C26.6584 34.486 26.3172 34.4968 26.1218 34.808C27.2444 38.3197 30.2479 40.3239 33.9585 40.0408C36.9366 39.814 39.7552 37.3715 40.2334 34.5496C39.9061 34.4416 39.5718 34.3118 39.2266 34.2242C38.9982 34.1668 38.7544 34.1702 38.4728 34.1419ZM33.2054 43.5674C27.1683 43.5821 22.3378 38.7917 22.2965 32.749C22.2551 26.6724 27.1211 21.7419 33.1675 21.7349C39.1814 21.7275 44.1401 26.6968 44.1196 32.7099C44.0993 38.6983 39.2196 43.553 33.2054 43.5674ZM33.1573 19.7632C26.0743 19.7688 20.2483 25.6139 20.2632 32.6996C20.2781 39.7731 26.1499 45.6227 33.212 45.6002C40.2977 45.5775 46.1149 39.7294 46.098 32.6451C46.0812 25.5467 40.2659 19.758 33.1573 19.7632Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-star {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%2329AD49'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.4075 39.7723C29.2234 38.926 30.8479 38.1687 32.4851 37.4054C34.1194 38.1669 35.7437 38.9237 37.5633 39.7713C37.3321 37.7917 37.1245 36.0137 36.9099 34.1749C38.1218 32.8539 39.3489 31.516 40.7151 30.0269C38.7079 29.6264 36.9571 29.2769 35.222 28.931C34.3062 27.2849 33.4236 25.6985 32.4815 24.005C31.5105 25.7537 30.6187 27.3604 29.7448 28.935C27.9231 29.3001 26.1873 29.6484 24.2431 30.0385C25.6409 31.547 26.8609 32.864 28.0617 34.16C27.8459 36.0122 27.6386 37.7912 27.4075 39.7723ZM36.5385 27.1184C39.1888 27.6385 41.814 28.1533 44.7143 28.7223C42.78 30.8152 40.9744 32.7681 39.0618 34.8376C39.3684 37.4735 39.6862 40.2049 40.0332 43.1868C37.3881 41.9468 34.9688 40.8128 32.4868 39.6495C30.0589 40.788 27.6065 41.9385 24.9279 43.1949C25.2753 40.273 25.5914 37.6158 25.9191 34.858C24.1027 32.8897 22.2631 30.8962 20.2632 28.7289C23.1264 28.1634 25.7742 27.6405 28.4349 27.1151C29.7693 24.6911 31.0817 22.307 32.4823 19.7632C33.8566 22.2558 35.1612 24.6212 36.5385 27.1184Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-flag {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23FB6DBA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.4214 30.4485C38.4223 28.7486 39.3687 27.1418 40.3876 25.4111H27.2009V35.5072H40.3989C39.355 33.7337 38.4071 32.1228 37.4214 30.4485V30.4485ZM24.8947 23.2369C31.0155 23.2369 37.2843 23.2364 43.2955 23.239C43.4968 23.239 43.6982 23.2696 44.0777 23.3003C42.6381 25.7226 41.267 28.0295 39.8341 30.4405C41.2252 32.7896 42.6125 35.1321 44.1161 37.6703H27.1253V43.6508C26.4359 43.9685 25.5862 43.8301 24.8947 43.7953V23.2369Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-thefirst {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23F7CC00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.4925 30.9294L32.5153 30.0546V37.8277H34.3766V26.9115C32.71 27.7309 31.1634 28.4909 29.6027 29.2579C29.8882 29.927 30.4925 30.9294 30.4925 30.9294M32.9663 42.7571C27.3027 42.7011 22.7096 38.0824 22.7314 32.4648C22.7531 26.8501 27.4179 22.2179 33.0316 22.2362C38.7084 22.2551 43.3149 26.9474 43.2584 32.6535C43.2034 38.1955 38.5012 42.8116 32.9663 42.7571M32.981 20.277C26.2304 20.2819 20.7786 25.7191 20.77 32.4548C20.7615 39.2701 26.2101 44.7288 33.0152 44.723C39.7626 44.7171 45.2178 39.2775 45.23 32.5435C45.2425 25.7345 39.7878 20.2719 32.981 20.277' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-gift {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%235CD1DF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.9713 25.9714C31.0148 24.1582 30.2882 22.5219 28.4668 21.7874C27.7225 21.487 27.1346 21.6611 26.6787 22.3017C26.2192 22.9475 26.4398 23.4989 26.9117 24.0383C28.2001 25.5124 29.9605 25.7072 31.9713 25.9714V25.9714ZM34.5301 25.9242C36.5018 25.7757 38.1755 25.4587 39.4796 24.1328C40.0434 23.5594 40.1929 22.8778 39.6894 22.1749C39.2005 21.4929 38.5385 21.5133 37.8611 21.8245C36.1489 22.6113 35.3897 24.1621 34.5301 25.9242V25.9242ZM43.1526 28.9376H34.1955C34.2547 29.8089 34.0423 30.5958 34.3285 31.3546H43.1548C43.2771 30.5099 43.2853 29.7617 43.1526 28.9376V28.9376ZM32.2719 28.9318H23.2476C23.1798 29.796 23.089 30.5736 23.3057 31.3826H32.2911C32.3611 30.5406 32.4051 29.7663 32.2719 28.9318V28.9318ZM25.0626 41.5908H32.276V33.5501H25.0626V41.5908ZM34.2957 41.6153H41.4247V33.5281H34.2957V41.6153ZM23.1598 43.4533V33.5116C23.1598 33.5116 22.0096 33.4064 21.421 33.3525V27.079H27.6065C26.6326 26.1671 25.642 25.6563 25.0862 24.6892C24.4038 23.5019 24.4127 22.2439 25.1942 21.1439C25.9429 20.09 27.2128 19.5583 28.3879 19.8363C29.6936 20.1454 30.789 20.8295 31.6232 21.8695C32.193 22.5797 32.6665 23.3676 33.2171 24.1703C33.7254 23.4265 34.1985 22.6583 34.7477 21.949C35.5647 20.8937 36.6321 20.2022 37.9483 19.8809C39.3094 19.5486 40.3619 20.0347 41.1638 21.0779C41.9769 22.1358 42.0865 23.3142 41.4456 24.5118C40.8928 25.5451 39.9586 26.2091 38.7396 27.0089H45.1053V33.2558L43.3961 33.499V43.4533H23.1598Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-crown {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23B1B4B8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42.0805 29.3977C42.8872 29.2688 43.4769 28.8528 43.4952 28.0012C43.515 27.0911 42.9378 26.5455 42.0522 26.5404C41.2238 26.5357 40.6551 27.0596 40.6304 27.9017C40.6037 28.8149 41.2015 29.2684 42.0805 29.3977M23.7222 29.3952C24.5558 29.2662 25.1344 28.8333 25.1447 27.9855C25.1557 27.0779 24.5724 26.5345 23.6863 26.5406C22.8608 26.546 22.2946 27.0701 22.2796 27.9166C22.2633 28.8328 22.8659 29.2757 23.7222 29.3952M32.8746 27.5844C33.8625 27.5922 34.7173 26.7789 34.7134 25.8349C34.7097 24.8838 33.8696 24.0561 32.9005 24.049C31.9332 24.0417 31.0806 24.8576 31.0617 25.8085C31.0429 26.7545 31.8821 27.5763 32.8746 27.5844M24.2376 31.0971C24.1784 31.0413 24.103 30.9086 24.1671 31.1567C24.3951 34.0233 25.0956 36.8056 25.5568 39.6084H40.2354C40.7133 36.8992 41.181 34.2489 41.6572 31.55C41.2106 31.6026 41.1558 31.8822 41.0242 32.0655C39.1027 34.7451 36.2978 34.6647 34.4774 31.9096C33.7118 30.7512 33.444 29.3977 32.8585 28.0151C32.5312 29.5639 32.1379 30.9237 31.3917 32.1577C30.2321 34.0746 28.2595 34.5357 26.3554 33.4073C25.3949 32.8385 24.9603 31.8497 24.2376 31.0971M26.2918 30.386C26.7979 31.3786 27.4986 32.1843 28.4936 31.9658C29.9892 31.6373 30.1751 30.163 30.5911 28.9943C28.7088 26.5034 28.6323 24.631 30.3016 23.0974C31.7911 21.7292 34.043 21.7409 35.5095 23.1242C37.134 24.6572 37.0563 26.5807 35.2419 28.911C35.7949 30.0811 36.0867 31.4576 37.5095 32.0294C38.5316 31.9849 39.1724 31.4402 39.5865 30.6248C39.6227 30.1542 39.2668 29.9328 39.0971 29.6206C38.2305 28.0258 38.6263 26.2346 40.1001 25.1866C41.5244 24.1744 43.4439 24.4073 44.6289 25.7369C45.8163 27.0696 45.8586 29.0146 44.5054 30.2366C43.4451 31.1938 43.5583 32.4315 43.3164 33.5794C42.8979 35.5623 42.6243 37.5756 42.2608 39.5707C41.9839 41.0902 41.305 41.6375 39.7521 41.6392C35.1906 41.6436 30.6291 41.6431 26.067 41.6394C24.4496 41.6382 23.786 41.0853 23.4977 39.4959C23.0853 37.2209 22.6431 34.9502 22.2977 32.6652C22.1476 31.6703 21.8817 30.8511 21.1308 30.0968C19.9407 28.9014 20.0128 27.0393 21.1152 25.7701C22.2505 24.4633 24.091 24.181 25.5365 25.0923C26.9894 26.0077 27.5272 27.8098 26.8059 29.361C26.6533 29.689 26.4819 30.0085 26.2918 30.386' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-heart {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23FF5752'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.5714 28.6131C32.0782 28.0963 31.6405 27.5734 31.1356 27.1257C30.6308 26.6775 30.095 26.241 29.51 25.9104C27.7718 24.9283 25.9755 25.1724 24.6094 26.5461C23.0313 28.134 23.3225 29.9822 24.0905 31.7597C25.95 36.0616 29.2035 39.2711 32.5609 42.4429C34.9967 40.3002 37.0911 38.0237 38.913 35.5039C40.0348 33.953 41.0241 32.3278 41.4685 30.4225C41.8748 28.6805 41.5027 27.2183 40.0371 26.127C38.5733 25.0365 37.049 25.1018 35.5002 25.9647C34.3279 26.6178 33.4887 27.6404 32.5714 28.6131M32.5553 45.1992C28.3819 41.4639 24.404 37.6574 22.1581 32.4479C21.188 30.1977 21.0407 27.9083 22.5423 25.7749C24.136 23.5105 27.1098 22.672 29.6882 23.712C30.725 24.1301 31.6293 24.7538 32.5241 25.5436C33.3481 24.9622 34.1194 24.3115 35.0375 23.8855C37.3489 22.8126 39.5154 23.0745 41.4851 24.6428C43.3979 26.1655 43.9972 28.2019 43.5247 30.564C43.0209 33.0828 41.6929 35.2021 40.1972 37.2278C38.0166 40.1813 35.4433 42.7575 32.5553 45.1992' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-cake {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23B47153'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9085 24.1507C25.6939 24.8139 26.5666 24.8063 27.3617 24.1631C28.1131 23.5555 28.3171 22.7635 27.8509 21.8788C27.4339 21.0871 26.8792 20.4009 26.1349 19.7683C25.4094 20.3882 24.8716 21.0878 24.434 21.8646C23.9341 22.7527 24.1819 23.5371 24.9085 24.1507V24.1507ZM31.7726 24.1654C32.5675 24.8266 33.4397 24.7975 34.2253 24.1504C34.971 23.5362 35.1574 22.741 34.6868 21.859C34.282 21.0998 33.7491 20.4376 32.9789 19.7632C32.2564 20.4166 31.6953 21.0966 31.2687 21.8852C30.7827 22.7838 31.042 23.5574 31.7726 24.1654V24.1654ZM38.6344 24.1768C39.4359 24.8322 40.3113 24.7904 41.0871 24.1377C41.8243 23.5181 42.007 22.7148 41.5266 21.8395C41.1138 21.0871 40.5906 20.4156 39.8534 19.7952C39.0766 20.362 38.5933 21.0651 38.1592 21.7933C37.6135 22.708 37.8486 23.5344 38.6344 24.1768V24.1768ZM42.7552 40.2224H22.3685C22.0413 39.3114 22.325 38.3483 22.2019 37.368C24.6762 38.3761 25.3953 38.2771 26.6852 36.7955C28.2261 38.8193 30.7059 38.8697 32.5212 36.8371C34.2329 38.8359 36.4762 38.8384 38.3152 36.9063C39.8339 38.3106 40.4903 38.3852 42.7552 37.3573V40.2224ZM22.2636 33.5369H42.6901V34.9696C41.7788 34.8654 41.4953 36.0062 40.4429 36.1189C40.0489 34.9749 39.5144 34.0441 38.1267 34.1736C36.9309 34.2851 36.5327 35.1436 36.2898 36.118C35.7253 36.4484 35.1848 36.4624 34.5633 36.138C34.2901 35.071 33.8051 34.1186 32.4185 34.1678C31.1604 34.2123 30.6947 35.07 30.4543 36.1182C29.8986 36.4717 29.3602 36.4533 28.7319 36.1385C28.4577 35.2067 28.0921 34.2553 26.8364 34.1707C25.4706 34.0786 24.9051 34.9788 24.6004 36.0485C23.4965 36.1693 23.3165 34.7378 22.2636 35.1108V33.5369ZM44.6999 31.4662H40.7811V25.6508C40.0907 25.653 39.5068 25.5254 38.8218 25.7581V31.395H33.9225V25.6963C33.2298 25.6076 32.6467 25.5482 31.9629 25.7652V31.3733H27.0641V25.6432C26.3875 25.6459 25.8289 25.5362 25.1225 25.7682V31.4759H20.2778C20.2778 34.6383 20.2318 37.643 20.303 40.645C20.3277 41.6761 21.0793 42.2259 22.1178 42.2515C23.2172 42.2789 24.3179 42.2598 25.4182 42.2598C31.123 42.2601 36.8277 42.2545 42.5326 42.2645C43.6318 42.2664 44.6246 41.9286 44.6652 40.746C44.7693 37.7061 44.6999 34.6606 44.6999 31.4662V31.4662Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-drink {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%232FC6F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.5819 29.7756C23.2786 28.945 23.1761 28.2789 23.5305 27.6164C23.8741 26.9745 24.5057 26.7257 25.1748 26.5159C24.3322 25.4387 23.3047 25.0872 22.3709 25.5785C21.4249 26.0759 20.877 26.8843 21.1318 27.9816C21.3977 29.1261 22.1606 29.7526 23.5819 29.7756M42.6972 28.66H25.4028C28.4163 30.992 31.2259 33.1665 34.0543 35.3553C36.9286 33.1286 39.6907 30.9888 42.6972 28.66M27.357 26.5944H39.2926C41.0837 24.1773 43.1592 22.0267 45.1002 19.7632C45.7117 20.089 46.116 20.4779 46.5773 21.001C45.03 22.805 43.3637 24.8139 41.835 26.5966C42.1777 26.5861 42.3966 26.6206 42.5761 26.612C43.5897 26.5629 44.3714 26.9603 44.6881 27.9237C45.0188 28.9296 44.5903 29.7086 43.7494 30.3508C40.8378 32.574 37.9549 34.8346 35.0739 37.0708V43.211H39.7445C39.9669 43.9179 39.9292 44.4985 39.802 45.1485H28.2395V43.2958H32.9686V37.0151C30.4919 35.1006 27.9846 33.1624 25.5358 31.2694C22.4059 32.1694 20.2763 31.3897 19.3877 29.0963C18.5879 27.0324 19.5398 24.7026 21.5689 23.7581C23.8101 22.7146 26.1965 23.8488 27.357 26.5944' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-money {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%2305B5AB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.9291 33.5381C32.9291 33.5381 31.4359 33.1529 31.18 32.2991C31.1791 30.0302 34.9552 30.0482 35.7751 32.2949C36.31 32.2306 36.8745 32.1524 37.4566 32.0685C37.1511 30.1548 35.456 29.277 34.2738 29.0272C34.2322 28.2161 34.127 27.1677 34.127 27.1677H32.2291C32.1738 27.8507 32.1229 28.4791 32.0738 29.0888C31.7372 29.2264 31.4689 29.3217 31.2128 29.443C30.0689 29.9844 29.2593 30.828 29.2133 32.1341C29.1656 33.4919 29.9287 34.4152 31.1037 35.0229C31.5765 35.2673 32.0723 35.4282 32.603 35.5064C33.2434 35.601 33.8969 35.6773 34.5088 35.8736C35.1815 36.0894 35.8166 36.4722 35.8042 37.3019C35.7917 38.142 35.1286 38.4485 34.4487 38.6629C32.7901 39.186 31.3424 38.6905 30.2487 37.2048C29.6116 37.3038 29.2518 37.3548 28.5016 37.5057C28.8697 39.5102 30.3634 40.2479 32.0126 40.751C32.1321 41.51 32.2112 42.7112 32.2112 42.7112C32.2112 42.7112 33.4292 42.8327 34.0591 42.6449C34.0908 42.0563 34.1229 41.4643 34.1574 40.8316C34.5399 40.7133 34.8894 40.6248 35.2245 40.498C36.6551 39.9565 37.685 39.0472 37.8213 37.4312C37.9372 36.0623 36.9701 34.7503 35.4177 34.0884C34.6255 33.7506 32.9291 33.5381 32.9291 33.5381ZM27.9882 43.7994C24.4033 42.4037 22.5675 38.7221 23.7322 35.0613C24.9629 31.193 27.1683 27.9198 30.1078 25.1686C31.9972 25.1686 36.0651 25.1588 36.0651 25.1588C36.0651 25.1588 36.6221 25.5492 37.0154 25.9518C39.2885 28.2787 41.0278 30.9659 42.2294 33.9786C44.1132 38.7013 41.9029 43.0505 36.9845 44.2485C33.9617 44.985 30.9291 44.9447 27.9882 43.7994ZM37.1592 19.4129C36.6568 20.6699 36.1791 21.8654 35.6792 23.1163H30.6459C30.1814 21.9732 29.6842 20.7505 29.1402 19.4129H37.1592ZM38.2185 24.3683C37.9949 24.1464 37.8886 23.9751 37.6527 23.5467C38.4344 21.5741 39.2377 19.5459 40.0692 17.4474H26.2291C27.0854 19.5894 27.8975 21.6208 28.7415 23.7318C25.6348 26.6905 23.3597 30.0788 21.9902 34.0295C20.2517 39.0445 22.5995 43.9591 27.6037 45.7601C30.9998 46.9824 34.4766 47.0212 37.9308 46.0175C43.6101 44.3675 46.2516 39.0538 44.1489 33.5188C42.8321 30.0526 40.8593 26.9892 38.2185 24.3683Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-cup {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23FFA800'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1428 27.0467C20.1563 29.94 21.8898 32.1225 24.3995 32.3545C23.5069 30.6427 23.0358 28.8221 22.6744 26.98C21.7461 26.973 20.9395 26.8688 20.1428 27.0467V27.0467ZM43.0636 26.9994C42.7227 28.9112 42.1402 30.7269 41.2396 32.5007C44.1826 31.7363 45.8038 29.6408 45.542 26.9994H43.0636ZM30.2577 45.4927H35.5095C35.7001 44.7564 35.3434 44.2658 34.9206 43.8796C33.4384 42.5256 33.6148 41.0293 34.4524 39.4493C35.2365 37.9696 36.2703 36.6556 37.2339 35.2958C38.7427 33.1671 40.1255 30.9734 40.7979 28.4161C41.0802 27.3419 41.3511 26.2569 41.0613 25.182H24.6352C24.469 26.6543 24.7756 27.9687 25.1874 29.2686C26.0807 32.0882 27.7785 34.4547 29.4509 36.8356C30.2533 37.978 31.088 39.1028 31.6111 40.4114C32.2982 42.1304 32.0773 43.0964 30.7437 44.3465C30.4336 44.637 30.0797 44.9103 30.2577 45.4927V45.4927ZM18.0152 25.0293H22.4815C22.4815 25.0293 22.4759 23.8114 22.7381 23.2368H43.0935C43.1439 23.8067 43.1908 24.3323 43.2486 24.9826H47.6029C48.3336 27.4827 46.7917 31.5717 44.6373 33.0155C43.3391 33.8855 41.915 34.5039 40.4209 34.949C39.8323 35.1244 39.4116 35.4375 39.0707 35.9552C38.2178 37.2514 37.298 38.5035 36.4402 39.797C36.0351 40.4074 35.6684 41.058 35.7563 41.969C37.4063 43.3506 37.8281 45.2288 37.5001 47.4164H28.3345C27.8723 45.1626 28.2239 44.0949 29.9404 42.5186C30.205 41.806 29.9126 41.1669 29.5818 40.5476C28.6273 38.7612 27.3189 37.2085 26.2317 35.5093C25.9993 35.146 25.6123 35.0726 25.2537 34.9329C24.4231 34.6095 23.5738 34.3232 22.7717 33.9391C19.3234 32.2875 17.5708 29.0562 18.0152 25.0293V25.0293Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat-medal.lenta-block-grat-medal-beer {
background-image: url("data:image/svg+xml,%3Csvg width='66' height='67' viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 63.5C50.1208 63.5 64 49.6208 64 32.5C64 15.3792 50.1208 1.5 33 1.5C15.8792 1.5 2 15.3792 2 32.5C2 49.6208 15.8792 63.5 33 63.5Z' fill='white'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33 54.5C45.1503 54.5 55 44.6503 55 32.5C55 20.3497 45.1503 10.5 33 10.5C20.8497 10.5 11 20.3497 11 32.5C11 44.6503 20.8497 54.5 33 54.5Z' fill='%23AE914B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.5421 31.8082V39.4285H37.3601V31.7202C36.6938 31.7014 36.1019 31.5715 35.5421 31.8082ZM31.6263 31.795V39.4517C32.2972 39.4986 32.8825 39.582 33.435 39.4053V31.7202C32.7873 31.6933 32.228 31.595 31.6263 31.795ZM27.7464 31.7742V39.4593C28.3929 39.4925 28.9512 39.5832 29.5431 39.3945V31.7329C28.8879 31.6796 28.3031 31.6055 27.7464 31.7742ZM44.2865 36.0121C44.2794 37.9899 43.4662 38.6802 41.4129 38.4111V27.8821C43.4596 27.614 44.2809 28.3129 44.2867 30.2831C44.2924 32.1927 44.2934 34.1025 44.2865 36.0121ZM39.3936 40.0418C39.3862 41.7329 38.7038 42.4271 37.0377 42.4327C33.9846 42.443 30.9312 42.4476 27.878 42.43C26.5445 42.4225 25.7296 41.7241 25.7168 40.4708C25.6789 36.7724 25.7032 33.0732 25.7032 29.2239C28.433 30.1848 30.7619 29.7238 32.8905 28.1058C33.1168 27.9337 33.3513 27.7785 33.6605 27.7793C35.5242 27.7837 37.388 27.7812 39.3963 27.7812V32.596C39.3963 35.0779 39.4043 37.5597 39.3936 40.0418ZM28.3117 22.8806C31.1618 22.8777 34.0117 22.8759 36.8619 22.8808C38.8496 22.8847 39.5298 23.6719 39.2921 25.8027H32.7232C31.3854 26.7946 30.0988 27.8712 28.2652 27.7793C26.241 27.6778 25.6819 27.1728 25.6995 25.2678C25.7154 23.5198 26.409 22.8823 28.3117 22.8806ZM46.2361 29.7421C46.2009 27.5199 44.612 25.9322 42.3878 25.812C42.074 25.7946 41.7374 25.9048 41.4288 25.6751C41.4065 25.569 41.3662 25.4551 41.3603 25.3397C41.2072 22.2707 39.8116 20.9272 36.765 20.9253C33.8339 20.9233 30.9028 20.9157 27.9719 20.9275C25.3708 20.938 23.7545 22.5212 23.7472 25.0901C23.7333 30.135 23.7335 35.18 23.7472 40.2251C23.7543 42.7969 25.3668 44.378 27.9685 44.388C30.8996 44.3995 33.8305 44.3919 36.7616 44.3905C39.5628 44.389 40.8356 43.3528 41.4359 40.5106C41.7198 40.4979 41.9201 40.4867 42.1205 40.4803C44.6659 40.3984 46.2229 38.8438 46.2407 36.3331C46.2566 34.136 46.2703 31.9385 46.2361 29.7421Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.5' width='66' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.lenta-block-grat .lenta-important-block-text {
min-height: 15px;
opacity: 0.5;
font-size: 13px;
color: var(--base2);
}
.lenta-block-grat .lenta-important-block-title,
.lenta-block-grat .lenta-important-block-title a {
padding-bottom: 4px;
font-size: 15px;
font-weight: normal;
color: var(--base1);
}
.ui-livefeed-background {
background-repeat: no-repeat;
background-position: center center;
height: 100vw;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.ui-livefeed-background .post-more-block,
.ui-livefeed-background .post-text-title-container {
display: none;
}
.ui-livefeed-background .post-item-text {
padding: 0 24px 0 24px;
}
.ui-livefeed-background .post-item-text,
.ui-livefeed-background .post-item-text a,
.ui-livefeed-background .post-item-text a:hover {
font-size: 26px;
line-height: 39px;
font-weight: 500;
color: var(--base-white-fixed);
text-align: center;
}
.ui-livefeed-background .post-item-text a,
.ui-livefeed-background .post-item-text a:hover {
text-decoration: underline;
}
.ui-livefeed-background + .post-item-attached-file-wrap {
padding-top: 10px;
}
.ui-livefeed-background .urlpreview-mobile {
display: none;
}
.file-card-page {
padding: 0 15px 15px
}
.file-card-name {
color: var(--accent-main-links);
font-size: 12px;
font-weight: bold;
overflow: hidden;
margin-bottom: 5px;
height: 29px;
padding: 13px 0 0 37px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.file-card-name-icon {
background-size: 29px 29px;
background-position: center center;
height: 29px;
left: 0;
top: 5px;
position: absolute;
width: 29px;
}
.file-card-block {
border-image: url(images/tasks/task-block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
color: var(--base2);
font-size: 12px;
line-height: 14px;
padding: 9px 11px 5px;
position: relative;
}
.file-card-description {
margin-bottom: 11px
}
.file-card-description-row {
padding-bottom: 4px
}
.file-card-description-left {
display: inline-block;
max-width: 300px;
width: 45%;
}
.file-card-description-right {
display: inline-block;
font-weight: bold;
width: 55%;
}
.file-card-informers {
border-image: url(images/files/files-card-footer.png) fill 6 4 4 stretch;
border-width: 3px 2px 2px;
margin: -6px 0 13px;
height: 32px;
padding: 3px 4px 0;
}
.file-card-review-btn {
border-image: url(images/files/files-card-review-btn.png) fill 6 4 4 stretch;
border-width: 3px 2px 2px;
color: var(--base2);
font-size: 12px;
font-weight: bold;
height: 26px;
margin-bottom: 13px;
text-align: center;
padding: 6px 0 0;
}
/*======================================================================ANDROID============================================================*/
html.android, .android body {
height: 100%
}
.android .post-card-wrap,
.android .im-blocks,
.android #tasks-detail-card-container-over {
position: static;
width: auto;
min-height: 100%;
box-sizing: border-box;
}
.android .post-card-wrap:after,
.android .im-blocks:after,
.android #tasks-detail-card-container-over:after {
content: "";
height: 60px;
display: block;
}
.android .send-message-block {
position: static;
width: auto;
box-shadow: 0 1px 3px rgba(var(--base-black-fixed-rgb), 0.3);
margin-top: -51px;
z-index: 5;
}
.android .im-block-writing {
opacity: 1;
display: none
}
.android .im-block-writing-write {
display: block
}
/*========================================================= CALENDAR ======================================================*/
/*========================================================= CALENDAR ADD EVENT ======================================================*/
.calendar-event-page {
padding: 0 15px 15px;
height: 100%;
}
.calendar-event-textar-wrap {
padding: 5px 0 8px;
color: var(--base2);
font-size: 14px;
line-height: 15px;
}
.calendar-event-main-block {
border-width: 3px 4px 5px;
padding: 5px;
margin-top: 5px;
margin-bottom: 15px;
font-size: 14px;
}
.calendar-event-main-block-aqua {
border-width: 3px 4px 5px;
margin-top: 5px;
margin-bottom: 15px;
}
.calendar-event-main-block-aqua-container {
padding: 13px 12px;
background-color: var(--bg-content-tertiary);
border-radius: 4px;
}
.calendar-event-title {
margin-top: 5px;
padding-top: 4px;
margin-bottom: 7px;
line-height: 10px;
font-size: 16px;
text-shadow: 0 1px 1px var(--bg-content-primary);
}
.calendar-event-time {
font-size: 14px;
padding-left: 20px;
background: url(images/im-page/im-info-icon.png) no-repeat center left;
}
.calendar-event-repeat {
padding-top: 10px
}
.calendar-event-reminder {
font-size: 12px;
color: var(--base4);
padding-top: 10px
}
.calendar-event-description-title {
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
}
.calendar-event-description {
border-top: 0.5px solid var(--bg-separator-secondary);
overflow: hidden;
}
.calendar-event-description h3 {
font-size: 14px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 12px;
}
.calendar-event-description p {
padding-bottom: 5px
}
.calendar-event-Importance,
.calendar-event-employment,
.calendar-event-location,
.calendar-event-members {
border-top: 0.5px solid var(--bg-separator-secondary);
padding: 15px 0;
font-size: 14px;
}
.calendar-event-members h3 {
font-size: 13px;
font-weight: bold;
margin-top: 0;
margin-bottom: 12px
}
.calendar-event-members ul {
margin: 0;
padding: 0
}
.calendar-event-members ul li {
list-style: none;
padding: 5px 0 5px 20px;
margin-left: 0;
display: block
}
.cle-confirmed {
background: url(images/calendar/confirmed.png) no-repeat left center;
background-size: 13px
}
.cle-not-confirmed {
background: url(images/calendar/not-confirmed.png) no-repeat left center;
background-size: 15px
}
.cle-refused {
background: url(images/calendar/refused.png) no-repeat left center;
background-size: 13px
}
.calendar-event-main-block-aqua.close .calendar-status-decline-cont,
.calendar-event-main-block-aqua.close .calendar-status-accept-cont {
height: 0;
white-space: nowrap;
overflow: hidden;
display: none;
}
.calendar-status-decline-cont,
.calendar-status-accept-cont {
padding: 20px 0 0 0;
}
.calendar-status-decline-cont .denied-button {
float: none !important;
margin-left: 24%;
}
.calendar-status-accept-cont {
padding-bottom: 16px;
}
.calendar-status-accept-cont .accept-button {
float: none !important;
margin-left: 24%;
}
/*=========================================================/ CALENDAR VIEW EVENT ======================================================*/
/*========================================================= CALENDAR ADD EVENT ======================================================*/
.calendar-addevent-page-inner {
padding: 5px 15px 0 15px;
background-color: var(--bg-content-primary);
}
.calendar-addevent-page {
height: 100%;
}
.calendar-addevent-textar-wrap {
padding: 5px 0 8px
}
.calendar-addevent-input {
background-color: var(--base8);
border: 1px solid var(--bg-separator-secondary);
box-sizing: border-box;
color: var(--base2);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
line-height: 14px;
height: 50px;
margin-bottom: 14px;
outline: none;
padding: 0 13px;
width: 100%;
border-radius: 4px;
}
.calendar-addevent-textarea::placeholder,
.calendar-addevent-input::placeholder {
color: var(--base5);
/*color: red;*/
}
.calendar-addevent-textarea {
background-color: var(--base8);
border: 1px solid var(--bg-separator-secondary);
border-radius: 4px;
box-sizing: border-box;
color: var(--base2);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
margin: 0;
height: 98px;
padding: 11px 12px;
outline: none;
width: 100%;
}
.calendar-addevent-main-block {
border-width: 3px 4px 5px;
margin-bottom: 15px;
padding: 13px 12px;
background-color: var(--bg-content-tertiary);
border-radius: 4px;
}
.calendar-event-main-block-aqua.close .calendar-addevent-participant {
height: 0;
white-space: nowrap;
overflow: hidden;
display: none;
}
.calendar-addevent-row {
border-image: url(images/calendar/card-info-border.png) fill 2 stretch;
border-width: 1px 0 0;
position: relative;
box-sizing: border-box;
}
.calendar-addevent-row:first-child {
border: none;
}
.calendar-addevent-row-left {
font-weight: bold;
color: var(--base2);
display: inline-block;
box-sizing: border-box;
font-size: 12px;
padding: 0;
width: 37%;
float: left;
white-space: nowrap;
}
.calendar-addevent-row-container {
position: relative;
width: 100%;
font-weight: bold;
color: var(--base2);
font-size: 13px;
padding: 0 14px 0 0;
clear: both;
box-sizing: border-box;
}
.calendar-addevent-row-right {
float: right;
text-align: right;
font-weight: normal;
color: var(--base2);
display: inline-block;
box-sizing: border-box;
font-size: 12px;
padding: 0 6px 2px 14px;
width: 63%;
}
.calendar-addevent-row-right select {
position: absolute;
top: -3px;
right: 10px;
min-width: 150px;
max-width: 160px;
height: 24px;
border-radius: 3px;
background-color: var(--base7);
-webkit-appearance: none;
border: 0.5px solid var(--base8);
padding: 0px 7px;
color: var(--base2);
}
input.calendar-addevent-row-right {
border: none;
background: transparent;
}
.calendar-addevent-text {
font-size: 12px;
color: var(--base2);
margin-top: 7px;
}
.calendar-addevent-arrow {
background: url(images/calendar/sprite.png) no-repeat -21px -324px;
background-size: 30px 750px;
height: 14px;
top: 50%;
margin-top: -7px;
right: 0;
position: absolute;
width: 9px;
}
.calendar-addevent-participant-row-new .calendar-addevent-arrow {
background-position: -21px -620px;
top: 21px;
right: 9px;
}
.calendar-addevent-participant {
padding: 20px 15px 4px 0;
}
.calendar-addevent-participant-block {
position: relative;
border-top: 1px solid var(--bg-separator-secondary);
padding-top: 10px;
}
.calendar-addevent-participant-row {
border-image: url(images/calendar/calendar-addevent-block-bord.gif) fill 0 0 2 stretch;
border-width: 0 0 1px;
font-weight: bold;
margin: 0 -2px;
min-height: 34px;
position: relative;
padding: 7px 0 3px 38px;
}
.calendar-addevent-participant-btn {
height: 38px;
left: 0;
top: 0;
position: absolute;
width: 35px;
}
.calendar-addevent-participant-btn .cal-delete-minus {
background: url(images/calendar/sprite.png) no-repeat -3px -674px;
background-size: 30px 750px;
display: block;
margin: 11px 0 0 7px;
height: 24px;
width: 24px;
-webkit-tap-highlight-color: transparent;
-webkit-transition: -webkit-transform 0.30s ease-in;
}
.calendar-addevent-participant-row:first-child .calendar-addevent-participant-btn i {
margin-top: 8px
}
.calendar-addevent-participant-row-new .calendar-addevent-participant-btn i {
background: url(images/calendar/sprite.png) -3px -646px;
background-clip: border-box;
background-origin: padding-box;
background-size: 30px 750px;
color: var(--base2);
display: block;
height: 24px;
margin: 9px 0 0 7px;
width: 24px;
}
.cal-delete-btn-open .calendar-addevent-participant-btn .cal-delete-minus {
-webkit-transform: rotate(-90deg) !important;
-webkit-transition: -webkit-transform 0.30s ease-in !important;
-webkit-tap-highlight-color: transparent !important;
}
.calendar-addevent-participant-row-name {
font-size: 13px;
font-weight: bold;
padding-bottom: 1px;
}
.calendar-addevent-participant-row-link {
color: var(--base2);
font-weight: bold;
font-size: 13px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 1px rgba(var(--bg-content-primary-rgb), 0.7);
text-decoration: none;
white-space: nowrap;
}
.calendar-addevent-participant-row-post {
color: var(--base2);
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 1px rgba(var(--bg-content-primary-rgb), 0.7);
white-space: nowrap;
font-weight: normal;
}
.calendar-addevent-participant-row-new {
border-width: 0;
color: var(--base2);
font-size: 12px;
min-height: 25px;
text-shadow: 0 1px rgba(var(--bg-content-primary-rgb), 0.7);
padding-top: 13px;
margin-top: 5px;
}
.calendar-addevent-participant-row-new:first-child {
padding-top: 9px;
min-height: 22px;
}
.calendar-addevent-participant-row-new:first-child .calendar-addevent-arrow {
top: 10px;
}
.calendar-addevent-participant-row-new:first-child .calendar-addevent-participant-btn i {
margin-top: 6px;
}
.cal-delete-right-btn-wrap {
color: transparent;
height: 30px;
font-size: 12px;
font-weight: bold;
right: 10px;
top: 9px;
overflow: hidden;
padding: 0 12px;
position: absolute;
-webkit-transition: width 0.3s ease-in;
}
.task-form-main-block .cal-delete-right-btn-wrap {
top: 6px;
}
.cal-delete-right-btn-block {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
-webkit-transition: width 0.3s ease-in;
width: 0;
}
.cal-delete-right-btn {
border-image: url(images/delete-button.png) fill 10 stretch;
border-width: 5px;
height: 18px;
color: var(--bg-content-primary);
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(var(--base0-rgb), 0.35);
padding: 1px 0 0 7px;
}
.cal-delete-btn-open .cal-delete-right-btn-block {
-webkit-transition: width 0.25s ease-in 0s;
width: 100%;
}
.cal-wrapper {
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
.cal-block-close {
-webkit-transition: all 0.25s ease-in 0s;
height: 0;
opacity: 0;
}
.task-form-main-block .cal-block-close {
min-height: 0;
}
.cal-delete-btn {
background: url(images/delete-icon-wrap.png) 0 0 no-repeat;
background-size: 29px;
height: 29px;
float: left;
margin: 21px 10px 0 0;
position: relative;
width: 29px;
}
.calendar.accept-button {
width: 48%;
float: left;
}
.calendar.denied-button {
width: 48%;
float: right;
}
.mobile-calendar-save-btn {
text-transform: uppercase;
}
.mobile-calendar-save-btn:active {
opacity: 0.95;
}
/*=========================================================/ CALENDAR ADD EVENT ======================================================*/
/*========================================================= CALENDAR HELP ======================================================*/
.calendar-help-page {
padding: 0 15px 15px
}
.calendar-help-title {
font-size: 16px;
font-weight: bold;
color: var(--base2);
text-align: center;
text-shadow: 0 1px 1px var(--bg-content-primary);
line-height: 30px;
padding-bottom: 10px;
}
.calendar-help-title-h1 {
font-size: 22px;
font-weight: bold;
color: var(--base2);
text-align: center;
text-shadow: 0 1px 1px var(--bg-content-primary);
line-height: 30px;
padding-bottom: 10px;
}
.calendar-help-title-description {
color: var(--base3);
font-size: 13px;
text-align: center;
padding: 17px 0;
}
.calendar-help-main-block {
border-image: url(images/calendar/block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
margin-top: 11px;
padding: 15px 10px 8px;
}
.calendar-help-main-block-aqua {
border-image: url(images/aqua-bg.png) fill 6 8 10 stretch;
border-width: 3px 4px 5px;
margin-top: 5px;
margin-bottom: 15px;
}
.calendar-help-main-block-aqua-container {
background-image: linear-gradient(var(--bg-content-primary), rgba(var(--accent-soft-blue3-rgb), 0.28) 100%);
padding: 10px;
}
.calendar-help-link {
font-weight: bold;
font-size: 16px;
display: block;
color: var(--base2);
text-shadow: 0 1px 1px var(--bg-content-primary);
line-height: 18px;
padding: 4px 45px 0 0;
}
.calendar-help-p p {
font-size: 12px;
padding: 0 7px;
color: var(--base2);
text-shadow: 0 1px 1px var(--bg-content-primary);
line-height: 20px;
}
.calendar-help-row {
border-image: url(images/calendar/card-info-border.png) fill 2 stretch;
border-width: 1px 0 0;
min-height: 31px;
margin: 0 -2px;
padding-top: 6px;
position: relative;
}
.calendar-help-row:first-child {
border: none;
padding-top: 3px;
}
.calendar-help-arrow {
background: url(images/calendar/sprite.png) no-repeat -21px -324px;
background-size: 30px 750px;
height: 14px;
top: 50%;
margin-top: -7px;
right: 10px;
position: absolute;
width: 9px;
}
.calendar-help-ullist {
padding: 0;
margin: 0;
}
.calendar-help-ullist li {
list-style: none;
color: var(--base2);
border-bottom: 1px solid var(--base5);
padding: 5px 12px;
position: relative;
text-shadow: 0 1px 1px var(--bg-content-primary);
left: -12px;
width: 100%;
}
.calendar-help-ullist li:first-child {
border-top: 1px solid var(--base7)
}
.calendar-help-ullist li:last-child {
border-bottom: none
}
.calendar-help-ullist li p {
font-size: 11px;
padding: 0 20px;
line-height: 17px;
}
.calendar-help-ullist li .num {
position: absolute;
top: 15px;
font-weight: bold;
}
.calendar-help-ullist li p img {
max-width: 100%;
margin: 10px auto;
display: block;
height: auto;
}
.calendar-help-participant-block {
border-image: url(images/calendar/form-block-bg.png) fill 6 stretch;
border-width: 3px;
position: relative;
padding: 15px 10px 5px;
}
.calendar-help-participant-block-fixing-week-abbr {
z-index: 10000;
position: absolute;
color: var(--bg-content-primary);
font-weight: bold;
font-size: 14px;
top: 18px;
left: 50%;
margin-left: 65px;
text-shadow: 0 -1px 0 rgba(var(--base0-rgb), 0.4);
}
.calendar-help-cancel {
text-align: center;
font-size: 12px;
color: var(--base2);
line-height: 20px;
text-shadow: 0 1px 1px var(--bg-content-primary);
}
.calendar-help-cancel a:link,
.calendar-help-cancel a:visited {
font-weight: bold;
color: var(--accent-main-links);
}
/*=========================================================/ CALENDAR HELP ======================================================*/
/*=========================================================/ CALENDAR ======================================================*/
/*======================calendar-event-style======================*/
.calendar-ev-block-wrapp {
padding: 6px 0;
}
.post-item-calendar-event {
background: var(--accent-soft-blue3);
padding: 7px 8px 0;
margin: 0 17px;
border-radius: var(--main-border-radius)
}
@media (max-width: 320px) {
.post-item-calendar-event {
padding: 0 10px;
}
}
.calendar-ev-cont-top {
min-height: 32px;
padding: 0 0 9px 71px;
position: relative;
}
.calendar-ev-date-icon {
background: var(--accent-brand-blue);
width: 52px;
height: 56px;
top: 0;
left: 0;
position: absolute;
}
.calendar-ev-date-top {
font-size: 12px;
line-height: 18px;
color: var(--bg-content-primary);
text-align: center;
text-transform: uppercase;
height: 18px;
}
.calendar-ev-date-num {
background: var(--accent-soft-blue3);
font-size: 25px;
line-height: 34px;
color: var(--base1);
text-align: center;
margin: 0 4px;
height: 34px;
}
.calendar-event-title {
font-size: 15px;
color: rgba(var(--base2-rgb), 0.84);
}
.calendar-event-title-name {
font-size: 15px;
color: var(--base1);
line-height: 18px;
}
.calendar-event-item {
padding-bottom: 10px;
padding-left: 71px;
}
.calendar-event-label {
font-size: 13px;
color: rgba(var(--base2-rgb), 0.84);
padding-bottom: 7px;
}
.calendar-event-text {
color: var(--base0);
font-size: 14px;
}
a.calendar-event-text {
text-decoration: underline;
}
.calendar-event-buttons-block {
padding: 9px 33px 10px;
}
.calendar-event-but-part {
margin-bottom: 10px;
}
.calendar-event-buttons-block button {
width: 80%;
min-width: 195px;
}
.calendar-event-accept,
.calendar-event-refuse {
border-image: url(images/calendar/calendar-event-accept-button.png) fill 10 10 16 stretch;
border-width: 5px 5px 8px;
color: var(--bg-content-primary);
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 25px;
line-height: 24px;
min-width: 195px;
margin-bottom: 14px;
text-decoration: none;
text-align: center;
text-shadow: 0 0 1px var(--accent-soft-element-green1);
-webkit-tap-highlight-color: transparent;
outline: none;
width: 80%;
}
.calendar-event-refuse {
border-image: url(images/calendar/calendar-event-refuse-button.png) fill 10 10 16 stretch;
color: var(--base2);
text-shadow: 0 1px rgba(var(--bg-content-primary-rgb), 0.7);
}
.calendar-event-accept-active {
border-image: url(images/calendar/calendar-event-accept-button-pressed.png) fill 10 10 16 stretch;
line-height: 25px;
}
.calendar-event-refuse-active {
border-image: url(images/calendar/calendar-event-refuse-button-pressed.png) fill 10 10 16 stretch;
color: var(--base0);
line-height: 25px;
}
.calendar-invite-cont {
}
.calendar-status-accepted,
.calendar-status-declined {
padding: 0 0 33px 0;
}
.calendar-event-but-part,
.calendar-status-accepted,
.calendar-status-declined {
display: none;
}
.calendar-invite-cont-y .calendar-status-accepted {
display: inline-block !important;
}
.calendar-invite-cont-n .calendar-status-declined {
display: inline-block !important;
}
.calendar-invite-cont-q .calendar-event-but-part {
display: block !important;
}
/*======================calendar-event-style======================*/
/*======================bizproc-style ======================*/
.bp-errortext {
margin: 5px;
color: red;
}
.bp-short-process-finished {
position: relative;
display: block;
font-size: 12px;
padding: 0 5px 0 26px;
z-index: 1;
color: var(--base0);
height: 14px;
margin: 0 0 0 17px;
}
.bp-short-process-finished span {
margin: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
left: 22px;
right: 0;
position: absolute;
z-index: 999;
}
.bp-short-process-finished span span {
position: static;
background: var(--bg-content-primary);
padding: 0 5px 0 5px;
}
.bp-short-process-finished:before {
content: '';
background: url(images/bizproc/bp-sprite.png) no-repeat 0 -101px;
position: absolute;
top: 0;
bottom: 0;
width: 26px;
height: 26px;
left: -3px;
margin: auto;
}
.bp-short-process-finished.process-finished-ready:before {
background-position: 0 -130px;
}
.bp-short-process-step-wrapper {
display: inline-block;
vertical-align: middle;
position: relative;
width: 14%;
}
.bp-short-process-step-wrapper.bp-short-process-step-wrapper-more {
margin-right: 2%;
}
a.process-step-more {
position: absolute;
display: block;
color: var(--base2);
font-weight: bold;
margin-top: -10px;
font-size: 13px;
text-align: center;
left: 0;
right: 0;
text-decoration: none;
}
.bp-short-process-step.bp-short-process-step-firs:after {
display: none;
}
.bp-short-process-step.bp-short-process-step-ready:after {
background-position: 0 -36px;
}
.bp-short-process-step.bp-short-process-step-cancel:after {
background-position: 0 -57px;
}
.bp-short-process .bp-short-process-steps .bp-short-process-step.bp-short-process-step-firs {
box-shadow: 0 0 0 3px var(--accent-brand-blue);
}
.bp-short-process .bp-short-process-steps .bp-short-process-step.bp-short-process-step-ready {
box-shadow: 0 0 0 3px var(--accent-main-success);
}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-cancel {
box-shadow: 0 0 0 3px var(--accent-soft-element-red1);
}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-more {
box-shadow: 0 0 0 3px var(--base3),
2px 0 0 3px var(--bg-content-primary),
5px 0 0 3px var(--base4),
7px 0 0 3px var(--bg-content-primary),
10px 0 0 3px var(--base5);
}
.pb-popup-mobile .bp-post .bp-short-process-step-ready.bp-short-process-step-more {
box-shadow: 0 0 0 3px var(--accent-main-success),
2px 0 0 3px var(--bg-content-primary),
5px 0 0 3px var(--base4),
7px 0 0 3px var(--bg-content-primary),
10px 0 0 3px var(--base5);
}
.pb-popup-mobile .bp-post .bp-short-process-step-cancel.bp-short-process-step-more {
box-shadow: 0 0 0 3px var(--accent-soft-element-red1),
2px 0 0 3px var(--bg-content-primary),
5px 0 0 3px var(--base4),
7px 0 0 3px var(--bg-content-primary),
10px 0 0 3px var(--base5);
}
.bp-short-prosess-steps-arrow.bp-short-prosess-steps-arrow-ready {
width: 66px;
}
.bp-short-process-steps .bp-short-prosess-steps-arrow {
width: 66px
}
.bp-short-process-steps .bp-short-prosess-steps-arrow .process-step-more {
color: var(--accent-main-success);
}
.bp-short-prosess-steps-arrow .process-step-more {
color: var(--base2);
position: relative;
display: inline;
}
.bp-short-prosess-steps-arrow:after,
.bp-short-prosess-steps-arrow.steps-arrow-right-right:before,
.bp-short-prosess-steps-arrow.steps-arrow-left-right:before {
content: '';
position: absolute;
width: 18px;
height: 12px;
background: url(images/bizproc/bp-sprite.png) no-repeat -27px -36px;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.bp-short-prosess-steps-arrow.bp-short-prosess-steps-arrow-ready:after {
background-position: -27px -21px;
}
.bp-short-prosess-steps-arrow.steps-arrow-right-right:before,
.bp-short-prosess-steps-arrow.steps-arrow-left-right:before {
bottom: auto;
}
.bp-short-prosess-steps-arrow.steps-arrow-right-right:after,
.bp-short-prosess-steps-arrow.steps-arrow-left-right:after {
top: auto;
bottom: 0;
}
.bp-short-prosess-steps-arrow.steps-arrow-left-right:before {
background-position: -27px -49px;
}
.bp-task {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.bp-task .bp-post {
background: var(--bg-content-primary);
padding: 15px 17px;
margin: 10px 12px;
}
.bp-status {
display: inline-block;
vertical-align: middle;
}
.bp-status .bp-status-inner {
position: relative;
vertical-align: middle;
display: table-cell;
}
.bp-status .bp-status-inner span {
padding: 11px 17px 11px 40px;
color: var(--accent-main-warning);
line-height: 16px;
text-align: left;
border-radius: 3px;
background: var(--accent-soft-orange2);
font-weight: bold;
display: inline-block;
}
.bp-status .bp-status-inner:after {
content: '';
position: absolute;
left: 13px;
top: 0;
bottom: 0;
margin: auto;
width: 18px;
height: 18px;
background: url(images/bizproc/bp-sprite.png) no-repeat -27px 0;
}
.bp-status-cancel, .bp-status-ready {
position: relative;
display: inline-block;
color: var(--accent-soft-element-red1);
font-weight: bold;
padding-left: 22px;
line-height: 17px;
vertical-align: middle;
}
.bp-status-ready {
color: var(--accent-main-success);
}
.bp-status-cancel:after,
.bp-status-ready:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 13px;
height: 13px;
background: url(images/bizproc/bp-sprite.png) no-repeat -28px -79px;
}
.bp-status-ready:after {
width: 18px;
height: 13px;
background-position: -27px -63px;
}
.bp-small-button {
background: var(--base7);
box-shadow: 0 0 0 1px var(--base5) inset;
border-radius: 2px;
cursor: pointer;
color: var(--base3);
display: inline-block;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
font-size: 12px;
outline: none;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: background-color 0.25s linear;
transition: background-color 0.25s linear;
text-align: center;
border-bottom: 1px solid transparent;
}
.webform-button, .webform-small-button {
box-shadow: none !important;
border-width: 0;
color: var(--bg-content-primary);
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 0 14px 0 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
-webkit-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
font-size: 13px;
height: 30px;
border-radius: 1px;
line-height: 30px;
-webkit-tap-highlight-color: transparent;
outline: none;
padding: 0 19px 2px;
background: var(--accent-main-success);
}
.webform-button {
height: 47px;
line-height: 47px;
width: 100%;
max-width: 300px;
}
.webform-button-accept, .webform-small-button-accept {
background: var(--accent-brand-green);
-webkit-box-shadow: none;
box-shadow: none;
color: var(--base2);
}
.webform-button-decline, .webform-small-button-decline {
background: var(--accent-soft-element-red1);
-webkit-box-shadow: none;
box-shadow: none;
color: var(--bg-content-primary);
}
.webform-button-blue, .webform-small-button-blue {
background: var(--accent-brand-blue);
-webkit-box-shadow: none;
box-shadow: none;
color: var(--bg-content-primary);
}
.bp-button-icon {
width: 19px;
height: 20px;
display: inline-block;
vertical-align: middle;
float: left;
margin: 4px 0 0;
}
.webform-small-button-decline .bp-button-icon {
background-position: 1px -513px;
}
.bp-small-button.webform-small-button-blue {
height: 18px;
}
.bp-title {
font-size: 17px;
font-weight: bold;
color: var(--base0);
vertical-align: top;
}
.bp-title-desc .bold {
color: var(--base0);
font-weight: bold;
}
.bp-title-desc-icon {
width: 36px;
height: 30px;
position: absolute;
left: 0;
top: 0;
margin: auto;
}
.bp-post .bp-short-process-inner .bp-btn-panel {
display: table;
overflow: hidden;
padding: 0;
height: 102px;
}
.bp-post .bp-short-process-inner .bp-btn-panel .bp-btn-panel-inner {
display: table-cell;
vertical-align: middle;
line-height: normal;
}
.bp-post .bp-status {
display: table;
overflow: hidden;
height: 102px;
}
.bp-post .bp-status-cancel, .bp-post .bp-status-ready {
display: table;
overflow: hidden;
height: 102px;
}
.bp-post .bp-status-cancel span, .bp-post .bp-status-ready span {
display: table-cell;
vertical-align: middle;
line-height: normal;
}
.bp-task-block-title {
font-weight: bold;
display: block;
margin-bottom: 15px;
}
.bp-post .bp-short-process-step-wrapper .process-step-more {
background: var(--bg-content-primary);
color: var(--accent-main-success);
border: 0;
padding: 0 5px;
}
.bp-post .bp-short-process-step-wrapper .process-step-more.process-step-more-running {
color: var(--base2);
}
.bp-small-button.webform-small-button-transparent {
margin: 15px 0 0;
}
.bp-small-button.webform-small-button-transparent span {
position: relative;
width: 2px;
height: 10px;
background: var(--base2);
display: inline-block;
vertical-align: middle;
margin: -2px 6px 0 0;
}
.bp-small-button.webform-small-button-transparent span:before {
position: absolute;
content: '';
width: 10px;
height: 2px;
left: -4px;
top: 4px;
background: var(--base2);
}
.pb-popup-mobile .bp-post {
position: relative;
}
.pb-popup-mobile .bp-post .bp-short-process-inner .bp-short-process {
margin: 2px 0;
width: 100%;
height: auto;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
padding: 0;
}
.pb-popup-mobile .bp-post .bp-short-process-steps {
position: static;
display: inline;
padding: 8% 6%;
border: 2px solid var(--bg-separator-secondary);
border-radius: 3px;
}
.pb-popup-mobile .bp-post .bp-short-process-steps.alone {
border-color: transparent;
padding-right: 0;
}
.pb-popup-mobile .bp-post .bp-short-process-inner {
position: relative;
margin: 10px 0;
max-width: 600px;
}
.pb-popup-mobile .bp-post .bp-short-process-step {
position: relative;
display: inline-block;
vertical-align: middle;
border: 1px solid var(--bg-content-primary);
border-radius: 50%;
margin: 8px 0 11px 0;
width: 100%;
box-shadow: 0 0 0 3px var(--base3);
}
.pb-popup-mobile .bp-post .bp-short-prosess-steps-arrow {
width: 14%;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 13px;
font-weight: bold;
color: var(--base2);
padding-top: 25px;
}
.pb-popup-mobile .bp-post .bp-short-prosess-steps-arrow.bp-short-prosess-steps-arrow-ready {
width: 19%;
}
.pb-popup-mobile .bp-post .bp-short-process-step-inner {
background-position: -21px -496px;
position: relative;
overflow: hidden;
border-radius: 50%;
width: 100%;
height: 0;
padding-top: 100%;
display: block;
background: var(--base2);
}
.pb-popup-mobile .bp-post .bp-short-process-step img {
width: 100%;
height: 100%;
border-radius: 50%;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.pb-popup-mobile .bp-post .bp-short-process-step:after {
content: '';
position: absolute;
border-radius: 50%;
background: url(images/bizproc/bp-status.png) no-repeat 0 0;
right: -5px;
bottom: -5px;
width: 38%;
height: 38%;
background-size: cover;
}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-ready:after {
background-image: url(images/bizproc/bp-status-ready.png);
}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-cancel:after {
background-image: url(images/bizproc/bp-status-cancel.png);
}
.pb-popup-mobile .bp-post a.process-step-more {
font-size: 10px;
margin-top: -5px;
}
.pb-popup-mobile .bp-post .bp-avatar {
overflow: hidden;
border-radius: 50%;
margin-right: 15px;
left: 0;
top: 0;
width: 35px;
height: 35px;
position: relative;
display: inline-block;
}
.pb-popup-mobile .bp-post .bp-avatar img {
width: 35px;
height: 35px;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.bp-title-desc a {
vertical-align: top;
color: var(--accent-main-links);
font-size: 14px;
line-height: 17px;
font-weight: bold;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom-color 0.2s linear;
transition: border-bottom-color 0.2s linear;
}
.bp-title-desc {
position: relative;
margin: 10px 0 0;
padding-left: 40px;
max-height: 51px;
overflow: hidden;
display: block;
color: var(--base2);
font-size: 14px;
line-height: 17px;
min-height: 40px;
}
.bp-title-desc:after {
content: '';
position: absolute;
background: linear-gradient(top, var(--bg-content-primary), var(--bg-content-primary));
width: 100%;
height: 17px;
bottom: 0;
left: 40px;
right: 0;
}
.bp-task .bp-title-desc {
max-height: none;
padding-left: 53px;
margin-top: 7px
}
.bp-task .bp-title-desc:after {
display: none;
}
.bp-task .bp-title-desc-icon {
left: 17px;
top: 15px;
}
.bp-task .post-text-title {
padding-left: 53px;
}
.bp-title-date {
margin-left: 40px;
display: block;
}
.bp-title {
margin-top: 10px;
line-height: 30px;
display: block;
}
.pb-popup-mobile .bp-post p {
margin: 0 0 7px 40px;
color: var(--base2);
font-size: 9px;
line-height: 14px;
}
.pb-popup-mobile .bp-post p a {
font-weight: bold;
color: var(--accent-main-links);
}
.pb-popup-mobile .bp-post p .bold {
font-weight: bold;
}
.pb-popup-mobile .bp-task-block {
margin-top: 0;
color: var(--base2);
font-size: 14px;
padding: 15px;
background: var(--accent-soft-blue3);
border-radius: 2px;
position: relative;
word-wrap: break-word;
}
.pb-popup-mobile .bp-btn-panel {
width: 100%;
text-align: center;
padding: 7px 0;
display: inline-block;
vertical-align: middle;
}
.pb-popup-mobile .bp-btn-panel .bp-small-button,
.bizproc-item-buttons .bp-small-button {
margin: 4px 0;
white-space: normal;
overflow: hidden;
max-width: 100%;
padding: 9px 10px 7px;
height: auto;
box-sizing: border-box;
}
.pb-popup-mobile .bp-btn-panel .bp-small-button .bp-button-text,
.bizproc-item-buttons .bp-button-text {
min-width: 75px;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
box-sizing: border-box;
padding: 0 8px 0 8px;
display: block;
}
.mobile-small-button-accept {
border-radius: 4px;
background: var(--accent-brand-green) !important;
color: var(--access-button-text-color) !important;
}
.mobile-small-button-decline {
border-radius: 4px;
background: var(--accent-main-alert) !important;
color: var(--base-white-fixed) !important;
}
.mobile-small-button-accept .bp-button-icon {
background: var(--access-button-icon);
}
.mobile-small-button-decline .bp-button-icon {
background: var(--decline-button-icon);
}
.pb-popup-mobile .bp-post .bp-status {
margin: auto;
height: 65px;
}
.pb-popup-mobile .bp-post .bp-status-cancel,
.pb-popup-mobile .bp-post .bp-status-ready {
height: 75px;
}
.bp-task-block textarea,
.bp-task-block input[type=text] {
width: 100%;
box-sizing: border-box;
background-color: var(--base8);
border-color: var(--base5);
}
.bizproc-item-buttons {
text-align: center;
}
.lenta-item-new .bp-title-desc:after {
background: linear-gradient(top, var(--bg-content-primary), var(--accent-soft-green3));
}
.lenta-item-new .bp-short-process-finished span span {
background: var(--accent-soft-green3);
}
.lenta-item-new .pb-popup-mobile .bp-post a.process-step-more {
background: var(--accent-soft-green3);
}
.bp-list-item .post-item-post-block {
position: relative
}
.bp-list-item .bp-title-desc-icon {
left: 17px;
}
.bp-list-item .post-text-title {
padding-left: 53px;
}
.bp-list-item .bp-title-desc {
padding-left: 53px;
margin-top: 7px;
}
.bp-empty-search {
height: 50vh;
width: 100%;
box-sizing: border-box;
position: relative;
}
.bp-empty-search-box {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
margin: 0 auto;
text-align: center;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.bp-empty-search-text {
font-family: "SanFranciscoText", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
font-weight: Bold;
font-size: 18px;
color: var(--base2);
}
/* ===== reserved class ===== */
.p0 {
padding: 0 !important
}
.m0 {
margin: 0 !important
}
.dn {
display: none !important
}
.db {
display: block !important
}
.wa {
width: auto !important
}
.dib {
display: inline-block !important
}
.clb {
clear: both !important
}
.fln {
float: none !important
}
.fll {
float: left !important
}
.flr {
float: right !important
}
.m0a {
margin: 0 auto !important
}
.fwb {
font-weight: bold !important
}
.fwn {
font-weight: normal !important
}
.tal {
text-align: left !important
}
.tar {
text-align: right !important
}
.tac {
text-align: center !important
}
.tdn {
text-decoration: none !important
}
.tdl {
text-decoration: line-through !important
}
.vat {
vertical-align: top !important
}
.vam {
vertical-align: middle !important
}
.vab {
vertical-align: bottom !important
}
.posr {
position: relative !important
}
.posa {
position: absolute !important
}
.whsn {
white-space: normal !important
}
.whsnw {
white-space: nowrap !important
}
.p05 {
padding: 0 5px !important
}
.w100p {
width: 100% !important
}
.w90p {
width: 90% !important
}
.wa {
width: auto !important
}
.bdbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ===== Debug class ===== */
.dbg1 {
background-color: rgba(var(--accent-extra-purple-rgb), 0.3)
}
.dbg2 {
background-color: rgba(var(--accent-brand-green-rgb), 0.3)
}
.dbg3 {
background-color: rgba(var(--accent-soft-element-red1-rgb), 0.3)
}
.clearboth {
clear: both
}
.empty-page-bottom-margin {
height: 88px;
}
.task-comments-block {
background-color: var(--bg-content-primary);
}
/* ===== URL Preview ===== */
.urlpreview-mobile {
display: block;
border-left: 3px solid var(--accent-main-success);
padding-left: 10px;
padding-bottom: 5px;
margin-left: 1px;
margin-top: 8px;
font: 13px/19px -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
}
.urlpreview-mobile-title {
display: block;
text-decoration: none;
}
.urlpreview-mobile-description {
display: block;
color: var(--base2) !important;
}
.urlpreview-mobile-image {
display: table-cell;
border-radius: 6px;
height: 119px;
min-width: 88px;
vertical-align: middle;
text-align: center;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.urlpreview-mobile-image-img {
max-width: 450px;
max-height: 120px;
background-color: var(--bg-content-primary);
}
.lenta-block-empty {
margin: 10px 12px 15px !important;
text-align: center;
}
.bx-sls .dropdown-block {
border: none;
box-shadow: none;
}
.mobile-ui-loader {
width: 30px;
height: 30px;
position: absolute;
top: 20%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
z-index: 2;
}
.mobile-ui-loader:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: round 1.1s infinite linear;
animation: round 1.1s infinite linear;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
box-shadow: 0 -20px 0 0 var(--bg-content-primary),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2);
}
@keyframes round {
0%,
100% {
box-shadow: 0 -20px 0 0 var(--bg-content-primary),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.7);
}
12.5% {
box-shadow: 0 -20px 0 0 rgba(var(--bg-content-primary-rgb), 0.7),
14px -14px 0 0 var(--bg-content-primary),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.5);
}
25% {
box-shadow: 0 -20px 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.7),
20px 0 0 0 var(--bg-content-primary),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2);
}
37.5% {
box-shadow: 0 -20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.7),
14px 14px 0 0 var(--bg-content-primary),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2);
}
50% {
box-shadow: 0 -20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.7),
0 20px 0 0 var(--bg-content-primary),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2);
}
62.5% {
box-shadow: 0 -20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.7),
-14px 14px 0 0 var(--bg-content-primary),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2);
}
75% {
box-shadow: 0 -20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.7),
-20px 0 0 0 var(--bg-content-primary),
-14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2);
}
87.5% {
box-shadow: 0 -20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px -14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
0 20px 0 0 rgba(var(--bg-content-primary-rgb), 0.2),
-14px 14px 0 0 rgba(var(--bg-content-primary-rgb), 0.5),
-20px 0 0 0 rgba(var(--bg-content-primary-rgb), 0.7),
-14px -14px 0 0 var(--bg-content-primary);
}
}
.mobile-iu-loader-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 1001;
transform: translate(-50%, -50%);
border-radius: 16px;
width: 200px;
height: 200px;
border-collapse: collapse;
background: rgba(var(--base0-rgb), 0.72);
}
.mobile-iu-loader-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(var(--base0-rgb), 0.5);
}
.mobile-iu-loader-wrap button {
width: 130px;
height: 40px;
font-size: 12pt;
background: white;
border-radius: 5px;
border: 1px solid var(--base7);
outline: none;
}
.mobile-iu-loader-wrap button:active {
background: var(--base7);
}
.mobile-ui-loader-message {
color: white;
overflow: auto;
font-size: 11pt;
width: 170px;
text-overflow: ellipsis;
/*white-space: nowrap;*/
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
}
.bottom_button {
z-index: 10000;
align-content: center;
bottom: 0;
width: 100%;
height: 60px;
font-size: 15px;
color: var(--accent-extra-darkblue);
text-align: left;
align-items: center;
display: flex;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
/* text-align: center; */
justify-content: center;
-webkit-user-select: none;
user-select: none;
text-transform: uppercase;
}
.bottom_button_active {
background-color: var(--base6);
}
.bottom_button_cancel {
color: var(--base3);
}
.bottom_button_remove {
color: var(--accent-soft-element-red1);
}
.bottom-panel {
background: var(--bg-content-primary);
border-top: 0.5px solid var(--bg-separator-primary);
z-index: 10000;
align-content: center;
position: fixed;
bottom: 0;
width: 100%;
height: 60px;
align-items: center;
display: flex;
font-size: 14pt;
font-weight: bold;
font: -apple-system-headline;
/* text-align: center; */
justify-content: center;
-webkit-user-select: none;
user-select: none;
}
.bottom-panel-delimiter {
background: var(--bg-separator-primary);
width: 1px;
opacity: 0.7;
height: 100%;
}
.bottom_button:hover {
opacity: 0.9;
}
.bottom_button_holder {
width: 100%;
height: 60px;
position: relative;
}
/*
.feed-post-contentview-read {
background-color: rgba(var(--accent-soft-element-red1-rgb), 0.1)
}
*/
.disk-mobile-player-container {
max-width: 100%;
}
.disk-mobile-player-container video {
max-width: 100%;
}
.disk-mobile-player-error-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
max-width: 100%;
background: var(--bg-navigation);
width: 600px;
height: 337px;
}
.disk-mobile-player-error-icon {
display: block;
margin: 0 0 30px 0;
width: 138px;
height: 85px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAABVCAMAAAChMYysAAABhlBMVEWrsbersbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbdTXGqrsbersbersbersbdTXGqrsbersbersbersbersbdTXGqrsbersbersbdTXGqrsbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbdTXGqrsbersbersbersbersbersbdTXGqrsbersbdTXGqrsbersbersbersbdTXGqrsbersbersbersbersbdTXGqrsbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbdjg9mjAAAAgnRSTlMAAQIDBAUGBwgJCQoLDA0PEBEREhcYGhscHiAhIiIjJysrLC4wMTIzMzQ1Njc4OTo7PDw9Pj9AQUJDRERFRkdISUpLTE1NTk9QUlNVVlhZWltcXmBlZmdqbW5vcHJzdHZ3eHl6fH1+f4CAgYKDhIWGh4iJiouMjY6PkJGSlJWWl5iZ12zzRQAAAsNJREFUeAHt2n0zVGEYx/HLRocloVrSqVAhQlvWtrY8P7RJW5KolIqWEhF5UHZ/77y97mOMplk6O+fuvv443xdgPpjZnbmvHx0UbIj3eFr0ahHlU/XUL3jeTrKC3FYwkoaW9trJXYFJZFt4lvC05yvI1keuSgCYvUie17AEoJVcVJsBngRIQ9Y0sF1O/94MMF1AWrKWgQSd0NnLtUFSVWSQvkCaagY2jv01CyMpAJnZesrWBrwmXQW2gGrKWVF0DQc9zopHgVHS1kugOSfk3jojfn5MpQEMECWBKGnrKdCZAxL7zpD1WDFR1SSwX8WUCGkr108/Hd9QkGgRcYF3QMwIxXqwyZC1rkI6KA6MG6BYPQryLeJAVBEg+d8pxX0/GLLayRCTlOL+LYas3GGISUpwcFtBbp8iMkopHVaQ5Y4AkVFK2cgOQ760McQkpWx0V0FuMcQk5cxDBVlqLSAySilP7DEk1cIQo5T3CvKpkSEeUkITXLcrCrdwgyGeUuxFbsIlZf46QyRQ+hgigjJDJIXSL4fS61N8ik/xKT7FJaVSUbolUEhRwj7Fp5zcC6bUiaBMMMUWQRljSkgEJcwUEkOZk0Gx+XNfBqWEP/dlUMi27UohFE4wxac0DYVD5H8H/VHTIvdKAmVsURUS8JIw5FAqBbyv1Dn/IAmvTurPMhcy/xbH2eFwCZl/oTT0bqvhNfumwgh5429RGBmXj8/O5cO/B/19JWtXGBm3w68dCiPkouocMo3fmRVm9W6hYQpn9W4eHr0NUIRuEhTm/obCHF1qmNqvHM5GYpazX0mfM7nqiTmrng/zzqpH/9ap5rit0/rRrRMvwM6TphpPXIB1LQHIvK0XsYuruFJbSk6XMsC4jLUgPQLwRseGMgWgNa9l6WCPh404y9J+cldAyt6Wq5nah+ftJqson4LX4sMJDxtwv83+DZ9mMLgJP8hFAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.disk-mobile-player-error-container .disk-mobile-player-error-message {
color: var(--base2);
text-align: center;
width: 100%;
}
.disk-mobile-player-error-container .disk-mobile-player-download {
cursor: pointer;
border-bottom: 1px dashed;
}
@media (max-width: 460px) {
.pb-popup-mobile .bp-btn-panel .bp-small-button,
.bizproc-item-buttons .bp-small-button {
margin: 4px auto;
display: block;
max-width: 76%;
}
}
.bx-vote-container.bx-vote-container-mobile .bx-vote-block {
background: var(--bg-content-tertiary);
}
.entry-code {
text-align: left;
background-color: var(--bg-content-secondary);
border: 1px solid var(--bg-separator-secondary);
border-spacing: 0;
font-family: "Courier New", monospce, serif;
font-size: 12px;
line-height: 15px;
margin: 10px 0;
padding: 10px 17px;
width: 90%
}
.entry-code pre {
white-space: pre-wrap;
word-break: break-word;
}
.blog-p-user-name {
font-size: 16px;
text-decoration: none;
}
.bx-messenger-attach {
display: block;
border-left: 3px solid transparent;
padding-left: 10px;
margin-left: 1px;
margin-top: 8px;
font: 15px/19px -apple-system, BlinkMacSystemFont, var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
overflow: hidden;
position: relative;
}
.mobile-grid-data-label-container {
-webkit-user-select: text;
}
.post-pinned-cancel-panel {
display: flex;
align-items: center;
margin: 12px 0;
padding: 0 16px;
height: 60px;
background: rgba(var(--bg-content-primary-rgb), 0.7);
}
.post-pinned-cancel-panel-content {
overflow: hidden;
}
.post-pinned-cancel-panel-label {
position: relative;
display: block;
padding-left: 22px;
margin-bottom: 2px;
font-size: 15px;
color: var(--base1);
opacity: .7;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-pinned-cancel-panel-label:before {
content: '';
position: absolute;
top: 2px;
left: 0;
width: 15px;
height: 15px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.607%203.96c.398.4.377%201.066-.046%201.489-.424.423-1.09.442-1.489.043l-.743-.743-4.727%206.197.726.725c.372.404.34%201.049-.072%201.46-.411.412-1.056.444-1.46.072l-1.771-1.769L.46%2014.872a.279.279%200%2001-.266.09.245.245%200%2001-.188-.19.279.279%200%2001.09-.264L3.483%209.89%201.747%208.155c-.38-.402-.351-1.053.064-1.468.415-.415%201.066-.443%201.468-.063l.726.725%206.198-4.726-.738-.738c-.38-.402-.351-1.053.064-1.469.415-.415%201.066-.443%201.468-.063l3.61%203.607z%22%20fill%3D%22%23525C69%22/%3E%3C/svg%3E') no-repeat;
}
.post-pinned-cancel-panel-text {
display: block;
font-size: 14px;
color: var(--base2);
opacity: .57;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-pinned-cancel-panel-btn {
padding: 0 13px;
margin-left: auto;
text-transform: capitalize;
}
.lenta-pinned-panel {
overflow: hidden;
}
.lenta-pinned-panel.lenta-pinned-panel-active {
margin-bottom: -12px;
}
.lenta-pinned-collapsed-posts {
display: none;
align-items: center;
padding: 0 16px;
margin-bottom: 12px;
margin-top: 10px;
height: 60px;
background: rgba(var(--bg-content-primary-rgb), 0.7);
overflow: hidden;
}
.lenta-pinned-panel-collapsed .lenta-pinned-collapsed-posts {
display: flex;
}
.lenta-pinned-collapsed-posts-content {
flex: 1;
margin-right: 15px;
}
.lenta-pinned-collapsed-posts-title {
display: flex;
align-items: center;
margin-bottom: 4px;
font-size: 15px;
color: var(--base1);
opacity: 0.7;
}
.lenta-pinned-collapsed-posts-title .lenta-pinned-collapsed-count {
margin-left: 5px;
}
.lenta-pinned-collapsed-posts-comments {
align-items: center;
font-size: 14px;
color: var(--base2);
opacity: 0.57;
display: none;
}
.lenta-pinned-collapsed-posts-comments.lenta-pinned-collapsed-posts-comments-active {
display: flex;
}
.lenta-pinned-collapsed-posts-comments .lenta-pinned-collapsed-count {
display: inline-block;
margin-left: 5px;
padding: 0 5px 0 4px;
height: 15px;
border-radius: 8px;
background: var(--accent-main-success);
font-weight: 500;
font-size: 11px;
color: var(--bg-content-primary);
font-family: apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 15px;
}
.lenta-pinned-collapsed-posts-control {
margin-left: auto;
}
.lenta-pinned-collapsed-posts-btn {
display: block;
padding: 20px 0;
margin: 0;
border: none;
font-size: 14px;
color: var(--base2);
text-transform: capitalize;
opacity: 0.57;
}
.lenta-pinned-panel-collapsed .lenta-item {
display: none;
}
#task-comments-block {
background-color: var(--bg-content-primary);
}
.im-notify-item-hover {
background-color: var(--tech-push);
}
.im-notify-collapse-background-image {
background-image: linear-gradient(to bottom, rgba(var(--bg-content-primary-rgb), 0), rgba(var(--bg-content-primary-rgb), 0.1) 0px, rgba(var(--bg-content-primary-rgb), 1) 14px)
}
/**
Legacy CRM styles
*/
/*========================================================= CRM ======================================================*/
.crm_head_title {
font-weight: bold;
font-size: 18px;
margin-left: 50px;
color: var(--base2);
padding-bottom: 10px;
text-shadow: 0 1px 0 rgba(var(--bg-content-primary-rgb), 0.4);
}
.crm_head_title_pic {
font-weight: bold;
font-size: 18px;
padding-left: 50px;
color: var(--base2);
position: relative;
margin-bottom: 10px;
}
.crm_head_title_number {
color: var(--base2);
font-weight: normal;
font-size: 17px;
float: left;
display: inline-block;
padding-right: 10px;
padding-top: 2px;
}
/*.crm_head_title_pic{
float:left;
padding-right:10px;
padding-top:2px;
padding-left:10px;
}*/
.crm_head_title_pic img {
width: auto;
height: 30px;
position: absolute;
top: 50%;
margin-top: -15px;
left: 10px;
}
.crm_contacts_title {
font-size: 15px;
color: var(--base2);
font-weight: bold;
display: block;
padding: 10px 5px;
text-shadow: 0 1px 0 var(--bg-content-primary);
}
.crm_wrapper {
color: var(--base2);
padding: 8px 13px 9px
}
.crm_block_container {
/*border-style: solid;*/
background-color: var(--bg-content-primary);
border-radius: 6px;
word-wrap: break-word;
padding: 9px 0 2px;
margin-bottom: 13px;
}
.crm_block_container.aqua_style {
padding: 13px 12px;
background-color: var(--bg-content-tertiary);
border-radius: 4px;
}
.crm_block_container.blue_style {
border-style: solid;
border-width: 3px 3px 0;
border-image: url(images/crm/cont_bg.png) 6 fill repeat;
margin-bottom: 0;
}
.crm_block_container.blue_style_footer {
margin-bottom: 10px;
margin-top: 0;
}
.crm_block-aqua {
border-image: url(images/aqua-bg.png) fill 6 8 10 stretch;
border-width: 3px 4px 5px;
margin-top: 5px;
margin-bottom: 15px;
}
.crm_block-aqua-container {
background-image: linear-gradient(var(--bg-content-primary), rgba(var(--accent-soft-blue3-rgb), 0.28) 100%);
padding-bottom: 6px;
}
.crm_block_container.company .crm_block-aqua-container {
padding-left: 25px;
background: url(images/crm/company.png) no-repeat 9px 0, linear-gradient(var(--bg-content-primary), rgba(var(--accent-soft-blue3-rgb), 0.28) 100%);
background-size: 16px auto, auto;
}
.crm_card {
padding: 3px 14px 18px
}
.crm_card_tel {
padding: 0 10px
}
.crm_card_image {
float: left;
width: 55px;
height: 55px;
padding: 3px;
box-shadow: 0 0 3px 0 rgba(var(--base0-rgb), 0.33);
background: url(images/crm/no-avatar.png) no-repeat center;
background-size: 100%;
}
.crm_card_image_comp {
float: left;
width: 55px;
height: 55px;
padding: 3px;
box-shadow: 0 0 3px 0 rgba(var(--base0-rgb), 0.33);
background: url(images/crm/no-avatar_comp.png) no-repeat center;
background-size: 100%;
}
.crm_card_image_small {
float: left;
padding: 2px;
box-shadow: 0 0 3px 0 rgba(var(--base0-rgb), 0.33)
}
.crm_card_image_small img {
display: block;
width: 28px;
height: auto;
}
.crm_card img,
.crm_card_tel img {
width: 55px;
height: 55px;
}
.crm_card_name_meeting,
.crm_card_name {
font-weight: bold;
margin-left: 75px;
font-size: 17px;
line-height: 20px;
}
.crm_card_name_meeting {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.crm_card_name_small {
font-weight: bold;
padding-left: 9px;
overflow: hidden;
height: 16px;
width: auto;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
}
.crm_card_name_tel {
font-weight: bold;
margin-left: 75px;
font-size: 17px;
color: var(--base0);
}
.crm_input_text {
background-color: var(--base8);
border: 1px solid var(--bg-separator-secondary);
border-radius: 4px;
box-sizing: border-box;
color: var(--base2);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
margin: 0;
/*height: 98px;*/
padding: 11px 12px;
outline: none;
width: 100%;
}
textarea.crm_input_text {
height: 72px;
line-height: 18px;
}
.crm_input_text.map {
background: url(images/crm/map_small.png) 95% center no-repeat;
background-size: 10px auto;
}
textarea.crm_input_text {
display: block;
max-height: 100%;
}
.crm_tel_call {
float: right;
color: var(--base2);
text-shadow: 0 1px 0 0 rgba(var(--bg-content-primary-rgb), 0.7);
text-decoration: none;
font-weight: bold;
padding: 0 15px;
line-height: 28px;
font-size: 14px;
vertical-align: middle;
border-style: solid;
border-width: 4px 3px;
border-image: url(images/crm/button_blue.png) 8 6 fill stretch;
}
.crm_tel_value {
color: var(--base0);
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
.crm_tel_desc {
font-size: 13px;
font-weight: bold;
color: var(--base4);
}
.crm_input_select {
/*width: 25%;*/
/*border: 1px solid var(--base4);*/
/*height: 32px;*/
/*border-radius: 3px;*/
/*line-height: 26px;*/
/*padding: 2px;*/
/*margin: 5px 0;*/
/*box-shadow: inset 0 0 3px 0 rgba(var(--base2-rgb), 0.3);*/
/*position: absolute;*/
top: -3px;
right: 10px;
min-width: 150px;
max-width: 160px;
height: 24px;
border-radius: 3px;
background-color: var(--base7);
-webkit-appearance: none;
border: 0.5px solid var(--base8);
padding: 0px 7px;
color: var(--base2);
}
.flex-table {
display: flex;
flex-direction: column;
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-cell {
display: flex;
align-items: center; /* centering vertically */
padding: 8px; /* or whatever padding you want */
}
.fwb {
font-weight: bold; /* adding bold font-weight */
}
.crm_input_desc {
font-size: 11px;
color: var(--base3);
text-align: right;
font-weight: normal;
padding-bottom: 10px;
}
.crm_card_description {
margin-left: 75px;
font-size: 13px;
padding-top: 9px;
}
.crm_card_description_meeting {
margin-left: 75px;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: var(--base2);
}
.crm_card_description_tel {
margin-left: 75px;
font-size: 12px;
color: var(--base4);
}
.crm_tac {
text-align: center
}
.crm.accept-button {
display: inline-block;
float: none;
font-size: 19px;
margin: 0 7px 10px;
width: 175px;
height: 45px;
vertical-align: top;
box-sizing: border-box;
line-height: 24px;
padding: 3px;
}
.crm_buttons {
display: inline-block;
border-style: solid;
border-width: 10px 6px;
padding: 1px 5px;
border-image: url(images/crm/buttons.png) 20 12 fill stretch;
}
.lisb a:nth-child(2) {
width: 82px
}
.lisb.order a:nth-child(2) {
width: 55px
}
.crm_buttons.disabled {
color: var(--base5) !important
}
.crm_buttons.email,
.crm_buttons.invoice,
.crm_buttons.sms,
.crm_buttons.phone,
.crm_buttons.ceck,
.crm_buttons.pics,
.crm_buttons.close,
.crm_buttons.edit,
.crm_buttons.folder,
.crm_buttons.cont {
margin: 0 5px 16px;
height: 45px;
box-sizing: border-box;
text-align: center;
display: inline-block;
width: 57px;
}
.crm_buttons.close,
.crm_buttons.edit,
.crm_buttons.pics,
.crm_buttons.folder {
width: 87px
}
.crm_buttons.email span,
.crm_buttons.invoice span,
.crm_buttons.sms span,
.crm_buttons.phone span,
.crm_buttons.ceck span,
.crm_buttons.pics span,
.crm_buttons.close span,
.crm_buttons.edit span,
.crm_buttons.folder span,
.crm_buttons.cont span {
display: block;
height: 20px
}
.crm_buttons.email span {
background: url(images/crm/mail.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.invoice span {
background: url(images/crm/invoice.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.sms span {
background: url(images/crm/sms.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.phone span {
background: url(images/crm/tel.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.ceck span {
background: url(images/crm/check.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.pics span {
background: url(images/crm/pics.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.close span {
background: url(images/crm/close.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.edit span {
background: url(images/crm/edit_icon.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.folder span {
background: url(images/crm/folder.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.cont span {
background: url(images/crm/cont.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.email.disabled span {
background: url(images/crm/mail_disable.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.invoice.disabled span {
background: url(images/crm/invoice_disable.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.sms.disabled span {
background: url(images/crm/sms_disable.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.phone.disabled span {
background: url(images/crm/tel_disable.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.ceck.disabled span {
background: url(images/crm/check_disable.png) center no-repeat;
background-size: auto 20px
}
.crm_buttons.cont.disabled span {
background: url(images/crm/cont_disable.png) center no-repeat;
background-size: auto 20px
}
.crm_block_title {
padding: 2px 40px 0 10px;
font-size: 12px;
font-weight: bold;
color: var(--base2);
float: left;
width: 100%;
box-sizing: border-box;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.crm_block_title span {
color: var(--accent-main-links)
}
.crm_work_count,
.crm_dealings_count,
.crm_comment_count {
float: right;
display: block;
padding: 3px 7px;
margin-right: 10px;
border-radius: 10px;
background: var(--accent-soft-blue3);
line-height: 14px;
font-size: 14px;
box-shadow: inset 0 1px 3px 0 rgba(var(--base0-rgb), 0.2);
color: var(--base1);
text-align: center;
font-weight: bold;
position: absolute;
right: 8px;
margin-top: -4px;
}
.crm_work_count {
margin-top: 0;
background: var(--accent-soft-blue1)
}
.crm_deals_info,
.crm_contact_info {
padding: 0 15px
}
.crm_meeting_info .crm_input_text {
margin-top: 10px;
}
.crm_contact_info strong {
color: var(--base1)
}
.crm_contact_info table {
width: 100%;
border-collapse: collapse;
}
.crm_contact_info table tr td {
padding: 5px 0;
word-break: break-all;
}
.crm_contact_info table tr td:first-child {
padding-right: 4px;
font-size: 13px;
width: 40%;
color: var(--base3);
}
.crm_contact_info table tr td:last-child {
color: var(--base0);
font-size: 13px;
}
.crm_buttons.maps,
.crm_buttons.detail {
width: 90%;
display: block;
margin: 15px auto;
text-decoration: none;
color: var(--base2);
font-weight: bold;
text-align: center;
font-size: 19px;
line-height: 23px;
text-shadow: 0 1px 0 var(--bg-content-primary);
}
.crm_buttons.maps span {
width: 20px;
height: 25px;
display: inline-block;
background: url(images/crm/map.png) no-repeat center;
background-size: auto 25px;
vertical-align: top;
line-height: 25px;
}
.crm_buttons.maps.disabled span {
background: url(images/crm/map_disable.png) no-repeat center;
background-size: auto 25px
}
.crm-page {
background-color:var(--bg-content-primary)
}
.crm-page hr {
display: block;
border: none;
border-top: 1px solid var(--bg-separator-secondary);
}
.crm_block_content {
}
.crm_block_content_title {
color: var(--base3);
font-size: 13px;
}
.crm_block_content p {
font-size: 14px;
color: var(--base0);
}
.crm_toppanel {
}
.crm_filter {
color: var(--accent-soft-element-blue1);
font-size: 15px;
font-weight: bold;
border-top: 1px solid var(--bg-content-primary);
text-align: center;
line-height: 40px;
}
.crm_peopele_icon {
display: inline-block;
width: 24px;
height: 24px;
position: relative;
bottom: -7px;
left: -5px;
background: url(images/crm/cont.png) no-repeat center;
background-size: 20px auto;
}
.crm_cant_one_icon {
display: inline-block;
width: 24px;
height: 24px;
position: relative;
bottom: -7px;
left: -5px;
background: url(images/crm/cant_one.png) no-repeat center;
background-size: 20px auto;
}
.crm_filter_icon {
display: inline-block;
width: 13px;
height: 14px;
position: relative;
bottom: -2px;
left: -5px;
background: url(images/crm/filtr.png) no-repeat;
background-size: 13px 12px;
}
.crm_tel_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -6px;
left: -5px;
background: url(images/crm/tel.png) no-repeat;
background-size: 20px auto;
}
.crm_check_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -4px;
left: -5px;
background: url(images/crm/check.png) no-repeat;
background-size: 18px auto;
}
.crm_mail_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -6px;
left: -5px;
background: url(images/crm/mail.png) no-repeat;
background-size: 20px auto;
}
.crm_deals_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -4px;
left: -5px;
background: url(images/crm/deals.png) no-repeat;
background-size: 18px auto;
}
.crm_raport_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -4px;
left: -5px;
background: url(images/crm/raport.png) no-repeat;
background-size: 15px auto;
}
.crm_arrow_bottom {
display: inline-block;
width: 11px;
height: 7px;
position: relative;
bottom: 1px;
left: 5px;
background: url(images/crm/arrow_bottom.png) no-repeat;
background-size: 11px 7px;
}
.crm_vat {
vertical-align: top
}
.crm_colminus {
width: 33px;
height: 33px;
display: inline-block;
background: url(images/crm/colminus.png) no-repeat center;
background-size: 33px 33px;
margin-right: 10px;
line-height: 33px;
vertical-align: middle;
}
.crm_colplus {
width: 33px;
height: 33px;
display: inline-block;
background: url(images/crm/colplus.png) no-repeat center;
background-size: 33px 33px;
margin-left: 10px;
line-height: 33px;
vertical-align: middle;
}
.crm_contact_list {
padding: 0;
margin: 0;
}
.crm_contact_list_separator {
}
.crm_contact_list_separator > span {
display: block;
line-height: 21px;
height: 21px;
border-top: 1px solid var(--base3);
border-bottom: 1px solid var(--base3);
color: var(--bg-content-primary);
text-shadow: 0 1px 0 var(--base2);
font-weight: bold;
font-size: 18px;
padding-left: 15px;
box-shadow: inset 0 1px 0 0 rgba(var(--bg-content-primary-rgb), 0.3);
background-image: linear-gradient(var(--base3) 0%, var(--base4) 100%);
}
.crm_list_tel_list,
.crm_contact_list_people_list {
padding: 0;
margin: 0;
}
.crm_list_tel {
list-style: none;
border-top: 1px solid var(--bg-content-primary);
border-bottom: 1px solid var(--accent-soft-blue2);
}
.crm_list_tel.selected {
border-top: none;
background: url(images/crm/bg_blue_noise.png);
background-size: 32px 32px;
}
.crm_contact_list_people {
list-style: none;
height: 50px;
border-top: 1px solid var(--bg-content-primary);
border-bottom: 1px solid var(--accent-soft-blue2);
}
.crm_contact_list_people_list .crm_contact_list_people:first-child {
border-top: none;
}
.crm_list_tel img,
.crm_contact_list_people img {
width: 40px;
height: 40px;
padding: 0 10px 0 5px;
float: left;
}
.crm_list_tel i {
font-style: normal;
display: inline-block;
padding: 0 5px;
background: var(--accent-soft-blue1);
}
.crm_contactlist_tel_info,
.crm_contactlist_info {
font-size: 15px;
font-weight: bold;
color: var(--base0);
float: left;
padding: 5px 0;
height: 40px;
width: 100%;
}
.crm_contactlist_tel_info {
height: auto
}
.crm_contactlist_tel_info.selected {
background: var(--accent-soft-blue3);
box-shadow: inset 0 1px 2px 0 rgba(var(--base0-rgb), 0.3);
padding: 5px;
border-radius: 4px;
margin-bottom: 20px;
}
.crm_arrow {
background: url(images/crm/arrow.png?2) no-repeat 97% center;
background-size: auto 12px;
}
.crm_arrow_new {
background: url(images/calendar/sprite.png) no-repeat -21px -322px;
background-size: 30px 750px;
height: 16px;
right: 25px;
position: absolute;
width: 9px;
}
.crm_list_tel.selected .crm_contactlist_tel_info.crm_arrow {
background: url(images/crm/crm_v.png) no-repeat 97% center;
background-size: 18px 14px;
}
.crm_contactlist_tel_info strong,
.crm_contactlist_info strong {
display: block;
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 25px;
}
.crm_contactlist_tel_info span,
.crm_contactlist_info span {
color: var(--base4);
margin-left: 5px;
font-size: 12px;
display: block;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 25px;
}
.crm_input_container {
}
.crm_order_status {
padding: 5px 0;
}
.crm_order_status span {
display: inline-block;
padding: 0 5px;
font-size: 14px;
line-height: 15px;
}
.crm_order_status span.cube {
width: 15px;
height: 15px;
padding: 0;
border-radius: 4px;
}
.crm_order_status span.cube.red {
background-image: linear-gradient(var(--accent-main-alert) 0%, var(--accent-soft-element-red1) 100%);
}
.crm_order_status span.cube.green {
background-image: linear-gradient(var(--accent-soft-element-green1) 0%, var(--accent-soft-element-green1) 100%);
}
.crm_order_status span.cube.orange {
background-image: linear-gradient(var(--accent-main-warning) 0%, var(--accent-main-warning) 100%);
}
.crm_order_status span.cube.blue {
background-image: linear-gradient(var(--accent-main-primaryalt) 0%, var(--accent-extra-darkblue) 100%);
}
.crm_company_list,
.crm_history_list,
.crm_itemcategory,
.crm_dealings_list {
padding: 0;
margin: 0;
}
.crm_company_list {
list-style: none;
border: 0.7px solid var(--bg-separator-primary);
position: relative;
border-radius: 6px;
}
.crm_itemcategory_item,
.crm_dealings_list_item {
list-style: none;
background-color: var(--bg-content-primary);
border-radius: 5px;
padding: 7px 12px;
position: relative;
box-shadow: 0 1px 4px 0 rgba(var(--base0-rgb), 0.4);
margin-bottom: 10px;
}
/*.crm_company_list_item{
width: 100%;
padding: 1px !important;
margin-left: -1px;
}*/
.crm_history_list_item {
list-style: none;
background: var(--bg-content-primary);
border-radius: 5px;
padding: 7px 12px;
position: relative;
box-shadow: 0 1px 4px 0 rgba(var(--base0-rgb), 0.4);
margin-bottom: 10px;
}
.crm_history_list_item pre {
margin: 0;
white-space: pre-line;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
font-size: 16px;
}
.crm_company_list_item {
position: relative;
padding: 10px;
border-bottom: 0.5px solid rgba(var(--base0-rgb), 0.15);
}
.crm_company_list_item:first-child {
box-shadow: none;
border-radius: 5px 5px 0 0
}
.crm_company_list_item:last-child {
border: none;
border-radius: 0 0 5px 5px
}
.crm_dealings_label {
border-radius: 3px;
color: var(--bg-content-primary);
font-size: 10px;
font-weight: bold;
line-height: 16px;
padding: 1px 8px 3px;
position: absolute;
bottom: 7px;
right: -3px;
}
.crm_dealings_label.red {
background-image: linear-gradient(var(--accent-main-alert) 0%, var(--accent-soft-element-red1) 100%);
}
.crm_dealings_label.green {
background-image: linear-gradient(var(--accent-soft-element-green1) 0%, var(--accent-soft-element-green1) 100%);
}
.crm_dealings_label.orange {
background-image: linear-gradient(var(--accent-main-warning) 0%, var(--accent-main-warning) 100%);
}
.crm_dealings_label.blue {
background-image: linear-gradient(var(--accent-main-primaryalt) 0%, var(--accent-extra-darkblue) 100%);
}
.crm_company_img {
width: 32px;
height: 32px;
position: relative;
overflow: hidden;
border: 3px solid var(--bg-content-primary);
box-shadow: 0 0 3px 0 rgba(var(--accent-soft-element-blue1-rgb), 0.26);
float: left;
margin-bottom: 0;
margin-right: 10px;
}
.crm_company_img span {
width: 500px;
margin-left: -250px;
height: 32px;
position: absolute;
top: 0;
left: 50%;
text-align: center;
}
.crm_company_img span img {
width: auto;
height: 32px;
}
.crm_itemcategory_title,
.crm_dealings_title {
font-size: 14px;
margin-bottom: 7px;
font-weight: bold;
color: var(--base0);
}
.crm_itemcategory_title span {
color: var(--base0);
white-space: nowrap;
float: right;
padding-right: 15px;
}
.crm_category_title {
font-size: 14px;
margin: 7px 0;
font-weight: bold;
color: var(--base0);
}
.crm_dealings_title span {
color: var(--base0);
white-space: nowrap
}
.crm_history_title {
font-size: 11px;
color: var(--base3);
padding: 0 0 5px;
font-weight: bold;
margin-bottom: 5px;
border-bottom: 1px solid var(--base7);
}
.crm_history_descr {
overflow: hidden;
}
.crm_company_title {
color: var(--base2);
font-size: 14px;
font-weight: bold;
text-decoration: none;
line-height: 14px;
}
.crm_numorder,
.crm_history_cnt,
.crm_category_desc,
.crm_dealings_company {
font-size: 11px;
color: var(--base3);
font-weight: normal;
}
.crm_history_cnt,
.crm_dealings_company > span {
color: var(--base0);
padding-right: 125px;
float: left;
box-sizing: border-box;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-height: 14px
}
.crm_history_cnt {
color: var(--base3);
padding-right: 0
}
.crm_company_company {
font-size: 11px;
color: var(--base3);
padding-top: 5px;
padding-left: 44px;
padding-right: 8%;
}
.crm_company_company span {
font-weight: bold;
color: var(--base3);
}
.crm_search {
position: relative;
height: 50px;
display: flex;
border-bottom: 0.5px solid var(--bg-separator-primary);
}
.crm_input_container {
position: relative;
height: 100%;
display: flex;
align-items: center;
padding: 0 12px;
flex-grow: 1;
}
.crm_lupe {
background: url(images/crm/lupe.png) no-repeat center;
background-size: 15px auto;
width: 30px;
height: 100%;
position: absolute;
}
.crm_input_container input {
border: none;
height: 30px;
flex-grow: 1;
font-size: 14px;
padding-left: 30px;
background: none;
color: var(--base1)
}
.crm_button {
line-height: 30px;
height: 21px;
padding: 0 10px;
/* position: absolute; */
right: 12px;
top: 3px;
color: var(--base1);
font-weight: bold;
font-size: 14px;
text-decoration: none;
display: none;
max-width: 100px;
text-overflow: ellipsis;
overflow: hidden;
height: 30px;
vertical-align: middle;
border: 1px solid var(--bg-separator-primary);
border-radius: 6px;
margin-right: 10px;
align-self: center;
}
.crm_clear {
background: url(images/crm/clear.png) no-repeat center;
background-size: 19px;
right: 96px;
top: 11px;
display: none;
width: 19px;
height: 19px;
}
.crm_search.active .crm_input_container {
}
.crm_search.active .crm_button,
.crm_search.active .crm_clear {
display: block
}
.crm_item_del {
background: url(images/crm/item_del.png) no-repeat center;
background-size: 10px auto;
width: 20px;
height: 20px;
position: absolute;
right: 3px;
top: 3px;
}
.crm.accept-button.disable {
display: inline-block;
border-style: solid;
border-width: 8px 6px;
padding: 0 5px;
text-shadow: 0 1px 0 var(--bg-content-primary);
color: var(--base5) !important;
border-image: url(images/crm/buttons.png) 20 12 fill stretch;
vertical-align: top;
}
div.crm-list-stage-bar-big {
background: var(--bg-content-primary);
border: 1px solid var(--bg-secondary);
border-radius: 4px;
box-shadow: inset 0 -1px 0 rgba(var(--base0-rgb), 0.03),
inset 0 1px 0 rgba(var(--base0-rgb), 0.09),
inset 0 1px 1px rgba(var(--base0-rgb), 0.1);
height: 12px;
width: 100%;
margin: 10px 0 0;
overflow: hidden;
}
div.crm_arrow div.crm-list-stage-bar-big {
width: 94%;
}
table.crm-list-stage-bar-table-big {
border-spacing: 0;
height: 12px;
width: 100%;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-passed {
border-color: var(--accent-main-primaryalt)
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part:first-child {
border: none
}
.crm-list-stage-bar-part {
border-left: 1px solid rgba(var(--base0-rgb), 0.1);
padding: 0;
width: 20px;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part:first-child div.crm-list-stage-bar-block {
border-radius: 3px 0 0 3px
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
height: 12px;
margin-right: -1px;
min-width: 5px;
position: relative;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-passed div.crm-list-stage-bar-block {
background: var(--accent-main-primaryalt);
background: linear-gradient(top, var(--accent-brand-blue), var(--accent-main-primaryalt));
box-shadow: inset -1px 0 0 rgba(var(--base0-rgb), 0.1),
inset 0 1px 0 var(--accent-main-primaryalt),
inset 0 1px 0 var(--accent-main-primaryalt),
inset 0 2px 0 var(--accent-main-primaryalt),
inset 0 -1px 0 var(--accent-main-primaryalt);
}
div.crm-list-stage-end-good table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: var(--accent-main-success);
background: linear-gradient(top, var(--accent-main-success), var(--accent-main-success));
box-shadow: inset -1px 0 0 rgba(var(--base0-rgb), 0.1),
inset 0 1px 0 var(--accent-main-success),
inset 0 1px 0 var(--accent-main-success),
inset 0 2px 0 var(--accent-main-success),
inset 0 -1px 0 var(--accent-main-success);
}
div.crm-list-stage-end-bad table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: var(--accent-main-alert);
background: linear-gradient(top, var(--accent-main-alert), var(--accent-soft-element-red1));
box-shadow: inset -1px 0 0 rgba(var(--accent-soft-orange1-rgb), 0.6),
inset 0 1px 0 var(--accent-soft-element-red1),
inset 0 1px 0 var(--accent-soft-element-red1),
inset 0 2px 0 var(--accent-main-alert),
inset 0 -1px 0 var(--accent-soft-element-red1);
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block div.crm-list-stage-bar-btn {
border-top: 3px solid rgba(var(--base3-rgb), 0.39);
border-bottom: 1px solid rgba(var(--base3-rgb), 0.39);
display: none;
height: 100%;
left: -1px;
top: -3px;
position: absolute;
width: 100%;
}
div.crm-list-stage-bar-big .crm-list-stage-bar-part:last-child .crm-list-stage-bar-btn {
border-radius: 0 2px 2px 0;
border-right: 3px solid rgba(var(--base3-rgb), 0.39) /*var(--base5)*/;
}
div.crm-list-stage-bar-big .crm-list-stage-bar-part:first-child .crm-list-stage-bar-btn {
border-radius: 2px 0 0 2px;
border-left: 1px solid rgba(var(--base3-rgb), 0.39) /*var(--base5)*/;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part:last-child div.crm-list-stage-bar-block {
border-radius: 0 3px 3px 0
}
div.crm-list-stage-bar-small {
background: var(--bg-content-primary);
position: absolute;
bottom: 10px;
right: 10px;
border: 1px solid var(--bg-secondary);
border-radius: 4px;
box-shadow: inset 0 -1px 0 rgba(var(--base0-rgb), 0.03),
inset 0 1px 0 rgba(var(--base0-rgb), 0.09),
inset 0 1px 1px rgba(var(--base0-rgb), 0.1);
height: 9px;
max-width: 115px;
min-width: 115px;
overflow: hidden;
}
table.crm-list-stage-bar-table-small {
border-spacing: 0;
height: 9px;
width: 100%;
}
table.crm-list-stage-bar-table-small td.crm-list-stage-passed {
border-color: var(--accent-main-primaryalt)
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part:first-child {
border: none
}
.crm-list-stage-bar-part {
border-left: 1px solid rgba(var(--base0-rgb), 0.1);
padding: 0;
width: 20px;
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part:first-child div.crm-list-stage-bar-block {
border-radius: 3px 0 0 3px
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
height: 9px;
margin-right: -1px;
min-width: 5px;
position: relative;
}
table.crm-list-stage-bar-table-small td.crm-list-stage-passed div.crm-list-stage-bar-block {
background: var(--accent-main-primaryalt);
background: linear-gradient(top, var(--accent-brand-blue), var(--accent-main-primaryalt));
box-shadow: inset -1px 0 0 rgba(var(--base0-rgb), 0.1),
inset 0 1px 0 var(--accent-main-primaryalt),
inset 0 1px 0 var(--accent-main-primaryalt),
inset 0 2px 0 var(--accent-main-primaryalt),
inset 0 -1px 0 var(--accent-main-primaryalt);
}
div.crm-list-stage-end-good table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: var(--accent-main-success);
background: linear-gradient(top, var(--accent-main-success), var(--accent-main-success));
box-shadow: inset -1px 0 0 rgba(var(--base0-rgb), 0.1),
inset 0 1px 0 var(--accent-main-success),
inset 0 1px 0 var(--accent-main-success),
inset 0 2px 0 var(--accent-main-success),
inset 0 -1px 0 var(--accent-main-success);
}
div.crm-list-stage-end-bad table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: var(--accent-main-alert);
background: linear-gradient(top, var(--accent-main-alert), var(--accent-soft-element-red1));
box-shadow: inset -1px 0 0 rgba(var(--accent-soft-orange1-rgb), 0.6),
inset 0 1px 0 var(--accent-soft-element-red1),
inset 0 1px 0 var(--accent-soft-element-red1),
inset 0 2px 0 var(--accent-main-alert),
inset 0 -1px 0 var(--accent-soft-element-red1);
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block div.crm-list-stage-bar-btn {
border-top: 3px solid rgba(var(--base3-rgb), 0.39);
border-bottom: 1px solid rgba(var(--base3-rgb), 0.39);
display: none;
height: 100%;
left: -1px;
top: -3px;
position: absolute;
width: 100%;
}
div.crm-list-stage-bar-small .crm-list-stage-bar-part:last-child .crm-list-stage-bar-btn {
border-radius: 0 2px 2px 0;
border-right: 3px solid rgba(var(--base3-rgb), 0.39);
}
div.crm-list-stage-bar-small .crm-list-stage-bar-part:first-child .crm-list-stage-bar-btn {
border-radius: 2px 0 0 2px;
border-left: 1px solid rgba(var(--base3-rgb), 0.39);
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part:last-child div.crm-list-stage-bar-block {
border-radius: 0 3px 3px 0
}
.crm_top_nav {
margin-bottom: 10px
}
.crm_top_nav ul {
padding: 0;
margin: 0;
border-radius: 5px
}
.crm_top_nav ul li {
padding: 0;
margin: 0;
display: block;
float: left;
text-align: center;
box-sizing: border-box;
background-image: linear-gradient(var(--bg-content-secondary) 0%, var(--base5) 100%);
border-top: 1px solid var(--base4);
border-bottom: 1px solid var(--accent-soft-blue1);
box-shadow: inset 0 1px 1px 0 rgba(var(--base0-rgb), 0.17);
}
.crm_top_nav ul li:first-child {
border-radius: 5px 0 0 5px;
border-left: 1px solid var(--base4)
}
.crm_top_nav ul li:last-child {
border-radius: 0 5px 5px 0;
border-right: 1px solid var(--base4)
}
.crm_top_nav ul li.current {
box-shadow: inset 0 1px 2px 0 var(--accent-soft-element-green1);
background-image: linear-gradient(var(--accent-soft-element-green1) 0%, var(--accent-main-success) 100%);
border-top: 1px solid var(--base3);
border-bottom: 1px solid var(--base4);
}
.crm_top_nav ul li.current:first-child {
border-left: 1px solid var(--base3)
}
.crm_top_nav ul li.current:last-child {
border-right: 1px solid var(--base3)
}
.crm_top_nav ul li a {
display: block;
line-height: 28px;
color: var(--base2);
font-weight: bold;
font-size: 12px;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.crm_top_nav.col2 ul li {
width: 50%
}
.crm_top_nav.col2 ul li:first-child {
}
.crm_top_nav.col2 ul li:last-child {
}
.crm_top_nav.col3 ul li {
width: 34%
}
.crm_top_nav.col3 ul li:first-child {
width: 33%
}
.crm_top_nav.col3 ul li:last-child {
width: 33%
}
.crm_top_nav.col4 ul li {
width: 25px
}
.crm_top_nav.col4 ul li:first-child {
}
.crm_top_nav.col4 ul li:last-child {
}
.crm_top_nav ul li.current a {
color: var(--bg-content-primary);
text-shadow: 0 1px 0 var(--accent-soft-element-green1);
}
.crm_files {
}
.crm_files ul {
margin: auto 0;
padding: 0;
}
.crm_files ul li {
display: block;
width: 100%;
margin: 5px 0;
padding-left: 5px;
box-sizing: border-box;
}
.crm_files ul li a {
line-height: 25px;
min-height: 25px;
display: block;
padding-left: 20px;
background: url(images/crm/file.png) no-repeat center left;
background-size: 15px 18px;
color: var(--accent-main-links);
font-size: 12px;
text-decoration: none;
}
.crm_files ul li a span {
color: var(--base2)
}
.crm_important {
border-radius: 3px;
display: inline-block;
color: var(--bg-content-primary);
position: relative;
top: -1px;
padding: 1px 7px 2px;
background-image: linear-gradient(var(--accent-main-alert) 0%, var(--accent-soft-element-red1) 100%);
box-shadow: 0 1px 3px 0 rgba(var(--base0-rgb), 0.5);
font-size: 10px;
}
.crm_boldtext {
color: var(--base2);
font-size: 13px;
font-weight: bold;
}
.crm_normaltext {
font-size: 13px;
color: var(--base2);
}
.crm-card-director-responsible {
padding: 0 4px 15px
}
.crm-card-director-responsible .lenta-info-block {
margin-top: 0
}
.crm_text_color_red {
color: var(--accent-main-alert) !important
}
.crm_text_color_green {
color: var(--accent-soft-green1) !important
}
.crm_text_color_gray {
color: var(--base2) !important
}
.crm_light_blue_incontaioner {
width: 100%;
padding: 14px;
position: relative;
margin-left: -14px;
background: var(--bg-secondary);
}
.crm_people_cont_aqua_two {
padding: 10px 10px;
border: 1px solid var(--bg-separator-primary);
margin-bottom: 10px;
border-radius: 6px;
}
a.crm_people_cont_aqua_two {
text-align: center;
display: inline-block;
text-decoration: none;
color: var(--base2);
text-shadow: 0 1px 0 rgba(var(--bg-content-primary-rgb), 0.2);
font-weight: bold;
font-size: 14px;
padding: 10px 20px;
}
.crm_people_cont_noborder {
margin-bottom: 10px;
padding: 4px;
}
.crm_hr {
border: none;
border-top: 1px solid var(--base4) !important;
width: 80%;
margin: 0 auto;
display: block;
}
.crm_selector_status {
padding: 5px;
margin: 0 5px;
}
.crm_selector_status.check {
background: var(--bg-secondary);
border-radius: 4px;
box-shadow: inset 0 1px 2px 1px rgba(var(--base0-rgb), 0.15);
}
.crm_selector_status_disabled {
opacity: 0.3;
}
.checkbox_emulator {
width: 29px;
height: 29px;
display: inline-block;
line-height: 29px;
vertical-align: middle;
background: url(images/crm/checkbox.png) no-repeat center bottom;
background-size: 29px;
}
.crm_selector_status.check .checkbox_emulator {
background: url(images/crm/checkbox.png) no-repeat center top;
background-size: 29px;
}
.crm_dealings_list_item_wait {
background: var(--bg-content-primary) url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_contact_list_people_wait {
background: transparent url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
}
.crm_company_list_item_wait {
background: transparent url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_history_list_item_wait {
background: var(--bg-content-primary) url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_list_tel_wait {
background: url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_itemcategory_item_wait {
background: url(images/crm/waiter-iphone.gif) no-repeat center center var(--bg-content-primary);
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm-deal-expired {
background-color: var(--accent-soft-red3);
}
.crm-deal-completed {
background-color: var(--bg-content-tertiary);
}
.crm-deadline-text {
}
.crm_company_title_completed {
color: var(--base3);
}
.crm-deal-expired .crm-deadline-text {
color: var(--accent-soft-element-red1);
}
.crm-deal-expired .crm-deadline-text {
color: var(--accent-soft-element-red1);
}
.crm_clear-container {
padding-right: 8px;
}
.crm-search-field {
display: flex;
align-items: center;
height: 36px;
flex-grow: 1;
background-color: var(--bg-content-secondary);
border-radius: 6px;
}
.crm-search-field input {
color: var(--base1)
}
.ml-avatar {
background: url(images/avatar.png?v2) no-repeat center;
background-size: 38px 38px;
border-radius: 50%;
float: left;
height: 38px;
width: 38px;
margin: 0 11px 0 0;
position: relative;
}
.ml-avatar-sub {
width: inherit;
height: inherit;
border-radius: 50%;
}
.ml-avatar i {
border-radius: 6px;
height: 11px;
right: -6px;
bottom: -5px;
position: absolute;
width: 11px;
}
.ml-avatar i:after {
background: url(images/messages-list/ml-circle-border.png) no-repeat 0 0;
background-size: 13px;
content: "";
height: 13px;
left: -1px;
top: -1px;
position: absolute;
width: 13px;
}
/**
* overriding notification list styles
*/
.bx-messenger-attach-blocks {
color: var(--base1) !important;
}
/**
reaction popup override
*/
.feed-post-emoji-popup-container {
background: var(--bg-content-secondary) !important;
}
.post-item-full-content .bx-font {
color: var(--base0)!important;
}