.bottom-bar { display: none }

@container site (width < 54rem) {
    .bottom-bar {
        position: sticky;
        inset-block-end: 0;
        z-index: 2;
        display: flex;
        padding-block: 0.5rem;
        padding-inline: 1rem;
        background: var(--surface-neutral);
        box-shadow: inset 0 1px 0 var(--border-subtle);
    }

    .bottom-bar > * {
        flex-grow: 1;
        min-inline-size: 0;
        min-block-size: var(--control-md);
    }
}