:root{--bb-cols:12;--bb-bl:0.5rem;--bb-lh:1.5rem;--bb-gutter:1.5rem}.bb-container{position:relative;width:100%;margin-inline:auto}.bb-container[data-w=prose]{max-width:48rem}.bb-container[data-w=default]{max-width:64rem}.bb-container[data-w=wide]{max-width:80rem}.bb-container[data-w=full]{max-width:100%}.bb-container[data-pad=true]{padding-inline:1rem}@media (min-width:640px){.bb-container[data-pad=true]{padding-inline:1.5rem}}.bb-grid{grid-template-columns:repeat(var(--bb-cols),minmax(0,1fr))}.bb-band,.bb-grid{display:grid;-moz-column-gap:var(--bb-gutter);column-gap:var(--bb-gutter);row-gap:var(--bb-lh)}.bb-band{grid-column:1/-1;grid-template-columns:subgrid;align-items:start}@supports not (grid-template-columns:subgrid){.bb-band{grid-template-columns:repeat(var(--bb-cols),minmax(0,1fr))}}.bb-optical{will-change:margin-left}