@layer components{:root{--call-bar-inset:env(safe-area-inset-bottom, 0px);--call-bar-size:calc(
            var(--touch-target) +
            2 *
            var(--space-2xs) +
            var(--border-width-hairline) +
            var(--call-bar-inset)
        )}.call-bar{--_padding-end:calc(var(--space-2xs) + var(--call-bar-inset));display:none;@media screen and (width < 48rem){position: fixed; inset-inline: 0; inset-block-end: 0; z-index: var(--z-sticky); display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2xs); block-size: var(--call-bar-size); padding-block: var(--space-2xs) var(--_padding-end); padding-inline: max(var(--space-2xs),env(safe-area-inset-left,0px)) max(var(--space-2xs),env(safe-area-inset-right,0px)); background-color: var(--color-surface); border-block-start: var(--border-width-hairline) solid var(--color-border); box-shadow: var(--shadow-m);}& .call-bar__button{min-inline-size:0}body:has(> &){@media screen and (width < 48rem){padding-block-end: var(--call-bar-size);}}}}