I need to create a Bottom Sheet in my GIS website (responsive) like Youtube:

I tried to use calcite-sheet:
<calcite-sheet display-mode="float" position="block-end" resizable>
<calcite-panel closable heading="Bottom Sheet">
</calcite-panel>
</calcite-sheet>

But I don't want to block content container.
How do I create a Bottom Sheet using Calcite Components?
Thanks.
Forrest