@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 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;
}