:root { --hs-font: Inter; --hs-primary: #3B82F6; --hs-secondary: #F4F4F5; --hs-bg: #FFFFFF; --hs-bg-option: #FAFAFA; --hs-text: #18181B; --hs-text-secondary: ; --hs-text-muted: #71717A; --hs-link: #3B82F6; --hs-link-visited: #3B82F6; --hs-button-hover: #2563EB; --hs-border: ; }

CCaas - Setting Up and Using Web Chat

/* Ordered lists: keep normal numbering + indentation. */ #hs-layout-root[data-hs-page="article"] .fr-view ol:not(.breadcrumb) { padding-left: 1.25rem !important; padding-inline-start: 1.25rem !important; margin: 0.75rem 0 !important; list-style-position: outside !important; } /* Unordered lists: do NOT rely on native markers (Tailwind/reset CSS can kill them). Use pseudo-bullets to guarantee both bullet visibility and indentation. */ #hs-layout-root[data-hs-page="article"] .fr-view ul:not(.breadcrumb):not([data-type="taskList"]) { list-style: none !important; list-style-type: none !important; list-style-image: none !important; padding-left: 0 !important; padding-inline-start: 0 !important; margin: 0.75rem 0 !important; } #hs-layout-root[data-hs-page="article"] .fr-view ul:not(.breadcrumb):not([data-type="taskList"]) > li { position: relative !important; list-style: none !important; list-style-type: none !important; padding-left: 1.25rem !important; padding-inline-start: 1.25rem !important; margin: 0.25rem 0 !important; } /* Kill native markers even if some other CSS forces list-style-type back on. */ #hs-layout-root[data-hs-page="article"] .fr-view ul:not(.breadcrumb):not([data-type="taskList"]) > li::marker { content: "" !important; color: transparent !important; } /* If a previous client build injected bullet spans, hide them to avoid double markers. */ #hs-layout-root[data-hs-page="article"] .fr-view .hs-ul-bullet { display: none !important; } #hs-layout-root[data-hs-page="article"] .fr-view ul:not(.breadcrumb):not([data-type="taskList"]) > li::before { content: "•"; position: absolute; left: 0; top: 0; line-height: inherit; color: currentColor; } #hs-layout-root[data-hs-page="article"] .fr-view .fr-indent-1 { margin-left: 1.25rem !important; } #hs-layout-root[data-hs-page="article"] .fr-view .fr-indent-2 { margin-left: 2.5rem !important; } #hs-layout-root[data-hs-page="article"] .fr-view .fr-indent-3 { margin-left: 3.75rem !important; } #hs-layout-root[data-hs-page="article"] .fr-view .fr-indent-4 { margin-left: 5rem !important; } #hs-layout-root[data-hs-page="article"] .fr-view .fr-indent-5 { margin-left: 6.25rem !important; } #hs-layout-root[data-hs-page="article"] .fr-view .fr-indent-6 { margin-left: 7.5rem !important; }