const styleElement = document.createElement('dom-module');
styleElement.innerHTML = `
    <template>
<style id="lvdtemplate">
        :host sig-control-colorpicker-input {
   --theme-sig-control-colorpicker-border-color: #0B68B6;
   --theme-sig-control-colorpicker-background-color: #FFFFFF;
   --theme-sig-control-colorpicker-picker-border-color: rgba(255,255,255,0);
   --theme-sig-control-colorpicker-picker-background-color: #FFFFFF;
   --theme-sig-control-colorpicker-picker-input-background-color: #FFFFFF;
   --theme-sig-control-colorpicker-picker-input-value-active-color: #28322D;
   --theme-sig-control-colorpicker-picker-input-value-active-background-color: #AFC81A;
   --theme-sig-control-colorpicker-picker-input-color: #28322D;
   --theme-sig-control-colorpicker-picker-input-border-color: #28322D;
   --theme-sig-control-colorpicker-picker-input-activ-border-color: #28322D;
   --theme-sig-control-colorpicker-picker-button-color: #FFFFFF;
   --theme-sig-control-colorpicker-picker-button-background-color: #28322D;
   --theme-sig-control-colorpicker-picker-button-border-color: rgba(255,255,255,0);
   --theme-sig-control-colorpicker-picker-button-pressed-background-color: #AFC81A;
   --theme-sig-control-colorpicker-picker-button-pressed-color: #FFFFFF;
   --theme-sig-control-colorpicker-picker-label-color: #28322D;
   --theme-sig-control-colorpicker-picker-grid-cell-active-border-color: rgba(255,255,255,0);
   -hdrbgcolor: #0B68B6;
   -panelcontentbgcolor: #FFFFFF;
   -hdrcolor: #FFFFFF;
}
:host sig-control-colorpicker-input.__lvdStyle_ColorpickerStyle0 {
   --theme-sig-element-width: 50px;
   --theme-sig-element-height: 50px;
   --theme-sig-control-colorpicker-picker-button-spacing: 100px;
   --theme-sig-control-colorpicker-picker-button-height: 100px;
   --theme-sig-control-colorpicker-picker-input-height: 80px;
}
:host sig-control-colorpicker-input.__lvdStyle_ColorpickerStyle1 {
   --theme-sig-control-colorpicker-picker-button-width: 50px;
   --theme-sig-control-colorpicker-picker-button-spacing: 70px;
   --theme-sig-control-colorpicker-picker-button-text-align: left;
   --theme-sig-control-colorpicker-picker-button-vertical-align: top;
   --theme-sig-control-colorpicker-border-style: none;
   --theme-sig-control-colorpicker-picker-input-border-width: 0px;
   --theme-sig-control-colorpicker-border-color: #000000;
   --theme-sig-control-colorpicker-picker-border-width: 3px;
   --theme-sig-control-colorpicker-picker-border-color: #FFFAFA;
   --theme-sig-element-height: 50px;
   --theme-sig-element-width: 50px;
}

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