.wpj-jtoc.--jtoc-theme-hero {
	--jtoc_color_scheme_main: #fff;
	--jtoc_color_scheme_inverse: #000;
	--jtoc_color_background: var(--jtoc-palette-color-1,#fff);
	--jtoc_color_text: var(--jtoc-palette-color-2,#363749);
	--jtoc_color_accent: var(--jtoc-palette-color-3,#3943f3);
	--jtoc_color_accent_2: var(--jtoc-palette-color-4,var(--jtoc_color_accent));
	--jtoc_color_surface: var(--jtoc-palette-color-5);
	--jtoc_color_text_hover: color-mix(in srgb,var(--jtoc_color_accent) 85%,var(--jtoc_color_scheme_inverse,#000) 15%);
	--jtoc_color_text_active: var(--jtoc_color_scheme_main);
	--jtoc_color_numeration: var(--jtoc_color_accent);
	--jtoc_color_hover_bg: color-mix(in srgb,var(--jtoc_color_text) 4%,var(--jtoc_color_accent) 3%);
	--jtoc_toc_box_shadow: hsl(from var(--jtoc_color_accent_2) h s l/0.02) 0px 0px 5px 0px,hsl(from var(--jtoc_color_accent_2) h s l/0.06) 0px 2px 10px 0px,rgba(0,0,0,.3) 0px 0px 1px 0px;
	--jtoc-background-color: var(--jtoc_color_background);
	--jtoc-body-padding: 0.75em 1em 1.5em 1em;
	--jtoc-floating-widget-border-radius: 8px;
	--jtoc-floating-widget-background-color: #11181c;
	--jtoc-floating-widget-color: #fff;
	--jtoc-floating-widget-numeration-color: gray;
	--jtoc-header-background-color: var(--jtoc_color_surface);
	--jtoc-header-height: 50px;
	--jtoc-headings-background-color-active: var(--jtoc_color_accent);
	--jtoc-headings-background-color-hover: var(--jtoc_color_hover_bg);
	--jtoc-headings-border-radius: 8px;
	--jtoc-headings-font-size: 90%;
	--jtoc-headings-padding: 0.5em 1em;
	--jtoc-link-color: var(--jtoc_color_text);
	--jtoc-link-color-hover: var(--jtoc_color_text);
	--jtoc-link-color-active: var(--jtoc_color_text_active);
	--jtoc-numeration-color: var(--jtoc_color_numeration);
	--jtoc-toc-box-shadow: var(--jtoc_toc_box_shadow);
	--jtoc-title-font-size: 1.1em;
	--jtoc-title-label-font-weight: 500;
	--jtoc-toc-border-color: #ebe6e7;
	--jtoc-toc-border-radius: 8px;
	--jtoc-header-color: var(--jtoc_color_accent)
}

.wpj-jtoc.--jtoc-theme-hero .wpj-jtoc--header {
	position: relative;
    padding: 30px;
    background: #7a5af8;
    color: #FFFFFF;
}

.wpj-jtoc.--jtoc-theme-hero .wpj-jtoc--header .wpj-jtoc--header-main .wpj-jtoc--title {
	margin: 0 18px;
	max-width: 100%
}

.wpj-jtoc.--jtoc-theme-hero .wpj-jtoc--header .wpj-jtoc--header-main .wpj-jtoc--title span.wpj-jtoc--title-label {
	display: block;
	width: 100%
}

.wpj-jtoc.--jtoc-theme-hero .wpj-jtoc--items li {
	display: block
}

.wpj-jtoc.--jtoc-theme-hero .wpj-jtoc--items li a {
	max-width: 100%;
	text-decoration: none!important
}

.wpj-jtoc.--jtoc-theme-hero.--dark {
	--jtoc_color_scheme_main: #0f1117;
	--jtoc_color_scheme_inverse: #f3f4f6;
	--jtoc_color_background: var(--jtoc-palette-color-1,#141720);
	--jtoc_color_text: var(--jtoc-palette-color-2,#c9ccd6);
	--jtoc_color_accent: var(--jtoc-palette-color-3,#5a63ff)
}