.main-layout.svelte-16lhe2o.svelte-16lhe2o {
  display: flex;
  box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1)
}

button.svelte-16lhe2o.svelte-16lhe2o {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

@media print {
  .main-layout.svelte-16lhe2o.svelte-16lhe2o {
    box-shadow: none
  }
}

.wrapper.svelte-16lhe2o.svelte-16lhe2o {
  background: #f3eef6;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  overflow: hidden;
  position: relative;
  max-height: 100vh;
  transition: all 0.1s linear
}

.interactMain.svelte-16lhe2o.svelte-16lhe2o {
  position: relative;
  z-index: 1
}

.blur.svelte-16lhe2o.svelte-16lhe2o {
  filter: blur(0.3rem);
  opacity: 0.8
}

.fullscreen.svelte-16lhe2o.svelte-16lhe2o {
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  box-shadow: 0px 0px 25px 25px rgba(132, 85, 161, 0.1)
}

@media print {
  .fullscreen.svelte-16lhe2o.svelte-16lhe2o {
    position: static;
    z-index: unset;
    left: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin: 0;
    padding: 0
  }
}

button.itm-expander-button.svelte-16lhe2o.svelte-16lhe2o {
  background-color: #f3eef6;
  padding: 10px 15px;
  color: #000;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  display: flex;
  transition: 0.2s;
  font-size: 125%;
  line-height: 1.5;
  margin: 20px 0 10px 0;
  font-weight: 700;
  letter-spacing: -0.165px
}

button.itm-expander-button.active.svelte-16lhe2o.svelte-16lhe2o {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px
}

button.itm-expander-button.svelte-16lhe2o.svelte-16lhe2o:hover,
button.itm-expander-button.svelte-16lhe2o.svelte-16lhe2o:focus {
  background-color: #8455a111
}

button.itm-expander-button.svelte-16lhe2o span.material-icons.svelte-16lhe2o {
  align-self: center;
  font-size: 125%
}

.expand-content.svelte-16lhe2o.svelte-16lhe2o {
  color: #000;
  overflow: auto;
  padding: 10px 15px
}

.joker-expand-container.svelte-16lhe2o.svelte-16lhe2o {
  margin: 10px 0;
  background: #f3eef6;
  border-radius: 5px;
  border-left: 4px solid rgb(132, 85, 161)
}

.expand-content.svelte-16lhe2o .wrapper.svelte-16lhe2o:not(.fullscreen) {
  margin-top: 0.5em;
  margin-bottom: 0em;
  background-color: tranparent
}

.toc-container.svelte-1rmgum {
  display: flex;
  flex-direction: column;
  gap: 10px
}

ul.svelte-1rmgum {
  margin-left: 5px;
  font-size: 15px
}

.root-list.svelte-1rmgum {
  padding-bottom: 50px
}

.zoom.svelte-b7fnu3.svelte-b7fnu3 {
  position: absolute;
  right: 5px;
  top: 5px
}

.zoom.svelte-b7fnu3 button.svelte-b7fnu3 {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  background-color: white;
  border: 1px solid black;
  height: 25px;
  width: 25px;
  line-height: 50%;
  font-weight: bold;
  padding: 0
}

.outerWrap.svelte-b7fnu3.svelte-b7fnu3 {
  position: relative;
  width: 100%;
  min-height: 40em;
  padding: 1em;
  cursor: all-scroll;
  max-width: 100%;
  overflow: hidden
}

.mapWrap.svelte-b7fnu3.svelte-b7fnu3 {
  display: flex;
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
  scrollbar-width: thin;
  scrollbar-color: #f3eef6;
  scrollbar-arrow-color: #cebbd9;
  cursor: all-scroll;
  max-height: calc(100vh - 4.6em)
}

.scroll.svelte-b7fnu3.svelte-b7fnu3 {
  overflow: auto
}

.mapWrap.svelte-b7fnu3.svelte-b7fnu3::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: white
}

.mapWrap.svelte-b7fnu3.svelte-b7fnu3::-webkit-scrollbar-thumb {
  background: #cebbd9;
  border-radius: 1px
}

.mapWrap.svelte-b7fnu3.svelte-b7fnu3::-webkit-scrollbar-corner {
  background: #fff
}

.imageWrap.svelte-b7fnu3.svelte-b7fnu3 {
  position: relative;
  cursor: all-scroll;
  margin: auto
}

img.svelte-b7fnu3.svelte-b7fnu3 {
  image-rendering: auto;
  -webkit-image-rendering: -webkit-optimize-contrast;
  cursor: all-scroll
}

.maxWidthBeforeInteract.svelte-b7fnu3.svelte-b7fnu3 {
  width: 100%
}

