const styleElement = document.createElement('dom-module');
styleElement.innerHTML = `
    <template>
<style id="lvdtemplate">
        :host sig-control-timepicker-cylinder {
   --theme-sig-control-timepicker-cylinder-input-background-color: #FFFFFF;
   --theme-sig-control-timepicker-cylinder-input-value-active-color: #28322D;
   --theme-sig-control-timepicker-cylinder-input-value-active-background-color: #AFC81A;
   --theme-sig-control-timepicker-cylinder-input-color: #28322D;
   --theme-sig-control-timepicker-cylinder-input-border-color: #28322D;
   --theme-sig-control-timepicker-wrapper-background-color: #FFFFFF;
   --theme-sig-control-timepicker-wrapper-cylinder-background-color: rgba(255,255,255,0);
   --theme-sig-control-timepicker-wrapper-cylinder-border-color: rgba(255,255,255,0);
   --theme-sig-control-timepicker-wrapper-cylinder-highlight-background-color: #AFC81A;
   --theme-sig-control-timepicker-wrapper-cylinder-highlight-border-color: rgba(255,255,255,0);
   --theme-sig-control-timepicker-wrapper-cylinder-highlight-border-top-color: #28322D;
   --theme-sig-control-timepicker-wrapper-cylinder-highlight-border-bottom-color: #28322D;
   --theme-sig-control-timepicker-wrapper-cylinder-highlight-color: #000000;
   --theme-sig-control-timepicker-wrapper-cylinder-color: #A5ABB0;
   --theme-sig-control-timepicker-wrapper-cylinder-button-background-color: rgba(255,255,255,0);
   --theme-sig-control-timepicker-wrapper-button-border-color: rgba(255,255,255,0);
   --theme-sig-control-timepicker-wrapper-button-background-color: #28322D;
   --theme-sig-control-timepicker-wrapper-button-pressed-background-color: #AFC81A;
   --theme-sig-control-timepicker-wrapper-button-pressed-color: #FFFFFF;
   --theme-sig-control-timepicker-wrapper-button-color: #FFFFFF;
}

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