.slick-slider .slick-track,
.slick-slider .slick-list {
  direction: ltr;
}
.profile-name-wrapper {
  text-align: right;
  padding-right: 20px;
}
@media only screen and (min-width: 1250px) {
  .profile-id {
    display: none;
  }
}

.footer-bottom-bar .link .title {
  display: none;
}
.footer-bottom-bar {
  height: 50px;
  transition: bottom 0.2s ease-in-out;
}
@media only screen and (max-width: 1250px) {
  .live-stream-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    border-radius: 0;
  }
  .live-stream-video {
    height: 100%;
    top: 0;
    width: 100%;
    position: fixed;
    left: 0;
    border-radius: 0;
  }
  .live-stream-wrapper div#js_live-video {
    border-radius: 0;
  }
  .live-stream-wrapper span#js_live-start,
  .live-stream-wrapper span#js_live-end {
    z-index: 1;
    bottom: 15px;
    position: absolute;
    right: 35%;
    left: auto;
    width: 30%;
    padding-inline: 0;
    padding-block: 4px;
  }

  .live-stream-wrapper span#camera-select-menu div {
    margin: unset !important;
  }

  ul.js_comments.js_live-comments {
    position: fixed;
    bottom: 70px;
    max-height: 40%;
    overflow: auto;
    width: 75%;
    display: flex;
    flex-direction: column-reverse;
  }
  .ptb10.text-center.js_see-more {
    display: none;
  }
  .live-stream-video .live-video-player video {
    height: 100% !important;
    border-radius: unset;
  }
  div#js_live-status {
    bottom: 75px;
  }
  span#js_live-tips {
    position: fixed;
    left: 10px;
    z-index: 999;
    top: 10px;
    display: none !important;
  }
  span#js_live-tips label {
    background: #f7fafc;
    color: black;
  }
  span#js_live-tips .btn-check:checked + .btn {
    background-color: var(--bs-btn-active-bg);
  }
  div#live-comments {
    padding-bottom: 75px;
    max-height: 50%;
    height: 50%;
  }
  .live-stream-video .live-video-player div {
    border-radius: unset;
    width: 100%;
  }
  .live-stream-video .live-comments {
    border-radius: unset;
  }
  #live-comments ul.comment-actions.clearfix {
    display: none;
  }
  .live-comments .comment .comment-btn {
    display: none;
  }
  div#js_live-stream-buttons {
    position: fixed;
    bottom: 65px;
    display: flex;
    flex-direction: column-reverse;
    left: 16px;
    align-items: baseline;
    gap: 15px;
    overflow: hidden;
    transition: max-height 0.5s ease-in;
    max-height: 510px;
    z-index: 99999;
    border-radius: 5px;
    background: #999;
    backdrop-filter: blur(10px);
    padding: 5px;
  }
  div#js_live-stream-buttons.collapse {
    max-height: 0px !important;
    background: none;
    visibility: hidden;
  }
  .comment-text.js_readmore.join {
    color: #e13c4c;
  }
  .comment-text.js_readmore.gift {
    color: #65a830;
  }

  .suggestions {
    display: none;
  }

  #zuck-modal-content .story-viewer .slides .item > .media {
    object-fit: contain;
  }
  #zuck-modal-content .story-viewer .slides .item > .media {
    width: 100%;
  }
  .post_gift {
    position: fixed;
    left: 0;
    bottom: -200%;
    z-index: 9999;
    background-color: white;
    border-radius: 15px;
    transition: bottom ease 0.5s;
    box-shadow: 0 0 10px 0 grey;
  }
  .close_icon {
    margin-inline: 15px;
    margin-bottom: 10px;
  }
  .post_gift.active {
    bottom: 0;
  }
  .zarib {
    margin: 10px;
  }
  .live-stream-video {
    background-image: url(https://bikoob.com/content/themes/customized/images/pk_background_3.jpg);
  }
  .profile-cover-wrapper {
    display: none;
  }
  .fr_welcome_sign {
  margin-top: 15% !important;
}

}
body.night-mode {
  color: white;
}
.plyr--fullscreen .plyr__controls,
.plyr--fullscreen-fallback .plyr__controls {
  margin-bottom: 50px;
}

