.bb{flex-shrink:0;display:block;position:relative}.bb--auto{container-type:size}.bb--auto.bb--v .bb__layer{width:100cqh;height:100cqw}.bb--auto.bb--h .bb__layer{width:100cqw;height:100cqh}.bb--stretch .bb__layer{-webkit-mask-size:100% 100%;mask-size:100% 100%}.bb__layer{background-color:currentColor;position:absolute;top:50%;left:50%;-webkit-mask:url(/logo-mark.webp) 50%/contain no-repeat;mask:url(/logo-mark.webp) 50%/contain no-repeat}.bb--v .bb__layer{transform:translate(-50%,-50%)rotate(90deg)}.bb--h .bb__layer{transform:translate(-50%,-50%)}.bb--flip.bb--v .bb__layer{transform:translate(-50%,-50%)rotate(90deg)scaleX(-1)}.bb--flip.bb--h .bb__layer{transform:translate(-50%,-50%)scaleX(-1)}.bb__track{color:var(--border-color)}.bb__fill{color:var(--brand-primary)}.bb__reveal{clip-path:inset(0 0 100%);transition:clip-path .8s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.bb--v .bb__reveal{clip-path:inset(0 0 100%)}.bb--h .bb__reveal{clip-path:inset(0 100% 0 0)}.bb.is-on .bb--v .bb__reveal,.bb--v.is-on .bb__reveal,.bb--h.is-on .bb__reveal{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.bb__reveal{transition:none}}