Your IP : 3.147.76.250
.feed-post-emoji-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.feed-post-cont-wrap .feed-post-emoji-container {
max-height: 0;
-webkit-transition: max-height .2s;
-o-transition: max-height .2s;
transition: max-height .2s;
/*overflow: hidden;*/
}
.feed-post-cont-wrap .feed-post-emoji-container.feed-post-emoji-container-toggle {
max-height: 22px;
-webkit-transition: max-height .2s;
-o-transition: max-height .2s;
transition: max-height .2s;
}
.feed-post-cont-wrap .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active {
padding-top: 6px;
/*padding-bottom: 6px;*/
}
.feed-post-cont-wrap .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active .feed-post-emoji-container {
max-height: 22px;
}
.feed-com-block .feed-post-emoji-container {
-webkit-transform: translate(-10px, 0px);
-ms-transform: translate(-10px, 0px);
transform: translate(-10px, 0px);
height: 30px;
-webkit-transition: margin-right .3s;
-o-transition: margin-right .3s;
transition: margin-right .3s;
}
.feed-com-block .feed-post-emoji-container.feed-post-emoji-container-nonempty {
margin-right: -18px
}
.feed-post-emoji-animation-pop {
-webkit-animation: feed-post-emoji-pop .3s linear forwards;
animation: feed-post-emoji-pop .3s linear forwards;
}
.feed-post-emoji-icon-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.feed-post-cont-wrap .feed-post-emoji-icon-box {
margin-right: 5px;
}
.feed-post-cont-wrap .feed-post-emoji-icon-box.feed-post-emoji-icon-box-show {
opacity: 1;
}
.feed-com-block .feed-post-emoji-icon-box {
/*margin: 5px 25px 0 0;*/
margin: 5px 0 0 0;
}
@media (min-width: 1281px) {
.feed-com-block .feed-post-emoji-icon-box {
margin-right: 20px;
}
}
@media (max-width: 1280px) {
.feed-com-block .feed-post-emoji-icon-box {
margin-right: 10px;
}
}
@-webkit-keyframes feed-post-emoji-icon-box-margin-20 {
from {
margin-right: 0;
}
to {
margin-right: 20px;
}
}
@keyframes feed-post-emoji-icon-box-margin-20 {
from {
margin-right: 0;
}
to {
margin-right: 20px;
}
}
@-webkit-keyframes feed-post-emoji-icon-box-margin-10 {
from {
margin-right: 20px;
}
to {
margin-right: 10px;
}
}
@keyframes feed-post-emoji-icon-box-margin-10 {
from {
margin-right: 20px;
}
to {
margin-right: 10px;
}
}
.feed-post-emoji-icon-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.feed-post-emoji-container-nonempty .feed-post-emoji-icon-container {
min-width: 22px;
min-height: 22px;
}
.feed-post-emoji-icon-item {
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #fff;
border-radius: 100%;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
text-decoration: none;
cursor: default;
-o-object-fit: cover;
object-fit: cover;
}
.feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active .feed-post-emoji-icon-item,
.feed-com-block .feed-post-emoji-container .feed-post-emoji-icon-item {
cursor: pointer;
background-size: cover;
}
.feed-post-emoji-top-panel-box .feed-post-emoji-icon-item {
margin-left: -7px;
background-size: cover;
-webkit-box-shadow: inset 0px 0px 4px 4px #fff;
box-shadow: inset 0px 0px 4px 4px #fff;
}
.feed-post-emoji-popup-container .feed-post-emoji-icon-item {
padding: 15px 0 10px 0;
width: 40px;
height: 40px;
cursor: pointer;
}
.feed-post-emoji-text-box .feed-post-emoji-text-item.feed-post-emoji-text-counter-invisible {
display: none;
}
.feed-com-block .feed-post-emoji-icon-item {
margin-left: -6px;
height: 16px;
width: 16px;
-webkit-box-shadow: inset 0 0 4px 4px #fff;
box-shadow: inset 0 0 4px 4px #fff;
}
.feed-com-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1,
.feed-post-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1 {
margin: 0;
z-index: 7;
}
.feed-post-emoji-icon-item-2 {
z-index: 6;
}
.feed-post-emoji-icon-item-3 {
z-index: 5;
}
.feed-post-emoji-icon-item-4 {
z-index: 4;
}
.feed-post-emoji-icon-item-5 {
z-index: 3;
}
.feed-post-emoji-icon-item-6 {
z-index: 2;
}
.feed-post-emoji-icon-item-7 {
z-index: 1;
}
.feed-com-block .feed-post-emoji-icon-hidden.feed-post-emoji-icon-item {
margin: 0 0 0 -18px;
opacity: 0;
}
.feed-post-cont-wrap .feed-post-emoji-icon-hidden.feed-post-emoji-icon-item {
margin: 0 0 0 -22px;
opacity: 0;
}
.feed-post-emoji-icon-animate.feed-post-emoji-icon-item {
-webkit-animation: feed-post-emoji-icon-animate 3s ease-in-out forwards;
animation: feed-post-emoji-icon-animate 3s ease-in-out forwards;
}
.feed-post-emoji-icon-animate-hide.feed-post-emoji-icon-item {
-webkit-animation: feed-post-emoji-icon-animate-hide .15s ease-in-out forwards;
animation: feed-post-emoji-icon-animate-hide .15s ease-in-out forwards;
}
.feed-post-emoji-icon-angry {
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');
}
.feed-post-emoji-icon-cry {
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');
}
.feed-post-emoji-icon-kiss {
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');
}
.feed-post-emoji-icon-laugh {
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');
}
.feed-post-emoji-icon-like {
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%2362A9F3%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M25.315%2013.393h-4.484a.326.326%200%200%201-.302-.193%202.035%202.035%200%200%201%20.027-1.575%205.786%205.786%200%200%200%20.122-3.355c-.305-.76-.385-2.15-1.792-2.214a1.45%201.45%200%200%200-1.045.715.457.457%200%200%200-.056.227c.043.9.043%201.662%200%202.287-.064.938-1.86%203.327-3%204.844a.445.445%200%200%201-.293.178c-.427.064-1.243.173-1.537.211-.069.01-.11.096-.11.136v8.51c0%20.03.038.099.106.11.23.038.806.143%201.388.33.73.235%201.34.79%202.557%201.201a.638.638%200%200%200%20.203.033h5.72a1.62%201.62%200%200%200%201.327-1.52c.01-.423-.074-.841-.247-1.225-.025-.055.008-.113.067-.125.734-.133%201.65-1.525.521-2.647-.03-.029-.024-.068.016-.079a1.722%201.722%200%200%200%201.245-1.276%201.373%201.373%200%200%200-.034-.715%202.427%202.427%200%200%200-.389-.77c-.044-.057-.02-.133.051-.156a1.546%201.546%200%200%200%201.043-1.477c.07-.661-.46-1.454-1.104-1.455zm-14.225.358H7.848a.268.268%200%200%200-.268.312l1.883%2010.579a.344.344%200%200%200%20.34.28h1.2a.332.332%200%200%200%20.335-.327l.026-10.575a.271.271%200%200%200-.274-.269%22/%3E%3C/g%3E%3C/svg%3E');
}
.feed-post-emoji-icon-wonder {
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');
}
.feed-post-emoji-icon-facepalm {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23F6E071'/%3E%3Cpath fill='%23783E11' d='M26.21 10.49a.343.343 0 01-.074.32 7.928 7.928 0 01-3.41 2.43 7.485 7.485 0 01-4.089.317.308.308 0 01-.241-.203l-.321-.998c-.086-.267.243-.551.56-.49 1.28.248 2.654.161 4-.33a7.9 7.9 0 002.71-1.68c.23-.216.603-.183.682.063l.183.572z'/%3E%3Cpath fill='%23FFF' d='M9.475 7.77c.869-.456 1.808-.125 2.508.511L22.31 18.06c.515.485 1.214.92 1.889.9.623-.02.916-.366 1.178-.794l.46-.773c1.274-2.126 2.158-3.382 3.15-4.288 1.957-1.789 2.796-.12 2.847.277l-.624 1.639c-2.035 5.386-3.06 8.596-3.072 9.63-.011.853.16 2.403.51 4.65-2.99 2.818-6.987 4.57-11.302 4.57a18.19 18.19 0 01-5.24-.761c-.08-.2-.165-.402-.258-.615l-.144-.327c-.829-1.85-1.486-2.89-2.819-4.367l-.258-.282c-1.51-1.632-4.019-5.007-4.53-5.895-.51-.888-.566-2.109-.014-2.554.305-.247 1.183.863 1.776 1.456l4.564 4.837c.117.12.518.023.707-.146.19-.169.117-.581-.016-.714l-3.58-3.813c-2.355-2.528-3.628-3.952-3.82-4.273-.41-.685-.588-1.713.022-2.323.53-.53 1.108-.598 1.438-.297l.305.298c1.449 1.431 7.385 7.39 7.602 7.578.241.21.678.083.81-.058.133-.141.215-.527-.025-.798l-.464-.47c-1.79-1.786-8.118-8.021-8.568-8.526-.518-.58-.528-1.748.1-2.377.629-.628 1.25-.619 1.873-.222l.099.073c.66.532 3.482 3.329 8.463 8.392.309.305.608.343.897.113.402-.32.249-.696.118-.855l-.03-.033L9.184 9.59c-.703-.756-.629-1.336.29-1.819z'/%3E%3Cpath fill='%23D29B3C' d='M29.798 26.264l.296 1.688-.292.34a17.265 17.265 0 01-2.735 2.496l-.307.22a17.07 17.07 0 01-.472.318l-.223.143a16.912 16.912 0 01-3.08 1.522c-.802.298-1.632.534-2.482.703l-.38.07-.383.062-.385.053c-.515.064-1.037.103-1.564.116l-.396.005a18.765 18.765 0 01-1.75-.082l-.247-.025-.527-.065-.434-.065c-.287-.047-.572-.1-.853-.16l-.43-.096-.455-.115-.442-.124-.35-.106-.384-.127-.184-.064-.43-.159-.345-.136-.004-.026-.357-.15c-.687-1.48-1.265-2.35-2.385-3.59l-.585-.646-.355-.41-.361-.43-.376-.46c-1.336-1.65-2.83-3.674-3.3-4.49-.82-1.425-.886-3.322.206-4.35l.044-.04-.272-.328-.16-.202-.12-.16-.068-.106c-.795-1.328-.875-3.03.248-4.153.158-.159.328-.3.505-.42l.18-.113.08-.046-.06-.099c-.637-1.1-.56-2.623.228-3.667l.13-.16.135-.145c.95-.95 2.112-1.17 3.212-.705l.183.083.12.063.033-.072c.192-.406.519-.776.977-1.085l.204-.128.175-.097c1.443-.757 3.034-.356 4.207.722l.15.144 10.205 9.66c.226.213.453.362.618.437l.078.03.025.007.479-.802c1.444-2.41 2.357-3.659 3.435-4.644 1.295-1.183 2.665-1.526 3.851-.9.777.411 1.315 1.205 1.468 1.927l.028.165.05.377-.738 1.93-.574 1.536-.403 1.099c-1.284 3.531-1.97 5.758-2.016 6.477l-.003.062c-.004.347.028.848.097 1.498l.02-.005zM9.518 7.872c-.874.459-.985 1.006-.391 1.707l.1.112 7.171 7.323.03.032c.13.159.284.535-.119.855-.289.23-.588.192-.896-.113l-4.335-4.381-2.459-2.442-.664-.645a19.49 19.49 0 00-1.005-.923l-.1-.074c-.623-.397-1.244-.406-1.872.223-.628.628-.619 1.797-.1 2.377l.396.41 1.129 1.131 6.79 6.733.716.72c.24.273.158.658.026.8-.12.127-.485.242-.733.11l-.078-.052-7.906-7.877c-.33-.3-.91-.232-1.439.298-.61.61-.43 1.637-.021 2.322l.054.08.087.116.27.328c.53.624 1.54 1.739 3.033 3.345l1.767 1.892 2.189 2.325c.133.133.205.545.016.714-.168.15-.504.244-.658.179l-.049-.033-4.565-4.837-.195-.202-.533-.57-.199-.203c-.359-.357-.686-.613-.849-.481-.552.446-.496 1.666.015 2.554l.133.218c.693 1.085 2.825 3.936 4.237 5.502l.418.457c1.015 1.126 1.639 1.997 2.245 3.168l-.19-.076a16.204 16.204 0 006.371 1.286c4.317 0 8.28-1.95 11.035-5l-.035-.261-.066-.576a16.783 16.783 0 01-.108-1.542l.003-.229c.053-.963.827-3.48 2.324-7.551l.455-1.226.915-2.411c-.052-.397-.89-2.067-2.848-.278-.831.76-1.587 1.765-2.56 3.323l-.401.653-.583.977c-.28.477-.569.88-1.243.901-.619.02-1.258-.344-1.757-.779l-.132-.12-10.329-9.778c-.699-.635-1.639-.967-2.508-.51z'/%3E%3C/g%3E%3C/svg%3E");
}
.feed-post-emoji-text-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*overflow: hidden;*/
}
.feed-com-block .feed-post-emoji-text-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -4px 0 0 2px;
font-size: 12px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 1;
}
.feed-post-emoji-top-panel-outer {
display: block;
padding-bottom: 7px;
position: relative;
}
.feed-post-emoji-top-panel-box {
padding: 0 0 0 85px;
margin: 0 0 0 -87px;
max-height: 0;
max-width: 100%;
background-color: transparent;
-webkit-transition: max-height .2s;
-o-transition: max-height .2s;
transition: max-height .2s;
/*overflow: hidden;*/
}
.feed-post-emoji-top-panel-container-active.feed-post-emoji-top-panel-box {
display: inline-block;
max-height: 20px;
}
.feed-post-emoji-top-panel-box .feed-post-emoji-text-box.feed-post-emoji-move-to-right {
-webkit-animation: feed-post-emoji-move-to-right .2s linear forwards;
animation: feed-post-emoji-move-to-right .2s linear forwards;
}
.feed-post-emoji-top-panel-box .feed-post-emoji-text-box {
display: inline-block;
-ms-flex-item-align: center;
align-self: center;
margin: 2px 3px 0 0;
border-bottom: 1px solid transparent;
font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #2066B0;
text-decoration: none;
-webkit-transition: border-bottom .3s;
-o-transition: border-bottom .3s;
transition: border-bottom .3s;
white-space: nowrap;
/*overflow: hidden;*/
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer;
}
.feed-post-emoji-text-item:hover {
border-bottom: 1px solid #2066B0;
}
.feed-com-block .feed-post-emoji-text-item {
display: inline-block;
margin: 0;
border-bottom: none;
color: #828B95;
cursor: pointer;
}
.feed-com-block .feed-post-emoji-text-item:hover {
border-bottom: none;
}
.feed-post-emoji-text-more {}
.feed-new-like {
position: relative;
display: inline-block;
margin: 0 13px 0 0;
cursor: pointer;
}
.feed-post-cont-wrap .feed-new-like {
margin: 0;
padding: 0 13px 5px 0;
}
.feed-post-emoji-popup-container {
position: absolute;
display: block;
width: 100px;
height: 50px;
background: #fff;
-webkit-transition: -webkit-transform .15s;
transition: -webkit-transform .15s;
-o-transition: transform .15s;
transition: transform .15s;
transition: transform .15s, -webkit-transform .15s;
-webkit-box-shadow: 0 6px 16px 0 rgba(83,92,105,.15);
box-shadow: 0 6px 16px 0 rgba(83,92,105,.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9999;
}
.feed-post-cont-wrap .feed-post-emoji-popup-container:before {
left: 40%;
}
.feed-post-emoji-popup-inverted.feed-post-emoji-popup-container:before {
top: -5px;
}
.feed-post-emoji-icon-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
padding: 0 10px;
height: 50px;
}
.feed-post-emoji-popup-active .feed-post-emoji-icon-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.feed-post-emoji-popup-container.feed-post-emoji-popup-invisible {
-webkit-animation: feed-post-emoji-popup-hide .5s linear forwards;
animation: feed-post-emoji-popup-hide .5s linear forwards;
width: 301px;
border-radius: 50px;
}
.feed-post-emoji-popup-container.feed-post-emoji-popup-invisible-final {
opacity: 0;
pointer-events: none;
}
.feed-post-emoji-popup-active {
pointer-events: none;
-webkit-animation: feed-post-emoji-popup-show .2s .15s ease-in-out forwards;
animation: feed-post-emoji-popup-show .2s .15s ease-in-out forwards;
opacity: 0;
}
.feed-post-emoji-popup-active.feed-post-emoji-popup-active-final {
opacity: 1;
pointer-events: auto;
}
.feed-post-emoji-popup-active.feed-post-emoji-popup-inverted {
-webkit-box-shadow: 0 0 16px 0 rgba(83,92,105,.15);
box-shadow: 0 0 16px 0 rgba(83,92,105,.15);
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item {
border: none;
opacity: 0;
background-size: contain;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:last-child {
margin-right: 0;
}
.feed-post-emoji-popup-active-final-item .feed-post-emoji-icon-inner .feed-post-emoji-icon-item {
opacity: 1;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(1) {
z-index: 3;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(2) {
z-index: 2;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(3) {
z-index: 1;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(4) {
z-index: 6;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(5) {
z-index: 5;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(6) {
z-index: 4;
}
.feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(7) {
z-index: 7;
}
.feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(1),
.feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(2),
.feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(3),
.feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(4),
.feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(5),
.feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(6),
.feed-post-emoji-popup-invisible .feed-post-emoji-icon-inner .feed-post-emoji-icon-item:nth-child(7) {
-webkit-animation: feed-post-emoji-popup-hide-icon .3s linear forwards;
animation: feed-post-emoji-popup-hide-icon .3s linear forwards;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.feed-post-emoji-popup-container.feed-post-emoji-popup-active-final .feed-post-emoji-icon-item:hover {
-webkit-transform: scale(1.1) translate(0, -3px);
-ms-transform: scale(1.1) translate(0, -3px);
transform: scale(1.1) translate(0, -3px);
}
.feed-post-emoji-control-active.feed-new-like .bx-ilike-text {
color: #3A3D42;
}
@-webkit-keyframes feed-post-emoji-pop {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
35% {
-webkit-transform: scale(1.22);
transform: scale(1.22);
}
80% {
-webkit-transform: scale(1.07);
transform: scale(1.07);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes feed-post-emoji-pop {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
35% {
-webkit-transform: scale(1.22);
transform: scale(1.22);
}
80% {
-webkit-transform: scale(1.07);
transform: scale(1.07);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes feed-post-emoji-icon-animate {
0% {
margin: 0 0 0 -18px;
}
100% {
margin: 0 0 0 -5px;
}
}
@keyframes feed-post-emoji-icon-animate {
0% {
margin: 0 0 0 -18px;
}
100% {
margin: 0 0 0 -5px;
}
}
@-webkit-keyframes feed-post-emoji-icon-animate-hide {
0% {
margin: 0 0 0 -5px;
}
100% {
margin: 0 0 0 -18px;
}
}
@keyframes feed-post-emoji-icon-animate-hide {
0% {
margin: 0 0 0 -5px;
}
100% {
margin: 0 0 0 -18px;
}
}
@-webkit-keyframes feed-post-emoji-move-to-right {
0% {
opacity: 0;
-webkit-transform: translate(-5px,0);
transform: translate(-5px,0);
}
100% {
opacity: 1;
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}
@keyframes feed-post-emoji-move-to-right {
0% {
opacity: 0;
-webkit-transform: translate(-5px,0);
transform: translate(-5px,0);
}
100% {
opacity: 1;
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}
@-webkit-keyframes feed-post-emoji-icon-item-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes feed-post-emoji-icon-item-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes feed-post-emoji-popup-show {
0% {
visibility: hidden;
pointer-events: none;
}
100% {
visibility: visible;
pointer-events: all;
}
}
@keyframes feed-post-emoji-popup-show {
0% {
visibility: hidden;
pointer-events: none;
}
100% {
visibility: visible;
pointer-events: all;
}
}
@-webkit-keyframes feed-post-emoji-popup-hide {
0% {
visibility: visible;
}
100% {
visibility: hidden;
}
}
@keyframes feed-post-emoji-popup-hide {
0% {
visibility: visible;
}
100% {
visibility: hidden;
}
}
@-webkit-keyframes feed-post-emoji-popup-hide-icon {
0% {
opacity: 1;
visibility: visible;
}
99.9999% {
opacity: 0;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes feed-post-emoji-popup-hide-icon {
0% {
opacity: 1;
visibility: visible;
}
99.9999% {
opacity: 0;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes feed-post-emoji-icon-slide-to-right-comments {
0% {
margin: 0 0 0 -18px;
}
100% {
margin: 0 0 0 -5px;
}
}
@keyframes feed-post-emoji-icon-slide-to-right-comments {
0% {
margin: 0 0 0 -18px;
}
100% {
margin: 0 0 0 -5px;
}
}
@-webkit-keyframes feed-post-emoji-icon-slide-to-right-panel {
0% {
margin: 0 0 0 -22px;
}
100% {
margin: 0 0 0 -5px;
}
}
@keyframes feed-post-emoji-icon-slide-to-right-panel {
0% {
margin: 0 0 0 -22px;
}
100% {
margin: 0 0 0 -5px;
}
}
/* Bubble animate icons */
.feed-post-emoji-more-likes {
display: none;
position: relative;
top: -10px;
width: 55px;
height: 30px;
-webkit-animation: feed-post-emoji-more-likes-animate-container 1s linear forwards;
animation: feed-post-emoji-more-likes-animate-container 1s linear forwards;
z-index: 999;
}
.feed-post-emoji-more-likes-item {
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
border-radius: 100%;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2089%2089%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23535C69%22%20cx%3D%2244.5%22%20cy%3D%2244.5%22%20r%3D%2244.5%22/%3E%3Cpath%20d%3D%22M68.18%2071.062c0-3.217-3.61-16.826-3.61-16.826%200-1.99-2.6-4.26-7.72-5.585a17.363%2017.363%200%200%201-4.887-2.223c-.33-.188-.28-1.925-.28-1.925l-1.648-.25c0-.142-.14-2.225-.14-2.225%201.972-.663%201.77-4.574%201.77-4.574%201.252.695%202.068-2.4%202.068-2.4%201.482-4.3-.738-4.04-.738-4.04a27.076%2027.076%200%200%200%200-7.918c-.987-8.708-15.847-6.344-14.085-3.5-4.343-.8-3.352%209.082-3.352%209.082l.942%202.56c-1.85%201.2-.564%202.65-.5%204.32.09%202.466%201.6%201.955%201.6%201.955.093%204.07%202.1%204.6%202.1%204.6.377%202.556.142%202.12.142%202.12l-1.786.217a7.147%207.147%200%200%201-.14%201.732c-2.1.936-2.553%201.485-4.64%202.4-4.032%201.767-8.414%204.065-9.193%207.16-.78%203.093-3.095%2015.32-3.095%2015.32H68.18z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E');
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
}
.feed-post-emoji-more-likes-item-1 {
left: 0;
-webkit-animation-name: feed-post-emoji-more-likes-animate-item;
animation-name: feed-post-emoji-more-likes-animate-item;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.feed-post-emoji-more-likes-item-2 {
top: 7px;
left: 10px;
-webkit-animation-name: feed-post-emoji-more-likes-animate-item;
animation-name: feed-post-emoji-more-likes-animate-item;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.feed-post-emoji-more-likes-item-3 {
top: 14px;
left: 20px;
-webkit-animation-name: feed-post-emoji-more-likes-animate-item;
animation-name: feed-post-emoji-more-likes-animate-item;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: .6s;
animation-delay: .6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.feed-post-emoji-more-likes-number {
position: absolute;
top: 13px;
right: 0;
display: inline-block;
font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #828B95;
-webkit-animation-name: feed-post-emoji-more-likes-animate-item;
animation-name: feed-post-emoji-more-likes-animate-item;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: .6s;
animation-delay: .6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
.feed-post-emoji-more-likes-show {
-webkit-animation: feed-post-emoji-more-likes-animate-item-1 1s linear forwards;
animation: feed-post-emoji-more-likes-animate-item-1 1s linear forwards;
}
@-webkit-keyframes feed-post-emoji-more-likes-animate-item {
0% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes feed-post-emoji-more-likes-animate-item {
0% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes feed-post-emoji-more-likes-animate-container {
0% {
top: 0;
}
100% {
top: -20px;
}
}
@keyframes feed-post-emoji-more-likes-animate-container {
0% {
top: 0;
}
100% {
top: -20px;
}
}
/* End of Bubble animate icons */
.feed-post-emoji-popup-container.--mobile .feed-post-emoji-icon-item {
width: 40px;
height: 40px;
border: none;
padding: 17px 0 10px 0;
margin: 0;
}
.feed-post-emoji-popup-container.--mobile {
margin-top: 0;
margin-bottom: 40px;
height: 61px;
-ms-user-select: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.feed-post-emoji-popup-inverted.feed-post-emoji-popup-container.--mobile {
margin-top: 40px;
margin-bottom: 0;
}
.feed-post-emoji-popup-container.--mobile .feed-post-emoji-icon-inner {
height: 43px;
padding: 9px;
}
.feed-post-emoji-popup-container.--mobile .feed-post-emoji-icon-inner .feed-post-emoji-icon-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
}
.feed-post-emoji-popup-container.--mobile.feed-post-emoji-popup-active-final .feed-post-emoji-icon-item {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.feed-post-emoji-popup-container.--mobile.feed-post-emoji-popup-active-final .feed-post-emoji-icon-item-hover {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
z-index: 999;
border: none;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.feed-post-emoji-popup-mobile-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
opacity: 1;
width: 100%;
height: 100%;
z-index: 9998;
}