.pro-box-wrapper .slick-list,
.pro-box-wrapper .slick-track {
  direction: rtl !important;
}
.fr_welcome_mid {
  margin: 0 !important;
}
@media (max-width: 900px) {
  .download_app_button {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 5px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
  }
  .fr_welcome_apps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }
}
@media (min-width: 900px) {
  .download_app_button {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 5px;
  }
}

i.fa-brands.fa-android {
  color: #3ddc84;
}

i.fa-brands.fa-apple {
  color: #e1e2e3;
}

p.download_android_app {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
}

p.download_android_app a {
  border-bottom: 1px solid #5e72e4;
  box-shadow: 0 0 10px #5e72e4;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.main-header {
  transition: top 0.2s ease-in-out;
}

.wealth_badge {
  position: relative;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  margin-right: 2px;
}

.wealth_badge span {
  position: absolute;
  right: -2px;
  bottom: -2px;
  font-size: 12px;
  font-weight: bold;
  text-shadow:
    0 0 2px black,
    0 0 5px black,
    0 0 8px black;
  color: white !important;
}

.wealth_badge img {
  height: 20px;
}

.night-mode .wealth_badge span {
  text-shadow:
    0 0 2px red,
    0 0 5px red,
    0 0 8px red;
}

.activity_badge {
  position: relative;
  border-radius: 10px;
  display: inline-block;
  min-width: 25px;
  text-align: center;
}

.activity_badge span {
  position: absolute;
  left: 60%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: bold;
  color: white !important;
}

.activity_badge img {
  height: 20px;
}

.publisher-tools-tabs {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .publisher-tools-tabs li {
    width: 50%;
  }
  .publisher-message textarea {
    min-height: 200px;
  }
  .post a.js_lightbox {
    width: 80%;
    float: right;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 20px;
    max-height: 25vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
  }

  .night-mode .post a.js_lightbox {
    border: 1px solid rgb(47, 51, 54);
  }

  .plyr {
    height: 365px;
  }
  .plyr--video:not(
    .reel-video-container .plyr--video,
    .plyr--fullscreen .plyr--video,
    .plyr--fullscreen-fallback
  ) {
    overflow: hidden;
    width: 80%;
    border-radius: 16px;
    margin-right: 20px;
    border: 1px solid rgb(47, 51, 54);
    max-height: 25vh;
  }

  .night-mode
    .plyr--video:not(
      .reel-video-container .plyr--video,
      .plyr--fullscreen .plyr--video,
      .plyr--fullscreen-fallback
    ) {
    border: 1px solid rgb(47, 51, 54);
  }

  .plyr__video-embed iframe,
  .plyr__video-wrapper--fixed-ratio
    video:not(
      .reel-video-container video,
      .plyr--fullscreen video,
      .plyr--fullscreen-fallback video
    ) {
    object-fit: cover;
  }
  .plyr__poster {
    background-size: cover !important;
  }
  .plyr--fullscreen .plyr__video-wrapper--fixed-ratio video {
    object-fit: contain;
  }
  .plyr--fullscreen-fallback .plyr__video-wrapper--fixed-ratio video {
    object-fit: contain;
  }
  .plyr--fullscreen .plyr__poster {
    background-size: contain !important;
  }
  .plyr--fullscreen-fallback .plyr__poster {
    background-size: contain !important;
  }
  .dropdown-menu {
    box-shadow: 0 -10px 10px -10px grey !important;
  }
  .post {
    margin-bottom: 5px;
  }
  .main-header {
    height: 60px;
    border-bottom: 1px solid #e6ecf5;
  }
  .main-header .logo {
    line-height: 60px;
  }
  .main-header .logo img {
    max-height: 40px;
  }
  .main-header .menu-icon {
    top: 5px;
  }
  .navbar-wrapper > ul > li > a {
    margin-top: 5px;
  }
  body {
    padding-top: 60px;
  }
  body.night-mode .main-header {
    border-bottom: 1px solid rgb(44, 47, 51);
  }
  .wallet.page-header {
    visibility: hidden;
    height: 40px;
    padding: 0;
  }
  .wallet .section-title:nth-of-type(1) {
    display: none;
  }
  .wallet .section-title:nth-of-type(2) {
    display: none;
  }
  .wallet .stat-cell,
  .groups .stat-cell {
    padding: 10px;
  }
  .js_friend-add,
  .js_friend-remove,
  .js_friend-favorite,
  .js_friend-accept,
  .js_friend-decline,
  .js_unfollow,
  .js_follow {
    padding: 4px 13px;
  }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  direction: rtl !important;
}

