/* Shared account components, including confirmation and error states. */
@layer ls-profile {
/* Align bounded reading/form surfaces with their page's content column. */
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFSingleCard,.IFAuthLayout) {
 margin-left:0!important;margin-right:auto!important;text-align:left!important;
}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFButtonRow,.IFMembershipActionRow) {
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 justify-content:flex-start!important;align-items:center!important;gap:12px!important;
 margin-left:0!important;margin-right:0!important;
}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFButtonRow,.IFMembershipActionRow)>* {
 order:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;
}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain .IFButtonRow>form {margin-top:0!important;margin-bottom:0!important}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFSettingsBlock form>.IFPrimaryButton,.IFSiteTerms .IFButtonRow) {margin-left:0!important}
/* Links acting as buttons have four visible sides in every interaction state.
   Text links retain the shared no-underline treatment and keyboard outline. */
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(
 .IFPrimaryButton,.IFPrimaryLink,.IFPrimaryCheckout,.IFPlanAction,
 .IFSecondaryButton,.IFSecondaryLink,.IFOutlineLink,.IFPlanActionSecondary,.IFSocialButton
) {
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;min-height:44px!important;height:auto!important;max-width:100%!important;
 padding:10px 19px!important;border-width:1px!important;border-style:solid!important;border-radius:4px!important;
 font-size:16px!important;font-weight:500!important;line-height:22px!important;
 white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;
 text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;
}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFPrimaryButton,.IFPrimaryLink,.IFPrimaryCheckout,.IFPlanAction) {
 border-color:var(--if-blue,#2671b4)!important;
}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFSecondaryButton,.IFSecondaryLink,.IFOutlineLink,.IFPlanActionSecondary,.IFSocialButton) {
 border-color:#b9ced9!important;
}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFSecondaryButton,.IFSecondaryLink,.IFOutlineLink,.IFPlanActionSecondary,.IFSocialButton):hover {
 border-color:#21629b!important;
}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain .IFSocialButton {display:flex!important;justify-content:flex-start!important}
html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFPrimaryButton,.IFPrimaryLink,.IFPrimaryCheckout,.IFPlanAction,.IFSecondaryButton,.IFSecondaryLink,.IFOutlineLink,.IFPlanActionSecondary,.IFSocialButton):focus-visible {
 outline:2px solid #21629b!important;outline-offset:3px!important;
}
/* Avoid a cramped registration form between the desktop and phone layouts. */
@media(max-width:980px) {
 html:root body[data-ls-profile].IFAccountPage .IFAccountMain .WHAccountEntry {
  grid-template-columns:minmax(0,1fr)!important;
 }
}
@media(max-width:640px) {
 html:root body[data-ls-profile].IFAccountPage .IFAccountMain :is(.IFButtonRow,.IFMembershipActionRow) {gap:10px!important}
}
}