.bbaf-open{overflow:hidden}
.bbaf{position:fixed;inset:0;z-index:100000;background:rgba(15,15,20,.55);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow:auto}
.bbaf[hidden]{display:none}
.bbaf__box{position:relative;width:min(760px,100%);background:#fff;color:#16161a;border-radius:20px;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:bbaf-in .22s ease}
@keyframes bbaf-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.bbaf__h{margin:0 2rem .9rem 0;font-size:1.25rem}
.bbaf__x{position:absolute;top:.8rem;right:.9rem;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#f1f1f3;font-size:1.4rem;line-height:1;cursor:pointer}
.bbaf__in{width:100%;box-sizing:border-box;padding:.8rem 1.1rem;border:1.5px solid #cfd0d6;border-radius:999px;font-size:1rem;margin-bottom:1rem}
.bbaf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}
.bbaf-tile{display:flex;flex-direction:column;gap:.35rem;align-items:center;padding:.5rem;border:1px solid #e4e4e8;border-radius:14px;background:#fff;color:inherit;font:inherit;font-size:.8125rem;line-height:1.25;text-align:center;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}
.bbaf-tile:hover,.bbaf-tile:focus-visible{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.bbaf-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}
.bbaf__none{grid-column:1/-1;color:#55555d}
.bbaf__pick{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.bbaf__pick img{width:80px;height:80px;border-radius:12px;object-fit:cover}
.bbaf__pick div{display:flex;flex-direction:column;gap:.2rem}.bbaf__pick span{color:#55555d;font-size:.875rem}
.bbaf__types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}
.bbaf__type{display:block;padding:.75rem 1rem;border:1.5px solid #16161a;border-radius:999px;color:#16161a;text-decoration:none;font-weight:600;text-align:center;transition:background .15s,color .15s}
.bbaf__type:hover,.bbaf__type:focus-visible{background:#16161a;color:#fff}
.bbaf__back{margin-top:1rem;border:0;background:none;color:#16161a;text-decoration:underline;cursor:pointer;font:inherit}
.bbaf-ls{padding:.5rem .75rem .75rem;border-top:1px solid #e4e4e8}
.bbaf-ls__h{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#55555d;margin:.25rem 0 .5rem}
.bbaf-ls__row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
@media(min-width:700px){.bbaf-ls__row{grid-template-columns:repeat(6,1fr)}}
.bbaf-ls .bbaf-tile{padding:.3rem;font-size:.6875rem}
@media(prefers-reduced-motion:reduce){.bbaf__box{animation:none}}
.bbaf [hidden],.bbaf-ls[hidden]{display:none!important}