.comment.js_comment-form li.x-form-tools-emoji.js_emoji-menu-toggle,
li.x-form-tools-emoji.js_emoji-menu-toggle {
  display: none;
}

#publisher-wapper-modal .publisher-emojis {
  display: none !important;
}

.comment.js_comment-form li.x-form-tools-post.js_post-comment i {
  font-size: 25px;
}

.comment.js_comment-form li.x-form-tools-post.js_post-comment {
  padding: 0;
  overflow: unset;
}

.x-form.chat-form li.x-form-tools-emoji.js_emoji-menu-toggle {
  display: none;
}

.users_container {
  position: fixed;
  left: 0;
  padding: 10px;
  top: 75px;
  width: 100%;
  height: 40%;
  z-index: 99999;
}

.live_users_gifts_container {
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 55%;
  z-index: 99999;
}

.live_users {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
}

.live_moderators {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
}

.live_lock {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
  justify-content: center;
}

.live_banned_users {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
}

.live_competitors {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
}

.live_users_gifts {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0px 0px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
}

.live_user {
  display: flex;
  align-items: center;
  gap: 20px;
}

.live_moderator {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.live_competitor {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.live_banned_user {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.live_moderator div {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.live_competitor div {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.live_banned_user div {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.live_moderator .comment-avatar-picture {
  margin-bottom: 0;
}

.live_competitor .comment-avatar-picture {
  margin-bottom: 0;
}

.live_banned_user .comment-avatar-picture {
  margin-bottom: 0;
}

.gift_sender {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  border-bottom: 1px solid gainsboro;
}

.gift_sender > div:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 20px;
}

.beauty_setting_container {
  width: 50%;
  position: fixed;
  z-index: 9999;
  padding-inline: 10px;
  top: 10px;
  left: 0;
}

.beauty_setting {
  padding: 20px;
  border-radius: 10px;
  background-color: #383838b8;
  color: white;
}

.skelton_loading {
  position: fixed;
  left: 0;
  width: calc(100% - 16px);
  height: 100%;
  z-index: 9999;
  background: #f0f2f5;
  margin-inline: 8px;
}

#loading:not(.skelton_loading) {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: baseline;
  justify-content: center;
  z-index: 9999;
  padding-top: 20px;
}

#loading:not(.skelton_loading)::after {
  content: "";
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: #04777c;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.tabs_loader {
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding-top: 20px;
  flex-direction: column;
}

.tabs_loader::after {
  content: "";
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: #04777c;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.container.mt20.sg-offcanvas {
  opacity: 0;
}

@media only screen and (min-width: 1250px) {
  .close_icon {
    display: none;
  }
  .post_gift {
    display: none;
  }
  .post_gift.active {
    display: block;
  }
  .skelton_loading {
    display: none;
  }
}

.coefficient_container {
  display: flex;
  background-color: bisque;
  padding: 8px;
  gap: 13px;
  border-radius: 35px;
  justify-content: center;
  align-items: baseline;
  font-size: 14px;
  width: fit-content;
  margin: 0 auto;
  padding-inline: 10px;
}

.send_gift {
  border: none;
  background-color: coral;
  padding: 8px;
  border-radius: 35px;
  cursor: pointer;
}

.send_gift:hover {
  background-color: aliceblue;
}

.gift_main_container {
  background-color: white;
  border-radius: 15px;
  padding: 10px;
}

.gift_sum {
  border: none;
  text-align: end;
  color: #ff002d;
  background-color: transparent;
  width: 100%;
  display: inline-block;
  padding: 0;
  text-align: end;
  border: none;
}

.balance_container {
  display: flex;
  padding: 10px;
}

.activeitem {
  border: 1px solid red;
  border-radius: 10px;
}

.gifts_container .gift {
  text-align: center;
  align-items: center;
  margin-bottom: 5px;
  width: 25%;
  border: 1px solid #00000000;
  border-radius: 10px;
}

.gifts_container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
}

.gifts_container .gift.active {
  border: 1px solid #0f5132;
}

.gift_alert {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.post_gift .gift_alert {
  margin-top: -10px !important;
}

div#najva-bell {
  display: none;
}

.custom_button_container {
  justify-content: space-around;
  display: flex;
  margin-bottom: 20px;
}

.plyr__control--overlaid {
  background-color: #04777c !important;
  border: 3px solid white !important;
}

.plyr--full-ui input[type="range"] {
  color: #04777c !important;
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background-color: #04777c !important;
}

body.night-mode .wealth_badge,
body.night-mode .activity_badge {
  color: black;
}

.night-mode .add-story {
  border: 1px solid rgb(47, 51, 54);
  border-radius: 16px;
}

.night-mode .post_gift,
.night-mode .gift_main_container,
.night-mode #gift_sum {
  background-color: #000000;
}

.night-mode .coefficient_container {
  background-color: #181818;
}

.night-mode .submit {
  background-color: #04777c;
}

.story_engagement_button {
  position: fixed;
  bottom: 0;
  margin-right: 20px;
  z-index: 999;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  flex-direction: column;
  gap: 5px;
}

.story_engagement_container {
  position: fixed;
  width: 100%;
  height: 70%;
  z-index: 999999;
  bottom: 0;
  display: none;
  background-color: white;
  border-radius: 10px 10px 0 0;
  left: 0;
}

.story_viewers {
  width: 100vw;
  height: 100%;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
  margin: 0 auto;
  padding-bottom: 100px !important;
}

.story_viewer {
  display: flex;
  align-items: center;
  gap: 20px;
}

.story_engagement_container .close_icon {
  direction: ltr;
}

.night-mode .story_engagement_container {
  background-color: #000000;
  box-shadow: 0 0 10px 0 grey;
}

.night-mode .story_engagement_container p {
  color: white;
}

span.story_viewers_number_container {
  margin-right: 10px;
}

span.story_viewers_number {
  margin-left: 5px;
}

.story_like_button,
.story_liked_button {
  bottom: 10px;
  left: 20px;
  position: absolute;
  z-index: 9999;
  font-size: 30px;
}

.story_like_icon {
  top: -10px;
  position: relative;
  margin-right: 30px;
  background-color: white;
  border-radius: 50%;
  padding: 2px;
}

.night-mode .story_like_icon {
  background-color: black;
}

.textarea_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.chat-form-message {
  width: 100%;
}

.withraw_request_notice {
  padding: 16px 24px;
  border-radius: 16px;
}

.posts-filter {
  display: none;
}

.stories-wrapper {
  margin-bottom: 0;
}

.live-badge {
  background-color: #e54339;
  color: white;
  right: 12px;
  top: 12px;
  position: absolute;
  background-size: contain;
  z-index: 1;
  border-radius: 5px;
  padding-inline: 5px;
}

.live-badge {
  background-color: #e54339;
  color: white;
  right: 12px;
  top: 12px;
  position: absolute;
  background-size: contain;
  z-index: 1;
  border-radius: 5px;
  padding-inline: 5px;
  animation: blink 1s infinite;
}

/* Animation keyframes */
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.profile-id {
  margin-top: 10px;
  padding-inline: 20px;
}

.profile-id i {
  color: gray;
}

.profile-id span {
  display: inline-block;
}

a.close-video-btn {
  position: fixed;
  z-index: 999;
  color: white;
  padding: 8px 10px;
  border-radius: 50%;
  text-decoration: none;
  font-size: 16px;
  transition: background 0.3s;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}

div#tabs_content a.nav-link {
  font-size: 12px;
  padding: 10px;
  text-wrap-mode: nowrap;
}

