.hl-panel-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: var(--panels-background-color);
  z-index: calc(var(--panels-navbar-z-index) - 10);
  max-width: 50vw;
}
.hl-panel-wrapper.hl-panel-wrapper-left {
  left: 0;
  right: auto;
  transform: translate3d(100vw, 0, 0);
  border-right: 1px solid var(--bulma-text-20);
}
.hl-panel-wrapper.hl-panel-wrapper-left.is-active,
.hl-panel-wrapper.hl-panel-wrapper-left .panel.is-active {
  transform: translate3d(0, 0, 0);
}
.hl-panel-wrapper.hl-panel-wrapper-left .panel:not(.is-active) {
  transform: translate3d(-100vw, 0, 0);
  display: none;
}
.hl-panel-wrapper.hl-panel-wrapper-right {
  left: auto;
  right: 0;
  transform: translate3d(-100vw, 0, 0);
  border-left: 1px solid var(--bulma-text-20);
}
.hl-panel-wrapper.hl-panel-wrapper-right.is-active,
.hl-panel-wrapper.hl-panel-wrapper-right .panel.is-active {
  transform: translate3d(0, 0, 0);
}
.hl-panel-wrapper.hl-panel-wrapper-right .panel:not(.is-active) {
  transform: translate3d(100vw, 0, 0);
  display: none;
}
.hl-panel-wrapper.pinned-open .hl-panel-pin-button {
  opacity: 1;
}
.hl-panel-wrapper.pinned-open .hl-panel-close-button {
  opacity: 0.5;
}
.hl-panel-wrapper.pinned-open .hl-panel-fullscreen-button {
  opacity: 1;
  color: #3288EA;
  height: 1.7em;
  width: 1.2em;
  margin-top: 1px;
  line-height: 1.7em;
}
.hl-panel-wrapper:not(.pinned-open) .hl-panel-pin-button {
  opacity: 0.5;
}
.hl-panel-wrapper:not(.pinned-open) .hl-panel-close-button {
  opacity: 1;
}
.hl-panel-wrapper:not(.pinned-open) .hl-panel-fullscreen-button {
  opacity: 1;
  color: #3288EA;
  height: 1.7em;
  width: 1.2em;
  margin-top: 1px;
  line-height: 1.7em;
}

