/* Pink Posts 0.22.141 — unified account lightboxes, profile phone and embedded save. */
/* Elementor variables are scoped to each widget. Do not hardcode the dialog styling elsewhere. */
html body .pink-account .pink-account-dialog {
  background:var(--pp141-modal-bg,rgba(255,255,255,.82))!important;
  width:min(var(--pp141-modal-width,540px), calc(100vw - 30px))!important;
  max-width:calc(100vw - 30px)!important;
  border-radius:var(--pp141-modal-radius,24px)!important;
  backdrop-filter:blur(var(--pp141-modal-blur,23px))!important;
  -webkit-backdrop-filter:blur(var(--pp141-modal-blur,23px))!important;
  font-family:inherit!important;
}
html body .pink-account .pink-account-dialog-body {
  padding:var(--pp141-modal-pad-top,29px) var(--pp141-modal-pad-right,30px) var(--pp141-modal-pad-bottom,31px) var(--pp141-modal-pad-left,30px)!important;
}
html body .pink-account .pink-account-dialog :is(input,textarea,select) {
  background:var(--pp141-input-bg,rgba(255,255,255,.76));
}
html body .pink-account .pink-account-dialog :is(input,textarea)::placeholder {
  font-family:inherit!important;
  color:var(--pp141-placeholder,#777b72)!important;
  opacity:1!important;
}
/* Custom text control should apply even when the old category CSS is enabled. */
html body .pink-account .pink-account-dialog {
  color:var(--pp141-dialog-text,var(--pp140-readable-color,#20231f))!important;
}
/* The native 0.22.140 logo remains the only header logo, on the right. */
html body .pink-account .pink-account-dialog .pink-account-dialog-head {
  display:flex!important;justify-content:space-between!important;align-items:flex-start!important;
  gap:18px!important;position:relative!important;
}
html body .pink-account .pink-account-dialog .pp138-dialog-logo,
html body .pink-account .pink-account-dialog .pp133-visible-logo {
  margin-left:auto!important;right:0!important;justify-content:flex-end!important;
  max-width:var(--pp140-logo-width,120px)!important;
}
/* Accessible label remains present but is visually hidden. */
html body .pink-account .pink-account-dialog .pp141-sr-only {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;white-space:nowrap!important;
  clip-path:inset(50%)!important;border:0!important;
}
html body .pink-account .pink-account-dialog [data-ppac-view="profile"] .pp141-profile-phone {
  position:relative!important;display:block!important;min-width:0!important;
  margin:0 0 12px!important;padding:0!important;
}
html body .pink-account .pink-account-dialog [data-ppac-view="profile"] .pp141-profile-phone > input[name="phone"] {
  box-sizing:border-box!important;display:block!important;width:100%!important;
  height:52px!important;min-height:52px!important;margin:0!important;
  padding:0 clamp(123px,39%,178px) 0 17px!important;
  border-radius:9999px!important;font-family:inherit!important;font-size:inherit!important;
  background:var(--pp141-input-bg,rgba(255,255,255,.76))!important;
}
html body .pink-account .pink-account-dialog [data-ppac-view="profile"] .pp141-profile-phone > .pp141-profile-save {
  position:absolute!important;top:50%!important;right:5px!important;left:auto!important;
  transform:translateY(-50%)!important;display:inline-flex!important;
  justify-content:center!important;align-items:center!important;
  width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;
  max-height:42px!important;margin:0!important;padding:0 15px!important;
  border-radius:9999px!important;font:inherit!important;font-size:clamp(11px,.9em,15px)!important;
  line-height:1!important;text-transform:lowercase!important;white-space:nowrap!important;
  cursor:pointer!important;
}
@media(max-width:620px) {
  html body .pink-account .pink-account-dialog {
    width:100%!important;max-width:100%!important;border-radius:var(--pp141-modal-radius,24px) var(--pp141-modal-radius,24px) 0 0!important;
  }
  html body .pink-account .pink-account-dialog-body {
    padding:var(--pp141-modal-pad-top,23px) var(--pp141-modal-pad-right,18px) max(var(--pp141-modal-pad-bottom,24px),env(safe-area-inset-bottom)) var(--pp141-modal-pad-left,18px)!important;
  }
  html body .pink-account .pink-account-dialog [data-ppac-view="profile"] .pp141-profile-phone > input[name="phone"] {
    padding-right:127px!important;
  }
  html body .pink-account .pink-account-dialog [data-ppac-view="profile"] .pp141-profile-phone > .pp141-profile-save {
    font-size:11px!important;padding-inline:10px!important;
  }
}