/* TOTOSLOTJP — HUBUNGI KAMI popup, isolated from existing modules. */
#jpContactPopup{
  position:fixed;
  top:155px;
  right:9px;
  width:144px;
  height:258px;
  z-index:99994;
  display:block;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(10px);
  transition:opacity .14s ease, transform .14s ease, visibility .14s ease;
}

#jpContactPopup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0);
}

.jp-contact-popup__art{
  position:absolute;
  inset:0;
  display:block;
  width:144px;
  height:258px;
  object-fit:fill;
  pointer-events:none;
  user-select:none;
}

.jp-contact-popup__hit{
  position:absolute;
  left:8px;
  width:128px;
  display:block;
  border-radius:4px;
  outline:0;
}

.jp-contact-popup__hit:focus-visible{
  outline:2px solid #ffc735;
  outline-offset:1px;
}

/* Coordinates match the supplied original popup artwork. */
.jp-contact-popup__wa{top:116px;height:25px}
.jp-contact-popup__tg{top:143px;height:25px}
.jp-contact-popup__ig{top:170px;height:25px}
.jp-contact-popup__register{top:211px;height:38px}

.jp-contact-tab{
  cursor:pointer !important;
  transition:transform .14s ease, filter .14s ease !important;
  user-select:none;
}

.jp-contact-tab.is-open{
  transform:translateX(-153px) !important;
}

.jp-contact-tab.is-open:hover{
  filter:brightness(1.03);
}

@media(max-width:700px){
  #jpContactPopup{
    top:155px;
    right:7px;
    width:144px;
    height:258px;
  }
  .jp-contact-popup__art{width:144px;height:258px}
  .jp-contact-tab.is-open{transform:translateX(-153px) !important}
}

/* FINAL MEMBER SERVICE TAB ICON — matched to supplied original screenshot */
.jp-contact-head{
  width:55px !important;
  height:64px !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  font-size:0 !important;
  line-height:0 !important;
}
.jp-contact-head img{
  display:block !important;
  width:55px !important;
  height:65px !important;
  max-width:none !important;
  object-fit:fill !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:700px){
  .jp-contact-head{
    width:52px !important;
    height:62px !important;
  }
  .jp-contact-head img{
    width:52px !important;
    height:62px !important;
  }
}