Usage of nested-checkbox with CSS Variables

To customize the appearance of the nested-checkbox component, you can utilize CSS variables. Here's how you can do it:

Setting CSS Variables

You can set CSS variables either globally in your stylesheet or scoped to specific elements. Here's an example of setting global CSS variables:

:root {
  --main-color: #0081e2;
  --second-color: rgba(176, 190, 197, 0.6);
  --white: #fff;
  --gray: #cfc5c5;
}