.interactive.svelte-b7fnu3 img.svelte-b7fnu3 {
  max-width: none !important
}

.drawerdetails.svelte-1pa08el.svelte-1pa08el {
  width: 25em !important;
  min-height: 50px;
  height: calc(100% - 3.1em);
  background-color: white;
  transition: opacity 0.2s,
    visibility 0.2s;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  padding: 15px
}

.drawerdetails.expanded.svelte-1pa08el .footer.svelte-1pa08el {
  height: 1em;
  box-shadow: -10px -7px 10px 1px white;
  position: relative;
  z-index: 99
}

.fixed-top-right.svelte-1pa08el.svelte-1pa08el {
  position: absolute;
  top: 85px;
  right: 24px;
  z-index: 100000
}

.drawerdetails.expanded.svelte-1pa08el.svelte-1pa08el {
  opacity: 1;
  visibility: visible;
  height: calc(100vh - 3.1em);
  min-width: 25em
}

.drawerdetails.svelte-1pa08el .body.svelte-1pa08el {
  height: calc(100% - 3.3em);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #f3eef6;
  scrollbar-arrow-color: #cebbd9;
  margin-right: -1em;
  padding-right: 2em;
  padding-top: 0.5em;
  font-size: smaller;
  overflow-x: hidden;
  width: 100%;
  word-break: break-word
}

.drawerdetails.svelte-1pa08el .body.svelte-1pa08el::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: white
}

.drawerdetails.svelte-1pa08el .body.svelte-1pa08el::-webkit-scrollbar-thumb {
  background: #cebbd9;
  border-radius: 1px
}

.drawerdetails.svelte-1pa08el .body.svelte-1pa08el::-webkit-scrollbar-corner {
  background: #fff
}

.drawerdetails.svelte-1pa08el .head.svelte-1pa08el {
  display: flex;
  position: relative;
  justify-content: space-between;
  z-index: 9;
  height: 2em;
  margin-bottom: 0.5em;
  max-width: 100%
}

.drawerdetails.svelte-1pa08el .head h3.svelte-1pa08el {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  overflow-y: visible;
  height: fit-content;
  line-height: 1.4 !important;
  margin: 0 !important;
  width: calc(100% - 50px)
}

.floating.svelte-1pa08el.svelte-1pa08el {
  position: absolute;
  left: calc(100% - 25em);
  box-shadow: 0px 10px 10px 5px rgba(40, 40, 40, 0.1)
}

.mt--1.svelte-1pa08el.svelte-1pa08el {
  margin-top: -0.25rem
}

.drawermenu.svelte-1r1slgv.svelte-1r1slgv {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 25em;
  min-height: 50px;
  height: calc(100% - 3.1em);
  background-color: white;
  transition: opacity 0.2s,
    visibility 0.2s;
  opacity: 0;
  visibility: hidden;
  z-index: 200;
  padding: 15px
}

button.svelte-1r1slgv.svelte-1r1slgv {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}

.drawermenu.svelte-1r1slgv .footer.svelte-1r1slgv {
  height: 1em;
  box-shadow: -10px -7px 10px 1px white;
  position: relative;
  z-index: 99
}

.drawermenu button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.floating.svelte-1r1slgv.svelte-1r1slgv {
  position: absolute;
  box-shadow: 0px 10px 10px 5px rgba(40, 40, 40, 0.1)
}

.fixed-top-left.svelte-1r1slgv.svelte-1r1slgv {
  position: absolute;
  top: 85px;
  left: 24px;
  z-index: 100000;
  transition: left 0.2s;

  &.open {
    left: 345px;
  }
}

.drawermenu.expanded.svelte-1r1slgv.svelte-1r1slgv {
  opacity: 1;
  visibility: visible;
  height: calc(100vh - 3.1em)
}

.drawermenu.svelte-1r1slgv .body.svelte-1r1slgv {
  overflow-y: auto;
  height: calc(100% - 3.3em);
  scrollbar-width: thin;
  scrollbar-color: #f3eef6;
  scrollbar-arrow-color: #cebbd9;
  margin-right: -1em;
  padding-right: 2em
}

.drawermenu.svelte-1r1slgv .body.svelte-1r1slgv::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: white
}

.drawermenu.svelte-1r1slgv .body.svelte-1r1slgv::-webkit-scrollbar-thumb {
  background: #cebbd9;
  border-radius: 1px
}

.drawermenu.svelte-1r1slgv .body.svelte-1r1slgv::-webkit-scrollbar-corner {
  background: #fff
}

.drawermenu.svelte-1r1slgv .head.svelte-1r1slgv {
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  justify-content: space-between;
  z-index: 9;
  margin-bottom: 0.5em
}

