Component supports following css variables which can be overwritten using custom class or directly in component's style prop.

```css
'--card-background-color'?: React.CSSProperties[ 'backgroundColor' ];
'--card-border-color'?: React.CSSProperties[ 'borderColor' ];
'--card-border-color-hover'?: React.CSSProperties[ 'borderColor' ];
'--card-border-color-invalid'?: React.CSSProperties[ 'borderColor' ];
'--card-border-color-invalid-hover'?: React.CSSProperties[ 'borderColor' ];
'--card-border-color-checked'?: React.CSSProperties[ 'borderColor' ];
'--card-border-color-checked-hover'?: React.CSSProperties[ 'borderColor' ];
'--card-indicator-color'?: React.CSSProperties[ 'color' ];

'--card-focus-color'?: React.CSSProperties[ 'color' ];
'--card-focus-inner-color'?: React.CSSProperties[ 'color' ];
'--card-focus-outer-color'?: React.CSSProperties[ 'color' ];
'--card-focus-color-invalid'?: React.CSSProperties[ 'color' ];
'--card-focus-outer-color-invalid'?: React.CSSProperties[ 'color' ];

'--card-press-scale-factor'?: number;
```
