Кастомизация стилей

Основной способ настроить внешний вид — поля в дашборде (см. Настройка): цвет акцента, цвет и цвет текста кнопки, тема (светлая/тёмная), логотип, позиция на экране. Этого достаточно для большинства сайтов без единой строчки CSS.

Более тонкая настройка через CSS

Баннер, модальное окно с категориями и плавающая кнопка — обычные DOM-элементы с фиксированными идентификаторами:

#cb-banner  /* баннер согласия */
#cb-modal   /* модальное окно с категориями */
#cb-badge   /* плавающая кнопка «Настроить» после согласия */

Виджет задаёт им стили инлайново (через атрибут style), чтобы не зависеть от CSS сайта и не ломаться из-за конфликтов селекторов. Из-за этого переопределить их своим CSS-файлом можно только с !important:

#cb-banner { border-radius: 4px !important; }

Это осознанный компромисс: любая точечная CSS-переопределение может сломаться при обновлении виджета, если изменится структура разметки. Для базового брендинга (цвета, логотип, позиция, тема) используйте поля дашборда — они гарантированно стабильны между версиями.

z-index

Баннер, модальное окно и кнопка используют максимально возможный z-index (2147483647), чтобы гарантированно быть поверх остального содержимого сайта — переопределять его не нужно и не следует.