The CSS to make the chonky bar looks like this:

```
admin-bar {
--admin-bar-height: max-content;

&::part(avatar) {
border-radius: 5px;
width: 50px;
}
&::part(buttons) {
flex-flow: row wrap;
overflow: auto;
}

& > * {
--admin-bar-height: 43px;
}
}
```

The buttons section is a flexbox container and an exposed "part", so feel free to mess with alignment, gap, or any other flex property. Then working with Admin Bar Component's CSS Custom Properties can tweak other things like button sizes.

This year was a success! A little on the salty side, but overall we got 4 tasty batches. I asked my younger kid for flavor ideas and we went with two types of BBQ sauce, our usual cayenne/sugar, and for the wildcard we did a vanilla flavor using vanilla extract.

The progress bar is now customizable in that you can pick the colors for the 3 states (progress, success, and failure) and you can set the height of the progress bar.

You can change these in the Admin Bar plugin settings page, or in your front-end CSS.

If the full bar color is too much, the height of the bar is adjustable in CSS. Also, the colors of the 3 states (blue, green, and red) are customizable to fit with your website's branding 💅