@media screen and (min-width: 769px) {
  .hl-panel-wrapper.is-wide-0 {
    width: 0vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-20 {
    width: 20vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-25 {
    width: 25vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-33 {
    width: 33vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-40 {
    width: 40vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-50 {
    width: 50vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-60 {
    width: 60vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-67 {
    width: 67vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-75 {
    width: 75vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-80 {
    width: 80vw;
    max-width: none !important;
  }
  .hl-panel-wrapper.is-wide-100 {
    width: 100vw;
    max-width: none !important;
  }
}
@media screen and (max-width: 768px) {
  .hl-panel-wrapper {
    max-width: 100vw;
    width: 100vw;
    left: 0;
    right: 0;
    transform: translate3d(0, 0, 0);
  }
  .hl-panel-wrapper.hl-panel-wrapper-left, .hl-panel-wrapper.hl-panel-wrapper-right {
    border: none;
    left: 0;
    right: 0;
  }
}
body.use-lefty-mode .hl-panel-wrapper .hl-panel-wrapper-left {
  right: 0;
  left: auto;
  min-width: 10vw;
  transform: translate3d(0, 0, 0);
}
body.use-lefty-mode .hl-panel-wrapper .hl-panel-wrapper-left .panel:not(.is-active) {
  transform: translate3d(75vw, 0, 0);
  display: none;
}
body.use-lefty-mode .hl-panel-wrapper .hl-panel-wrapper-right {
  left: 0;
  right: auto;
  min-width: 10vw;
  transform: translate3d(0, 0, 0);
}
body.use-lefty-mode .hl-panel-wrapper .hl-panel-wrapper-right .panel:not(.is-active) {
  transform: translate3d(-25vw, 0, 0);
  display: none;
}

.hl-panel-wrapper .panel {
  height: 100vh;
  border-radius: 0;
  background-color: var(--panels-background-color);
  min-width: 15vw;
  box-shadow: none;
  overflow: hidden;
}
.hl-panel-wrapper .panel.is-dark .panel-heading {
  background-image: linear-gradient(to right, var(--bulma-black-ter), var(--bulma-grey-darker));
  color: var(--bulma-text-95);
}
.hl-panel-wrapper .panel.is-dark .panel-heading > .icon {
  color: var(--bulma-grey);
}
.hl-panel-wrapper .panel.is-warning .panel-heading {
  background-image: linear-gradient(to right, var(--bulma-warning-40), var(--bulma-warning));
  color: var(--bulma-warning-100);
}
.hl-panel-wrapper .panel.is-warning .panel-heading > .icon {
  color: var(--bulma-warning-80);
}
.hl-panel-wrapper .panel.is-danger .panel-heading {
  background-image: linear-gradient(to right, var(--bulma-danger-40), var(--bulma-danger));
  color: var(--bulma-danger-95);
}
.hl-panel-wrapper .panel.is-danger .panel-heading > .icon {
  color: var(--bulma-danger-80);
}
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] .panel-content.panel-with-tabs-offset, .hl-panel-wrapper .panel[data-panel-mode=add-to-folder] .panel-content.panel-with-tabs-offset, .hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] .panel-content.panel-with-tabs-offset, .hl-panel-wrapper .panel[data-panel-mode=add-to-root] .panel-content.panel-with-tabs-offset {
  height: calc(100% - var(--panels-header-height) - var(--panels-tabs-height) - var(--panels-mode-banner-height));
}
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] .hidden-in-add-mode, .hl-panel-wrapper .panel[data-panel-mode=add-to-folder] .hidden-in-add-mode, .hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] .hidden-in-add-mode, .hl-panel-wrapper .panel[data-panel-mode=add-to-root] .hidden-in-add-mode {
  display: none !important;
}
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] div[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] span[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] button[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] div[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] span[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] button[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] div[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] span[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] button[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] div[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] span[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] button[data-panel-mode-show-if=add-to-root], .hl-panel-wrapper .panel[data-panel-mode=add-to-folder] div[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] span[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] button[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] div[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] span[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] button[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] div[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] span[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] button[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] div[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] span[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] button[data-panel-mode-show-if=add-to-root], .hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] div[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] span[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] button[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] div[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] span[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] button[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] div[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] span[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] button[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] div[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] span[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] button[data-panel-mode-show-if=add-to-root], .hl-panel-wrapper .panel[data-panel-mode=add-to-root] div[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] span[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] button[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] div[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] span[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] button[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] div[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] span[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] button[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] div[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] span[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] button[data-panel-mode-show-if=add-to-root] {
  display: block !important;
}
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] td[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] th[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] td[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] th[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] td[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] th[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] td[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-set] th[data-panel-mode-show-if=add-to-root], .hl-panel-wrapper .panel[data-panel-mode=add-to-folder] td[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] th[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] td[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] th[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] td[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] th[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] td[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-folder] th[data-panel-mode-show-if=add-to-root], .hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] td[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] th[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] td[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] th[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] td[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] th[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] td[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-inspection] th[data-panel-mode-show-if=add-to-root], .hl-panel-wrapper .panel[data-panel-mode=add-to-root] td[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] th[data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] td[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] th[data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] td[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] th[data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] td[data-panel-mode-show-if=add-to-root],
.hl-panel-wrapper .panel[data-panel-mode=add-to-root] th[data-panel-mode-show-if=add-to-root] {
  display: table-cell !important;
}
.hl-panel-wrapper .panel [data-panel-mode-show-if=add-to-set],
.hl-panel-wrapper .panel [data-panel-mode-show-if=add-to-folder],
.hl-panel-wrapper .panel [data-panel-mode-show-if=add-to-inspection],
.hl-panel-wrapper .panel [data-panel-mode-show-if=add-to-root] {
  display: none !important;
}
.hl-panel-wrapper .panel .select2-container {
  z-index: calc(var(--panels-navbar-z-index) - 9);
}
.hl-panel-wrapper .panel .label {
  color: var(--panels-label-color);
}
.hl-panel-wrapper .panel .input,
.hl-panel-wrapper .panel .textarea,
.hl-panel-wrapper .panel .select2-selection {
  background-color: var(--panels-input-background-color);
  color: var(--panels-input-text-color);
  border-color: var(--panels-input-border-color);
}
.hl-panel-wrapper .panel .input::placeholder,
.hl-panel-wrapper .panel .textarea::placeholder,
.hl-panel-wrapper .panel .select2-selection::placeholder {
  color: var(--panels-input-disabled-text-color);
}
.hl-panel-wrapper .panel .input:focus,
.hl-panel-wrapper .panel .textarea:focus,
.hl-panel-wrapper .panel .select2-selection:focus {
  border-color: var(--panels-input-focus-outline-color);
}
.hl-panel-wrapper .panel .input:disabled,
.hl-panel-wrapper .panel .textarea:disabled,
.hl-panel-wrapper .panel .select2-selection:disabled {
  color: var(--panels-input-disabled-text-color);
  background-color: var(--panels-input-disabled-background-color);
  border-color: var(--panels-input-border-color);
}
.hl-panel-wrapper .panel .select2-container,
.hl-panel-wrapper .panel .select2-container--default {
  width: 100% !important;
}
.hl-panel-wrapper .panel .panel-heading {
  border-radius: 0;
  background-color: var(--panels-header-background-color);
  background-image: linear-gradient(to right, var(--panels-header-background-darker-color), var(--panels-header-background-color));
  color: var(--panels-header-text-color);
}
.hl-panel-wrapper .panel .panel-heading > .icon {
  color: var(--panels-header-icon-color);
}
.hl-panel-wrapper .panel .panel-block {
  color: var(--panels-content-block-text-color);
  border-bottom-color: var(--panels-content-block-divider-color);
  background-color: var(--panels-content-block-background-color);
  border-radius: 0;
}
.hl-panel-wrapper .panel .panel-block:last-child {
  border-radius: 0;
}
.hl-panel-wrapper .panel .panel-block:hover {
  background-color: var(--panels-content-block-hover-background-color);
}
.hl-panel-wrapper .panel .panel-block.is-collapsible-header {
  background-color: var(--panels-content-block-collapsible-header-background-color);
}
.hl-panel-wrapper .panel .panel-block.is-collapsible-header:hover {
  cursor: pointer;
}
.hl-panel-wrapper .panel .panel-block.is-active .panel-icon:not(.panel-block-toggle-icon, .panel-block-type-icon) {
  color: var(--panels-content-block-active-icon-color);
}
.hl-panel-wrapper .panel .panel-block .panel-block-toggle-icon {
  color: var(--panels-content-block-toggle-icon-color);
}
.hl-panel-wrapper .panel .panel-block .panel-block-type-icon {
  color: var(--panels-content-block-type-icon-color);
}
.hl-panel-wrapper .panel .empty-message {
  color: var(--bulma-text-75);
  background-color: var(--bulma-text-20);
}
.hl-panel-wrapper .panel .add-mode-banner {
  background-color: var(--bulma-success-65);
  color: var(--bulma-success-35);
}
.hl-panel-wrapper .panel .add-mode-banner .add-mode-message {
  color: var(--bulma-success-20);
}
.hl-panel-wrapper .panel .add-mode-banner .add-mode-title {
  color: var(--bulma-success-10);
}
.hl-panel-wrapper .panel .add-mode-banner .delete {
  inset-inline-end: 0.75rem;
  top: 0.75rem;
}
.hl-panel-wrapper .panel .code {
  background-color: var(--bulma-black-ter);
  color: var(--bulma-warning);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  display: block;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  overflow: auto;
  font-family: monospace;
}
.hl-panel-wrapper .panel .results-loading-gradient-overlay {
  position: absolute;
  background-image: linear-gradient(45deg, var(--bulma-text-25), transparent);
  width: 100%;
  height: 100vh;
  z-index: 42;
}
.hl-panel-wrapper .panel .full-size-pdf-with-offsets {
  width: 769px;
  height: calc(100vh - var(--panels-header-height) - var(--panels-tabs-height)) !important;
}
.hl-panel-wrapper .panel .full-size-image-with-offsets,
.hl-panel-wrapper .panel .full-size-video-with-offsets {
  width: 75vw;
  max-height: calc(100vh - var(--panels-header-height) - var(--panels-tabs-height)) !important;
}
.hl-panel-wrapper .panel .overflow-scroll-container-for-search-results {
  overflow: auto;
  height: calc(100% - var(--panels-search-filters-collapsed-height)) !important;
}
.hl-panel-wrapper .panel .overflow-scroll-container {
  overflow: auto;
  height: calc(100vh - var(--panels-header-height) - var(--panels-navbar-height)) !important;
}

.hl-panel-wrapper .panel-tabs {
  justify-content: normal;
  background-color: var(--panels-tabs-background-color);
  color: var(--panels-tabs-text-color);
  border-bottom-color: var(--panels-tabs-background-color);
}
.hl-panel-wrapper .panel-tabs a {
  color: var(--panels-tabs-text-color);
  border-bottom-color: var(--panels-tabs-background-color);
  text-decoration: none;
}
.hl-panel-wrapper .panel-tabs a:hover {
  color: var(--panels-tabs-hover-text-color);
  background-color: var(--panels-tabs-hover-background-color);
  border-bottom-color: var(--panels-tabs-hover-text-color);
}
.hl-panel-wrapper .panel-tabs a.is-active {
  color: var(--panels-tabs-active-text-color);
  background-color: var(--panels-tabs-active-background-color);
  border-bottom-color: var(--panels-tabs-active-text-color);
}

.hl-panel-wrapper .panel-content {
  height: calc(100% - var(--panels-header-height));
}
.hl-panel-wrapper .panel-content.panel-with-tabs-offset {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - var(--panels-header-height) - var(--panels-tabs-height));
}
.hl-panel-wrapper .panel-content.panel-with-tabs-offset-plus-sample-header {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - var(--panels-header-height) - var(--panels-tabs-height) - var(--panels-sample-header-height) - var(--panels-navbar-offset-height));
}
.hl-panel-wrapper .panel-content.panel-has-nested-scroll-content {
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
}
.hl-panel-wrapper .panel-content.panel-has-nested-scroll-content .nested-scroll-content {
  overflow-y: auto;
  height: 100%;
}
.hl-panel-wrapper .panel-content.panel-has-nested-scroll-content .nested-scroll-content.has-bottom-navbar-offset {
  padding-bottom: var(--panels-navbar-offset-height);
}
.hl-panel-wrapper .panel-content.panel-has-nested-scroll-content .nested-scroll-content.has-top-navbar-offset {
  padding-top: var(--panels-navbar-offset-height);
}

