@namespace svg "http://www.w3.org/2000/svg";

.depicter-revert {
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	direction: ltr;
}

.depicter-revert, .depicter-revert h1, .depicter-revert h2, .depicter-revert h3, .depicter-revert h4, .depicter-revert h5, .depicter-revert h6, .depicter-revert p, .depicter-revert figure, .depicter-revert blockquote, .depicter-revert dl, .depicter-revert dd, .depicter-revert ul[role=list], .depicter-revert ol[role=list], .depicter-revert img, .depicter-revert picture, .depicter-revert input, .depicter-revert input[type=submit], .depicter-revert input[type=reset], .depicter-revert input[type=button], .depicter-revert input[type=text], .depicter-revert input[type=email], .depicter-revert input[type=number], .depicter-revert input[type=password], .depicter-revert input[type=search], .depicter-revert input[type=tel], .depicter-revert input[type=url], .depicter-revert button, .depicter-revert textarea, .depicter-revert table, .depicter-revert td, .depicter-revert tr, .depicter-revert th, .depicter-revert tbody, .depicter-revert thead, .depicter-revert nav, .depicter-revert aside, .depicter-revert strong, .depicter-revert select {
	all: revert;
}

.depicter-revert *, .depicter-revert *::before, .depicter-revert *::after {
	box-sizing: border-box;
}

.depicter-revert h1, .depicter-revert h2, .depicter-revert h3, .depicter-revert h4, .depicter-revert p, .depicter-revert figure, .depicter-revert blockquote, .depicter-revert dl, .depicter-revert dd {
	margin: 0;
	font-weight: normal;
}

.depicter-revert ul[role=list], .depicter-revert ol[role=list] {
	list-style: none;
}

.depicter-revert a:not([class]) {
	text-decoration-skip-ink: auto;
}

.depicter-revert img, .depicter-revert picture {
	display: block;
}

.depicter-revert input, .depicter-revert button, .depicter-revert textarea, .depicter-revert select {
	font: inherit;
}

.depicter {
	position: relative;
}

.depicter svg:has(>symbol:first-child):not(:has(+symbol)) {
	display: none;
}

.depicter-content-composer {
	position: relative;
}

.depicter-content-composer:focus {
	outline: none;
}

.depicter-primary-container {
	display: flex;
	flex-flow: column wrap;
	clear: both;
	overflow: hidden;
	height: 100%;
}

.depicter-overflow-fix {
	overflow-x: hidden;
}

.depicter-view-container {
	flex: 1 1 auto;
	width: 100%;
	order: 2;
}

.depicter-layout-fullscreen, .depicter-layout-fullwidth {
	width: 100%;
	max-width: none !important;
}

.depicter-layout-fullscreen {
	height: 100vh;
}

.depicter-layout-fullscreen .depicter-view, .depicter-layout-fullscreen .depicter-section, .depicter-layout-fullscreen .depicter-sections, .depicter-layout-fullscreen .depicter-section-mask {
	height: 100%;
}

.depicter-layout-auto {
	width: 100%;
	height: 100%;
}

.depicter-mid-row {
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	order: 2;
}

.depicter-narrow-layout .depicter-mid-row {
	flex-flow: column wrap;
}

.depicter-inner-container {
	display: flex;
	flex-flow: column wrap;
	order: 2;
	flex: 1;
}

.depicter-left-container, .depicter-top-container {
	order: 1;
}

.depicter-right-container, .depicter-bottom-container {
	order: 3;
}

.depicter-rtl .depicter-right-container {
	order: 1;
}

.depicter-rtl .depicter-left-container {
	order: 3;
}

.depicter-loading-container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 10;
}

.depicter-loading-container.depicter-loading-none {
	display: none;
}

.depicter-content-composer>*, .depicter>*, .depicter-revert .depicter-section>* {
	transition: opacity 300ms, visibility 300ms;
	opacity: 0;
	visibility: hidden;
}

.depicter-content-composer>.depicter-loading-container, .depicter-content-composer>.depicter-section-loading, .depicter>.depicter-loading-container, .depicter>.depicter-section-loading, .depicter-revert .depicter-section>.depicter-loading-container, .depicter-revert .depicter-section>.depicter-section-loading {
	opacity: 1;
	visibility: visible;
}

.depicter-content-composer, .depicter {
	pointer-events: none;
}

.depicter-content-composer.depicter-ready, .depicter.depicter-ready {
	pointer-events: all;
	overflow: hidden;
}

.depicter-content-composer:not(.depicter-ready)>*:not(.depicter-loading-container), .depicter:not(.depicter-ready)>*:not(.depicter-loading-container) {
	visibility: hidden;
	pointer-events: none;
}

.depicter-content-composer:not(.depicter-ready) .depicter-loading-container, .depicter:not(.depicter-ready) .depicter-loading-container {
	position: sticky;
	transform: translateX(-50%);
}

.depicter-ready>*, .depicter-revert .depicter-ready>* {
	opacity: 1;
	visibility: visible;
}

.depicter-ready>.depicter-loading-container, .depicter-ready>.depicter-section-loading, .depicter-revert .depicter-ready>.depicter-loading-container, .depicter-revert .depicter-ready>.depicter-section-loading {
	opacity: 0;
	visibility: hidden;
}

.depicter-preload-all:not(.depicter-ready)>.depicter-primary-container * {
	pointer-events: none !important;
}