/* ONE-KONEK Subscriber Profile modal host modal body scroll repair v5.57.52.19.23 */
body.modal-open:has(#subscriber-profile-modal.show) {
  overflow: hidden !important;
}

#subscriber-profile-modal.show {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  padding: clamp(0.75rem, 2vh, 1.5rem) clamp(0.75rem, 2vw, 1.5rem) !important;
  overflow: hidden !important;
}

#subscriber-profile-modal > .modal-dialog {
  position: absolute !important;
  inset: auto !important;
  top: 50% !important;
  left: 50% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: min(60rem, 100vw - 3rem) !important;
  max-width: 60rem !important;
  height: min(56rem, 92vh) !important;
  height: min(56rem, 92dvh) !important;
  min-height: 0 !important;
  max-height: 92vh !important;
  max-height: 92dvh !important;
  margin: 0 !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  overflow: hidden !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

#subscriber-profile-modal > .modal-dialog > .modal-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

#subscriber-profile-modal .modal-header {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
  min-height: 3.75rem !important;
  padding: 0.5rem 0.75rem !important;
  overflow: hidden !important;
}

#subscriber-profile-modal .onekonek-profile-host-title-v19-23 {
  min-width: 0 !important;
}

#subscriber-profile-modal .onekonek-profile-host-title-hidden-v19-23 {
  display: none !important;
}

#subscriber-profile-modal .onekonek-profile-identity-v19-23 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#subscriber-profile-modal .onekonek-profile-identity-v19-23 > * {
  min-width: 0 !important;
}

#subscriber-profile-modal .onekonek-profile-identity-v19-23 img,
#subscriber-profile-modal .onekonek-profile-identity-v19-23 [style*="width:72px"] {
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  height: 2.5rem !important;
  font-size: 0.8rem !important;
}

#subscriber-profile-modal .onekonek-profile-identity-v19-23 h1,
#subscriber-profile-modal .onekonek-profile-identity-v19-23 h2,
#subscriber-profile-modal .onekonek-profile-identity-v19-23 h3 {
  overflow: hidden !important;
  margin: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
}

#subscriber-profile-modal .onekonek-profile-identity-v19-23 p {
  overflow: hidden !important;
  margin: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.6875rem !important;
}

#subscriber-profile-modal .onekonek-profile-identity-v19-23 .badge {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  padding: 0.2rem 0.4rem !important;
  font-size: 0.5875rem !important;
}

#subscriber-profile-modal .onekonek-profile-actions-v19-23 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 0.375rem !important;
  margin-left: auto !important;
}

#subscriber-profile-modal .onekonek-profile-actions-v19-23 .btn {
  padding: 0.35rem 0.55rem !important;
  white-space: nowrap !important;
  font-size: 0.7rem !important;
}

#subscriber-profile-modal .modal-header > .btn-close {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 0.125rem !important;
}

#subscriber-profile-modal .modal-body {
  position: relative !important;
  display: block !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  scrollbar-color: rgba(116, 129, 148, 0.82) rgba(216, 226, 239, 0.55) !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: auto !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

#subscriber-profile-modal .modal-body::-webkit-scrollbar {
  width: 10px !important;
}

#subscriber-profile-modal .modal-body::-webkit-scrollbar-track {
  background: rgba(216, 226, 239, 0.55) !important;
}

#subscriber-profile-modal .modal-body::-webkit-scrollbar-thumb {
  min-height: 2.5rem !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: rgba(116, 129, 148, 0.82) !important;
  background-clip: padding-box !important;
}

#subscriber-profile-modal .modal-body::-webkit-scrollbar-thumb:hover {
  background: rgba(90, 105, 125, 0.95) !important;
  background-clip: padding-box !important;
}

#subscriber-profile-frame {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  border: 0 !important;
  overflow: hidden !important;
}

#subscriber-profile-modal-loading {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 1rem !important;
  background: var(--falcon-body-bg, #edf2f9) !important;
  text-align: center !important;
}

#subscriber-profile-modal-loading.d-none,
#subscriber-profile-modal-loading[hidden] {
  display: none !important;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  #subscriber-profile-modal > .modal-dialog {
    width: min(60rem, 100vw - 2rem) !important;
    max-width: min(60rem, 100vw - 2rem) !important;
  }
}
@media (max-width: 767.98px) {
  #subscriber-profile-modal.show {
    padding: 0.75rem !important;
  }
  #subscriber-profile-modal > .modal-dialog {
    width: calc(100vw - 1.5rem) !important;
    max-width: calc(100vw - 1.5rem) !important;
    height: calc(100vh - 1.5rem) !important;
    height: calc(100dvh - 1.5rem) !important;
    max-height: calc(100vh - 1.5rem) !important;
    max-height: calc(100dvh - 1.5rem) !important;
  }
  #subscriber-profile-modal .modal-header {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    min-height: 3.5rem !important;
    padding: 0.5rem 0.625rem !important;
  }
  #subscriber-profile-modal .onekonek-profile-identity-v19-23 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 calc(100% - 2rem) !important;
    flex: 1 1 calc(100% - 2rem) !important;
  }
  #subscriber-profile-modal .onekonek-profile-actions-v19-23 {
    margin-left: auto !important;
  }
}
@media (max-width: 479.98px) {
  #subscriber-profile-modal .onekonek-profile-actions-v19-23 .btn {
    padding-right: 0.45rem !important;
    padding-left: 0.45rem !important;
    font-size: 0.65rem !important;
  }
}