div#tabs_content .card-header.with-icon {
  padding: 10px;
}

div#tabs_content .nav {
  overflow-x: auto;
  flex-wrap: nowrap;
  overflow-y: hidden;
}

div#tabs_content > .col-12 {
  margin-top: 5px;
}

body.night-mode .post-author {
  color: white !important;
}

.youtube-player.with-live.js_lightbox-live .post-author {
  color: white !important;
  font-size: 15px;
}

.youtube-player.with-live.js_lightbox-live .post-header {
  position: absolute;
  bottom: 0;
}

.youtube-player.with-live.js_lightbox-live .signal_icon {
  position: absolute;
  top: 15px;
  color: green;
  right: 15px;
  font-size: 20px;
}

.youtube-player.with-live.js_lightbox-live .live_users_count {
  position: absolute;
  left: 15px;
  top: 15px;
  color: white;
  font-weight: bold;
}

.js_posts_stream .live_streams_container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

.js_posts_stream {
  margin-top: 5px;
}

.js_posts_stream li.live_stream {
  width: calc(50% - 5px);
  height: 200px;
}

.js_posts_stream li.live_stream .youtube-player {
  padding-top: 200px;
  border-radius: 10px;
}

.js_posts_stream li.live_stream .post {
  margin-bottom: 0;
}

