const styleElement = document.createElement('dom-module');
styleElement.innerHTML = `
    <template>
<style id="lvdtemplate">
    :host sig-control-checkbox {
        /* Checkbox */
        --theme-sig-element-height: initial;
        --theme-sig-element-width: initial;
        }
        :host sig-control-checkbox {
   --theme-sig-control-checkbox-background-color: rgba(255,255,255,0);
   --theme-sig-control-checkbox-border-color: rgba(255,255,255,0);
   --theme-sig-control-checkbox-checkmark-background-color-inactive: #FFFFFF;
   --theme-sig-control-checkbox-checkmark-size: 16px;
   --theme-sig-control-checkbox-checkmark-border-color: #28322D;
   --theme-sig-control-checkbox-checkmark-border-width: 1.5px;
   --theme-sig-control-checkbox-checkmark-border-style: solid;
   --theme-sig-control-checkbox-checkmark-background-color: #FFFFFF;
   --theme-sig-control-checkbox-checkmark-color: #AFC81A;
   --theme-sig-control-checkbox-checkmark-active-border-color: #28322D;
}

    </style>
</template>
`;
styleElement.register('sig-control-checkbox-css');