/* Settings toolbar appearance, scoped to customer headers only. */
.nxo-user-header:is(.toolbar,.ig-create-header){position:sticky!important;top:0;z-index:550!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;width:100%;height:auto!important;min-height:68px!important;margin:0!important;padding:12px 22px!important;box-sizing:border-box;border:0!important;border-radius:0;color:#fff;background:rgba(0,150,245,.94)!important;box-shadow:0 10px 26px rgba(0,126,210,.18)!important;backdrop-filter:blur(18px);animation:none!important}
.nxo-user-header::after{content:"";position:absolute;inset-inline-start:50%;bottom:0;width:min(180px,36vw);height:3px;border-radius:999px 999px 0 0;background:rgba(255,255,255,.68);transform:translateX(50%)}
[dir="ltr"] .nxo-user-header::after{transform:translateX(-50%)}
.nxo-user-header :is(.title,.ig-create-title){margin:0!important;padding-inline:48px;color:#fff!important;font-size:17px!important;font-weight:900!important;letter-spacing:-.2px;line-height:1.6;text-align:center;font-family:Vazirmatn,system-ui,sans-serif!important}
.nxo-user-header :is(.back-btn,.ig-back-btn){position:absolute;inset-inline-start:18px!important;inset-inline-end:auto!important;display:flex;align-items:center;justify-content:center;min-width:0!important;min-height:0!important;width:40px;height:40px;padding:0!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:13px!important;color:#fff!important;background:rgba(255,255,255,.13)!important;cursor:pointer;transform:none}
.nxo-user-header :is(.back-btn,.ig-back-btn):hover{background:rgba(255,255,255,.22)!important;transform:translateX(2px)}
.nxo-user-header :is(.back-btn,.ig-back-btn):focus-visible{outline:3px solid #fff;outline-offset:3px}
.nxo-user-header :is(.back-btn,.ig-back-btn) .material-icons{font-size:24px!important;color:#fff!important}
.nxo-user-header.ig-create-header>div:last-child{display:none}
@media(max-width:620px){.nxo-user-header:is(.toolbar,.ig-create-header){min-height:60px!important;padding:10px 14px!important}.nxo-user-header :is(.back-btn,.ig-back-btn){width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.nxo-user-header :is(.back-btn,.ig-back-btn){transition:none!important}}

@font-face{font-family:Vazirmatn;src:url('/assets/fonts/Vazirmatn[wght].woff2') format('woff2');font-weight:100 900;font-display:swap}
.nxo-user-header .back-btn{margin:0;text-decoration:none}
.nxo-user-header .title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
