/* NA UGLYAH V8 — profile, animation order, desktop hero dots */
#drawerUser,.drawer-user{position:relative}
.nu8-edit-profile{
  position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:12px;
  background:#202020;color:#fff;display:grid;place-items:center;z-index:4;
  box-shadow:0 8px 24px rgba(0,0,0,.25)
}
.nu8-edit-profile:active{transform:scale(.95)}
.nu8-edit-profile svg{width:18px;height:18px}
.nu8-profile-avatar-img{
  width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block
}
.nu8-hidden-account-action{display:none!important}

.nu8-modal{
  position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);
  display:none;align-items:flex-end;justify-content:center;padding:14px
}
.nu8-modal.show{display:flex}
.nu8-panel{
  width:min(100%,560px);max-height:min(88vh,820px);overflow:auto;background:#121212;color:#fff;
  border:1px solid #292929;border-radius:26px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.55)
}
.nu8-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.nu8-panel-title{font-weight:850;font-size:20px;letter-spacing:-.03em}
.nu8-close{width:38px;height:38px;border:0;border-radius:12px;background:#202020;color:#fff;font-size:22px}
.nu8-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.nu8-avatar-preview{
  width:76px;height:76px;border-radius:22px;background:#202020;border:1px solid #333;overflow:hidden;
  display:grid;place-items:center;font-weight:850;font-size:24px;flex:0 0 auto
}
.nu8-avatar-actions{display:grid;gap:8px;min-width:0}
.nu8-file-label{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:13px;
  background:#242424;color:#fff;font-weight:800;font-size:13px;cursor:pointer
}
.nu8-file-label input{display:none}
.nu8-status{font-size:12px;color:#8f8f8f;line-height:1.35}
.nu8-status.ok{color:#7fd59c}
.nu8-status.warn{color:#f3bd72}
.nu8-grid{display:grid;gap:12px}
.nu8-field{display:grid;gap:7px}
.nu8-field span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7e7e7e;font-weight:850}
.nu8-input{
  width:100%;height:48px;border:1px solid #303030;background:#0d0d0d;color:#fff;border-radius:14px;
  padding:0 14px;outline:none
}
.nu8-input:focus{border-color:#ea1720}
.nu8-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.nu8-btn{
  min-height:48px;border:0;border-radius:14px;background:#ea1720;color:#fff;padding:0 16px;font-weight:850
}
.nu8-btn.secondary{background:#242424}
.nu8-btn:disabled{opacity:.48}
.nu8-code{display:none;margin-top:8px}
.nu8-code.show{display:grid}
.nu8-message{display:none;margin-top:12px;padding:12px 13px;border-radius:14px;background:#172018;color:#8bdfa7;font-size:13px;line-height:1.4}
.nu8-message.show{display:block}
.nu8-message.err{background:#2b1416;color:#ff9298}
.nu8-save{width:100%;margin-top:16px}

@media(min-width:700px){
  .nu8-modal{align-items:center}
}

/* Force banner slider dots onto one perfectly aligned row on desktop too. */
.hero-dots,#heroDots{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;line-height:0!important;text-align:center!important
}
.hero-dot,#heroDots .hero-dot{
  flex:0 0 auto!important;display:grid!important;place-items:center!important;vertical-align:middle!important;
  margin:0!important;transform:none!important
}
.hero-dot i,#heroDots .hero-dot i{display:block!important;margin:0!important}

/* One ordered reveal queue for the whole page. */
.nu8-seq{
  opacity:0!important;
  transform:translate3d(0,16px,0)!important;
  transition:opacity .34s ease,transform .42s cubic-bezier(.2,.75,.2,1)!important;
  will-change:opacity,transform
}
.nu8-seq.nu8-seq-in{
  opacity:1!important;
  transform:translate3d(0,0,0)!important
}