.js_posts_stream li.live_stream .youtube-player > img {
  height: 200px;
}

body.night-mode .ui-autocomplete {
  box-shadow: 0px 0px 10px 0px grey !important;
}

body.night-mode .live_users {
  background-color: #181818;
}

body.night-mode .live_moderators {
  background-color: #181818;
}

body.night-mode .live_lock {
  background-color: #181818;
}

body.night-mode .live_competitors {
  background-color: #181818;
}

body.night-mode .live_banned_users {
  background-color: #181818;
}

#js_live-stream-buttons button,
#camera-select-button {
  padding: 10px 10px;
}

.live-stream-wrapper .comment .comment-avatar-picture {
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
}

.live-comments ul.js_scroller {
  position: fixed;
  bottom: 70px;
  max-height: 40%;
  overflow: auto;
  width: 75%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.live_users_profile_container {
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 100%;
  z-index: 999999;
}

.live_users_profile {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.live_users_profile .profile-avatar-wrapper {
  top: -45px;
  right: 50%;
  left: auto;
}

.live_users_profile .profile-header {
  border-radius: 16px 16px 0 0;
  margin-bottom: 0;
}

.live_users_profile .profile-name-wrapper {
  border-radius: 16px 16px 0 0;
  margin-top: 40px;
}

body.night-mode .live_users_profile_container {
  background-color: #181818;
  border-radius: 16px 16px 0 0;
}

body.night-mode .live_users_profile {
  background-color: #181818;
}

.live_users_profile .profile-buttons-wrapper .btn {
  margin-block: 5px;
}

.js_show_comment_form button {
  padding: 10px !important;
}

.js_hide_comment_form button {
  padding: 10px !important;
}

.live_gift_container {
  aspect-ratio: 1 / 1;
  position: fixed;
  left: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 40%;
  z-index: 9999;
}

.post-snippet a[data-readmore-toggle] {
  padding-right: 16px;
}

#modal button {
  margin-inline: 20px;
}

.pk_video_container {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  display: flex;
  overflow: hidden;
}

div#js_live-co-host-video {
  width: 100%;
  height: 100%;
}

div#js_live-main-host-video {
  width: 100%;
  height: 100%;
}

button#competitors-btn {
  position: fixed;
  bottom: 50px;
  left: 3px;
  z-index: 9999;
}

button#live_buttons_opener {
  padding: 0;
  position: fixed;
  bottom: 15px;
  left: 20px;
  z-index: 9999;
}

div.live-stream-video-container {
  display: flex;
  width: 100%;
  height: 100%;
}

div.live-stream-video-container div {
  position: relative;
  width: 100%;
}

#home_tabs .counter.red {
  background: #ff5e3a;
}

#home_tabs .counter {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 4px;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  border-radius: 3px;
}

#home_tabs .nav-item {
  position: relative;
}

#pk_timer_wrapper {
  position: absolute;
  width: 30%;
  margin-inline: 35%;
  text-align: center;
  z-index: 2;
  background-color: #00000091;
  border-radius: 0 0 15px 15px;
  padding-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  color: white;
}

span#pk_timer {
  margin-top: 3px;
}

#pk_timer_wrapper img {
  margin-inline: 0;
}

#pk_point_wrapper {
  display: inline-flex;
  position: absolute;
  width: 100%;
  height: 18px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  margin-top: -18px;
}

#user_two_point_bar,
#user_one_point_bar {
  height: 100%;
  transition: width 0.3s ease;
  padding-right: 10px;
  padding-left: 10px;
  width: 50%;
  min-width: fit-content;
}

#user_two_point_bar {
  background: linear-gradient(to right, #198754, #43db95);
  text-align: left;
}

#user_one_point_bar {
  background: linear-gradient(to left, #ffc107, #ffeb3b);
  text-align: right;
}

#flare_wrapper {
  top: 0;
  height: 100%;
  width: 12px;
  pointer-events: none;
  z-index: 3;
}

