.bb-co-levels__live{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .9rem;width:fit-content;max-width:100%;margin:0 auto clamp(1.75rem,1.2rem + 2vw,2.75rem);padding:.55rem 1.1rem .55rem .6rem;border-radius:var(--r-pill);background:var(--bb-ink);color:var(--bb-cream);box-shadow:0 16px 30px -18px #14110db3}.bb-co-levels__live strong{color:var(--bb-butter)}.bb-co-levels__live-emoji{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#fff8e71f;font-size:1.15rem}.bb-co-levels__live-pts{font-size:var(--fs-small);color:#fff8e7bf}.bb-co-levels__live-pts .bb-mono{font-weight:800;color:var(--bb-butter)}.bb-co-levels{display:grid;gap:.55rem;max-width:66rem;margin:0 auto;padding:0;list-style:none}.bb-co-level{position:relative;display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.6rem 1rem .6rem .6rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--bb-paper) 82%,transparent);box-shadow:inset 0 0 0 1px #14110d1a,var(--sh-1);overflow:hidden;isolation:isolate}.bb-co-level__step{position:absolute;inset:0 auto 0 0;z-index:-1;width:calc((var(--i, 0) + 1) / var(--levels, 6) * 100%);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 34%,transparent),color-mix(in srgb,var(--accent) 12%,transparent));transform-origin:0 50%;transition:transform 1.1s var(--ease-spring);transition-delay:calc(var(--i, 0) * .12s + .15s)}.bb-co-levels{--levels: 6}.bb-co-levels-section .bb-co-levels[role=list]{margin-inline:auto}.bb-js .bb-co-levels:not(.is-in) .bb-co-level__step{transform:scaleX(0)}.bb-co-level__emoji{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--bb-paper);font-size:1.3rem;box-shadow:var(--sh-1)}.bb-co-level__name{min-width:0;font-weight:800;letter-spacing:-.01em}.bb-co-level__min{font-size:var(--fs-small);font-weight:700;color:var(--bb-ink-soft);white-space:nowrap}.bb-co-level__here{grid-column:3;grid-row:1;justify-self:end;padding:.3rem .65rem;border-radius:var(--r-pill);background:var(--bb-ink);color:var(--bb-butter);font-size:var(--fs-nano);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 16px -10px #14110dcc}.bb-co-level__here[hidden]{display:none}.bb-co-level.is-current{box-shadow:inset 0 0 0 2px var(--bb-ink),var(--sh-2)}.bb-co-level.is-current .bb-co-level__min{display:none}.bb-co-level.is-done{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,var(--bb-ink)),var(--sh-1)}.bb-co-levels__cta{display:flex;justify-content:center;margin-top:clamp(2rem,1.4rem + 2vw,3rem)}.bb-co-levels__cta .bb-btn{max-width:100%;white-space:normal;text-align:left}@media(min-width:900px){.bb-co-levels{grid-template-columns:repeat(var(--levels, 6),minmax(0,1fr));align-items:end;gap:.75rem}.bb-co-level{grid-template-columns:1fr;justify-items:center;gap:.5rem;min-height:calc(9rem + var(--i, 0) * 2.4rem);padding:1.1rem .6rem 1rem;border-radius:1.4rem 1.4rem .8rem .8rem;align-content:end;text-align:center}.bb-co-level__step{inset:auto 0 0;width:auto;height:calc(40% + var(--i, 0) * 9%);background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 42%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));transform-origin:50% 100%}.bb-js .bb-co-levels:not(.is-in) .bb-co-level__step{transform:scaleY(0)}.bb-co-level__emoji{width:3.4rem;height:3.4rem;font-size:1.8rem}.bb-co-level__emoji{animation:bb-co-bob 4.2s var(--ease-in-out-soft) infinite;animation-delay:calc(var(--i, 0) * -.7s)}.bb-co-level__name{font-family:var(--bb-font-display);font-size:1.08rem;font-weight:680;font-variation-settings:"SOFT" 100;line-height:1.15}.bb-co-level__here{position:absolute;top:.6rem;left:50%;translate:-50% 0;grid-column:auto;grid-row:auto;justify-self:auto}.bb-co-level.is-current .bb-co-level__min{display:block}.bb-co-level.is-current{padding-top:2.6rem}}