/* wire-smooth-account-center-303f1h723 */

html.wire-account-busy-303f1h723 main.content-column{
  opacity:.66 !important;
  pointer-events:none !important;
}

main.content-column{
  transition:opacity .14s ease !important;
}

.wire-account-nav-303f1h723{
  position:sticky !important;
  top:0 !important;
  z-index:12 !important;
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:10px 0 !important;
  margin-bottom:12px !important;
  background:rgba(5,13,21,.94) !important;
  backdrop-filter:blur(12px) !important;
  scrollbar-width:none !important;
}

.wire-account-nav-303f1h723::-webkit-scrollbar{
  display:none !important;
}

.wire-account-nav-303f1h723 a{
  flex:0 0 auto !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 11px !important;
  border:1px solid rgba(72,111,140,.48) !important;
  border-radius:999px !important;
  color:#dceef8 !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.wire-account-nav-303f1h723 a.is-active{
  background:rgba(39,130,183,.25) !important;
  border-color:rgba(72,169,221,.72) !important;
}

.account-center-group{
  scroll-margin-top:74px !important;
}

form.wire-account-form-busy-303f1h723{
  opacity:.62 !important;
  pointer-events:none !important;
}

.wire-account-inline-message-303f1h723{
  margin:12px 0 !important;
  padding:11px 13px !important;
  border:1px solid rgba(67,132,174,.48) !important;
  border-radius:12px !important;
  background:rgba(17,53,77,.32) !important;
  color:#dff3ff !important;
  font-weight:750 !important;
}

.wire-account-inline-message-303f1h723.error{
  border-color:rgba(255,108,119,.5) !important;
  background:rgba(94,18,25,.3) !important;
  color:#ffb7bd !important;
}

.safety-account-row.is-removing-303f1h723{
  opacity:.38 !important;
  transform:translateX(7px) !important;
  pointer-events:none !important;
}

.safety-account-row{
  transition:opacity .14s ease,transform .14s ease !important;
}

@media(max-width:799px){
  .account-center-header,
  .notification-settings-header,
  main.content-column>.page-header{
    padding:12px 14px !important;
  }

  .wire-account-nav-303f1h723{
    margin:0 !important;
    padding:10px 12px !important;
  }

  .account-center-sections,
  .notification-settings-form,
  .safety-grid{
    padding-left:12px !important;
    padding-right:12px !important;
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .account-center-grid,
  .account-security-grid,
  .notification-toggle-grid,
  .notification-intelligence-grid,
  .quiet-hours-grid,
  .safety-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .settings-card,
  .notification-settings-card{
    min-width:0 !important;
  }

  .account-action-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .account-action-card>a,
  .account-action-card>form,
  .account-action-card button,
  .password-form button,
  .notification-settings-footer button{
    width:100% !important;
  }

  .password-form,
  .settings-card form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .password-form input,
  .settings-card input,
  .settings-card select,
  .settings-card textarea,
  .notification-settings-form input,
  .notification-settings-form select{
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
    font-size:16px !important;
  }

  .notification-settings-footer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .safety-account-row{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:10px !important;
  }

  .safety-account-row form{
    grid-column:1/-1 !important;
  }

  .safety-account-row button{
    width:100% !important;
  }
}

@media(prefers-reduced-motion:reduce){
  main.content-column,
  .safety-account-row{
    transition:none !important;
  }
}