import { style } from '@vanilla-extract/css' ; const tapHighlight = '-webkit-tap-highlight-color' ; const mozAppearance = '-moz-appearance' ; const webkitAppearance = '-webkit-appearance' ; export const root = style ( { display : 'inline-flex' , alignItems : 'center' , justifyContent : 'center' , position : 'relative' , [ `${ tapHighlight }` ] : 'transparent' , backgroundColor : 'transparent' , outline : 0 , border : 0 , margin : 0 , borderRadius : 0 , padding : 0 , cursor : 'pointer' , userSelect : 'none' , verticalAlign : 'middle' , [ `${ mozAppearance }` ] : 'none' , [ `${ webkitAppearance }` ] : 'none' , textDecoration : 'none' , color : 'inherit' , '@media' : { print : { colorAdjust : 'exact' , } , } , } ) ; export const disabled = style ( { pointerEvents : 'none' , cursor : 'default' , } ) ;