const styleElement = document.createElement('dom-module');
styleElement.innerHTML = `
    <template>
<style id="lvdtemplate">
            :host sig-control-recipe-handling {
   --theme-sig-control-recipe-handling-background-color: #FFFFFF;
   --theme-sig-control-recipe-handling-border-color: #007FC5;
   --theme-sig-control-recipe-handling-overlay-background-color: #FFFFFF;
   --theme-sig-control-recipe-handling-overlay-text-color: #000000;
   --theme-sig-control-recipe-handling-overlay-border-color: rgba(255,255,255,0);
   --theme-sig-control-recipe-handling-footer-background-color: #007FC5;
   --theme-sig-control-recipe-handling-footer-border-color: #007FC5;
   --theme-sig-control-recipe-handling-progress-dialog-button-pressed-background-color: #AFC81A;
   --theme-sig-control-recipe-handling-progress-dialog-bar-background-color: #AFC81A;
   --theme-sig-control-recipe-handling-progress-dialog-modal-background-color: rgba(42,42,42,0.8);
   --theme-sig-control-recipe-handling-progress-dialog-background-color: #007FC5;
   --theme-sig-control-recipe-handling-progress-dialog-color: #FFFFFF;
   --theme-sig-control-recipe-handling-progress-dialog-bar-color: #FFFFFF;
   --theme-sig-control-recipe-handling-progress-dialog-button-background-color: #404247;
   --theme-sig-control-recipe-handling-progress-dialog-button-color: #A5ABB0;
   --theme-sig-control-recipe-handling-progress-dialog-button-pressed-color: #2F2F2F;
   --theme-sig-control-recipe-handling-progress-dialog-button-horizontal-separator-color: #5F5F64;
}

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