.tb-pair.bb-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.bb-pair .tb-slot-full{height:150px}.bb-pair .tb-slot-full>img{object-fit:cover;object-position:center 25%}.bb-swap{background:var(--wash);width:32px;height:32px;color:var(--ink-70);border:0;border-radius:50%;place-items:center;margin-top:18px;padding:0;transition:background .15s,transform .2s;display:grid}.bb-swap:hover{background:var(--hover-2);color:var(--ink)}.bb-swap:active{transform:rotate(180deg)scale(.92)}.bb-swap:disabled{opacity:.4}.bb-swap svg{width:16px;height:16px}@container tb-card (width<=300px){.tb-pair.bb-pair{grid-template-columns:minmax(0,1fr)}.bb-swap{justify-self:center;margin:0;rotate:90deg}}.bb-sample-note{margin-top:6px;display:block}.bb-sec{gap:10px;display:grid}.bb-groups{background:var(--wash);border-radius:12px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:3px;display:flex}.bb-group{height:28px;color:var(--ink-70);background:0 0;border:0;border-radius:9px;padding:0 11px;font-size:12.5px;font-weight:650;transition:background .2s,color .2s}.bb-group:hover{color:var(--ink)}.bb-group[data-on]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #140c1a1f}.bb-scenes{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.bb-scene{background:var(--surface);color:var(--ink);text-align:left;box-shadow:inset 0 0 0 1px var(--line);animation:bb-in .4s calc(var(--i,0) * 40ms) cubic-bezier(.2, .8, .2, 1) both;border:0;border-radius:12px;gap:4px;padding:3px;transition:box-shadow .2s,transform .2s;display:grid}.bb-scene:hover{transform:translateY(-2px)}.bb-scene[data-on]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--tangerine)}.bb-scene img{aspect-ratio:4/5;object-fit:cover;background:var(--wash);border-radius:9px;width:100%;height:auto;display:block}.bb-scene span{text-overflow:ellipsis;white-space:nowrap;padding:0 3px 2px;font-size:11.5px;font-weight:700;line-height:1.2;overflow:hidden}@keyframes bb-in{0%{opacity:0;transform:translateY(6px)}}.bb-blocked{color:var(--danger,#c2412d);margin:0}.bb-more{background:var(--wash);width:fit-content;height:30px;color:var(--ink);border:0;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.bb-more svg{width:14px;height:14px;transition:rotate .2s}.bb-more[aria-expanded=true] svg{rotate:180deg}.bb-more-in{gap:10px;animation:.3s cubic-bezier(.2,.8,.2,1) both bb-in;display:grid}.bb-tiers{align-items:stretch}.bb-tiers .pa-opt-l{flex-basis:100%}.bb-tier{background:var(--surface);color:var(--ink);text-align:left;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:12px;flex:140px;gap:2px;padding:8px 10px;transition:box-shadow .2s;display:grid}.bb-tier b{font-size:13px}.bb-tier small{color:var(--ink-50);font-size:11.5px;line-height:1.3}.bb-tier[data-on]{box-shadow:inset 0 0 0 2px var(--tangerine)}.bb-private{align-items:flex-start;gap:6px;margin-top:4px;display:flex}.bb-private svg{flex:none;width:14px;height:14px;margin-top:1px}.bb-orig img+img{box-shadow:0 0 0 2px var(--surface);margin-left:-12px}.bb-ex-main{container-type:size}.bb-ex{grid-template-columns:auto auto minmax(0,auto);align-items:center;gap:clamp(8px,2cqi,18px);height:100%;max-height:100%;display:grid}.bb-ex-parents{justify-items:center;gap:6px;display:grid}.bb-ex-parents img{aspect-ratio:3/4;object-fit:cover;width:clamp(64px,14cqi,150px);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;animation:.45s cubic-bezier(.2,.8,.2,1) both bb-in;display:block}.bb-ex-parents img:last-child{animation-delay:80ms}.bb-ex-parents span,.bb-ex-eq{color:var(--ink-50);font-size:22px;font-weight:800;line-height:1}.bb-ex-baby{aspect-ratio:4/5;object-fit:cover;border-radius:18px;max-width:100%;max-height:100cqh;animation:.55s cubic-bezier(.34,1.56,.64,1) .16s both pa-pop;display:block}.bb-again{flex:none;justify-content:center;margin-top:8px;display:flex}.bb-g-group h3{margin:18px 0 0;font-size:14px}.bb-g-scenes{margin-top:8px}.bb-g-scenes img{aspect-ratio:4/5}@media (max-width:900px){.bb-ex{grid-template-columns:auto auto minmax(0,1fr)}.bb-pair .tb-slot-full{height:128px}}@media (max-width:560px){.bb-ex-parents img{width:70px}.bb-scenes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.bb-scene,.bb-more-in,.bb-ex-parents img,.bb-ex-baby{animation:none}.bb-swap,.bb-scene,.bb-group,.bb-tier,.bb-more svg{transition:none}}