Duplicate Plugin Modularization

There were some cases where the plugin style was affected because of the website’s CSS. After the update, the plugin will no longer be affected by the website styling.
The plugin style is impacted if the website is styled with CSS. Action plan Implementation of plugin modularization to prevent the plugin from sharing the website's CSS using Shadow DOM Effective Date January 19, 2023 What to expect After the update, if the style was changed by directly accessing the element through CSS selectors or JavaScript, you will no longer be able to change the plugin style.
The following styles will no longer affect the plugin:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { color: #999; }
You will not be able to change the style by directly accessing the element as follows:
#ch-plugin-core > * { z-index: 100; }
To set the z-index, use zIndex of Boot option by referring to the guide below:
You will not be able to access the element directly by JavaScript to change the style as below:
document.querySelector('#ch-plugin-core').style.display = 'none'
To hide the plugin, use hideChannelButtonOnBoot of Boot option by referring to the guide below: