.navbar-card-preview nav{background:#fff;border:1px solid #dfe1eb;border-radius:7px;flex-wrap:wrap;gap:5px;padding:8px;display:flex}.navbar-card-preview nav :is(b,span){color:#72727c;border-radius:5px;padding:5px 7px;font-size:11px!important}.navbar-card-preview nav b{color:var(--accent);background:#eef1ff}.term-interactive-demo.navbar-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.navbar-demo-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.navbar-demo-control-label{color:var(--muted);font-size:11px;font-weight:700}.term-interactive-demo.navbar-interaction-demo .navbar-demo-controls button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.navbar-interaction-demo .navbar-demo-controls button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.navbar-interaction-demo .navbar-demo-controls button[aria-pressed=true],.term-interactive-demo.navbar-interaction-demo .navbar-demo-controls button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.navbar-demo-page{border:1px solid var(--line);background:var(--color-white);border-radius:9px;overflow:hidden}.navbar-demo-page.is-mobile{max-width:360px}.navbar-demo-header{background:var(--color-white);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:9px 12px;display:flex}.navbar-demo-brand{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.navbar-demo-menu{border-color:var(--line);background:var(--color-white);color:var(--ink);margin-left:auto;font-weight:700}.term-interactive-demo.navbar-interaction-demo .navbar-demo-menu:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.navbar-interaction-demo .navbar-demo-menu[aria-expanded=true],.term-interactive-demo.navbar-interaction-demo .navbar-demo-menu[aria-expanded=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.navbar-demo-nav{flex:auto}.navbar-demo-page.is-mobile .navbar-demo-nav{flex:100%}.navbar-demo-list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.navbar-demo-page.is-mobile .navbar-demo-list{flex-direction:column;align-items:stretch;padding:4px 0 2px}.navbar-demo-list li{margin:0}.navbar-demo-list-cta{margin-left:auto}.navbar-demo-page.is-mobile .navbar-demo-list-cta{margin-left:0}.navbar-demo-link{color:#4e4e58;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex}.navbar-demo-link:hover{background:var(--soft);color:var(--ink)}.term-interactive-demo.navbar-interaction-demo .navbar-demo-link.is-current,.term-interactive-demo.navbar-interaction-demo .navbar-demo-link.is-current:hover{background:var(--soft);color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);font-weight:800}.navbar-demo-page.is-mobile .navbar-demo-link{padding:8px 10px}.navbar-demo-current-mark{background:var(--ink);color:var(--color-white);border-radius:999px;padding:1px 7px;font-size:10.5px;font-style:normal;font-weight:750}.term-interactive-demo.navbar-interaction-demo .navbar-demo-action{border:1px solid var(--color-rausch);background:var(--color-rausch);color:var(--color-white);border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:12.5px;font-weight:750;text-decoration:none;display:inline-flex}.term-interactive-demo.navbar-interaction-demo .navbar-demo-action:hover{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.term-interactive-demo.navbar-interaction-demo .navbar-demo-action[aria-current=page]{box-shadow:inset 0 0 0 2px var(--color-white)}.navbar-demo-route{background:var(--soft);gap:4px;margin:0;padding:12px 14px;display:grid}.navbar-demo-route small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.navbar-demo-route h3{color:var(--ink);margin:0;font-size:15px}.navbar-demo-route p{color:#4e4e58;margin:0;font-size:12.5px;line-height:1.5}.navbar-demo-status{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.navbar-knowledge-list,.navbar-when-list,.navbar-how-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.navbar-knowledge-list li,.navbar-when-list li,.navbar-how-list li{border:1px solid var(--line);background:var(--color-white);color:#4e4e58;border-radius:7px;padding:9px 11px;font-size:13px;line-height:1.55}.navbar-knowledge-list b,.navbar-when-list b,.navbar-how-list b{color:var(--ink)}.navbar-knowledge-list code,.navbar-how-list code{color:#3a3c44;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eceef2;border-radius:3px;padding:1px 5px;font-size:12px}.navbar-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.navbar-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:5px;padding:11px 12px;display:grid}.navbar-example header{align-items:center;gap:6px;display:flex}.navbar-example header span{color:#fff;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:800}.navbar-example header b{color:var(--ink);font-size:13px}.navbar-example p{color:#4e4e58;margin:0;font-size:12.5px;line-height:1.55}.navbar-example.is-good{background:#f3faf5;border-color:#b9d8c2}.navbar-example.is-good header span{background:#1f6a3a}.navbar-example.is-bad{background:#fdf3f4;border-color:#e8c7ca}.navbar-example.is-bad header span{background:#a83a44}@media (max-width:540px){.navbar-example-grid{grid-template-columns:1fr}}.navbar-card-preview{gap:7px;padding:11px 12px}.navbar-card-bar{background:#fff;border:1px solid #dfe1eb;border-radius:7px;flex-wrap:wrap;align-items:center;gap:4px;padding:7px 9px;display:flex}.navbar-card-preview .navbar-card-brand{color:#2c2c34;font-weight:800}.navbar-card-preview .navbar-card-nav{background:0 0;border:0;flex-wrap:wrap;gap:3px;margin:0;padding:0;display:flex}.navbar-card-preview .navbar-card-nav .navbar-card-item{color:#6f707a;background:#f3f3f5;border-radius:5px;padding:3px 7px;font-weight:650}.navbar-card-preview .navbar-card-nav .navbar-card-item.is-current{color:#fff;background:#2c2c34;font-weight:800}.navbar-card-preview .navbar-card-nav .navbar-card-item.is-current em{color:#2c2c34;background:#fff;border-radius:999px;margin-left:4px;padding:1px 5px;font-style:normal;font-weight:750}.navbar-card-preview .navbar-card-nav .navbar-card-item.navbar-card-cta{color:#2c2c34;background:#eef0f3;font-weight:750}.navbar-card-conclusion{flex-direction:column;gap:2px;margin:0;display:flex}.navbar-card-preview .navbar-card-conclusion b{color:#2c2c34}.navbar-card-preview .navbar-card-conclusion span{color:#6f707a}.term-card .term-preview.navbar-card-preview{color:#f4f7f4;background:#101b2c;border-color:#25374b;grid-template-columns:minmax(0,1.25fr) minmax(96px,.75fr);align-items:center;gap:9px;min-height:178px;padding:10px;display:grid}.navbar-card-phone{background:#17273b;border:1px solid #4f6577;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #040a1459}.navbar-card-phone>header{gap:2px;padding:9px 10px 7px;display:grid}.navbar-card-phone>header small{color:#94aabd;font-weight:800;font-size:7px!important}.navbar-card-phone>header b{color:#eff9f2;font-weight:900;font-size:15px!important}.navbar-card-chart{align-items:end;gap:4px;height:30px;margin:0 10px 8px;display:flex}.navbar-card-chart i{background:#496377;border-radius:3px 3px 0 0;flex:1;height:45%}.navbar-card-chart i:nth-child(2){background:#63d6ac;height:72%}.navbar-card-chart i:nth-child(3){height:58%}.navbar-card-chart i:nth-child(4){background:#72bdf5;height:86%}.navbar-card-chart i:nth-child(5){height:66%}.navbar-card-phone nav{background:#111e30;border-top:1px solid #3b5064;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:5px;display:grid}.navbar-card-phone nav span{color:#8ea1b3;border-radius:8px;justify-items:center;gap:1px;padding:4px 1px;display:grid}.navbar-card-phone nav span b{font-size:9px!important}.navbar-card-phone nav span small{font-weight:800;font-size:6px!important}.navbar-card-phone nav span.is-current{color:#123e37;background:#c8f4df}.navbar-card-verdict{gap:4px;margin:0;display:grid}.navbar-card-verdict strong{color:#f4f7f4;font-weight:900;line-height:1.35;font-size:10px!important}.navbar-card-verdict span{color:#aebdcc;line-height:1.45;font-size:8px!important}.term-interactive-demo.navbar-demo{--navbar-night:#0d1727;--navbar-surface:#16263a;--navbar-surface-2:#20344a;--navbar-mint:#b8f0d8;--navbar-mint-ink:#103d35;--navbar-blue:#79c5ff;color:#f2f6f5;background:#101d2e;border:1px solid #334c63;border-radius:18px;gap:14px;padding:16px;display:grid}.navbar-demo-task{background:var(--navbar-surface);border:1px solid #49637b;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;padding:11px 13px;display:grid}.navbar-demo-task>span{background:var(--navbar-mint);color:var(--navbar-mint-ink);border-radius:999px;grid-row:1/3;padding:4px 7px;font-size:10px;font-weight:900}.navbar-demo-task strong{color:#f3f8f6;font-size:14px;font-weight:900;line-height:1.35}.navbar-demo-task small{color:#a9bac7;font-size:11px;line-height:1.45}.navbar-demo-phone{background:var(--navbar-night);border:7px solid #050a12;border-radius:34px;justify-self:center;width:min(100%,390px);overflow:hidden;box-shadow:0 20px 40px #0006}.navbar-demo-statusbar{color:#d9e4e6;justify-content:space-between;align-items:center;padding:9px 18px 5px;font-size:9px;display:flex}.navbar-demo-statusbar b{font-size:10px}.navbar-demo-statusbar span{color:#8ca0af;letter-spacing:.1em}.navbar-demo-apphead{justify-content:space-between;align-items:center;padding:11px 17px 12px;display:flex}.navbar-demo-apphead>div{gap:2px;display:grid}.navbar-demo-apphead small{color:#7f98ab;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.navbar-demo-apphead b{color:#f2f7f5;font-size:19px;font-weight:900}.navbar-demo-apphead>span{width:31px;height:31px;color:var(--navbar-blue);border:1px solid #3d556b;border-radius:50%;place-items:center;font-size:17px;display:grid}.navbar-demo-screen{min-height:338px;padding:0 15px 15px}.navbar-demo-generic{background:var(--navbar-surface);border:1px solid #30465a;border-radius:17px;align-content:start;gap:8px;min-height:298px;padding:18px;display:grid}.navbar-demo-generic small{color:#89a0b2;font-size:10px;font-weight:800}.navbar-demo-generic h3{color:#f2f7f5;margin:20px 0 0;font-size:18px}.navbar-demo-generic strong{color:var(--navbar-blue);font-size:34px;line-height:1}.navbar-demo-generic p{color:#aebdca;margin:0;font-size:12px;line-height:1.6}.navbar-demo-bills{gap:13px;display:grid}.navbar-demo-bills>header{justify-content:space-between;align-items:end;gap:10px;display:flex}.navbar-demo-bills header>div{gap:2px;display:grid}.navbar-demo-bills header small{color:#8fa6b7;font-size:9px;font-weight:800}.navbar-demo-bills h3{color:#f2f7f5;margin:0;font-size:18px}.navbar-demo-bills header>b{color:#9fb2c0;border:1px solid #4b687c;border-radius:999px;padding:3px 7px;font-size:9px}.navbar-demo-total{background:var(--navbar-mint);color:var(--navbar-mint-ink);border-radius:18px;gap:4px;padding:18px;display:grid}.navbar-demo-total span{font-size:10px;font-weight:850}.navbar-demo-total strong{letter-spacing:-.04em;font-size:31px}.navbar-demo-total small{color:#20594e;background:#103d351f;border-radius:999px;justify-self:start;padding:3px 7px;font-size:9px;font-weight:850}.navbar-demo-bills ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.navbar-demo-bills li{background:var(--navbar-surface);border:1px solid #30465a;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;display:grid}.navbar-demo-bills li>i{color:#583511;background:#f6c98d;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;font-weight:900;display:grid}.navbar-demo-bills li:nth-child(2)>i{color:#183e59;background:#b9dfff}.navbar-demo-bills li>span{gap:1px;display:grid}.navbar-demo-bills li span b{color:#edf4f3;font-size:11px}.navbar-demo-bills li span small{color:#8398a9;font-size:9px}.navbar-demo-bills li>strong{color:#dbe6e5;font-size:11px}.navbar-demo-bottom{background:#101d2e;border-top:1px solid #31475a;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 8px 12px;display:grid}.term-interactive-demo.navbar-demo .navbar-demo-bottom button{color:#879bac;min-width:0;min-height:53px;font:inherit;background:0 0;border:1px solid #0000;border-radius:15px;align-content:center;justify-items:center;gap:2px;padding:6px 2px;display:grid}.term-interactive-demo.navbar-demo .navbar-demo-bottom button:hover{color:#f2f7f5;background:#1c3044;border-color:#577188}.term-interactive-demo.navbar-demo .navbar-demo-bottom button:active{color:#fff;background:#284056}.term-interactive-demo.navbar-demo .navbar-demo-bottom button:focus-visible{outline:3px solid var(--navbar-blue);outline-offset:2px}.navbar-demo-bottom button b{font-size:17px;line-height:1}.navbar-demo-bottom button span{font-size:9px;font-weight:850}.navbar-demo-bottom button small{letter-spacing:.04em;font-size:7px;font-weight:900}.term-interactive-demo.navbar-demo .navbar-demo-bottom.is-broken button.is-current{color:#36c4ca}.term-interactive-demo.navbar-demo .navbar-demo-bottom.is-fixed button.is-current,.term-interactive-demo.navbar-demo .navbar-demo-bottom.is-fixed button.is-current:hover{background:var(--navbar-mint);color:var(--navbar-mint-ink);border-color:#9be0c4}.navbar-demo-miss{color:#ffdcd5;background:#4b252a;border-top:1px solid #b75c55;gap:3px;padding:11px 14px;display:grid}.navbar-demo-miss b{font-size:11px;font-weight:900}.navbar-demo-miss span{font-size:10px;line-height:1.5}.navbar-demo-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.term-interactive-demo.navbar-demo .navbar-demo-actions button{min-height:42px;font:inherit;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:900}.term-interactive-demo.navbar-demo .navbar-demo-primary,.term-interactive-demo.navbar-demo .navbar-demo-primary:hover,.term-interactive-demo.navbar-demo .navbar-demo-primary:active{border-color:var(--navbar-mint);background:var(--navbar-mint);color:var(--navbar-mint-ink)}.term-interactive-demo.navbar-demo .navbar-demo-primary:hover{background:#d0f7e6}.term-interactive-demo.navbar-demo .navbar-demo-primary:active{background:#91d9bd}.term-interactive-demo.navbar-demo .navbar-demo-reset{background:var(--navbar-surface);color:#e6eeee;border-color:#506b80}.term-interactive-demo.navbar-demo .navbar-demo-reset:hover{border-color:var(--navbar-blue);color:#fff;background:#243a50}.term-interactive-demo.navbar-demo .navbar-demo-actions button:focus-visible{outline:3px solid var(--navbar-blue);outline-offset:3px}.navbar-demo-live{background:var(--navbar-surface);color:#bac8d1;border-left:4px solid #6b8498;margin:0;padding:10px 12px;font-size:12px;line-height:1.55}.navbar-demo[data-phase=miss] .navbar-demo-live{color:#ffd9d3;background:#3d252a;border-left-color:#ee897d}.navbar-demo[data-phase=fixed] .navbar-demo-live{color:#c8f4df;background:#183b36;border-left-color:#74d2af}.navbar-demo-knowledge,.navbar-demo-when,.navbar-demo-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.navbar-demo-knowledge article,.navbar-demo-when article,.navbar-demo-examples article{background:#f7fbfa;border:1px solid #cddbe0;border-radius:12px;min-width:0;padding:12px 13px}.navbar-demo-knowledge article{grid-template-columns:auto minmax(0,1fr);gap:4px 9px;display:grid}.navbar-demo-knowledge span{color:#c8f4df;background:#18364a;border-radius:999px;grid-row:1/3;padding:3px 6px;font-size:9px;font-weight:900}.navbar-demo-knowledge b,.navbar-demo-when strong,.navbar-demo-examples strong{color:#18364a;font-size:13px;line-height:1.45}.navbar-demo-knowledge p,.navbar-demo-when p,.navbar-demo-examples p{color:#5c7078;margin:0;font-size:12px;line-height:1.55}.navbar-demo-when article,.navbar-demo-examples article{gap:6px;display:grid}.navbar-demo-when small,.navbar-demo-examples small{color:#345b69;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:900}.navbar-demo-when .is-good,.navbar-demo-examples .is-good{background:#eef8f3;border-left:5px solid #3d9f7e}.navbar-demo-when .is-bad,.navbar-demo-examples .is-bad{background:#fff3f0;border-left:5px dashed #b95f54}.navbar-demo-how{counter-reset:navbar-how;gap:8px;margin:0;padding:0;list-style:none;display:grid}.navbar-demo-how li{color:#586b72;counter-increment:navbar-how;background:#f8fbfa;border:1px solid #d4dfe2;border-radius:10px;min-width:0;padding:10px 12px 10px 48px;font-size:13px;line-height:1.6;position:relative}.navbar-demo-how li:before{content:counter(navbar-how, decimal-leading-zero);color:#287e68;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:950;position:absolute;top:10px;left:13px}.navbar-demo-how b{color:#18364a}@media (max-width:720px){.navbar-demo-knowledge,.navbar-demo-when,.navbar-demo-examples{grid-template-columns:1fr}}@media (max-width:430px){.term-card .term-preview.navbar-card-preview{min-height:184px;padding:8px}.term-interactive-demo.navbar-demo{border-radius:12px;gap:11px;padding:10px}.navbar-demo-task{grid-template-columns:1fr}.navbar-demo-task>span{grid-row:auto;justify-self:start}.navbar-demo-phone{border-width:5px;border-radius:26px}.navbar-demo-screen{min-height:315px;padding-inline:11px}.navbar-demo-bottom{gap:2px;padding-inline:5px}.term-interactive-demo.navbar-demo .navbar-demo-bottom button{min-height:58px;padding-inline:1px}.navbar-demo-bottom button span{font-size:8px}.navbar-demo-actions{display:grid}.term-interactive-demo.navbar-demo .navbar-demo-actions button{width:100%}}