/* Mobile settings: horizontal navigation, full-width content, no split words or overlapping cards. */
@media (max-width:700px) {
 html body dialog.userSettingsBackdrop[open] {
  box-sizing:border-box!important;width:calc(100vw - 12px)!important;
  max-width:calc(100vw - 12px)!important;
  max-height:calc(100dvh - 16px)!important;
  overflow:hidden!important;
 }
 html body dialog.userSettingsBackdrop[open]>.userSettingsModal {
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-width:0!important;max-height:calc(100dvh - 16px)!important;
  overflow:hidden!important;
 }
 html body dialog.userSettingsBackdrop[open]>.userSettingsModal>.userSettingsBody {
  display:flex!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  min-height:0!important;overflow:hidden!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsBody>.userSettingsNav {
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;max-height:76px!important;min-height:55px!important;
  flex:0 0 auto!important;grid-column:auto!important;grid-row:auto!important;
  padding:6px 8px!important;gap:6px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsBody>.userSettingsNav>button{
  box-sizing:border-box!important;flex:0 0 auto!important;
  width:auto!important;min-width:max-content!important;max-width:none!important;
  height:44px!important;min-height:44px!important;
  padding:8px 12px!important;font-size:13px!important;
  display:inline-flex!important;align-items:center!important;
  line-height:1.2!important;white-space:nowrap!important;overflow:visible!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsBody>.userSettingsNav>button b {
  font-size:13px!important;white-space:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsBody>.userSettingsContent{
  display:block!important;flex:1 1 auto!important;
  grid-column:auto!important;grid-row:auto!important;
  box-sizing:border-box!important;width:100%!important;
  min-width:0!important;max-width:100%!important;min-height:0!important;
  padding:12px!important;overflow-y:auto!important;overflow-x:hidden!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsContent :is(.settingsPane,.membershipPlanGrid,.darkDashboardQuick){
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsContent :is(.membershipPlanGrid,.darkDashboardQuick){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsContent :is(.settingsPane,.settingsPane *) {
  overflow-wrap:break-word!important;
 }
 html body dialog.userSettingsBackdrop[open] .userSettingsContent :is(.settingsPane button,.settingsPane input){
  max-width:100%!important;box-sizing:border-box!important;
 }
}