import { IStackItemStyles , IStackStyles , IStackTokens , IStyle , mergeStyles } from '@fluentui/react' ; private export const configurationStackTokensDesktop = { childrenGap : '2rem' } ; private export const configurationStackTokensMobile = { childrenGap : '1rem' } ; const configurationContainerStyle = { height : '100%' , width : '100%' , padding : '0.5rem' } ; private export const configurationContainerStyleDesktop = mergeStyles ( { ... configurationContainerStyle , minWidth : '25rem' , minHeight : '22rem' } ) ; private export const configurationContainerStyleMobile = mergeStyles ( { ... configurationContainerStyle , minWidth : '16rem' , minHeight : '21rem' } ) ; private export const selectionContainerStyle = mergeStyles ( { width : '50%' , minWidth : '11rem' , maxWidth : '18.75rem' , padding : '0.5rem' } ) ; private export const titleContainerStyleDesktop = mergeStyles ( { fontSize : '1.25rem' , lineHeight : '1.75rem' , fontWeight : 600 } ) ; private export const titleContainerStyleMobile = mergeStyles ( { fontSize : '1.0625rem' , lineHeight : '1.375rem' , fontWeight : 600 , textAlign : 'center' } ) ; private export const callDetailsContainerStylesDesktop = { root : { marginBottom : '1.563rem' } } ; const callDetailsStyle = { fontSize : '0.9375' , lineHeight : '1.25rem' , marginTop : '0.25rem' } ; private export const callDetailsStyleDesktop = mergeStyles ( { ... callDetailsStyle } ) ; private export const callDetailsStyleMobile = mergeStyles ( { ... callDetailsStyle , textAlign : 'center' } ) ; private export const startCallButtonContainerStyleDesktop = { root : { paddingTop : '1.125rem' } } ; private export const startCallButtonContainerStyleMobile = { root : { textAlign : 'center' } } ; private export const startCallButtonStyleMobile = mergeStyles ( { width : '100%' , maxWidth : 'unset' } ) ;