h3.svelte-1r1slgv.svelte-1r1slgv {
  line-height: 1.4 !important;
  margin: 0 !important
}

.activateInteract.svelte-4cpqoc.svelte-4cpqoc {
  display: flex;
  margin-top: 20%;
  align-items: center;
  height: 100%;
  flex-direction: column
}

.button.svelte-4cpqoc.svelte-4cpqoc {
  width: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-color: #333;
  background-color: transparent;
  color: #333;
  border: 3px solid;
  padding: 0.1em 1em;
  font-size: x-large;
  font-weight: 400;
  border-radius: 25px
}

.activateInteract.svelte-4cpqoc .button.svelte-4cpqoc:hover {
  background-color: #333;
  color: white;
  border-color: #333
}

.interactInit.svelte-4cpqoc.svelte-4cpqoc {
  background-color: #ffffffc0;
  position: absolute;
  width: 100%;
  top: 0px;
  height: 100%;
  z-index: 1000
}

.button-link i.material-icons,
.button-link span.material-icons {
  color: black !important
}

@media only screen and (max-width: 600px) {
  .logotype.svelte-1km417s {
    display: none
  }
}

.page-navigation.svelte-1km417s {
  padding: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  height: 77px;
  min-height: unset;
  background-color: white;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.logotype.svelte-1km417s {
  height: 1.5rem
}

.drawerdetails.svelte-fpvutn.svelte-fpvutn {
  width: 100% !important;
  max-height: 100vh;
  overflow: auto;
  background-color: white;
  z-index: 100;
  padding: 15px 15px 50px 15px
}

.drawerdetails.svelte-fpvutn .footer.svelte-fpvutn {
  height: 1em;
  box-shadow: -10px -7px 10px 1px white;
  position: relative;
  z-index: 99
}

.drawerdetails.svelte-fpvutn .head.svelte-fpvutn {
  display: flex;
  position: relative;
  justify-content: space-between;
  z-index: 9;
  height: 2em;
  margin-bottom: 0.5em;
  max-width: 100%
}

.itm-detail-head.svelte-1j3xzx1.svelte-1j3xzx1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px
}

.itm-title.svelte-1j3xzx1.svelte-1j3xzx1 {
  margin-bottom: 10px !important
}

.itm-detail-back.svelte-1j3xzx1.svelte-1j3xzx1 {
  margin-right: 17px
}

.itm-table.svelte-1j3xzx1.svelte-1j3xzx1 {
  width: 100%
}

.itm-table-head.svelte-1j3xzx1.svelte-1j3xzx1 {
  background-color: #f4f5f7
}

.itm-table-element.svelte-1j3xzx1.svelte-1j3xzx1,
.itm-table-heading.svelte-1j3xzx1.svelte-1j3xzx1 {
  border: 1px solid #bbb;
  padding: 8px
}

.attributes-title.svelte-1j3xzx1.svelte-1j3xzx1 {
  width: 25%
}

.attributes-description.svelte-1j3xzx1.svelte-1j3xzx1 {
  width: 50%
}

.attributes-type.svelte-1j3xzx1.svelte-1j3xzx1 {
  width: 20%
}

.attributes-type.svelte-1j3xzx1 button.svelte-1j3xzx1 {
  all: unset;

  &.link {
    text-decoration: underline;
    cursor: pointer;
  }

  ;

  &.link:hover {
    text-decoration: none;
  }
}

.attributes-multiplicity.svelte-1j3xzx1.svelte-1j3xzx1 {
  width: 5%
}

.attributes-header {
  line-height: unset !important;
  margin: unset !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: black !important;

  &:not(:first-child) {
    margin-top: 20px !important;
  }
}

.line-break {
  line-height: 0;
  margin-bottom: 5px
}

ul.svelte-86nbx9.svelte-86nbx9 {
  margin-left: 5px;
  font-size: 15px
}

button.active.svelte-86nbx9.svelte-86nbx9 {
  background-color: #cebbd944;
  border-color: #cebbd944
}

span.parent-item.svelte-86nbx9.svelte-86nbx9 {
  font-weight: normal
}

li.link.svelte-86nbx9.svelte-86nbx9 {
  margin-left: 1.6em
}

.button-link.svelte-86nbx9.svelte-86nbx9 {
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 6px;
  color: black;
  width: 100%;
  margin: 0 !important
}

li.svelte-86nbx9.svelte-86nbx9 {
  padding: 0;
  margin: 0
}

span.button-text.svelte-86nbx9.svelte-86nbx9 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

span.material-icons.svelte-86nbx9.svelte-86nbx9 {
  min-width: 20px
}

