const styleElement = document.createElement('dom-module');
styleElement.innerHTML = `
    <template>
<style id="lvdtemplate">
        :host sig-control-titlebar {
            --theme-sig-element-top: initial;
            --theme-sig-element-left: initial;
            --theme-sig-element-height: initial;
            --theme-sig-element-width: initial;
        }
            :host sig-control-titlebar {
   --theme-sig-control-titlebar-background-color: #007FC5;
   --theme-sig-control-titlebar-border-width: 0;
   --theme-sig-control-titlebar-border-style: none;
   --theme-sig-control-titlebar-color: #FFFFFF;
   --theme-sig-control-titlebar-border-shadow-color: #000000;
}
:host sig-control-titlebar.__lvdStyle_TitlebarStyle0 {
   --theme-sig-element-height: 26px;
   --theme-sig-element-width: 200px;
}
:host sig-control-titlebar.__lvdStyle_TitlebarStyle1 {
   --theme-sig-element-height: 30px;
   --theme-sig-element-width: 200px;
}
:host sig-control-titlebar.__lvdStyle_TitlebarStyle2 {
   --theme-sig-element-height: 40px;
   --theme-sig-element-width: 200px;
}
:host sig-control-titlebar.__lvdStyle_TitlebarStyle3 {
   --theme-sig-element-height: 50px;
   --theme-sig-control-titlebar-background-color: #4682B4;
   --theme-sig-element-width: 200px;
}
       
        </style>
</template>
`;
styleElement.register('sig-control-titlebar-css');