/* JakSky Avatar Fix V30 */

/* ========== PUBLIC PROFILE POPUP (foto no 3) ========== */
#publicProfileModal.jakAvatarFixV30Modal .publicProfileHero,
#publicProfileModal .publicProfileHero.jakAvatarFixV30Hero{
  min-height:150px !important;
  height:150px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}

#publicProfileModal.jakAvatarFixV30Modal .publicAvatarFrameShell,
#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:110px !important;
  height:110px !important;
  min-width:110px !important;
  min-height:110px !important;
  max-width:110px !important;
  max-height:110px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  isolation:isolate !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
}

#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > .avatarFrameDecor,
#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > .jakV22HeroShell,
#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > .jakV24HeroShell,
#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > .jakAvatarFxThumb,
#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > .jakCommentAvatarFxArt{
  display:none !important;
}

#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > img.publicProfileAvatar{
  position:relative !important;
  z-index:3 !important;
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  max-width:64px !important;
  max-height:64px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:#12141c !important;
  box-shadow:0 7px 18px rgba(0,0,0,.22) !important;
}

#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > video.jakAvatarFxVideo,
#publicProfileModal .publicAvatarFrameShell.jakAvatarFixV30Shell > img.jakAvatarFxFallback{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:150px !important;
  height:150px !important;
  min-width:150px !important;
  min-height:150px !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  z-index:5 !important;
}

/* hide broken legacy popup layers */
#publicProfileModal.jakAvatarFixV30Modal video.jakV22HeroVideo,
#publicProfileModal.jakAvatarFixV30Modal img.jakV22HeroThumb,
#publicProfileModal.jakAvatarFixV30Modal video.jakV24FxVideo,
#publicProfileModal.jakAvatarFixV30Modal img.jakV24FxThumb,
#publicProfileModal.jakAvatarFixV30Modal .jakV22HeroShell,
#publicProfileModal.jakAvatarFixV30Modal .jakV24HeroShell{
  display:none !important;
}

/* ========== COMMENT AVATAR (foto no 2) ========== */
.comment .jakCommentAvatarWrapV19,
.replyComment .jakCommentAvatarWrapV19,
#commentsList .jakCommentAvatarWrapV19{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  flex:0 0 40px !important;
  margin:0 8px 2px 0 !important;
  padding:0 !important;
  overflow:visible !important;
  isolation:isolate !important;
  vertical-align:middle !important;
  line-height:0 !important;
}

.comment .jakCommentAvatarWrapV19.isReply,
.replyComment .jakCommentAvatarWrapV19.isReply,
#commentsList .jakCommentAvatarWrapV19.isReply{
  width:33px !important;
  height:33px !important;
  min-width:33px !important;
  min-height:33px !important;
  max-width:33px !important;
  max-height:33px !important;
  flex-basis:33px !important;
  margin-right:7px !important;
}

.comment .jakCommentAvatarWrapV19 > img.commentAvatarV2,
.replyComment .jakCommentAvatarWrapV19 > img.commentAvatarV2,
#commentsList .jakCommentAvatarWrapV19 > img.commentAvatarV2{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.40) !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
  background:#16131a !important;
  box-shadow:0 3px 8px rgba(0,0,0,.14) !important;
  transform:none !important;
}

.comment .jakCommentAvatarWrapV19.isReply > img.commentAvatarV2,
.replyComment .jakCommentAvatarWrapV19.isReply > img.commentAvatarV2,
#commentsList .jakCommentAvatarWrapV19.isReply > img.commentAvatarV2{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
}

.comment .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
.comment .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19,
.replyComment .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
.replyComment .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19,
#commentsList .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
#commentsList .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:4 !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

.comment .jakCommentAvatarWrapV19.isReply > video.jakCommentAvatarFxOverlayV19,
.comment .jakCommentAvatarWrapV19.isReply > img.jakCommentAvatarFxFallbackV19,
.replyComment .jakCommentAvatarWrapV19.isReply > video.jakCommentAvatarFxOverlayV19,
.replyComment .jakCommentAvatarWrapV19.isReply > img.jakCommentAvatarFxFallbackV19,
#commentsList .jakCommentAvatarWrapV19.isReply > video.jakCommentAvatarFxOverlayV19,
#commentsList .jakCommentAvatarWrapV19.isReply > img.jakCommentAvatarFxFallbackV19{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
}

/* hide broken legacy layers in comments */
.comment .jakCommentAvatarWrapV19 > .jakAvatarFxVideo,
.comment .jakCommentAvatarWrapV19 > .jakAvatarFxThumb,
.comment .jakCommentAvatarWrapV19 > .jakAvatarFxFallback,
.comment .jakCommentAvatarWrapV19 > .jakCommentAvatarFxArt,
.replyComment .jakCommentAvatarWrapV19 > .jakAvatarFxVideo,
.replyComment .jakCommentAvatarWrapV19 > .jakAvatarFxThumb,
.replyComment .jakCommentAvatarWrapV19 > .jakAvatarFxFallback,
.replyComment .jakCommentAvatarWrapV19 > .jakCommentAvatarFxArt,
#commentsList .jakCommentAvatarWrapV19 > .jakAvatarFxVideo,
#commentsList .jakCommentAvatarWrapV19 > .jakAvatarFxThumb,
#commentsList .jakCommentAvatarWrapV19 > .jakAvatarFxFallback,
#commentsList .jakCommentAvatarWrapV19 > .jakCommentAvatarFxArt{
  display:none !important;
}

.comment > .jakCommentAvatarWrapV19 + .commentUserName,
.replyComment > .jakCommentAvatarWrapV19 + .commentUserName,
#commentsList .jakCommentAvatarWrapV19 + .commentUserName{
  vertical-align:middle !important;
}

@media (max-width:380px){
  .comment .jakCommentAvatarWrapV19,
  .replyComment .jakCommentAvatarWrapV19,
  #commentsList .jakCommentAvatarWrapV19{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;max-width:38px !important;max-height:38px !important;flex-basis:38px !important;}
  .comment .jakCommentAvatarWrapV19 > img.commentAvatarV2,
  .replyComment .jakCommentAvatarWrapV19 > img.commentAvatarV2,
  #commentsList .jakCommentAvatarWrapV19 > img.commentAvatarV2{width:23px !important;height:23px !important;min-width:23px !important;min-height:23px !important;max-width:23px !important;max-height:23px !important;}
  .comment .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
  .comment .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19,
  .replyComment .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
  .replyComment .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19,
  #commentsList .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
  #commentsList .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;max-width:44px !important;max-height:44px !important;}
}