.lbar{z-index:60;height:2.75rem;padding-inline:var(--gutter);background:var(--ink);color:var(--paper);font:400 .74rem var(--mono);letter-spacing:.05em;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.lbar p{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;flex:1;min-width:0;overflow:hidden}.lbar b{color:var(--cobalt-on-ink);font-weight:500}.lbar span{color:var(--muted-on-ink)}.lb-brand img{width:auto;height:20px}.lb-back{text-transform:uppercase;white-space:nowrap;text-decoration:none}.lb-back:hover{text-decoration:underline}@media (width<=40rem){.lbar p span,.lb-back span{display:none}}.lbar b{display:inline-block}.lbar[data-theme=ristorante]{color:#f6edda;letter-spacing:.01em;background:#1d0b0b;border-bottom:1px solid #e0b15a8c;font:italic 400 .95rem/1 Fraunces Variable,Georgia,serif}.lbar[data-theme=ristorante] p{text-align:center;text-transform:none}.lbar[data-theme=ristorante] b{color:#e0b15a;text-transform:lowercase;font-weight:500}.lbar[data-theme=ristorante] b:first-letter{text-transform:uppercase}.lbar[data-theme=ristorante] span{color:#f6eddaad}.lbar[data-theme=ristorante] .lb-back{color:#e0b15a;text-transform:none}.lbar[data-theme=studio-professionale]{font:500 .7rem/1 "Space Grotesk Variable", var(--sans);letter-spacing:.16em;background:#0e1a2d;border-bottom:1px solid #c9a45c}.lbar[data-theme=studio-professionale] .lb-brand{border-right:1px solid #c9a45c80;padding-right:1rem}.lbar[data-theme=studio-professionale] b{color:#c9a45c;font-weight:600}.lbar[data-theme=studio-professionale] span{color:#a7b1c2}.lbar[data-theme=studio-professionale] .lb-back{color:#f4f0e6;border-bottom:1px solid #c9a45c;padding-bottom:.2rem}.lbar[data-theme=azienda]{font:600 .95rem/1 "Big Shoulders Variable", var(--sans);letter-spacing:.14em;background:#12151a;border-bottom:2px solid #ff6a1a}.lbar[data-theme=azienda] .lb-brand{border-right:1px solid #eef0f238;padding-right:.9rem}.lbar[data-theme=azienda] b{color:#ff6a1a;font-weight:700}.lbar[data-theme=azienda] span{color:#a9b1ba}.lbar[data-theme=azienda] .lb-back{color:#eef0f2;border:1px solid #ff6a1a;padding:.3rem .65rem}.lbar[data-theme=azienda] .lb-back:hover{color:#12151a;background:#ff6a1a;text-decoration:none}.lbar[data-theme=palestra]{font:800 .78rem/1 "Archivo Variable", var(--sans);letter-spacing:.06em;background:#0a0a0a;border-bottom:1px solid #c6f43259}.lbar[data-theme=palestra] b{color:#111;background:#c6f432;padding:.3rem .65rem;font-weight:800;transform:skew(-10deg)}.lbar[data-theme=palestra] span{color:#b8b8b2}.lbar[data-theme=palestra] .lb-back{color:#c6f432;font-weight:800}.lbar[data-theme=artigiano]{font:700 .76rem/1 var(--sans);letter-spacing:.05em;background:#10233d}.lbar[data-theme=artigiano] b{color:#10233d;background:#ffc400;border-radius:999px;padding:.3rem .8rem;font-weight:700}.lbar[data-theme=artigiano] span{color:#ffe08a}.lbar[data-theme=artigiano] .lb-back{color:#ffc400;border:1.5px solid #ffc400;border-radius:999px;padding:.3rem .85rem}.lbar[data-theme=artigiano] .lb-back:hover{color:#10233d;background:#ffc400;text-decoration:none}.lbar[data-theme=ecommerce]{color:#26221b;font:italic 400 .95rem/1 var(--serif);background:#ded4c0;border-bottom:1px solid #26221b40}.lbar[data-theme=ecommerce] .lb-brand{background:#26221b;border-radius:.4rem;place-items:center;padding:.3rem .4rem;display:grid}.lbar[data-theme=ecommerce] .lb-brand img{height:16px}.lbar[data-theme=ecommerce] p{text-transform:none}.lbar[data-theme=ecommerce] b{color:#26221b;text-transform:none;font-weight:600}.lbar[data-theme=ecommerce] b:first-letter{text-transform:uppercase}.lbar[data-theme=ecommerce] span{color:#5c5548}.lbar[data-theme=ecommerce] .lb-back{color:#26221b;text-transform:none;text-underline-offset:4px;text-decoration:underline 2px #7a8a5c}@media (width<=26rem){.lbar{gap:.6rem}.lbar[data-theme=artigiano] b{padding:.3rem .6rem}.lbar[data-theme=artigiano] .lb-back{padding:.3rem .65rem}.lbar[data-theme=azienda] .lb-back,.lbar[data-theme=palestra] b{padding:.3rem .5rem}}.demo :is(.grid,form,.row,.two,.book)>*{min-width:0}.demo :is(input,select,textarea){min-width:0;max-width:100%}.demo{background:var(--bg);min-height:60vh;color:var(--fg)}.lfoot{background:var(--ink);color:var(--muted-on-ink);padding:2rem var(--gutter);font:400 .8rem/1.6 var(--mono);gap:1rem;display:grid}.lfoot b{color:var(--cobalt-on-ink);font-weight:500}.lfoot .acts{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.lfoot a{color:var(--paper)}.demo .sim{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75}