/* JakSky Comment Mobile Size Fix V29 */
/* Loaded last on purpose. Keeps animated border, only fixes its mobile size. */
html body .comment .jakCommentAvatarWrapV19,
html body .replyComment .jakCommentAvatarWrapV19,
html body .jakCommentAvatarWrapV19{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  flex:0 0 42px !important;
  margin:0 7px 1px 0 !important;
  padding:0 !important;
  line-height:0 !important;
  vertical-align:middle !important;
  overflow:visible !important;
  isolation:isolate !important;
}

html body .jakCommentAvatarWrapV19 > img.commentAvatarV2{
  position:relative !important;
  z-index:2 !important;
  width:27px !important;
  height:27px !important;
  min-width:27px !important;
  min-height:27px !important;
  max-width:27px !important;
  max-height:27px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  transform:none !important;
}

html body .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
html body .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19{
  position:absolute !important;
  z-index:4 !important;
  left:50% !important;
  top:50% !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;
}

html body .replyComment .jakCommentAvatarWrapV19,
html body .jakCommentAvatarWrapV19.isReply{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  flex-basis:34px !important;
}
html body .replyComment .jakCommentAvatarWrapV19 > img.commentAvatarV2,
html body .jakCommentAvatarWrapV19.isReply > img.commentAvatarV2{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
}
html body .replyComment .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
html body .replyComment .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19,
html body .jakCommentAvatarWrapV19.isReply > video.jakCommentAvatarFxOverlayV19,
html body .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;
}

/* This explicitly beats the old max-width:380 rule that was forcing 50/61px. */
@media (max-width:480px), (pointer:coarse){
  html body .comment .jakCommentAvatarWrapV19,
  html body .jakCommentAvatarWrapV19{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    flex-basis:42px !important;
  }
  html body .jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
  html body .jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
  }
}