html,body,#app,#root,[data-nana-shell]{
  opacity:1!important;
  filter:none!important;
}
body{background:#fff!important}
body::before,body::after,
#app::before,#app::after,
#root::before,#root::after,
[data-nana-shell]::before,[data-nana-shell]::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.nana-page-dim,.nana-global-scrim,.nana-shell-scrim,
.page-dim,.global-dim,.global-scrim,
.fullscreen-scrim,
[data-nana-passive-overlay="true"]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
[role="dialog"],[aria-modal="true"],dialog{
  opacity:1!important;
  filter:none!important;
}

/* Customer outer-shell appearance tokens only */
:root{
  --nana-shell-accent:#111111;
  --nana-shell-bg:#ffffff;
  --nana-shell-panel:#ffffff;
  --nana-shell-radius:18px;
  --nana-shell-gap:16px;
  --nana-shell-max:1180px;
}
html[data-nana-color="01"]{--nana-shell-accent:#111111}
html[data-nana-color="02"]{--nana-shell-accent:#3a3a3a}
html[data-nana-color="03"]{--nana-shell-accent:#1565c0}
html[data-nana-color="04"]{--nana-shell-accent:#0288d1}
html[data-nana-color="05"]{--nana-shell-accent:#00897b}
html[data-nana-color="06"]{--nana-shell-accent:#2e7d32}
html[data-nana-color="07"]{--nana-shell-accent:#f9a825}
html[data-nana-color="08"]{--nana-shell-accent:#ef6c00}
html[data-nana-color="09"]{--nana-shell-accent:#c2185b}
html[data-nana-color="10"]{--nana-shell-accent:#7b1fa2}
html[data-nana-color="11"]{--nana-shell-accent:#3949ab}
html[data-nana-color="12"]{--nana-shell-accent:#111827}

html[data-nana-theme="01"]{--nana-shell-radius:18px;--nana-shell-gap:16px;--nana-shell-max:1180px}
html[data-nana-theme="02"]{--nana-shell-radius:12px;--nana-shell-gap:10px;--nana-shell-max:1120px}
html[data-nana-theme="03"]{--nana-shell-radius:20px;--nana-shell-gap:24px;--nana-shell-max:1240px}
html[data-nana-theme="04"]{--nana-shell-radius:24px;--nana-shell-gap:18px;--nana-shell-max:1180px}
html[data-nana-theme="05"]{--nana-shell-radius:6px;--nana-shell-gap:14px;--nana-shell-max:1080px}
html[data-nana-theme="06"]{--nana-shell-radius:22px;--nana-shell-gap:18px;--nana-shell-max:1200px}
html[data-nana-theme="07"]{--nana-shell-radius:0px;--nana-shell-gap:22px;--nana-shell-max:980px}
html[data-nana-theme="08"]{--nana-shell-radius:14px;--nana-shell-gap:12px;--nana-shell-max:1280px}
html[data-nana-theme="09"]{--nana-shell-radius:10px;--nana-shell-gap:20px;--nana-shell-max:900px}
html[data-nana-theme="10"]{--nana-shell-radius:0px;--nana-shell-gap:26px;--nana-shell-max:1320px}
html[data-nana-theme="11"]{--nana-shell-radius:28px;--nana-shell-gap:20px;--nana-shell-max:1220px}
html[data-nana-theme="12"]{--nana-shell-radius:16px;--nana-shell-gap:16px;--nana-shell-max:1140px}

body{accent-color:var(--nana-shell-accent)}
.nana-shell,.wrap,.overview,[data-nana-shell]{
  max-width:var(--nana-shell-max);
}
.card,.panel,.nana-card,.account-nav{
  border-radius:var(--nana-shell-radius);
}