/* ==================================================
   JAKSKY EDIT AVATAR FIT V34
   HANYA EDIT PROFIL
   Foto bulat dibuat lebih memenuhi lubang frame
   ================================================== */

/* ---------- PREVIEW BESAR ---------- */

#editProfileModal .editAvatarFramePreview.avatarFrame-mythic-evolution{
  --jak-v34-avatar:90%;
}

#editProfileModal .editAvatarFramePreview.avatarFrame-jade-dragon{
  --jak-v34-avatar:88%;
}

#editProfileModal .editAvatarFramePreview.avatarFrame-inferno-phoenix{
  --jak-v34-avatar:91%;
}

#editProfileModal .editAvatarFramePreview.avatarFrame-celestial-lotus{
  --jak-v34-avatar:87%;
}

#editProfileModal .editAvatarFramePreview.avatarFrame-yin-yang-seal{
  --jak-v34-avatar:86%;
}

#editProfileModal .editAvatarFramePreview.avatarFrame-void-rift{
  --jak-v34-avatar:89%;
}

#editProfileModal
.editAvatarFramePreview.jakAvatarFxHost
#editProfileAvatarPreview.editProfileAvatar{

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:var(--jak-v34-avatar,89%) !important;
  height:var(--jak-v34-avatar,89%) !important;

  min-width:var(--jak-v34-avatar,89%) !important;
  min-height:var(--jak-v34-avatar,89%) !important;

  max-width:var(--jak-v34-avatar,89%) !important;
  max-height:var(--jak-v34-avatar,89%) !important;

  transform:translate(-50%,-50%) !important;

  object-fit:cover !important;
  object-position:50% 44% !important;

  border-radius:50% !important;

  margin:0 !important;
  padding:0 !important;

  z-index:3 !important;

  overflow:hidden !important;
}


/* ---------- PILIHAN BORDER KECIL ---------- */

#editProfileModal .avatarFrameMini.avatarFrame-mythic-evolution{
  --jak-v34-mini:41px;
}

#editProfileModal .avatarFrameMini.avatarFrame-jade-dragon{
  --jak-v34-mini:40px;
}

#editProfileModal .avatarFrameMini.avatarFrame-inferno-phoenix{
  --jak-v34-mini:41px;
}

#editProfileModal .avatarFrameMini.avatarFrame-celestial-lotus{
  --jak-v34-mini:39px;
}

#editProfileModal .avatarFrameMini.avatarFrame-yin-yang-seal{
  --jak-v34-mini:39px;
}

#editProfileModal .avatarFrameMini.avatarFrame-void-rift{
  --jak-v34-mini:40px;
}

#editProfileModal
.avatarFrameMini.jakAvatarFxMiniHost
> img:not(.jakAvatarFxThumb){

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:var(--jak-v34-mini,40px) !important;
  height:var(--jak-v34-mini,40px) !important;

  min-width:var(--jak-v34-mini,40px) !important;
  min-height:var(--jak-v34-mini,40px) !important;

  max-width:var(--jak-v34-mini,40px) !important;
  max-height:var(--jak-v34-mini,40px) !important;

  transform:translate(-50%,-50%) !important;

  object-fit:cover !important;
  object-position:50% 44% !important;

  border-radius:50% !important;

  margin:0 !important;
  padding:0 !important;

  z-index:2 !important;
}


/* Border tetap center */
#editProfileModal
.editAvatarFramePreview
> .jakAvatarFxVideo,

#editProfileModal
.editAvatarFramePreview
> .jakAvatarFxFallback,

#editProfileModal
.avatarFrameMini
> .jakAvatarFxThumb{

  left:50% !important;
  top:50% !important;

  transform:translate(-50%,-50%) !important;

  object-position:center !important;
}