text: export default {
  	variants: {
  		transparent: () => ({
  			field: {
  				color: '#fff',
  				_placeholder: {
  					color: '#fff',
  					fontWeight: '400',
  				},
  				paddingInlineStart: '0',
  				paddingInlineEnd: '0',
  				background: 'transparent',
  				_disabled: {
  					opacity: '0.1',
  				},
  				_hover: {
  					background: 'transparent',
  				},
  				_focus: {
  					border: 'none',
  					background: 'transparent',
  				},
  			},
  		}),
  		filled: () => ({
  			field: {
  				background: '#665a81',
  				_hover: {
  					background: '#665a81',
  				},
  				_focus: {
  					borderColor: 'accent.100',
  					background: '#665a81',
  				},
  			},
  		}),
  	},
  }
  