Given the markup and CSS, what is the computed `width` of `.box`, and why?

.outer { container-type: inline-size; width: 600px; } .box { width: 200px; } @container (min-width: 500px) { .box { width: 100px; } } /* <div class="outer"><div class="box"></div></div> */