/* bbi-site 1.5.4 name picker component */
.bbn-split{display:grid;gap:24px;align-items:start}
@media (min-width:900px){.bbn-split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
.bbn-split--in{margin-top:28px}
.bbn{padding:18px;min-width:0}
.bbn-in{display:grid;gap:12px}
@media (min-width:560px){.bbn-in{grid-template-columns:1fr 1fr}}
.bbn label{display:block;font-weight:600;font-size:.95rem;color:#e4e4e7}
.bbn-in input,.bbn-in select,.bbn-real input{display:block;width:100%;box-sizing:border-box;margin-top:.4rem;min-height:48px;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0a0d14;color:#fff;font:inherit;min-width:0}
.bbn-in select{appearance:auto}
.bbn-hint{margin:14px 0 0;color:#a1a1aa;font-size:.92rem}
.bbn-res{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.bbn-row a,.bbn-row .bbn-a{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;padding:12px 14px;min-height:48px;box-sizing:border-box;border-radius:12px;background:#0a0d14;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}
.bbn-row a:hover,.bbn-row a:focus-visible{border-color:#0bdeb1}
.bbn-row a,.bbn-row a b,.bbn-row a span{text-decoration:none!important}
.bbn-row a:hover b,.bbn-row a:focus-visible b{text-decoration:underline!important}
.bbn-row b{overflow-wrap:anywhere;min-width:0}
.bbn-row span{color:#d4d4d8;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}
.bbn-row.is-av a{border-color:rgba(11,222,177,.45)}.bbn-row.is-av span{color:#5ff5d2}
.bbn-row.is-tk a b,.bbn-row.is-tk a:hover b{text-decoration:line-through!important;color:#a1a1aa}.bbn-row.is-tk span{color:#a1a1aa}.bbn-row.is-tk a{background:#0c0c0f}
.bbn-shim{color:#a1a1aa;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.14),rgba(255,255,255,.04));background-size:200% 100%;border-radius:6px;padding:0 .4rem}
.bbn-chk{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bbn-chk li{font-size:.85rem;padding:4px 10px;border-radius:999px;background:rgba(11,222,177,.1);color:#5ff5d2}
.bbn-chk li.is-no{background:rgba(255,255,255,.06);color:#d4d4d8}
.bbn-type{padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(11,222,177,.35);background:#0a0d14;font-weight:600;color:#fafafa;min-height:3rem;box-sizing:border-box}
.bbn-typed{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid #0bdeb1;max-width:100%;vertical-align:bottom}
.bbn-real{margin-top:16px}.bbn-real div{display:flex;gap:.5rem;align-items:flex-end}.bbn-real input{flex:1}
.bbn [hidden]{display:none!important}
@media (prefers-reduced-motion:no-preference){.bbn-shim{animation:bbnShim 1.2s linear infinite}
 .bbn-typed{animation:bbnType 9s steps(21) infinite}
 .bbn-demo-rows .bbn-row{animation:bbnRow 9s ease infinite;animation-delay:calc(var(--d)*.25s)}}
@keyframes bbnShim{to{background-position:-200% 0}}
@keyframes bbnType{0%{width:0}30%,90%{width:21ch}100%{width:0}}
@keyframes bbnRow{0%,30%{opacity:0;transform:translateY(6px)}38%,90%{opacity:1;transform:none}100%{opacity:0}}