/* Outer glow */
#flare_glow {
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 26px;
  background: radial-gradient(
    circle,
    rgba(0, 255, 255, 0.6) 0%,
    transparent 70%
  );
  animation: flarePulse 1.2s infinite ease-in-out;
  border-radius: 50%;
  filter: blur(3px);
}

/* Bright core */
#flare_core {
  position: absolute;
  top: 0;
  left: 3px;
  width: 6px;
  height: 100%;
  background: white;
  border-radius: 3px;
  animation: coreFlicker 0.8s infinite ease-in-out;
}

/* Animations */
@keyframes flarePulse {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.4);
  }
}

@keyframes coreFlicker {
  0%,
  100% {
    opacity: 0.9;
    filter: drop-shadow(0 0 6px white);
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 10px aqua);
  }
}

.pk_result_image {
  position: absolute;
  bottom: 10px;
  width: 100px;
  height: 100px;
}

.pk_result_image.user_one {
  right: 10px;
}

.pk_result_image.user_two {
  left: 10px;
}

.live-gift img {
  margin-left: 10px;
}

.js_posts_stream .reels_container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

.js_posts_stream li.reel {
  width: calc(33.33% - 5px);
  height: 200px;
}

.js_posts_stream li.reel .youtube-player {
  padding-top: 200px;
  border-radius: 10px;
}

.reel .youtube-player .views {
  color: white !important;
  font-size: 12px;
  padding-inline: 5px;
  background-color: #00000087;
  border-radius: 5px;
  padding-top: 3px;
}

.reel .youtube-player .post-header {
  position: absolute;
  bottom: 0;
  padding-right: 10px;
}

.youtube-player > a > img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  max-width: 100%;
  width: 100%;
  height: auto;
  cursor: pointer;
  transition: 0.4s all;
}

.mic_publishers_container {
  left: 10px;
  top: 50px;
  position: fixed;
  z-index: 9999;
}

.mic_publisher {
  margin-block: 10px;
  position: relative;
}

.mic_publisher button:focus {
  background-color: white;
}

body.night-mode .mic_publisher button:focus {
  background-color: #262d34;
  color: white;
}

.request_mic {
  position: fixed;
  left: 60px;
  bottom: 6px;
  border-radius: 50%;
  color: white;
}

.row > * {
  padding-left: calc(var(--bs-gutter-x) * 0.4);
  padding-right: calc(var(--bs-gutter-x) * 0.4);
}

.mic_options {
  position: fixed;
  display: flex;
  flex-direction: row;
  gap: 10px;
  bottom: 12px;
  right: 70px;
}

.mic_options button {
  background-color: #00c185 !important;
}

/* Applies only when .customized is present */
:is(.header-icon, .main-icon).customized,
:is(.header-icon, .main-icon).customized *,
body.night-mode :is(.header-icon, .main-icon).customized,
body.night-mode :is(.header-icon, .main-icon).customized * {
  fill: none !important;
}

.custom_live_close {
  position: fixed;
  left: 15px;
  top: 15px;
  width: 30px;
}

.mic_publisher .user_image {
  width: 58px;
  height: 58px;
  object-fit: cover;
  border-radius: 15px;
}

.mic_publisher .mic_status {
  position: absolute;
  right: -5px;
  bottom: -5px;
}

.manage_publisher_container {
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate3d(70px, 0px, 0px);
}

div#languages {
  margin-right: 30px;
}

.reel-container .plyr__progress {
  position: fixed;
  bottom: 10px;
  width: 95%;
  left: 2.5%;
}

.lightbox-preview.with-live video {
  background: black;
}

.live-stream-video-container > div:not(:has(video)) {
  display: none;
}

#discover_tabs a.nav-link {
  padding: 0.2rem 1rem;
}

.loading_cards {
  background: #fff;
  height: auto;
  width: auto;
  overflow: hidden;
  box-shadow: 5px 8px 15px -10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin-block: 7px;
}

.loading_card_image {
  width: 60px;
  height: 60px;
}

.loading_card_image.loading {
  width: 60px;
  height: 60px;
  margin: 16px;
  border-radius: 20px;
  display: inline-block;
  margin-left: 0;
}

.loading_card_title {
  padding: 8px;
  font-size: 22px;
  font-weight: 700;
}

.loading_card_title.loading {
  width: 25%;
  height: 2rem;
  border-radius: 3px;
  position: relative;
  margin-top: -10px;
  margin-right: 10px;
  padding-top: 0;
}

