<div class="responsive-in-utilities"></div>
<div class="variants-in-utilities"></div>
<div class="both-in-utilities"></div>
<div class="responsive-at-root"></div>
<div class="variants-at-root"></div>
<div class="both-at-root"></div>
<div class="responsive-in-components"></div>
<div class="variants-in-components"></div>
<div class="both-in-components"></div>
<div class="md:focus:responsive-in-utilities"></div>
<div class="md:focus:variants-in-utilities"></div>
<div class="md:focus:both-in-utilities"></div>
<div class="md:focus:responsive-at-root"></div>
<div class="md:focus:variants-at-root"></div>
<div class="md:focus:both-at-root"></div>
<div class="md:focus:responsive-in-components"></div>
<div class="md:focus:variants-in-components"></div>
<div class="md:focus:both-in-components"></div>