import { IButtonStyles , IStackTokens , mergeStyles } from '@fluentui/react' ; export const imgStyle = mergeStyles ( { width : '26.813rem' , height : '20.125rem' , '@media (max-width: 67.1875rem)' : { display : 'none' } } ) ; export const containerTokens = { childrenGap : '4rem' } ; export const infoContainerStackTokens = { childrenGap : '2.625rem' } ; export const configContainerStackTokens = { childrenGap : '2.625rem' } ; export const nestedStackTokens = { childrenGap : '0.75rem' } ; export const containerStyle = mergeStyles ( { height : '100%' , width : '100% ' , padding : '2rem' , minWidth : '27.188rem' , minHeight : 'auto' } ) ; export const listStyle = mergeStyles ( { listStyleType : 'none' , paddingLeft : '0px' , fontSize : '0.875rem' } ) ; export const listItemStackTokens = { childrenGap : '0.4375rem' } ; export const listItemStyle = mergeStyles ( { paddingBottom : '0.1rem' } ) ; export const listIconStyle = mergeStyles ( { marginRight : 7 } ) ; export const headerStyle = mergeStyles ( { fontWeight : 600 , fontSize : '2.25rem' , width : 'inherit' } ) ; export const videoCameraIconStyle = mergeStyles ( { marginRight : '0.375rem' , fontSize : '1.375rem' } ) ; export const buttonStyle = mergeStyles ( { fontWeight : 600 , fontSize : '0.875rem' , width : 'fit-content' , height : '2.5rem' , borderRadius : 3 } ) ; export const buttonWithIconStyles = { textContainer : { display : 'contents' } } ; export const infoContainerStyle = mergeStyles ( { width : '23.188rem' } ) ; export const configContainerStyle = mergeStyles ( { width : 'inherit' } ) ;