pan>first</span>
                <span>second</span>
            </div>
            <div style="display: contents" invisible>
                <span>first</span>
                <span>second</span>
            </div>
            <span>third</span>
            <div style="display: contents" invisible>
                <span>fourth</span>
            </div>
        </div> -->


        <!-- <style>
            .space-x-4>slot>:not([hidden])~:not([hidden]),
            .space-x-4>[invisible]>:not([hidden])~:not(