export const desktopWrapperStyle = { position : 'fixed' , bottom : '20px' , right : '20px' , zIndex : 2147483647 , borderRadius : '5px' , boxSizing : 'content-box' , boxShadow : '0px 0px 20px rgba(0, 0, 0, 0.2)' , overflow : 'hidden' } ; export const desktopClosedWrapperStyleChat = { position : 'fixed' , bottom : '0px' , right : '0px' , zIndex : 2147483647 , minWidth : '400px' , boxSizing : 'content-box' , overflow : 'hidden' , minHeight : '120px' } ; export const mobileClosedWrapperStyle = { position : 'fixed' , bottom : '0px' , right : '0px' , zIndex : 2147483647 , minWidth : '400px' , boxSizing : 'content-box' , overflow : 'hidden' , minHeight : '120px' } ; export const mobileOpenWrapperStyle = { position : 'fixed' , top : 0 , right : 0 , bottom : 0 , left : 0 , zIndex : 2147483647 , width : '100%' , height : '100%' , overflowY : 'visible' , boxSizing : 'content-box' } ; export const desktopTitleStyle = { height : '40px' , lineHeight : '30px' , fontSize : '20px' , display : 'flex' , justifyContent : 'space-between' , padding : '5px 0 5px 20px' , fontFamily : 'Lato, sans-serif' , color : '#fff' , cursor : 'pointer' , boxSizing : 'content-box' , mozBoxSizing : 'content-box' , webkitBoxSizing : 'content-box' } ; export const mobileTitleStyle = { height : 52 , width : 52 , display : 'flex' , justifyContent : 'center' , alignItems : 'center' , webkitBoxShadow : '0px 0px 20px rgba(0, 0, 0, 0.2)' , boxShadow : '0px 0px 20px rgba(0, 0, 0, 0.2)' , cursor : 'pointer' , borderRadius : '50%' } ; export const desktopClosedMessageStyle = { letterSpacing : '1px' , color : '#fff' , display : 'block' , position : 'absolute' , fontSize : '14px' , top : 0 , right : '130px' , marginTop : '23px' , borderRadius : '5px' , padding : '15px 20px' , boxShadow : '0px 0px 20px rgba(0, 0, 0, 0.2)' } ; export const desktopIntroMessageStyle = { width : 0 , height : 0 , position : 'absolute' , top : '12px' , right : '-10px' , borderTop : '10px solid transparent' , borderBottom : '10px solid transparent' } ; export const desktopClosedMessageAvatarStyle = { display : 'flex' , justifyContent : 'center' , position : 'absolute' , top : '38px' , right : '20px' , height : '60px' , width : '60px' , border : 0 , borderRadius : '50%' , boxShadow : '0px 0px 20px rgba(0, 0, 0, 0.2)' } ; export const mobileClosedMessageAvatarStyle = { display : 'block' , position : 'absolute' , top : '46px' , right : '20px' , height : '52px' , width : '52px' , border : 0 , borderRadius : '50%' , boxShadow : '0px 0px 20px rgba(0, 0, 0, 0.2)' } ; export const closedChatAvatarImageStyle = { width : '100%' , height : 'auto' , borderRadius : '999px' } ;