
@media (min-width:769px) {
	body.wpj-jtoc-has-slide-out-toc, body.wpj-jtoc-has-slide-out-toc.--jtoc-slide-out-is-opened, body.wpj-jtoc-has-slide-out-toc.--jtoc-slide-out-right-is-opened {
		transition: margin .3s ease-in-out;
	}
	
	body.wpj-jtoc-has-slide-out-toc.--jtoc-slide-out-is-opened {
		margin-left: var(--jtoc_slide_out_width, 300px);
	}
	
	body.wpj-jtoc-has-slide-out-toc.--jtoc-slide-out-right-is-opened {
		margin-right: var(--jtoc_slide_out_width, 300px);
	}
}

.wpj-jtoc.wpj-jtoc--widget-slide-out {
	--jtoc-slide-out-shadow-color-1: rgba(0, 0, 0, .12);
	--jtoc-slide-out-shadow-color-2: rgba(0, 0, 0, .08);
	--jtoc_slide_out_width: var(--jtoc-slide-out-width, 300px);
}

@media (max-width:768px) {
	.wpj-jtoc.wpj-jtoc--widget-slide-out {
		--jtoc_slide_out_width: var(--jtoc-slide-out-width-mobile, var(--jtoc-slide-out-width, 300px));
	}
}

.wpj-jtoc.wpj-jtoc--widget-slide-out {
	position: fixed;
	box-sizing: border-box;
	width: var(--jtoc_slide_out_width, 300px) !important;
	max-width: var(--jtoc_slide_out_width, 300px) !important;
	top: 0;
	bottom: 0;
	left: calc(-1 * var(--jtoc_slide_out_width, 300px));
	background-color: var(--jtoc-slide-out-background-color, var(--jtoc-background-color, inherit));
	z-index: var(--jtoc-slide-out-z-index, 1100);
	margin: 0 !important;
	transition: all .3s ease-in-out;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out .wpj-jtoc--slide-out-inner {
	width: 100%;
	height: calc(100% - var(--jtoc-slide-out-custom-box-height-top, 0px) - var(--jtoc-slide-out-custom-box-height-bottom, 0px));
	overflow-y: auto;
	display: flex;
	flex-wrap: wrap;
	padding: var(--jtoc-slide-out-padding, 20px);
	align-items: center;
	justify-content: center;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out .wpj-jtoc--toc {
	min-width: 0;
	max-width: 100% !important;
	border: none;
	box-shadow: none;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-opened {
	left: 0;
	box-shadow: 8px 0 24px -6px var(--jtoc-slide-out-shadow-color-1), 4px 0 10px -4px var(--jtoc-slide-out-shadow-color-2);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-opened .wpj-jtoc--slide-out-toggle {
	left: var(--jtoc_slide_out_width, 300px);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-right {
	left: auto;
	right: calc(-1 * var(--jtoc_slide_out_width, 300px));
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-right .wpj-jtoc--slide-out-toggle {
	left: auto;
	right: 0;
	border-radius: var(--jtoc-slide-out-toggle-border-radius, 1em) 0 0 var(--jtoc-slide-out-toggle-border-radius, 1em);
	border-left-width: var(--jtoc-slide-out-toggle-border-width);
	border-right-width: 0;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-right.--jtoc-slide-out-opened {
	right: 0;
	box-shadow: 8px 0 24px -6px var(--jtoc-slide-out-shadow-color-1), 4px 0 10px -4px var(--jtoc-slide-out-shadow-color-2);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-right.--jtoc-slide-out-opened .wpj-jtoc--slide-out-toggle {
	right: var(--jtoc_slide_out_width, 300px);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-right.--jtoc-slide-out-toggle-shadow .wpj-jtoc--slide-out-toggle {
	box-shadow: var(--jtoc-slide-out-toggle-box-shadow);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-right.--jtoc-slide-out-toggle-shadow .wpj-jtoc--slide-out-toggle:hover {
	--jtoc-slide-out-toggle-box-shadow: -6px 0 20px rgba(0, 0, 0, .16), -3px 0 8px rgba(0, 0, 0, .1);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-toggle-top .wpj-jtoc--slide-out-toggle {
	bottom: auto;
	top: var(--jtoc-slide-out-toggle-offset-y, 50px);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-toggle-center .wpj-jtoc--slide-out-toggle {
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-toggle-shadow .wpj-jtoc--slide-out-toggle {
	box-shadow: var(--jtoc-slide-out-toggle-box-shadow);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-toggle-shadow .wpj-jtoc--slide-out-toggle:hover {
	--jtoc-slide-out-toggle-box-shadow: 6px 0 20px rgba(0, 0, 0, .16), 3px 0 8px rgba(0, 0, 0, .1);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-toggle-shadow.--jtoc-slide-out-opened .wpj-jtoc--slide-out-toggle {
	box-shadow: none;
	box-shadow: 3px 0 3px rgba(0, 0, 0, .07), 7px 2px 7px rgba(0, 0, 0, .06);
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-toggle-shadow.--jtoc-slide-out-opened .wpj-jtoc--slide-out-toggle:hover {
	--jtoc-slide-out-toggle-box-shadow: inherit;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-blend .wpj-jtoc--body, .wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-blend .wpj-jtoc--header, .wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-slide-out-blend .wpj-jtoc--toc {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out .wpj-jtoc--slide-out-toggle {
	position: fixed;
	color: var(--jtoc-slide-out-toggle-color, var(--jtoc-link-color));
	background-color: var(--jtoc-slide-out-toggle-background-color, var(--jtoc-slide-out-background-color, var(--jtoc-background-color, inherit)));
	width: var(--jtoc-slide-out-toggle-width, 40px);
	left: 0;
	bottom: var(--jtoc-slide-out-toggle-offset-y, 50px);
	height: 70px;
	border: 1px solid hsla(0, 4%, 95%, .5019607843);
	border-width: var(--jtoc-slide-out-toggle-border-width, 1px);
	border-color: var(--jtoc-slide-out-toggle-border-color, hsla(0, 4%, 95%, .5019607843));
	border-left-width: 0;
	border-radius: 0 var(--jtoc-slide-out-toggle-border-radius, 1em) var(--jtoc-slide-out-toggle-border-radius, 1em) 0;
	transition: all .3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	will-change: transform;
	cursor: pointer;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out .wpj-jtoc--slide-out-toggle > i {
	margin: 5px;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--slide-out-hide-header .v-toc-title, .wpj-jtoc.wpj-jtoc--widget-slide-out.--slide-out-hide-header .wpj-jtoc--header {
	display: none !important;
}

.wpj-jtoc.wpj-jtoc--widget-slide-out.--jtoc-columns .wpj-jtoc--nav {
	columns: initial;
}

@media (min-width:769px) {
	.wpj-jtoc.wpj-jtoc--widget-slide-out.--slide-out-mobile {
		display: none !important;
	}
}

@media (max-width:768px) {
	.wpj-jtoc.wpj-jtoc--widget-slide-out.--slide-out-desktop {
		display: none !important;
	}
}

.wpj-jtoc.--jtoc-animate .wpj-jtoc--toc {
	transition-property: max-height;
	transition-duration: var(--jtoc-transition-duration, .5s);
	transition-timing-function: var(--jtoc-transition-timing-function, ease);
}

.wpj-jtoc.--jtoc-headings-overflow-hidden-ellipsis .wpj-jtoc--item-content > a {
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.wpj-jtoc.--jtoc-title-align-center .wpj-jtoc--title {
	text-align: center;
}

.wpj-jtoc.--jtoc-toggle-icon .wpj-jtoc--toggle-wrap {
	height: var(--jtoc-header-height, initial);
	width: var(--jtoc-header-height, initial);
}

.wpj-jtoc.--jtoc-toggle-position-right .wpj-jtoc--header-main {
	flex-direction: row;
}

.wpj-jtoc.--jtoc-num-single .wpj-jtoc--item-content .jtoc--num:before {
	content: counter(jolicpt, var(--jtoc-numeration-type, decimal)) var(--jtoc-numeration-suffix, "");
}

.wpj-jtoc.--jtoc-header-as-toggle .wpj-jtoc--header {
	cursor: pointer;
}

.wpj-jtoc.--jtoc-headings-full-row-clickable .wpj-jtoc--item-content:hover {
	cursor: pointer;
}

.wpj-jtoc.--jtoc-dynamic-mode .is-expandable {
	max-height: 0;
	overflow: hidden;
	transition: all .3s ease-in-out;
}

.wpj-jtoc.--jtoc-dynamic-mode .is-expanded {
	max-height: 1000px !important;
	overflow: initial;
}

.wpj-jtoc.--jtoc-dynamic-mode .wpj-jtoc--toc {
	max-height: none !important;
}

.wpj-jtoc.--jtoc-collapsible-headings .is-collapsed {
	max-height: 0;
	overflow: hidden;
	transition: all .3s ease-in-out;
}

.wpj-jtoc.--jtoc-collapsible-headings .jtoc--collapse-btn, .wpj-jtoc.--jtoc-collapsible-headings .jtoc--collapse-spacing {
	margin-right: var(--jtoc-collapse-button-spacing);
	height: var(--jtoc-headings-line-height, 1.2em);
}

.wpj-jtoc.--jtoc-collapsible-headings .jtoc--collapse-btn {
	display: flex;
	align-items: center;
	cursor: auto;
}

.wpj-jtoc.--jtoc-collapsible-headings .jtoc--collapse-btn > svg {
	transform: rotate(90deg);
	transition: transform .1s ease-in-out;
}

.wpj-jtoc.--jtoc-collapsible-headings .jtoc--collapse-btn:hover > svg {
	filter: brightness(.75);
}

.wpj-jtoc.--jtoc-collapsible-headings .wpj-jtoc--item.--collapsible:not(.--collapsed) .wpj-jtoc--items {
	visibility: visible;
	position: static;
	opacity: 1;
	max-height: none !important;
}

.wpj-jtoc.--jtoc-collapsible-headings .wpj-jtoc--item.--collapsed .jtoc--collapse-btn > svg {
	transform: rotate(0deg);
}

.wpj-jtoc.--jtoc-collapsible-headings .wpj-jtoc--item.--collapsed .wpj-jtoc--items:not(.is-expanded) {
	visibility: hidden;
	position: absolute;
	opacity: 0;
}

.wpj-jtoc.--jtoc-autoscroll::-webkit-scrollbar {
	display: none;
}

.wpj-jtoc.--jtoc-autoscroll {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
