.feedfront div{color:#1C1E21;} .feed-list-box .feeds-list ul li .feed-content-box .left {   width: 75px !important; } textarea{resize: none;} .green_filter{filter:invert(63%) sepia(92%) saturate(986%) hue-rotate(59deg) brightness(105%) contrast(105%);} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0; }  input[type=number] {  -moz-appearance: textfield; }  .preview_box {   background-color: #F2F2F2;   border-radius: 4px;   box-shadow: none;  display: block;  padding:0px; } .preview_box figure {   display: block; } .preview_box .image {   display: block;   position: relative; } .preview_box .image img {   display: block;   height: auto;   width: 100%; } .preview_box .media-content {   flex-basis: auto;   flex-grow: 1;   flex-shrink: 1;   text-align: left; font-size: 14px;   font-weight: 400;   line-height: 20px;   padding: .5rem 1.25rem; } .preview_box .is-clipped {   overflow: hidden!important; } .preview_box div{color:#7e7f81;} .preview_box .is-flex {   display: flex!important; } .preview_box .has-text-grey {   color: #7a7a7a !important; } .preview_box small {   font-size: 12px; }  .submit-btn{outline:none !important;} .remove-btn:hover{background:#f8060a;color:#fff;} .feed-list-box .feeds-list ul li .feed-content-box .feed-profile-image img {   width: 90px!important;   height: 90px!important;   border-radius: 5px!important; } .feed-list-box .feeds-list ul li .feed-content-box .left {   width: 90px; } .feed-list-box .feeds-list ul li .feed-content-box {justify-content: start;} .feed-list-box .feeds-list ul li .feed-content-box .right {   float: none!important;   width: auto;   padding-left: 20px; overflow-wrap: break-word; word-break: break-word !important; } .feed-list-box .feeds-list ul li .feed-content-box .right.notification-list {  width: calc(100% - 75px); } .form-control {   background-color: transparent!important;   border: 1px solid #a4a4a4!important;   font-size: 14px;   padding: 10px!important;   height: 40px!important; } textarea.form-control {   height: 132px!important; } .feed-list-box .feeds-list ul li .feed-content-box {   position: relative; } .btn-file { color: #fff; background-color: #f8060a;  border-radius: 3px;  padding: 10px;  font-size: 14px;  font-weight:500; } .btn-file-icon{ color: #fff; background-color: #f8060a;  padding: 5px 8px; } .btn-file-post, .btn-file-post:hover { color: #fff; background-color: #f8060a; border-radius:0px;  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;  padding:8px 20px;  font-size: 14px;  font-weight:500;  width:auto;  border:1px solid #f8060a; } .btn-file-grey {  color: #fff !important;  height:40px;  background-color: transparent;  border-radius: 3px;  padding: 10px;  font-size: 12px;  font-weight:400;  border-color:#7e7f81 !important; } .submit-btn{text-transform:none;outline: 0;} .no-padding{padding:0px;} .profile-feed-inner .feed-content .author-detail h5{font-size:16px;font-weight:bold !important;} .feed_desc{font-size:16px;} .author-detail span{color:#888; font-weight:400;font-size:12px;} hr, .profile-feeds .profile-feed-inner .feed-action ul{border-color:#cbcbcb;} hr{margin-bottom:5px;margin-top:5px;} .feed_comment_box{margin:0px -20px; padding:0 20px;margin-top:15px;} .feed-action .form-group .comment-feed-img{width:45px;vertical-align:top;} .profile-feed-inner .feed-content .feed-author{margin-bottom:0px;} .profile-feeds .profile-feed-inner .feed-action ul li p span{font-size:14px;padding-top:0px;} .profile-feeds .profile-feed-inner li.media-feed{ background: #fff; padding-bottom:0px; box-shadow: 0 0 10px rgba(0,0,0,.4); border-radius:5px; } .profile-feeds .profile-feed-inner .feed-action ul.feed_action_like{justify-content:space-between;border-bottom:0px;} .profile-feeds .profile-feed-inner .feed-action ul.feed_action_like li{width:auto;padding-right:20px;} .profile-feeds .profile-feed-inner .feed-action ul.feed_action_like li p span.sicon{position:relative;font-size: 17px;top:3px;color:#ef4142;} .friendStatus p{font-size:28px;display:flex;justify-content:center;align-items:center;color:#6e6e6e;margin-bottom:10px;} .friendStatus p span{padding-left:5px;} .friendStatus h5{font-size:14px;font-weight:600;letter-spacing:.8px;font-family: 'segoeui' !important;} section.profile-feeds .profile-feed-inner .feed-action ul.feed_action_like li{margin:0px;background:transparent;} .comment_box{ background:#f8f8f8; margin-left:-20px; width:calc(100% + 40px) !important;padding:5px;position:relative; border-top:1px solid #cbcbcb; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-top: 0px !important; padding-left:10px;  } .profile-feeds .feed-content{border-bottom:0px;} .feed-action .form-group .comment-box{padding-left:4px;} .reply-sec{position:absolute;right:0px;bottom:0px;padding-left:0px;width:unset;} .reply_feed{position:unset;width:60px;} .gif_cmt_btn{position:absolute;top:1px;right:0px;border-radius:0px;width:inherit;height:calc(50% - 2px);padding:0px;border:0px;} .btn_cmnt, .btn_cmnt:hover{position:absolute;bottom:0px;right:0px;height:calc(50%);margin:0px !important;width:inherit !important;padding:0px;border:0px;border-top:1px solid #fff;}  .comment_box .form-control{border:0 !important;} .form-control:focus{   border-color:transparent;   outline:0;   -webkit-box-shadow:none;   box-shadow:none; } .feed-content {   margin-top: 5px; }  .btn:focus{   border-color:transparent;   outline:0;   -webkit-box-shadow:none;   box-shadow:none; } .feed-text p{color:#fff;margin-bottom:10px;font-weight:normal;font-size:14px;} .reply-text{margin:0px;line-height:20px;font-weight:normal;font-size:16px;overflow-wrap: break-word;word-break: break-word !important;} .feed-list-box .feeds-list ul li .feed-content-box .right p{overflow-wrap: break-word;word-break: break-word !important;} .comment-row{margin-top:10px !important;padding-bottom:10px;} .comment-row:last-child{border-bottom:0px;} .grey-small{font-size:10px;color:#888;} a.grey-small:hover{color:#999;} .feed-list-box .feeds-list ul li .feed-content-box .right h5{font-weight:400;font-size:16px;} .feed-list-box .feeds-list ul li .feed-content-box .right .time, .comment-box .time, .author-detail .time{font-size:12px;font-weight:normal;text-transform:none;} .comment-box .time, .author-detail .time{color:#7e7f81;} .aname,.aname:hover{font-weight:bold;font-size:16px;color: #000 !important;font-family: 'segoeui';} .status-circle {  width: 15px;  height: 15px;  border-radius: 50%;  background-color: grey;  border: 2px solid white; display:inline-block; } .offline{ background-color: #f8060a; } .online{ background-color: #3df50e; } .landscape_image{height: auto !important;margin-bottom: 2%;display:flex;margin-left:auto;margin-right:auto;} .profile-feed-inner .feed-content .feed-author{display:flex !important;} .profile-actions ul li a, .profile-actions ul li button{font-family: 'Segoe UI'; color:#333;} @media only screen and (min-width:768px) { .video_div video{width:unset !important;max-height:400px;} .portrait_image{object-fit: cover;object-position: center;margin-bottom: 2%;width:60% !important;max-height:500px;height:auto !important;display:flex;margin-left: auto;margin-right: auto;} .portrait_image_preview{object-fit: cover;object-position: center;width:60% !important;max-height:500px;height:auto !important;display:flex;margin-left: auto;margin-right: auto;} } @media only screen and (max-width:991px) { section.profile-feeds .profile-feed-inner li.media-feed{padding:20px !important;padding-bottom:0px !important;} } @media only screen and (max-width:767px) { .video_div video{width:100%;} .portrait_image{height: auto !important;width: 100% !important;margin-bottom: 2%;} .profile-feeds .feed-content{padding:0px;} .text-small-center{text-align:center !important;} .boxesShades .read-all{margin-right:0px;} .activeStatus{margin-bottom:10px;} } @media only screen and (max-width:560px) { table, div{font-size:12px; line-height:20px;} .feed-list-box .feeds-list ul li .feed-content-box .right h5{font-size:14px;font-weight:400;} .author-detail span{font-size:12px;} .friendStatus p img{width:25px;height:25px;} .friendStatus p{font-size:20px;} } @media only screen and (max-width:460px) { .feed_live .form-box{padding-left:0px;padding-right:0px;} .feedfront{padding:0px !important;box-shadow:none !important; background:transparent;} } @media only screen and (max-width:360px) { .col-6-exs{  flex: 0 0 100%;  max-width: 100%; } .feed-list-box .feeds-list ul li .feed-content-box .right .time, .comment-box .time, .author-detail .time{font-size:9px;} .friendStatus p img{width:20px;height:20px;} .friendStatus p{font-size:16px;} } .hidden-on-xs{display:inline-block !important;} .show-on-mobile{display:none;} @media only screen and (max-width:560px) { .hidden-on-xs{display:none !important;} .show-on-mobile{display:inline-block !important;} } .lcount{font-weight:normal;font-size:12px !important;}
 .post_gif img{   width: 100%; } .comments_gifs{   margin-bottom: 5px;   border-radius: 5%; } .edit-profilepic{   width: 70%; } .popup_gypy{   position: absolute;   height: 2px;   z-index: 9;   right: 36px;   top: -265%;   width: 30%; min-width:220px;   display: block;   background: #fff;  box-shadow:0 1px 15px rgba(0,0,0,.1), 0 1px 8px rgba(0,0,0,.1); } .popup_gypy:after, .popup_gypy:after { z-index: -1;   position: absolute;   left: 91%;   margin-left: -25%;   content: '';   border-top: solid 15px #c2c5d9;   border-left: solid 15px transparent;   border-right: solid 15px transparent; } .popup_gypy .form-group{padding:5px;margin-top:0px;} .gifimage{padding-top:8px;} .gifimage img{width:100%;max-width:200px;} .popup_gypy .form-group .form-control{background:#fff;border-radius:20px;} .opengiphy img {   filter:invert(53%) sepia(1%) saturate(342%) hue-rotate(1deg) brightness(99%) contrast(95%); } .icon-button{border-radius:50%;background:#26292E;border-color:#111214;left:190px;top:-10px;} .icon-button:hover{background:#26292E;border-color:#111214;color:#fff;} .popup_gypy_commentbox{   position: inherit;   float: right;   width: 40%;   margin-top: -38px; max-width:280px; } ul.giphys li{width:100% !important;max-width:100% !important;} .popup_gypy:after, .popup_gypy:after {   z-index: -1;   position: absolute;   left: 91%;   margin-left: -25%;   content: '';   border-top: solid 0px #c2c5d9;   border-left: solid 15px transparent;   border-right: solid 15px transparent; } .top_arrow:after, .top_arrow:before { bottom: 99%; left: 93%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .top_arrow:after {  border-color: rgba(136, 183, 213, 0);   border-bottom-color: #000000;   border-width: 16px;   margin-left: -19px; } .top_arrow:before {  border-color: rgba(194, 225, 245, 0);   border-bottom-color: #ffffff;   border-width: 15px;   margin-left: -18px; } .top_arrow_gif:after, .top_arrow:before { bottom: 100%; left: 93%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .top_arrow_gif:after { border-color: rgba(136, 183, 213, 0);   border-bottom-color: #3c3131;   border-width: 14px;   margin-left: -19px; } .top_arrow_gif:before {  border-color: rgba(194, 225, 245, 0);   border-bottom-color: #ffffff;   border-width: 15px;   margin-left: -18px; }  .extracted_content a{ color: #000 !important;   font-size: 15px;   top: 0px;   left: -31px;   width: 23px;   height: 28px;   fill: black; } .extracted_content p{ font-size: 11px;   } .fs_name{   line-height: 25px; } .play_gif_icon{   position: absolute;  top: 44%;   left: 44%; } .arrow-right{   fill: #fff; } .comment_gifs{   position: relative; } .gif_img3{   width: 42px !important;   bottom: 0;   height: 42px;   position: absolute; } .gif_link {   bottom: 0;   right: 0;   position: absolute; } .gif_link1{  position: absolute;   right: 14px;   bottom: 5px; } .gif_img4{   width: 42px !important;  height: 42px;   } .close_alert{ position: absolute;   right: 29px;   font-size: 22px;  color: inherit;   line-height: 19px; } .bubble { background: #FFFFFF; border: #000 solid 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .bubble:after { content: ""; position: absolute; bottom: -25px; left: 175px; border-style: solid; border-width: 25px 25px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; } .bubble:before { content: ""; position: absolute; top: 250px; left: 174px; border-style: solid; border-width: 26px 26px 0; border-color: #000 transparent; display: block; width: 0; z-index: 0; } .gif_img1{   width: 40px !important;   height: auto;   bottom:0px;   position:absolute;   } .gif_img7{   width: 40px !important;   height: auto;   bottom: 0px;   left: 14px;   position: absolute; } .gif_img2{   width: 40px !important;   height: auto;   bottom:113px;   position:absolute;   } .published{   float: left; } .morecontemttype{   float: left !important;   padding-left: 1%;   cursor: pointer;   position: relative;   transition: all .3s ease;   color: #888da8;   fill: #c0c4d8;  font-size: 16px; } .morecontemttype .value{   display: none; } .active_emoji{   display: none; } img.emoji_img {   height: 26px; } svg.emoji_btns_svg {   height: 19px;   width: 20px;   margin: 6px;   fill: #9a9fbf;   margin-top: 14px; } button.btn.btn-primary.note-btn.note-btn-primary.note-image-btn.disabled{   margin-bottom: 0px;   color: #ffffff;   background-color: #05405c;   opacity: 1 !important; } .comment_box .add-options-message .options-message + .options-message {   margin-left: 0px; } .comment_vox .add-options-message .options-message + .options-message {   margin-left: 0px; } .comment_text_area{   border: 1px solid #424242;   border-radius: 0rem;   position: relative;   min-height: 60px;   padding: 10px;   padding-right: 15px;   font-size: 14px; width:calc(100% - 121px); border-right:0px; border-top-left-radius:50px; border-bottom-left-radius:50px; } .stcomment_form .input-group-append .btn{padding-left:.5rem;}; h3.emoji_heading{   text-align: left;   padding-left: 7%;   font-size: 14px;   margin-bottom: 0px;   padding-top: 5px; } .comment_text_area_img{   height: 21px; } .post_description{   overflow: hidden; } .post_description img {   max-width: 100%; } .emoji_icon{   height: 32px;   width: 32px;   margin: 4px;   position: relative;  cursor: pointer; } .emoji_div:not(._4f4o):hover {   background: rgba(29, 33, 41, .04); } .emoji_div{   border-radius: 4px;   cursor: pointer;   display: inline-block;   height: 36px;   line-height: 0;   margin: 2px;   text-align: center;   -webkit-user-select: none;   vertical-align: middle;   width: 36px; } .emoji_pop_up{   position: absolute;   height: 373px;   z-index: 9;   right: 49px;   top: 87px;   width: 315px;   text-align: center;   background: #fff; } .femoji li{float: left;margin-top: 7px; width:11%;} svg.emoji_btns_svg{margin-top: 0px!important;} .hig{   fill: #148ac5!important; } .gif_box{ overflow-y:scroll; background-color:#fff; height:2px; } .add_giphy3 img{ width:100%; } .play-gif{   display: none; } .emoji_new_box{ height: 240px;   z-index: 9;   right: 49px;   top: 87px;   width: 100%;   text-align: center; overflow-y: scroll;   background-color: rgb(237, 242, 246); } .btns_emoji{ background-color:#1B191B !important; padding:0;   border-top: solid 1px #1B191B!important; border-bottom: solid 1px #1B191B!important; }  .emoji_btn_li { display:inline-block !important; padding: 0px !important; }  .caption_error{ position: absolute;   top: 40%;   left: 0;right:0;   width: 100%;  text-align:center; } .gif_img{ width: 40px;   height: auto;   position: absolute;   padding-top: 8px; } .search_img{ padding-left:39px !important; } .div_size{   width: 100% !important; }  .notif_icon{ position: relative !important;   top: 0 !important;  margin-top:0px !important;  } .notif_list .selectize-dropdown-content>:hover .more, .notif_list li:hover .more{ opacity: 1; cursor:pointer; fill:#c0c4d8 !important; } .gif_box .blue_side_bar{ position: relative;   height: 336px;   overflow: hidden;   outline: none; } ul.giphys{padding:0px;margin:0;} ul.giphys li{list-style:none;width:100%;overflow:hidden;} ul.giphys li img{width:100%;} ul.femoji{padding-left:0px;padding-bottom:5px;padding-top:5px;} ul.femoji li{list-style:none;margin-top:0px;} .lh1{line-height:1;} .chat_text_area:focus,.chat_text_area:active,.chat_text_area:hover,.comment_text_area:focus,.comment_text_area:active,.comment_text_area:hover{ outline: 0;-moz-outline-style: none;} .emoji_pop_up{  background: #232223; box-shadow: 0 1px 15px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.1); }  .tooltipc {  position: relative;  display: inline-block; } .tooltipc .tooltiptext {  visibility: hidden;  width: auto;  min-width:320px;  background-color: #1b191b;  color: #fff;  text-align: center;  border-radius: 6px;  padding: 5px 5px;  position: absolute;  z-index: 1;  bottom: 125%;  left: 50%;  margin-left: -120px;  opacity: 0;  transition: opacity 0.3s; } .tooltipc .tooltiptext::after {  content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #1b191b transparent transparent transparent; } .tooltipc:hover .tooltiptext {  visibility: visible;  opacity: 1; } .glide__slide{display:block;} #glide_image_detail .glide__slide{text-align:center;} #glide_image_detail .glide__slide img{width:auto;height:400px;} #glide_image_thumb .glide__slide img{width:auto;height:50px;}  .active_chat{  } .active_chat a{ color:#2b6ca1; font-weight:bold; }  h3.emoji_heading{font-size:1rem;} .chat_text_area{   position: relative;   font-size: 14px; height:100%;width:100%;left:-50px;padding:15px;border:0px; } .top-right-button{text-transform: uppercase;} .dtp .dtp-picker-time > a, .dtp table.dtp-picker-days tr > td > a{color:#969696 !important;} .dtp > .dtp-content{background:#232223 !important;} .dtp table.dtp-picker-days tr > td > a.selected{color:#fff !important;} .fontLogo{font-size:20px;} .emoji_pop_up_chat{position: absolute;top:-378px;right:280px;display:none;} .popup_gypy_chat{display:none;position:absolute;top:-309px;right:280px;width:275px;} #giphyimgareachatroom{bottom:92px;width:230px;background:#232223;padding:15px;} .navbar #notificationDropdown{width:280px;height:350px;} .navbar .header-icon#headerMsgButton .count{font-size:9px;color:#2b6ca1;border:1px solid #2b6ca1;border-radius:10px;position:absolute;width:18px;height:15px;text-align:center;font-weight:700;top:-4px;right:2px;line-height:14px} .navbar #headerMsgDropdown{width:280px;padding:1.5rem;height:325px;right:15px} .navbar .header-icon#groupRequestButton .count{font-size:9px;color:#2b6ca1;border:1px solid #2b6ca1;border-radius:10px;position:absolute;width:18px;height:15px;text-align:center;font-weight:700;top:-4px;right:2px;line-height:14px} .navbar #groupRequestDropdown{width:280px;padding:1.5rem;height:325px;right:15px} .bold{font-weight:bold;} .searchinput {   position: relative; width:300px;   border-radius: 20px;   background: #232223; } .searchinput input{ border: initial; background: 0 0; outline: initial !important; font-size: .8rem; color: #969696; padding: .4rem 1rem; line-height: 2; width:93%; } .searchinput .search-icon {   font-size: 17px;   border-radius: 10px;   color: #424242;   position: absolute;   width: 40px;   height: 40px;   bottom: -10px;   right: 3px;   text-align: center;   cursor: pointer; }   .note-mybutton{background:transparent;top:3px} .note-mybutton i.glyph-icon{font-weight:bold;font-size:14px;} .no_messageh1{font-size:500%;font-weight:800;text-align:center;} .social-profile-img{border-radius:10px;} @media (max-width:575px){.navbar .header-icon#headerMsgButton .count{right:-1px} .no_messageh1{font-size:200%;}} .rtl .navbar .navbar-right #headerMsgButton .count{text-align:center} @media (max-width:575px){.rtl .navbar .navbar-right #headerMsgButton .count{left:-1px}} .visible-xs{display:none !important} @media (max-width:767px){.hidden-xs{display:none !important} .visible-xs{display:block !important} .my_link_xs,.my_link_xs:hover,.my_link_xs:focus,.my_link_xs:active{background:transparent !important;border:0px;padding:0px;}} @media (max-width: 1199px) { .emoji_pop_up_chat{right:10px;} .popup_gypy_chat{right:10px;} } @media (max-width: 991px) { #giphyimgareachatroom{bottom:82px;} } @media screen and (max-width: 767px){ .fontLogo{font-size:16px;} #giphyimgareachatroom{bottom:62px;} .chat_text_area{left:-15px;} } @media (max-width: 600px) { .fontLogo{font-size:.8rem;} } @media screen and (min-width: 768px){   } .spinner { width: 70px; } .spinner > div {  width: 16px;  height: 16px;  background-color: #2b6ca1;  border-radius: 100%;  display: inline-block;  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;  animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner-side > div{width:10px; height:10px;} .spinner .bounce1 {  -webkit-animation-delay: -0.32s;  animation-delay: -0.32s; } .spinner .bounce2 {  -webkit-animation-delay: -0.16s;  animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay {  0%, 80%, 100% { -webkit-transform: scale(0) }  40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay {  0%, 80%, 100% {   -webkit-transform: scale(0);   transform: scale(0);  } 40% {   -webkit-transform: scale(1.0);   transform: scale(1.0);  } }   .hidden_0{display:none;} .hidden_1{display:block;} #glide_image_detail .glide__slide img{height:unset;max-height:400px;} #glide_image_thumb .glide__slide img{height:unset;max-height:40px;} .logo{background:url(https://playluxxx.com/public/css/../images/logo.png) no-repeat;background-size:180px;width:180px;height:18px;position:absolute;left:calc(50% - 90px);top:calc(50% - 9px);} .logo-mobile{background:url(https://playluxxx.com/public/css/../images/logo.png) no-repeat;background-size:120px;width:120px;height:18px;position:absolute;left:calc(50% - 60px);top:calc(50% - 9px);} .navbar .navbar-left{flex-basis:unset;} .chat-app .scroll > div > div.card.float-right {   float: right !important; } .modal{padding-right:0px !important;} @media screen and (max-width: 600px) {  img.gifResponsivebox {   width:200px;  } } @media screen and (min-width: 601px) {  img.gifResponsivebox {   width:300px;  } }
.reaction-container{  max-width:100%;  margin:150px auto;  padding:0 60px;  position: relative; } .reaction-btn {  font-weight: bold;  color: #7f7f7f;  position: relative;  cursor: pointer;  padding: 20px 20px 0 0; } .reaction-btn:hover {  text-decoration: none; } .like-btn-default {  background-repeat: no-repeat;  background-size: auto;  background-position: -277px -446px; } .reaction-btn-emo {  display: inline-block;  margin: 0 6px -3px 0;  width: 16px;  height: 16px; } .emojies-box {  height: 44px;  width: 286px;  padding: 10px;  position: absolute;  top: -63px;  left: -14px;  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px 0px 2px rgba(0, 0, 0, 0.1);  border-radius: 44px 44px;  display: none; } .emoji {  list-style-type: none;  cursor: pointer;  display: inline-block;  width: 36px;  height: 36px;  position: absolute;  top: 8px;  opacity: 0;  transform: scale(1, 1);  transition: opacity .5s ease-in-out 1s, transform .07s ease-in-out 0s, top .07s ease-in-out 0s;  background-repeat: no-repeat;  background-size: cover;  background-position: center center } .reaction-btn:hover .emojies-box {  display: block; } .emo-like {  left: 10px;  transition-delay: 0s;  background-image: url(https://playluxxx.com/assets/profile/../images/reactions_like.png); } .emo-love {  left: 56px;  transition-delay: .05s;  background-image: url(https://playluxxx.com/assets/profile/../images/reactions_love.png); } .emo-haha {  left: 102px;  transition-delay: .1s;  background-image: url(https://playluxxx.com/assets/profile/../images/reactions_haha.png); } .emo-wow {  left: 148px;  transition-delay: .15s;  background-image: url(https://playluxxx.com/assets/profile/../images/reactions_wow.png); } .emo-sad {  left: 194px;  transition-delay: .2s;  background-image: url(https://playluxxx.com/assets/profile/../images/reactions_sad.png); } .emo-angry {  left: 240px;  transition-delay: .25s;  background-image: url(https://playluxxx.com/assets/profile/../images/reactions_angry.png); }  .reaction-btn:hover .emoji {  opacity: 1;  animation-name: reaction_delay;  animation-duration: .5s; } @keyframes reaction_delay {  0% {   width: 36px;   height: 36px;   top: 44px;  }  48% {   width: 42px;   height: 42px;   top: 5px;  }  100% {   width: 36px;   height: 36px;   top: 8px;  } }  .reaction-btn:hover .emo-like {  animation-delay: 0s } .reaction-btn:hover .emo-love {  animation-delay: .05s } .reaction-btn:hover .emo-haha {  animation-delay: .1s } .reaction-btn:hover .emo-wow {  animation-delay: .15s } .reaction-btn:hover .emo-sad {  animation-delay: .2s } .reaction-btn:hover .emo-angry {  animation-delay: .25s } .emoji:hover {  transform: scale(1.3, 1.3);  top: 2px }  .emoji::before {  display: inline-block;  color: #ffffff;  text-align: center;  line-height: 20px;  font-size: .7em;  width: 80%;  height: 20px;  margin-left: 10%;  background-color: rgba(0, 0, 0, 0.6);  border-radius: 20px;  position: absolute;  top: -25px;  opacity: 0;  transition: opacity .2s ease-in-out 0s; } .emoji:hover::before {  opacity: 1 } .emo-like::before {  content: 'Like' } .emo-love::before {  content: 'Love' } .emo-haha::before {  content: 'Haha' } .emo-wow::before {  content: 'Wow' }  .emo-sad::before {  content: 'Sad' } .emo-angry::before {  content: 'Angry' } .like-stat {  margin-top: 10px; }  .like-btn-like{  background-image: url(https://playluxxx.com/assets/profile/../images/20/reactions_like.png);  background-repeat: no-repeat;  background-size: auto;  background-position: 0px; } .like-btn-love{  background-image: url(https://playluxxx.com/assets/profile/../images/20/reactions_love.png);  background-repeat: no-repeat;  background-size: auto;  background-position: 0px; } .like-btn-haha{  background-image: url(https://playluxxx.com/assets/profile/../images/20/reactions_haha.png);  background-repeat: no-repeat;  background-size: auto;  background-position: 0px; } .like-btn-wow{  background-image: url(https://playluxxx.com/assets/profile/../images/20/reactions_wow.png);  background-repeat: no-repeat;  background-size: auto;  background-position: 0px; } .like-btn-sad{  background-image: url(https://playluxxx.com/assets/profile/../images/20/reactions_sad.png);  background-repeat: no-repeat;  background-size: auto;  background-position: 0px; } .like-btn-angry{  background-image: url(https://playluxxx.com/assets/profile/../images/20/reactions_angry.png);  background-repeat: no-repeat;  background-size: auto;  background-position: 0px; } .reaction-btn-text-like {  color:rgb(88, 144, 255); } .reaction-btn-text-wow,.reaction-btn-text-haha,.reaction-btn-text-sad {  color:rgb(240, 186, 21) } .reaction-btn-text-love{  color:rgb(242, 82, 104) } .reaction-btn-text-angry{  color:rgb(247, 113, 75); } .like-emo > span{   display: inline-block;   margin: 0 0px -6px 7px;   width: 20px;   height: 20px;  border-radius: 50%; padding-right:5px; } .like-details{  margin-left:10px;  color:#9197a3;  font-size:12px; }   .like-emo span::before {  display: inline-block;  color: #ffffff;  text-align: center;  line-height: 17px;  font-size: .7em;  width: auto;  padding:0px 10px;  height: 17px;  background-color: rgba(0, 0, 0, 0.6);  border-radius: 20px;  position: absolute;  top: 0px;  opacity: 0;  transition: opacity .2s ease-in-out 0s; } .like-emo span:hover::before { opacity: 1; } .like-btn-like::before {  content: var(--like-btn-count); } .like-btn-love::before {  content: var(--love-btn-count); }  .like-btn-haha::before {  content: var(--haha-btn-count); } .like-btn-wow::before {  content: var(--wow-btn-count); } .like-btn-sad::before {  content: var(--sad-btn-count); } .like-btn-angry::before {  content: var(--angry-btn-count); } @media only screen and (max-width:460px) { .emojies-box-cmt{left:-114px;} .emojies-box-cmt2{left:-68px;} }