.hl-panel-wrapper .preview-image-wrapper {
  outline: 1px solid var(--panels-preview-image-default-color);
  height: var(--panels-preview-image-height);
  width: var(--panels-preview-image-width);
  font-size: 0;
  position: relative;
  display: block;
  border-radius: 0;
}
.hl-panel-wrapper .preview-image-wrapper.is-loading {
  outline: 1px solid var(--panels-preview-image-active-color) !important;
}
.hl-panel-wrapper .preview-image-wrapper.is-loading .context-icon {
  opacity: 1 !important;
}
.hl-panel-wrapper .preview-image-wrapper.is-loading .context-icon .fa {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}
.hl-panel-wrapper .preview-image-wrapper.is-loading .context-icon .fa::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f3f4" !important;
  color: var(--panels-preview-image-active-color) !important;
}
.hl-panel-wrapper .preview-image-wrapper .preview-image {
  width: var(--panels-preview-image-width);
  height: var(--panels-preview-image-height);
  max-width: var(--panels-preview-image-width);
  max-height: var(--panels-preview-image-height);
}
.hl-panel-wrapper .preview-image-wrapper .context-icon {
  display: block;
  position: absolute;
  color: var(--panels-preview-image-default-color);
  transform: translate(75%, -150%);
  font-size: 2.5rem;
  opacity: 0.5;
}
.hl-panel-wrapper .detail-image-wrapper {
  display: flex;
  justify-content: center;
}
.hl-panel-wrapper .detail-image-wrapper .detail-image {
  object-fit: cover;
  max-height: var(--panels-detail-image-height);
}

