@namespace svg "http://www.w3.org/2000/svg";
/*! From https://github.com/andy-piccalilli/modern-css-reset */

.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 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-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-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-section>.depicter-loading-container,
.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>* {
    opacity: 1;
    visibility: visible
}

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

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