.ba,.ba-section{--ba-accent:#7aa2ff;--ba-accent-ink:#7aa2ff;--ba-on:#0d1015;--ba-thumb:2.75rem}:root[data-theme=light] :is(.ba-section,.ba){--ba-accent:#2563eb;--ba-accent-ink:#1d4ed8;--ba-on:#ffffff}[data-world] .ba-section :focus-visible{outline:2px solid var(--ba-accent);outline-offset:3px}.ba-heading{margin:0 0 .9rem;font-size:1.5rem;line-height:1.15;font-weight:700}.ba{margin:0}.ba-tabs{display:flex;width:100%;gap:.375rem;margin:0 0 .75rem}.ba-tab{flex:1 1 0;min-height:2.75rem;padding:0 .75rem;border-radius:999px;border:1.5px solid var(--w-line);background:var(--w-panel);color:var(--w-ink);font:600 .9375rem/1 var(--font-body),sans-serif;cursor:pointer}.ba-tab:hover{border-color:var(--w-line-strong)}.ba-tab[aria-selected=true]{background:var(--ba-accent);color:var(--ba-on)}.ba-tab[aria-selected=true],.ba-tab[aria-selected=true]:hover{border-color:var(--ba-accent)}@media (min-width:640px){.ba-tabs{display:inline-flex;width:auto}.ba-tab{flex:0 0 auto;padding:0 1rem}}.ba-frame{--ba-value:50;--ba-pos:calc(var(--ba-value) * 1%);position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:var(--w-radius);border:1px solid var(--w-line);background:var(--w-bg-2);box-shadow:var(--w-shadow-lg);cursor:ew-resize;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.ba-frame--mobile{aspect-ratio:390/844;width:min(100%,22rem);margin-inline:auto}.ba-shot{position:absolute;inset:0;display:block;margin:0}.ba-shot,.ba-shot img{pointer-events:none;-webkit-user-drag:none;user-select:none}.ba-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.ba-shot--after{clip-path:inset(0 0 0 var(--ba-pos))}.ba-label{position:absolute;z-index:2;top:.75rem;pointer-events:none;background:color-mix(in srgb,var(--w-panel) 88%,transparent)}.ba-label--before{left:.75rem}.ba-label--after{right:.75rem}.ba-divider{z-index:2;left:var(--ba-pos);width:0;touch-action:pan-y}.ba-divider,.ba-line{position:absolute;top:0;bottom:0}.ba-line{left:0;width:2px;transform:translateX(-50%);background:var(--ba-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--w-bg) 55%,transparent)}.ba-grip{position:absolute;top:50%;left:0;display:grid;place-items:center;width:var(--ba-thumb);height:var(--ba-thumb);border-radius:999px;background:var(--ba-accent);color:var(--ba-on);transform:translate(-50%,-50%);box-shadow:0 0 0 1px color-mix(in srgb,var(--w-bg) 35%,transparent),0 8px 18px -10px rgb(0 0 0/.55)}.ba-range{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none;appearance:none}.ba-range:focus{outline:none}.ba-frame:has(.ba-range:focus-visible){outline:2px solid var(--ba-accent);outline-offset:3px}.ba-caption{margin:.75rem 0 0;font-size:.875rem;line-height:1.5;color:var(--w-ink-soft)}.ba-link{color:var(--ba-accent-ink);font-weight:700;text-underline-offset:.2em}.ba-link:hover{text-decoration:underline}.ba-notes{display:grid;gap:.75rem;margin-top:1.25rem}@media (min-width:720px){.ba-notes{grid-template-columns:1fr 1fr;align-items:stretch}}.ba-note{padding:1rem 1.125rem}.ba-built h3,.ba-note h3{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--w-ink)}.ba-note p{margin:.4rem 0 0;font-size:.9375rem;color:var(--w-ink-soft)}.ba-built{margin-top:1.25rem}.ba-built h3{margin-bottom:.65rem}.ba-built ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}@media (min-width:720px){.ba-built ul{grid-template-columns:1fr 1fr;column-gap:1.5rem}}.ba-built li{display:flex;gap:.5rem;align-items:flex-start;font-size:.9375rem;color:var(--w-ink-soft)}.ba-built svg{margin-top:.2rem;flex:none;color:var(--ba-accent)}.ba-fallback{display:none}@media (scripting:none){.ba-interactive{display:none!important}.ba-fallback{display:grid;gap:1.5rem}}.ba-fallback-kicker{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;color:var(--w-ink)}.ba-fallback-pair{display:grid;gap:.75rem}@media (min-width:700px){.ba-fallback-pair{grid-template-columns:1fr 1fr;align-items:start}}.ba-fallback-picture,.ba-fallback-picture img{display:block;width:100%}.ba-fallback-picture img{height:auto;border-radius:var(--w-radius);border:1px solid var(--w-line);background:var(--w-bg-2)}.ba-fallback-block--mobile{max-width:44rem;margin-inline:auto}.ba-fallback-block p{margin:.4rem 0 0;font-size:.8125rem;color:var(--w-ink-dim)}@media (prefers-reduced-motion:reduce){.ba-section *,.ba-section :after,.ba-section :before{animation:none!important;transition:none!important}}