.hl-panel-wrapper .table {
  background-color: var(--bulma-text-20);
  color: var(--bulma-text-75);
}
.hl-panel-wrapper .table.is-striped tbody tr:not(.is-selected):nth-child(odd) {
  background-color: var(--bulma-text-20);
}
.hl-panel-wrapper .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: var(--bulma-text-25);
}
.hl-panel-wrapper .table.is-striped tbody tr:not(.is-selected):nth-child(odd):hover {
  background-color: var(--bulma-text-30);
}
.hl-panel-wrapper .table.is-striped tbody tr:not(.is-selected):nth-child(even):hover {
  background-color: var(--bulma-text-35);
}
.hl-panel-wrapper .table thead {
  background-color: var(--bulma-text-15);
  font-size: 0.8rem;
}
.hl-panel-wrapper .table th {
  color: var(--bulma-text-80);
  border-color: var(--bulma-text-10);
}
.hl-panel-wrapper .table td {
  color: var(--bulma-text-80);
  border-color: var(--bulma-text-10);
}
.hl-panel-wrapper .table a {
  color: var(--bulma-link-75);
}

.hl-panel-wrapper .treeview .panel-block {
  border-bottom: none;
}
.hl-panel-wrapper .treeview .treeview-folder {
  margin: 0;
  margin-left: 1.4rem;
  border-left: 1px dotted var(--bulma-text-50);
}
.hl-panel-wrapper .treeview .treeview-folder .panel-block:not(a)::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.5rem;
  left: 1px;
  width: 0.55rem;
  height: 1px;
  border: dotted var(--bulma-text-50);
  border-width: 0 0 1px 1px;
}
.hl-panel-wrapper .treeview .treeview-folder a.panel-block {
  padding: 0.5rem 1rem;
}
.hl-panel-wrapper .treeview .treeview-folder .highlight {
  background-color: var(--bulma-info-30);
  transition: background-color 0.5s ease;
}
.hl-panel-wrapper .treeview .treeview-child {
  padding-top: 1.4rem;
  border: none;
}
.hl-panel-wrapper .treeview .treeview-child .comment {
  margin: 0;
  margin-left: 1.4rem;
}