.button-link.svelte-86nbx9 span.material-icons.svelte-86nbx9::before {
  background-color: transparent !important
}

iframe.svelte-1ynv2wm {
  position: absolute;
  left: -10000px;
  top: -10000px
}

button.svelte-1rrkqvj {
  all: unset;
  box-sizing: border-box
}

.itmObject.svelte-1rrkqvj {
  position: absolute;
  background-color: transparent;
  cursor: pointer
}

.searched.svelte-1rrkqvj {
  border: 3px solid #43b2f7;
  box-shadow: 0px 0px 0px 2px #fff7b922;

  &.active {
    border: unset;
  }
}

.searched.svelte-1rrkqvj:hover:not(.active) {
  border-width: 2px
}

.highlighted {
  background-color: #fff7b955 !important
}

.itmObject.active.svelte-1rrkqvj {
  border: 3px solid #ef8604;
  box-shadow: 0px 0px 0px 2px #fff7b922
}

.itmObject.active.svelte-1rrkqvj:hover {
  border-width: 2px
}

.itmObject.svelte-1rrkqvj:hover:not(.searched, .active) {
  border: 2px solid black;
  box-shadow: 0px 0px 0px 2px #fff7b922
}

.itmObject.svelte-1rrkqvj:focus {
  outline: 2px solid black;
  outline-offset: 2px
}

.TableRowBottomDashed {
  border-bottom-color: transparent;
  color: #222222;
  cursor: default;
  padding: 2px 2px 20px 2px;
  vertical-align: top;
  margin-top: 2em;
  display: inline-block
}

table {
  width: 100%;
  margin-bottom: 2em !important
}

.name w {
  display: none;
  margin-top: 0.5em
}

.name+table {
  display: none
}

.details-row td {
  padding-top: 4px;
  padding-bottom: 14px
}

a {
  max-width: 100%;
  display: inline-block;
  overflow-wrap: break-word
}

td {
  vertical-align: top
}

.ObjectDetailsNotes {
  margin: 0;
  margin-bottom: 0.75em;
  margin-top: 0.5em;
  margin-left: -5px;
  padding: 0
}

.note>.ObjectDetailsNotes {
  margin: 1em 0;
  margin-left: 0px;
  padding: 0
}

.ObjectTitle {
  display: none !important
}

.ItemTitle {
  display: none
}

.hidden,
.material-icons.hidden {
  display: none
}

.btn-link {
  color: black;
  border: 0;
  padding: 0;
  line-height: 0;
  background-color: transparent;
  margin-right: 5px;
  margin-left: -5px
}

.detailsheader {
  width: 100%;
  display: flex;
  justify-content: start;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 1rem
}

.drawerdetails h3 {
  margin: 0 !important;
  font-size: 125% !important;
  font-weight: 700 !important
}

.TableGroup tbody {
  margin-bottom: 1.5rem
}

.expand .material-icons {
  pointer-events: none
}

.marked {
  background: #3cade99c !important;
  color: black !important;
  font-weight: inherit !important;
  word-break: initial !important
}

.detailsheader,
#TaggedValTable,
#CustomPropertiesTable,
#LinksTable,
#AssociationsToTable,
#AssociationsFromTable,
#ConstraintsTable {
  display: none
}

tbody tr {
  border-bottom: 1px solid transparent
}

.itm-attribute {
  border-bottom: 1px solid #777
}

.attributes-type.svelte-umjmhk button.svelte-umjmhk {
  all: unset;

  &.link {
    text-decoration: underline;
    cursor: pointer;
  }

  ;

  &.link:hover {
    text-decoration: none;
  }
}

.selected.svelte-ukqu1j {
  background-color: #6db9e83d !important
}

.search-container.svelte-ukqu1j {
  margin-left: 5px
}

.results-container.svelte-ukqu1j {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #666666;
  border-radius: 5px
}

.results-header.svelte-ukqu1j {
  margin: 10px 0 10px 4px !important;
  padding: 2px 12px !important
}

.search-hits-container.svelte-ukqu1j {
  display: flex;
  flex-direction: column;
  max-height: 196px;
  overflow-y: auto;
  overflow-x: hidden
}

.reset-btn.svelte-ukqu1j {
  all: unset;
  cursor: pointer;
  float: right;
  position: relative;
  top: -32px;
  margin-right: 22px
}

.reset.svelte-ukqu1j {
  position: absolute;
  font-size: 18px;
  color: #999999
}

.result-btn.svelte-ukqu1j {
  all: unset;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 2px 0 2px 10px;
  flex: 0 0 auto;
  width: 100%
}

.result-btn.svelte-ukqu1j:hover {
  background-color: #fff7b955
}