It's isolated in a shadow root, so your site's CSS can't break it by accident, and every element is still reachable on purpose.
EasyJSON
Colors, layout and wording. In the sheet, on the page or in Google Tag Manager.
{
"layout": "box",
"position": "bottom-right",
"theme": { "buttonBg": "#0b57d0" }
}
AdvancedYour CSS
Every element has a named part, so you can style it from your own stylesheet.
pryk-consent { --pryk-radius: 0; }
pryk-consent::part(button) {
text-transform: uppercase;
}
Full reachInjected CSS
When a part isn't enough, send CSS inside the shadow root through the css key.
{
"css": ".banner { border-width: 2px }"
}