.hl-panel-wrapper .steps-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  color: var(--bulma-text-60);
}
.hl-panel-wrapper .steps-list .is-active {
  color: var(--bulma-link-95);
  font-weight: bold;
}
.hl-panel-wrapper .wizard-list {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  color: var(--bulma-text-60);
  background-color: var(--bulma-text-25);
}
.hl-panel-wrapper .wizard-list span {
  background-color: var(--bulma-text-25);
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  transform: translateX(-2px);
  padding-left: 10px;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%, 0 50%);
}
.hl-panel-wrapper .wizard-list li {
  flex-grow: 1;
  background-color: var(--bulma-text-25);
}
.hl-panel-wrapper .wizard-list li.prev-active {
  background-color: var(--bulma-text-40);
}
.hl-panel-wrapper .wizard-list .end-block > div {
  clip-path: none !important;
}
.hl-panel-wrapper .wizard-list .end-block > div > span {
  clip-path: none !important;
}
.hl-panel-wrapper .wizard-list li.is-active > div > span {
  background-color: var(--bulma-text-40);
}
.hl-panel-wrapper .wizard-list .is-active > div {
  color: var(--bulma-link-95);
  background-color: var(--bulma-text-40);
  font-weight: bold;
}
.hl-panel-wrapper .wizard-list li > div {
  flex-grow: 1;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%, 0 50%);
  padding-right: 2px;
  transform: translateX(-2px);
  border-left: 2px solid var(--bulma-text-25);
}
.hl-panel-wrapper .wizard-list li:not(.is-active) > div {
  background-color: var(--bulma-text-40);
}
.hl-panel-wrapper .wizard-list li:last-child:not(.is-active) > div {
  background-color: var(--bulma-text-25);
}
.hl-panel-wrapper .wizard-loader {
  margin-top: 20px;
  margin-bottom: 50px;
  display: flex !important;
  transform: scale(2);
  width: 100% !important;
  justify-content: center;
}
.hl-panel-wrapper .wizard-pane:not(.is-active) {
  display: none;
}
.hl-panel-wrapper .wizard-step-1 {
  z-index: 1;
}
.hl-panel-wrapper .wizard-step-2 {
  z-index: 2;
}
.hl-panel-wrapper .wizard-step-3 {
  z-index: 3;
}
.hl-panel-wrapper .wizard-step-4 {
  z-index: 4;
}
.hl-panel-wrapper .wizard-step-5 {
  z-index: 5;
}
.hl-panel-wrapper .wizard-step-6 {
  z-index: 6;
}
.hl-panel-wrapper .wizard-step-7 {
  z-index: 7;
}
.hl-panel-wrapper .wizard-step-8 {
  z-index: 8;
}
.hl-panel-wrapper .wizard-step-9 {
  z-index: 9;
}
.hl-panel-wrapper .wizard-step-10 {
  z-index: 10;
}