.loading_card_description {
  padding: 8px;
  font-size: 16px;
}

.loading_card_description.loading {
  height: 6rem;
  margin: 1rem;
  border-radius: 6px;
  margin-top: 0;
}

.skelton_loading .loading {
  position: relative;
  background: #cccccc;
}

.skelton_loading .loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100px);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  animation: loading 0.8s infinite;
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}

.loading_stories {
  background: white;
  padding: 20px;
  border-radius: 16px;
  margin: 0;
  margin-bottom: 10px;
}

.loading_story_image.loading {
  width: 70px;
  height: 70px;
  border-radius: 16px;
}

.loading_tabs {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-around;
}

.loading_tab_item.loading {
  width: 85px;
  height: 40px;
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
}

.loading_post_header {
  display: flex;
  align-items: center;
}

.loading_post_footer.loading {
  width: 100%;
  height: 40px;
  background: white;
  border-top: 2px solid #f4f4f4;
}

body.night-mode .loading_stories,
body.night-mode .loading_cards,
body.night-mode .loading_post_footer {
  background: #000000 !important;
}

body.night-mode .skelton_loading {
  background: #181818;
}

body.night-mode .loading_post_footer {
  border-top: 1px solid #2b3843;
}

body.night-mode .loading_tab_item.loading {
  background: #2b3843;
}

body.night-mode .skelton_loading .loading {
  background: #2b3843;
}

body.night-mode .skelton_loading .loading {
  overflow: hidden;
}

@media (max-width: 767px) {
  .profile-header .profile-avatar-wrapper {
    top: 20px;
    left: -20px;
    right: auto;
    padding-inline: 0;
    z-index: 1;
  }
  div#tabs_content {
    padding-left: 0;
  }

  #tabs_content .col-lg-8.order-1.order-lg-2 {
    padding-left: 0;
  }

  div#tabs_content .col-12 {
    padding-left: 0;
  }
  .ui-box .img {
    top: 5px;
    position: absolute;
    right: 55px;
    transform: translate(50%);
    background: #fff;
    padding: 4px;
    margin: 0 auto;
    border-radius: 50%;
  }
  .ui-box {
    margin-top: 0;
    padding: 20px 15px 15px;
    height: 90px;
  }

  .ui-box div:nth-child(2) {
    margin-right: 125px;
    text-align: right;
    margin-top: 0 !important;
  }

  .ui-box div:nth-child(3) {
    margin-right: 125px;
    text-align: right;
  }

  .ui-box img {
    height: 70px;
    width: 70px;
  }
}

.profile-rank {
  background-color: #00b56573;
  border-radius: 10px;
  margin-left: 5px;
  font-size: 12px;
  padding: 3px 5px 2px 0;
}

img.video_mute_poster {
  width: 100%;
  height: 100%;
  position: fixed;
  margin-top: 0;
  margin-left: 0;
  object-fit: cover;
  display: none;
}

button#random-btn {
  padding: 0 !important;
  position: fixed;
  bottom: 12px;
  right: 65px;
}

.comment-text.js_readmore.random_number {
  color: #bd01f5;
  font-weight: bold;
  font-size: 20px;
  -webkit-text-stroke: 0.5px black;
}

button#games-btn {
  position: fixed;
  bottom: 100px;
  left: 3px;
  z-index: 9999;
}

.game_alert {
  background: #000000ab;
}

.fr_welcome_field {
  margin: 0 auto !important;
  margin-block: 20px !important;
  width: 80%;
}

.fr_welcome_support {
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.live_lock input {
  width: 100%;
  height: 60px;
  border-radius: 10px;
  padding: 10px;
}

.live_lock .title {
  text-align: center;
  margin: 0 auto;
}

.live_lock_container {
  position: fixed;
  left: 0;
  padding: 10px;
  width: 100%;
  z-index: 99999;
}

div#live-password-modal {
  top: 75px;
  position: fixed;
  left: 0;
  padding: 10px;
  width: 100%;
  z-index: 99999;
}

.live-password-modal-container {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: scroll;
  justify-content: center;
  text-align: center;
}

body.night-mode .live-password-modal-container {
  background-color: #181818;
}

.live-password-modal-container input {
  width: 100%;
  height: 60px;
  border-radius: 10px;
  padding: 10px;
}

.live-password-modal-footer {
  display: flex;
  justify-content: center;
  gap: 40px;
}