body[data-palette=petrol]{--ink:#f1faf7;--sub:#a2bab3;--paper:#0d2524;--panel:#112e2b;--line:#31514b;--soft:#173a35;--brand:#20b6a5;--brand-dark:#188f83;--cream:#1a3a34;--accent:#63cfc0}body[data-palette=emerald]{--ink:#eef8ed;--sub:#b1c3b2;--paper:#102820;--panel:#17382b;--line:#345142;--soft:#1e4130;--brand:#8ed197;--brand-dark:#63ae75;--cream:#294b35;--accent:#addcb1}body[data-palette=berry]{--ink:#fff2f6;--sub:#d0b2bf;--paper:#301d2a;--panel:#3b2635;--line:#674658;--soft:#4a3041;--brand:#e58ea8;--brand-dark:#bb7089;--cream:#513647;--accent:#efb0c0}body[data-palette=light]{--ink:#183129;--sub:#557065;--paper:#f5f4ed;--panel:#fff;--line:#cedbd0;--soft:#e8eee6;--brand:#287f63;--brand-dark:#1f664f;--cream:#dce9db;--accent:#91bba5}.nb-button.primary{color:#08211c}body[data-palette=light] .nb-button.primary{color:#fff}body[data-palette] .nb-empty{background:var(--panel)}body[data-palette] .nb-notice{background:var(--panel);color:var(--sub);border-bottom:1px solid var(--line)}body[data-palette] .nb-brand-mark{color:#0c241c}body[data-palette=light] .nb-brand-mark{color:#fff}body[data-palette] .nb-hero-icon{background:var(--soft);color:var(--brand)}body[data-palette] .nb-warning{background:var(--soft);color:var(--ink)}body.embedded .nb-hero{display:none}body.embedded .nb-main{padding-top:4px}body.embedded .nb-section-head{margin-top:18px}body.embedded .nb-foot{display:none}body.embedded .nb-bar{background:var(--paper)}

html{background:transparent}body[data-palette] .nb-pill[aria-pressed=true]{color:#08211c}body[data-palette=light] .nb-pill[aria-pressed=true]{color:#fff}
.nb-demo-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--nb-border,#d8dee8)}.nb-demo-item form{margin:0}@media(max-width:520px){.nb-demo-item{align-items:flex-start;flex-direction:column}}