.hl-panel-wrapper .open-sea-dragon-content {
  width: 100%;
  background-color: var(--bulma-text-40);
  position: relative;
}
.hl-panel-wrapper .open-sea-dragon-content .osd-toolbar {
  background-color: var(--bulma-text-70);
  padding: 0 0.5rem;
  flex-direction: column;
  height: 100px;
}
.hl-panel-wrapper .open-sea-dragon-content .osd-default {
  width: 100%;
  margin-left: 0;
}
.hl-panel-wrapper .osd-drawmode-toggle-box {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.hl-panel-wrapper .osd-drawmode-checkbox:checked + .osd-drawmode-switch {
  background-color: var(--bulma-primary);
}
.hl-panel-wrapper .osd-hatchmode-toggle-box {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.hl-panel-wrapper .osd-hatchmode-checkbox:checked + .osd-hatchmode-switch {
  background-color: var(--bulma-primary);
}
.hl-panel-wrapper .image-floated-button {
  margin-right: 1rem;
  margin-bottom: 1rem;
  bottom: 0;
  right: 0;
  position: absolute;
  box-shadow: var(--panels-button-shadow);
}

.panels-ui-highlight:not(.has-observation-image-set-ui) {
  outline: var(--panels-ui-highlight-border-width) solid var(--panels-ui-highlight-color);
  outline-offset: calc(var(--panels-ui-highlight-border-width) * -1);
  background-color: var(--panels-ui-highlight-background-color);
}

.panels-ui-highlight.has-observation-image-set-ui .observation-image-set {
  outline: var(--panels-ui-highlight-border-width) solid var(--panels-ui-highlight-color);
  outline-offset: calc(var(--panels-ui-highlight-border-width) * -1);
  background-color: var(--panels-ui-highlight-background-color);
}

.panels-ui-highlight.column {
  border-radius: var(--panels-ui-hightlight-border-radius);
}

.panels-ui-highlight .label {
  color: var(--panels-ui-highlight-text-color);
}

[data-theme=dark] .panels-ui-highlight:not(.has-observation-image-set-ui),
.theme-dark .panels-ui-highlight:not(.has-observation-image-set-ui) {
  outline-color: var(--panels-ui-highlight-background-color);
  background-color: var(--panels-ui-highlight-text-color);
}
[data-theme=dark] .panels-ui-highlight.has-observation-image-set-ui .observation-image-set,
.theme-dark .panels-ui-highlight.has-observation-image-set-ui .observation-image-set {
  outline-color: var(--panels-ui-highlight-background-color);
  background-color: var(--panels-ui-highlight-text-color);
}
[data-theme=dark] .panels-ui-highlight .label,
.theme-dark .panels-ui-highlight .label {
  color: var(--panels-ui-highlight-background-color);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme=light]) .panels-ui-highlight:not(.has-observation-image-set-ui) {
    outline-color: var(--panels-ui-highlight-background-color);
    background-color: var(--panels-ui-highlight-text-color);
  }
  html:not([data-theme=light]) .panels-ui-highlight.has-observation-image-set-ui .observation-image-set {
    outline-color: var(--panels-ui-highlight-background-color);
    background-color: var(--panels-ui-highlight-text-color);
  }
  html:not([data-theme=light]) .panels-ui-highlight .label {
    color: var(--panels-ui-highlight-background-color);
  }
}
:root {
  --panels-background-color: var(--bulma-text-25);
  --panels-button-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  --panels-content-block-text-color: var(--bulma-text-85);
  --panels-content-block-background-color: transparent;
  --panels-content-block-hover-background-color: var(--bulma-text-20);
  --panels-content-block-divider-color: var(--bulma-text-20);
  --panels-content-block-collapsible-header-background-color: var(--bulma-grey-darker);
  --panels-content-block-toggle-icon-color: var(--bulma-primary);
  --panels-content-block-type-icon-color: var(--bulma-text-60);
  --panels-search-filters-collapsed-height: 72px;
  --panels-header-height: 65px;
  --panels-header-background-color: var(--bulma-primary-55);
  --panels-header-background-darker-color: var(--bulma-primary-40);
  --panels-header-icon-color: var(--bulma-primary-80);
  --panels-header-text-color: var(--bulma-primary-95);
  --panels-input-background-color: var(--bulma-text-20);
  --panels-input-border-color: var(--bulma-text-10);
  --panels-input-text-color: var(--bulma-text-80);
  --panels-input-focus-outline-color: var(--bulma-link);
  --panels-input-disabled-text-color: var(--bulma-text-50);
  --panels-input-disabled-background-color: var(--bulma-text-10);
  --panels-label-color: var(--bulma-text-80);
  --panels-mode-banner-height: 40px;
  --panels-navbar-height: 56px;
  --panels-panel-height: calc(100vh - var(--panels-navbar-height));
  --panels-navbar-offset-height: 70px;
  --panels-navbar-background-color: var(--bulma-dark);
  --panels-navbar-text-color: var(--bulma-text-75);
  --panels-navbar-link-color: var(--bulma-link-75);
  --panels-navbar-z-index: 1050;
  --panels-detail-image-height: 675px;
  --panels-detail-image-width: auto;
  --panels-preview-image-height: 128px;
  --panels-preview-image-width: 128px;
  --panels-preview-image-default-color: var(--bulma-text-20);
  --panels-preview-image-active-color: var(--bulma-primary-60);
  --panels-preview-image-add-mode-color: var(--bulma-success);
  --panels-tabs-height: 50px;
  --panels-tabs-text-color: var(--bulma-text-80);
  --panels-tabs-background-color: var(--bulma-text-20);
  --panels-tabs-active-text-color: var(--bulma-primary-80);
  --panels-tabs-active-background-color: var(--bulma-text-15);
  --panels-tabs-hover-text-color: var(--bulma-primary-70);
  --panels-tabs-hover-background-color: var(--panels-tabs-active-background-color);
  --panels-ui-highlight-color: var(--bulma-info-70);
  --panels-ui-highlight-background-color: var(--bulma-info-90);
  --panels-ui-highlight-border-width: 3px;
  --panels-ui-highlight-text-color: var(--bulma-info-35);
  --panels-ui-hightlight-border-radius: 10px;
  --panels-sample-header-height: 125px;
}

