
.toc_heading_selection .components-button {
	height: 28px;
	line-height: 2;
	padding-left: 10px;
	padding-right: 10px;
}

.editor-styles-wrapper .wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li a {
	border-radius: 4px;
	color: inherit;
	display: block;
	padding: .5rem;
	text-decoration: none;
	transition: all .15s ease-in-out;
}

.editor-styles-wrapper .wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li a:hover {
	background: var(--kb-toc-background-hover, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, rgba(0, 0, 0, .05))));
	color: var(--kb-toc-text-hover, var(--wp--preset--color--base, currentColor));
	text-decoration: none;
}

.editor-styles-wrapper .wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li.active>a {
	background: var(--kb-toc-primary, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor)));
	color: var(--kb-toc-text, var(--wp--preset--color--base, #fff));
	font-weight: 600;
	text-decoration: none;
}

.editor-styles-wrapper .wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li.active>a:hover {
	background: var(--kb-toc-primary-hover, var(--kb-toc-primary, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor))));
	color: var(--kb-toc-text-hover, var(--kb-toc-text, var(--wp--preset--color--base, #fff)));
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-outline[data-htoc-scrollspy=true] {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-outline[data-htoc-scrollspy=true] .htoc__toggle {
	background: #fff;
	border: 1px solid #ddd;
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-gray[data-htoc-scrollspy=true] {
	background-color: #e8edf4;
	border: 0;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-rounded[data-htoc-scrollspy=true] {
	background-color: #f4f5f5;
	border: 0;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] li {
	margin-bottom: 0;
	padding: .4em;
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] li:nth-child(odd) {
	background-color: rgba(0, 0, 0, .02);
	border-radius: 3px;
}

.editor-styles-wrapper .wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] li ul {
	margin-bottom: 0;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li {
	clear: both;
	position: relative;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li.toc_new_link, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li.toc_new_link {
	list-style-type: none;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li.toc_item_hide a, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li.toc_item_hide a {
	text-decoration: line-through;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .components-base-control, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .components-base-control {
	display: inline-block;
	max-width: 60%;
	width: 500px;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .components-base-control+.components-base-control, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .components-base-control+.components-base-control {
	margin-bottom: 0;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .components-base-control.toc_new_window_toggle label, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .components-base-control.toc_new_window_toggle label {
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
	font-size: 13px;
	margin-right: 8px;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .components-base-control.toc_new_window_toggle .components-form-toggle, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .components-base-control.toc_new_window_toggle .components-form-toggle {
	line-height: 1;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .components-base-control .components-base-control__field, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .components-base-control .components-base-control__field {
	margin: 0;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .toc_new_link_container .components-toolbar, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .toc_new_link_container .components-toolbar {
	position: relative;
	top: 4px;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .components-toolbar, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .components-toolbar {
	float: right;
	min-height: 25px;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ol li .components-toolbar .components-button, .editor-styles-wrapper .wp-block-ht-block-toc .htoc__itemswrap ul li .components-toolbar .components-button {
	height: 24px;
}

.editor-styles-wrapper .wp-block-ht-block-toc .htoc__toggle {
	position: relative;
	z-index: 9;
}

.editor-styles-wrapper .wp-block-ht-block-toc ol, .editor-styles-wrapper .wp-block-ht-block-toc ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

.editor-styles-wrapper .wp-block-ht-block-toc ol ol, .editor-styles-wrapper .wp-block-ht-block-toc ol ul, .editor-styles-wrapper .wp-block-ht-block-toc ul ol, .editor-styles-wrapper .wp-block-ht-block-toc ul ul {
	margin-bottom: .5em;
	margin-left: 1em;
}

.editor-styles-wrapper .wp-block-ht-block-toc ol li, .editor-styles-wrapper .wp-block-ht-block-toc ul li {
	margin-bottom: .5em;
}

.editor-styles-wrapper .wp-block-ht-block-toc ol li:last-child, .editor-styles-wrapper .wp-block-ht-block-toc ul li:last-child {
	margin-bottom: 0;
}

.editor-styles-wrapper .wp-block-ht-block-toc ul {
	list-style-type: disc;
}

.editor-styles-wrapper .wp-block-ht-block-toc ol {
	list-style-type: decimal;
}

.editor-styles-wrapper .wp-block-ht-block-toc.toc-list-style-plain ol, .editor-styles-wrapper .wp-block-ht-block-toc.toc-list-style-plain ul {
	list-style-type: none;
}

.wp-block-ht-block-toc .ht_toc_placeholder {
	font-size: 18px;
}

.wp-block-ht-block-toc[data-htoc-state=expanded] .htoc__itemswrap {
	margin-top: 1em;
	max-height: 9999px;
	opacity: 1;
}

.wp-block-ht-block-toc[data-htoc-state=closed] .htoc__itemswrap {
	display: none;
	max-height: 0;
	opacity: 0;
}

.wp-block-ht-block-toc.is-style-contrasted, .wp-block-ht-block-toc.is-style-gray, .wp-block-ht-block-toc.is-style-outline, .wp-block-ht-block-toc.is-style-rounded {
	transition: all 1s ease-in-out;
}

.wp-block-ht-block-toc.is-style-outline {
	border: 1px solid #ccc;
	padding: 2em;
}

.wp-block-ht-block-toc.is-style-outline .htoc__toggle {
	border: 1px solid #ccc;
}

.wp-block-ht-block-toc.is-style-gray {
	background: #dde2eb;
	padding: 2em;
}

.wp-block-ht-block-toc.is-style-rounded {
	background-color: #fafafa;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 1.5em;
}

.wp-block-ht-block-toc.is-style-contrasted {
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 1.5em;
}

.wp-block-ht-block-toc.is-style-contrasted li {
	margin-bottom: 0;
	padding: .5em;
}

.wp-block-ht-block-toc.is-style-contrasted li:nth-child(odd) {
	background-color: rgba(0, 0, 0, .03);
	border-radius: 4px;
}

.wp-block-ht-block-toc.is-style-contrasted li ul {
	margin-bottom: 0;
}

.wp-block-ht-block-toc.htoc--position-left, .wp-block-ht-block-toc.htoc--position-right {
	max-width: 260px;
}

.wp-block-ht-block-toc.htoc--position-center {
	text-align: center;
}

.wp-block-ht-block-toc.htoc--position-left {
	float: left;
	margin-right: 2em;
}

.wp-block-ht-block-toc.htoc--position-right {
	float: right;
	margin-left: 2em;
}

.wp-block-ht-block-toc .htoc__title {
	align-items: center;
	display: flex;
	font-size: 1em;
	font-weight: 600;
}

.wp-block-ht-block-toc .htoc__toggle {
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
	line-height: 1em;
	margin-left: 15px;
	padding: 8px;
	position: relative;
}

.wp-block-ht-block-toc .htoc__toggle svg {
	display: inline-flex;
}

.wp-block-ht-block-toc ol, .wp-block-ht-block-toc ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

.wp-block-ht-block-toc ol ol, .wp-block-ht-block-toc ol ul, .wp-block-ht-block-toc ul ol, .wp-block-ht-block-toc ul ul {
	margin: .5em 0 .5em 1em;
	padding: 0;
}

.wp-block-ht-block-toc ol li, .wp-block-ht-block-toc ul li {
	margin-bottom: .5em;
}

.wp-block-ht-block-toc ol li:last-child, .wp-block-ht-block-toc ul li:last-child {
	margin-bottom: 0;
}

.wp-block-ht-block-toc ul {
	list-style-type: disc;
}

.wp-block-ht-block-toc ol {
	list-style-type: decimal;
}

.wp-block-ht-block-toc.toc-list-style-plain ol, .wp-block-ht-block-toc.toc-list-style-plain ul {
	list-style-type: none;
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] {
	margin-bottom: 20px;
	margin-top: 20px;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	position: sticky;
	scroll-behavior: smooth;
	top: 20px;
	z-index: 100;
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li a {
	border-radius: 4px;
	color: inherit;
	display: block;
	padding: .5rem;
	text-decoration: none;
	transition: all .15s ease-in-out;
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li a:hover {
	background: var(--kb-toc-background-hover, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, rgba(0, 0, 0, .05))));
	color: var(--kb-toc-text-hover, var(--wp--preset--color--base, currentColor));
	text-decoration: none;
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li.active>a {
	background: var(--kb-toc-primary, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor)));
	color: var(--kb-toc-text, var(--wp--preset--color--base, #fff));
	font-weight: 600;
	text-decoration: none;
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li.active>a:hover {
	background: var(--kb-toc-primary-hover, var(--kb-toc-primary, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor))));
	color: var(--kb-toc-text-hover, var(--kb-toc-text, var(--wp--preset--color--base, #fff)));
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li.active>ol, .wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li.active>ul {
	display: block;
	opacity: 1;
	visibility: visible;
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li ol li.active>a, .wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li ul li.active>a {
	background: var(--kb-toc-primary, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor)));
	color: var(--kb-toc-text, var(--wp--preset--color--base, #fff));
	opacity: var(--kb-toc-nested-opacity, .8);
}

.wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li ol li.active>a:hover, .wp-block-ht-block-toc[data-htoc-scrollspy=true] .ht_toc_list li ul li.active>a:hover {
	background: var(--kb-toc-primary-hover, var(--kb-toc-primary, var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor))));
	color: var(--kb-toc-text-hover, var(--kb-toc-text, var(--wp--preset--color--base, #fff)));
	opacity: 1;
}

.wp-block-ht-block-toc.is-style-outline[data-htoc-scrollspy=true] {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.wp-block-ht-block-toc.is-style-outline[data-htoc-scrollspy=true] .htoc__toggle {
	background: #fff;
	border: 1px solid #ddd;
}

.wp-block-ht-block-toc.is-style-gray[data-htoc-scrollspy=true] {
	background-color: #e8edf4;
	border: 0;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.wp-block-ht-block-toc.is-style-rounded[data-htoc-scrollspy=true] {
	background-color: #f4f5f5;
	border: 0;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: var(--wp--preset--spacing--20);
}

.wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] li {
	margin-bottom: 0;
	padding: .4em;
}

.wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] li:nth-child(odd) {
	background-color: rgba(0, 0, 0, .02);
	border-radius: 3px;
}

.wp-block-ht-block-toc.is-style-contrasted[data-htoc-scrollspy=true] li ul {
	margin-bottom: 0;
}

.ht-toc-clear {
	clear: both;
	height: 0;
	width: 0;
}
