/* Generated by scripts/build-tp.mjs from scripts/lib/example-bar.mjs: edit that file. */
.plx{all:initial;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#FFE45C;border-top:2px solid #1B2A9E;color:#1E1D19;font:500 14px/1.3 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;text-align:left;visibility:visible}
.plx[hidden]{display:none}
.plx *{box-sizing:border-box}
.plx-kind{flex:none;padding:3px 10px;border:1px solid #1B2A9E;border-radius:999px;background:#FFFDF5;color:#1E1D19;font-weight:700;font-size:12px;line-height:1.3;white-space:nowrap}
.plx-brand+.plx-kind{margin-right:auto}
.plx-nokind .plx-brand{margin-right:auto}
.plx-brand{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#1E1D19;text-decoration:none;font-weight:600;font-size:15px}
.plx-brand:hover span{text-decoration:underline;text-underline-offset:3px}
.plx-logo{flex:none;width:28px;height:28px}
.plx-cta{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:#2340D8;color:#fff;box-shadow:2px 2px 0 #1B2A9E;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;cursor:pointer}
.plx-cta:hover{background:#1B2A9E}
.plx-short{display:none}
.plx-x{flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:none;color:#1E1D19;font:400 26px/1 system-ui,sans-serif;cursor:pointer}
.plx-x:hover{background:rgba(35,34,29,.08)}
.plx a:focus-visible,.plx button:focus-visible{outline:3px solid #1B2A9E;outline-offset:2px}
.plx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (max-width:420px){.plx{gap:6px}.plx-brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