@media screen and (max-width: 1023px) {
  :root {
    --panels-navbar-height: 52px;
  }
}
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media print {
  .hl-panel-wrapper {
    display: none;
  }
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  #HeadlightPanels-NavBar-Save-Button-Text {
    display: none;
  }
}
body.has-navbar-fixed-top {
  padding-top: var(--panels-navbar-height);
  padding-bottom: 1.5rem;
}
body.has-navbar-fixed-top .hl-panel-wrapper {
  top: var(--panels-navbar-height);
  bottom: 0;
}
body.has-navbar-fixed-top .hl-panel-wrapper .panel {
  height: var(--panels-panel-height);
}
body.has-navbar-fixed-bottom {
  padding-bottom: var(--panels-navbar-height);
}
body.has-navbar-fixed-bottom .hl-panel-wrapper {
  top: 0;
  bottom: var(--panels-navbar-height);
}
body.has-navbar-fixed-bottom .hl-panel-wrapper .panel {
  height: var(--panels-panel-height);
}
body.use-lefty-mode .navbar {
  flex-direction: row-reverse;
}
body.use-lefty-mode .navbar .navbar-end {
  justify-content: flex-start;
}
body.use-lefty-mode .navbar .navbar-end .navbar-item:nth-child(1) {
  order: 4;
}
body.use-lefty-mode .navbar .navbar-end .navbar-item:nth-child(2) {
  order: 3;
}
body.use-lefty-mode .navbar .navbar-end .navbar-item:nth-child(3) {
  order: 2;
}
body.use-lefty-mode .navbar .navbar-end .navbar-item:nth-child(4) {
  order: 1;
}
body.has-hidden-help-text .help .description-text {
  display: none;
}
body .navbar .navbar-item .badge {
  top: 13px;
  right: 13px;
  box-shadow: none;
}
body .navbar .navbar-end {
  display: flex;
  justify-content: flex-end;
  margin-inline-start: auto;
  flex-grow: 1;
}
body #HeadlightPanels-NavBar {
  z-index: var(--panels-navbar-z-index);
}
body #HeadlightPanels-NavBar-Brand {
  height: var(--panels-navbar-height);
}
body .modal {
  z-index: calc(var(--panels-navbar-z-index) + 10);
}
body .modal .full-size-pdf-with-offsets {
  width: 769px;
  height: calc(100vh - var(--panels-header-height) - var(--panels-tabs-height)) !important;
}
body .modal .full-size-image-with-offsets,
body .modal .full-size-video-with-offsets {
  width: 75vw;
  max-height: calc(100vh - var(--panels-header-height) - var(--panels-tabs-height)) !important;
}
body .has-shadow {
  box-shadow: var(--panels-button-shadow);
}
body .dropdown.is-active .dropdown-menu-panel, body .dropdown.is-hoverable:hover .dropdown-menu-panel {
  display: block;
}
body .dropdown.is-right .dropdown-menu-panel {
  left: auto;
  right: 0;
}
body .dropdown.is-up .dropdown-menu-panel {
  bottom: 100%;
  padding-bottom: var(--bulma-dropdown-content-offset);
  padding-top: initial;
  top: auto;
}
body .dropdown.is-left.is-up .dropdown-menu-panel {
  left: auto;
  right: 45px;
  top: -50px;
}
body .dropdown-menu-panel {
  display: none;
  left: 0;
  padding-top: var(--bulma-dropdown-content-offset);
  position: absolute;
  top: 100%;
  z-index: var(--bulma-dropdown-content-z);
}
body .dropdown-content-panel {
  background-color: var(--panels-background-color);
  border-radius: var(--panels-ui-hightlight-border-radius);
  box-shadow: var(--panels-button-shadow);
  padding-bottom: var(--bulma-dropdown-content-padding-bottom);
  padding-top: var(--bulma-dropdown-content-padding-top);
}
body .dropdown-item-panel {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
}
body a.dropdown-item-panel,
body button.dropdown-item-panel {
  background-color: var(--panels-content-block-background-color);
  padding-inline-end: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
body a.dropdown-item-panel:hover,
body button.dropdown-item-panel:hover {
  background-color: var(--panels-tabs-active-background-color);
  border: var(--panels-tabs-active-background-color);
}
body a.dropdown-item-panel:active,
body button.dropdown-item-panel:active {
  background-color: var(--panels-tabs-active-background-color);
  border: var(--panels-tabs-active-background-color);
}
body #ProjectFileSearch-ResultsEntries tr:hover,
body #ObservationSearch-ResultsEntries tr:hover,
body #ObservationPanel-Row div:hover {
  cursor: pointer;
}
body .add-to-set-link:hover {
  text-decoration: underline;
}

.has-animated-thick-outline {
  --angle: 0deg;
  width: 50vmin;
  height: 50vmin;
  border: 7px solid;
  border-image: linear-gradient(var(--angle), var(--bulma-primary), var(--bulma-primary-light)) 1;
  animation: 1.5s rotate linear infinite;
}

/*# sourceMappingURL=headlight-panels.css.map */