/* node_modules/@discoveryjs/discovery/dist/discovery.css */
h1.modelfree::before {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -5px;
  margin-right: 10px;
  width: 42px;
  height: 42px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij4KICAgIDxyZWN0IHg9IjY1LjYiIHk9IjI0LjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTM5NyAtMC4zNDIgMC4zNDIgMC45Mzk3IC05Ljk0MjYgMzEuODI4KSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjM5LjMiIGhlaWdodD0iMzkiPjwvcmVjdD4KICAgIDxyZWN0IHg9IjcwLjYiIHk9IjUyLjciIHRyYW5zZm9ybT0ibWF0cml4KC0wLjkzOTcgMC4zNDIgLTAuMzQyIC0wLjkzOTcgMTk0Ljc4NTIgODEuMTIwNCkiIGZpbGw9IiNDN0Q3RTIiIHdpZHRoPSIzOS4zIiBoZWlnaHQ9IjEwIj48L3JlY3Q+CiAgICA8cGF0aCBmaWxsPSIjOThCRUQ4IiBkPSJNMTExLjUsNTQuNmwtMS4xLDEuMUw5Ny4xLDE5LjFsMS41LDAuMmM4LDAuOSwxNC43LDYuMiwxNy40LDEzLjdsMCwwQzExOC44LDQwLjQsMTE3LDQ4LjgsMTExLjUsNTQuNnoiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9IiM0NTRCNTQiIGQ9Ik03My41LDcyLjJjLTEuMiwwLTIuNC0wLjgtMi44LTJMNTcuMywzMy41Yy0wLjMtMC43LTAuMi0xLjYsMC4xLTIuM2MwLjMtMC43LDAuOS0xLjMsMS43LTEuNmwzNi45LTEzLjRjMS42LTAuNiwzLjMsMC4yLDMuOCwxLjhsMTMuMywzNi42YzAuMywwLjcsMC4yLDEuNi0wLjEsMi4zYy0wLjMsMC43LTAuOSwxLjMtMS43LDEuNkw3NC41LDcyQzc0LjIsNzIuMSw3My44LDcyLjIsNzMuNSw3Mi4yek02NCwzNC4zbDExLjMsMzFsMzEuMy0xMS40bC0xMS4zLTMxTDY0LDM0LjN6Ij48L3BhdGg+CiAgICA8cmVjdCB4PSIzNSIgeT0iNDYuNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC45Mzk3IC0wLjM0MiAwLjM0MiAwLjkzOTcgLTE2LjIwMTEgMjAuOTg4KSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMyLjgiIGhlaWdodD0iMTkuNSI+PC9yZWN0PgogICAgPHJlY3QgeD0iMzcuMyIgeT0iNTkuOCIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuOTM5NyAwLjM0MiAtMC4zNDIgLTAuOTM5NyAxMjUuNjc2MyAxMDMuMzk0NikiIGZpbGw9IiNDN0Q3RTIiIHdpZHRoPSIzMi44IiBoZWlnaHQ9IjYiPjwvcmVjdD4KICAgIDxwYXRoIGZpbGw9IiM0NTRCNTQiIGQ9Ik0zOS40LDc0LjJjLTAuNCwwLTAuOS0wLjEtMS4zLTAuM2MtMC43LTAuMy0xLjMtMC45LTEuNi0xLjdsLTYuNy0xOC4zYy0wLjMtMC43LTAuMi0xLjYsMC4xLTIuM2MwLjMtMC43LDAuOS0xLjMsMS43LTEuNmwzMC44LTExLjJjMC43LTAuMywxLjYtMC4yLDIuMywwLjFjMC43LDAuMywxLjMsMC45LDEuNiwxLjdMNzMsNTljMC42LDEuNi0wLjIsMy4zLTEuOCwzLjhMNDAuNCw3NEM0MCw3NC4xLDM5LjcsNzQuMiwzOS40LDc0LjJ6IE0zNi41LDU0LjdsNC42LDEyLjdsMjUuMi05LjJsLTQuNi0xMi43TDM2LjUsNTQuN3oiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9IiM0NTRCNTQiIGQ9Ik03MCwxMTguOWMtMS4yLDAtMi40LTAuNy0yLjgtMS45bC0xNC0zNy4ybC04LjQsMy4xbC0xNy4yLDM0LjRjLTAuNywxLjUtMi41LDIuMS00LDEuM2MtMS41LTAuNy0yLjEtMi41LTEuMy00TDQwLDc5YzAuMy0wLjcsMC45LTEuMiwxLjctMS41TDU0LDczLjFjMS41LTAuNiwzLjMsMC4yLDMuOCwxLjhsMTUsNDBjMC42LDEuNi0wLjIsMy4zLTEuOCwzLjlDNzAuNywxMTguOCw3MC40LDExOC45LDcwLDExOC45eiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzQ1NEI1NCIgZD0iTTEzLjYsODAuMWMtMS4yLDAtMi40LTAuOC0yLjgtMkw2LjMsNjUuOWMtMC42LTEuNiwwLjItMy4zLDEuOC0zLjhjMS42LTAuNiwzLjMsMC4yLDMuOCwxLjhsNC40LDEyLjJjMC42LDEuNi0wLjIsMy4zLTEuOCwzLjhDMTQuMyw4MC4xLDE0LDgwLjEsMTMuNiw4MC4xeiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzQ1NEI1NCIgZD0iTTEzLjIsNzMuM2MtMS4yLDAtMi40LTAuOC0yLjgtMmMtMC42LTEuNiwwLjItMy4zLDEuOC0zLjhMMzUsNTkuMmMxLjYtMC42LDMuMywwLjIsMy44LDEuOGMwLjYsMS42LTAuMiwzLjMtMS44LDMuOGwtMjIuOCw4LjNDMTMuOSw3My4zLDEzLjYsNzMuMywxMy4yLDczLjN6Ij48L3BhdGg+Cjwvc3ZnPgo=) no-repeat center;
  background-size: 42px;
}
h1.modelfree .view-badge {
  font-size: 50%;
  vertical-align: middle;
  border: 2px solid transparent;
  background-color: #9fc70b40;
}
.page-report > .report-header {
  display: flex;
  flex-direction: row;
  line-height: 1.2;
  position: sticky;
  top: -2px;
  z-index: 100;
  padding: 22px 250px 7px 40px;
  padding: 22px calc(40px + 6px + max(42px * 3, var(--discovery-nav-width, 0px))) 7px 40px;
  margin: 0 -40px 18px;
  background-color: #ffffffeb;
  transition: background-color .25s ease-in;
}
.discovery-root-darkmode .page-report > .report-header {
  background-color: #242424eb;
}
.page-report.page_overscrolled > .report-header {
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  transition-property: background-color, box-shadow;
}
.discovery-root-darkmode .page-report.page_overscrolled > .report-header {
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
@supports (backdrop-filter: blur(5px)) or (-webkit-backdrop-filter: blur(5px)) {
  .page-report > .report-header {
    background-color: #fffc;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .discovery-root-darkmode .page-report > .report-header {
    background-color: #242424cc;
  }
}
.page-report > .report-header .report-header-text {
  flex: 1;
  position: relative;
  font-size: 220%;
}
.page-report > .report-header .report-header-text::before {
  content: attr(data-title);
}
.page-report > .report-header .report-header-text input {
  font: inherit;
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: -1px;
  padding: 0;
  opacity: .0001;
  border: 1px solid #aaa;
  border-color: transparent transparent #aaa transparent;
  background-color: transparent;
  transition: box-shadow .15s ease-out;
}
.page-report > .report-header .report-header-text input:hover,
.page-report > .report-header .report-header-text input:focus {
  opacity: 1;
}
.page-report > .report-header .report-header-text input:focus {
  border-bottom-color: #0af;
  box-shadow: 0 3px 0 0 rgba(0, 170, 255, .2) !important;
  outline: 0;
}
.page-report > .report-header .report-header-text .timestamp {
  display: block;
  font-size: 10px;
  color: #99999980;
  margin-top: 4px;
}
.page-report > .report-actions {
  position: sticky;
  top: 34px;
  transition: top .25s;
  z-index: 101;
  display: flex;
  justify-content: flex-end;
  margin-top: 19px;
  margin-bottom: -61px;
  pointer-events: none;
}
.page-report > .report-actions button {
  width: 42px;
  height: 42px;
  background: center no-repeat;
  border-radius: 5px;
  border: none;
  text-indent: -500px;
  overflow: hidden;
  cursor: pointer;
  opacity: .5;
  outline: none;
  pointer-events: auto;
}
.page-report > .report-actions button.discovery-view-popup-active,
.page-report > .report-actions button:hover,
.page-report > .report-actions button:focus {
  background-color: #00000008;
  opacity: 1;
}
.page-report > .report-actions button.toggle-fullscreen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+CiAgICA8cGF0aCBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iLjUiIGZpbGw9IiM4ODgiIGQ9Ik0gLTMgOCBDIC0yLjczNDM3NSA4IC0yLjQ4MDQ2ODc1IDguMTA1NDY4NzUgLTIuMjkyOTY4NzUgOC4yOTI5Njg3NSBDIC0yLjEwNTQ2ODc1IDguNDgwNDY4NzUgLTIgOC43MzQzNzUgLTIgOSBMIC0yIDI2LjI2NTYyNSBDIC0yLjI5Mjk2ODc1IDI2LjA5NzY1NjI1IC0yLjYzNjcxODc1IDI2IC0zIDI2IEwgLTQgMjYgTCAtNCAxMCBMIC00NiAxMCBMIC00NiA0NCBMIC0yOS45OTk5OTgwOTI2NTEzNjcgNDQgTCAtMjkuOTk5OTk4MDkyNjUxMzY3IDQ1IEMgLTI5Ljk5OTk5ODA5MjY1MTM2NyA0NS4zNjMyODEyNSAtMjkuOTAyMzQxODQyNjUxMzY3IDQ1LjcwNzAzMTI1IC0yOS43MzQzNzMwOTI2NTEzNjcgNDYgTCAtNDcgNDYgQyAtNDcuMjY1NjI1IDQ2IC00Ny41MTk1MzEyNSA0NS44OTQ1MzEyNSAtNDcuNzA3MDMxMjUgNDUuNzA3MDMxMjUgQyAtNDcuODk0NTMxMjUgNDUuNTE5NTMxMjUgLTQ4IDQ1LjI2NTYyNSAtNDggNDUgTCAtNDggOSBDIC00OCA4LjczNDM3NSAtNDcuODk0NTMxMjUgOC40ODA0Njg3NSAtNDcuNzA3MDMxMjUgOC4yOTI5Njg3NSBDIC00Ny41MTk1MzEyNSA4LjEwNTQ2ODc1IC00Ny4yNjU2MjUgOCAtNDcgOCBaIE0gLTM2IDEzIEMgLTM1LjY0MDYyNSAxMi45OTYwOTM3NSAtMzUuMzA0Njg3NSAxMy4xODM1OTM3NSAtMzUuMTIxMDkzNzUgMTMuNDk2MDkzNzUgQyAtMzQuOTQxNDA2MjUgMTMuODA4NTkzNzUgLTM0Ljk0MTQwNjI1IDE0LjE5MTQwNjI1IC0zNS4xMjEwOTM3NSAxNC41MDM5MDYyNSBDIC0zNS4zMDQ2ODc1IDE0LjgxNjQwNjI1IC0zNS42NDA2MjUgMTUuMDAzOTA2MjUgLTM2IDE1IEwgLTM5LjU4NTkzNzUgMTUgTCAtMjkuMjkyOTY2ODQyNjUxMzY3IDI1LjI5Mjk2ODc1IEMgLTI5LjAzMTI0ODA5MjY1MTM2NyAyNS41NDI5Njg3NSAtMjguOTI1Nzc5MzQyNjUxMzY3IDI1LjkxNzk2ODc1IC0yOS4wMTk1MjkzNDI2NTEzNjcgMjYuMjY1NjI1IEMgLTI5LjEwOTM3MzA5MjY1MTM2NyAyNi42MTcxODc1IC0yOS4zODI4MTA1OTI2NTEzNjcgMjYuODkwNjI1IC0yOS43MzQzNzMwOTI2NTEzNjcgMjYuOTgwNDY4NzUgQyAtMzAuMDgyMDI5MzQyNjUxMzY3IDI3LjA3NDIxODc1IC0zMC40NTcwMjkzNDI2NTEzNjcgMjYuOTY4NzUgLTMwLjcwNzAyOTM0MjY1MTM2NyAyNi43MDcwMzEyNSBMIC00MSAxNi40MTQwNjI1IEwgLTQxIDIwIEMgLTQwLjk5NjA5Mzc1IDIwLjM1OTM3NSAtNDEuMTgzNTkzNzUgMjAuNjk1MzEyNSAtNDEuNDk2MDkzNzUgMjAuODc4OTA2MjUgQyAtNDEuODA4NTkzNzUgMjEuMDU4NTkzNzUgLTQyLjE5MTQwNjI1IDIxLjA1ODU5Mzc1IC00Mi41MDM5MDYyNSAyMC44Nzg5MDYyNSBDIC00Mi44MTY0MDYyNSAyMC42OTUzMTI1IC00My4wMDM5MDYyNSAyMC4zNTkzNzUgLTQzIDIwIEwgLTQzIDEzIFogTSAtMyAyOCBDIC0yLjQ0OTIxODc1IDI4IC0yIDI4LjQ0OTIxODc1IC0yIDI5IEwgLTIgNDUgQyAtMiA0NS41NTA3ODEyNSAtMi40NDkyMTg3NSA0NiAtMyA0NiBMIC0yNi45OTk5OTgwOTI2NTEzNjcgNDYgQyAtMjcuNTUwNzc5MzQyNjUxMzY3IDQ2IC0yNy45OTk5OTgwOTI2NTEzNjcgNDUuNTUwNzgxMjUgLTI3Ljk5OTk5ODA5MjY1MTM2NyA0NSBMIC0yNy45OTk5OTgwOTI2NTEzNjcgMjkgQyAtMjcuOTk5OTk4MDkyNjUxMzY3IDI4LjQ0OTIxODc1IC0yNy41NTA3NzkzNDI2NTEzNjcgMjggLTI2Ljk5OTk5ODA5MjY1MTM2NyAyOCBaIE0gLTQgMzAgTCAtMjUuOTk5OTk4MDkyNjUxMzY3IDMwIEwgLTI1Ljk5OTk5ODA5MjY1MTM2NyA0NCBMIC00IDQ0IFoiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTAgMCkiIC8+Cjwvc3ZnPgo=);
  background-size: 25px;
}
.page-report > .report-actions button.edit-mode {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij4KICAgIDxwYXRoIGQ9Ik04NC43LDM5LjFsLTM3LjMsNjQuNGMtMy4xLDUuNC03LjQsMTAtMTIuNiwxMy40TDI0LDEyNGwwLjgtMTIuOWMwLjQtNi4yLDIuMi0xMi4yLDUuMy0xNy42bDM3LjMtNjQuNCIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik02MC40LDQ0LjFjLTAuNSwwLTEtMC4xLTEuNS0wLjRjLTEuNC0wLjgtMS45LTIuNy0xLjEtNC4xbDctMTJjMC44LTEuNCwyLjctMS45LDQuMS0xLjFzMS45LDIuNywxLjEsNC4xbC03LDEyQzYyLjQsNDMuNSw2MS40LDQ0LjEsNjAuNCw0NC4xeiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik03Ny43LDU0LjFjLTAuNSwwLTEtMC4xLTEuNS0wLjRjLTEuNC0wLjgtMS45LTIuNy0xLjEtNC4xbDctMTJjMC44LTEuNCwyLjctMS45LDQuMS0xLjFjMS40LDAuOCwxLjksMi43LDEuMSw0LjFsLTcsMTJDNzkuNyw1My41LDc4LjcsNTQuMSw3Ny43LDU0LjF6IiBzdHlsZT0iZmlsbDojRkZGRkZGOyI+PC9wYXRoPgogICAgPHBhdGggZD0iTTQ3LjIsOTQuOGMtMC41LDAtMS0wLjEtMS41LTAuNGMtMS40LTAuOC0xLjktMi43LTEuMS00LjFsMjUtNDMuNGMwLjgtMS40LDIuNi0xLjgsNC4xLTEuMWM1LjYsMi43LDUuNiwyLjcsNS42LDIuN0w0OS45LDkzLjRDNDkuMyw5NC40LDQ4LjIsOTQuOCw0Ny4yLDk0Ljh6IiBzdHlsZT0iZmlsbDojRkNDQTNEOyI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzg4OCIgc3Ryb2tlPSIjODg4IiBzdHJva2Utd2lkdGg9Ii41IiBkPSJNMjQsMTI3Yy0wLjUsMC0xLTAuMS0xLjUtMC40Yy0xLTAuNi0xLjYtMS42LTEuNS0yLjhsMC44LTEyLjljMC40LTYuNiwyLjQtMTMuMiw1LjctMTguOWwzMC4zLTUyLjRjMC44LTEuNCwyLjctMS45LDQuMS0xLjFjMS40LDAuOCwxLjksMi43LDEuMSw0LjFMMzIuNyw5NWMtMi45LDQuOS00LjUsMTAuNi00LjksMTYuM2wtMC40LDYuOWw1LjgtMy44QzM4LDExMS4zLDQyLDEwNyw0NC45LDEwMmwzMC4zLTUyLjRjMC44LTEuNCwyLjctMS45LDQuMS0xLjFjMS40LDAuOCwxLjksMi43LDEuMSw0LjFMNTAsMTA1Yy0zLjMsNS44LTgsMTAuNy0xMy41LDE0LjRsLTEwLjgsNy4xQzI1LjIsMTI2LjgsMjQuNiwxMjcsMjQsMTI3eiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzg4OCIgc3Ryb2tlPSIjODg4IiBzdHJva2Utd2lkdGg9Ii41IiBkPSJNODksMTI3SDQ5Yy0xLjcsMC0zLTEuMy0zLTNzMS4zLTMsMy0zaDQwYzEuNywwLDMsMS4zLDMsM1M5MC43LDEyNyw4OSwxMjd6Ij48L3BhdGg+CiAgICA8Y2lyY2xlIGZpbGw9IiM4ODgiIHN0cm9rZT0iIzg4OCIgc3Ryb2tlLXdpZHRoPSIuNSIgY3g9IjEwNCIgY3k9IjEyNCIgcj0iMyI+PC9jaXJjbGU+CiAgICA8cGF0aCBkPSJNODcuNywzNi43Yy0wLjUsMC0xLTAuMS0xLjUtMC40Yy0xLjQtMC44LTEuOS0yLjctMS4xLTQuMWMwLjktMS42LDEuMi0zLjUsMC43LTUuM3MtMS42LTMuMy0zLjMtNC4yYy0xLjYtMC45LTMuNS0xLjItNS4zLTAuN3MtMy4zLDEuNi00LjMsMy4zYy0wLjgsMS40LTIuNywxLjktNC4xLDEuMXMtMS45LTIuNy0xLjEtNC4xYzMuNi02LjIsMTEuNi04LjMsMTcuOC00LjhjMywxLjcsNS4yLDQuNSw2LjEsNy45czAuNCw2LjktMS4zLDkuOUM4OS43LDM2LjIsODguNywzNi43LDg3LjcsMzYuN3oiIHN0eWxlPSJmaWxsOiNGRjU1NzY7Ij48L3BhdGg+CiAgICA8cGF0aCBkPSJNODcuNywzMy43YzIuOC00LjgsMS4xLTEwLjktMy43LTEzLjdsMCwwYy00LjgtMi44LTEwLjktMS4xLTEzLjcsMy43bC0zLjcsNi41bDE3LjMsMTBMODcuNywzMy43eiIgc3R5bGU9ImZpbGw6I0ZGNTU3NjsiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik04My45LDQzLjJjLTAuNSwwLTEtMC4xLTEuNS0wLjRsLTE3LjMtMTBjLTAuNy0wLjQtMS4yLTEuMS0xLjQtMS44Yy0wLjItMC44LTAuMS0xLjYsMC4zLTIuM2wzLjctNi41YzMuNi02LjIsMTEuNi04LjMsMTcuOC00LjhjMywxLjcsNS4yLDQuNSw2LjEsNy45czAuNCw2LjktMS4zLDkuOWwtMy43LDYuNWMtMC40LDAuNy0xLjEsMS4yLTEuOCwxLjRDODQuNCw0My4yLDg0LjIsNDMuMiw4My45LDQzLjJ6IE03MC43LDI5LjFsMTIuMSw3bDIuMi0zLjlsMCwwYzAuOS0xLjYsMS4yLTMuNSwwLjctNS4zcy0xLjYtMy4zLTMuMy00LjJjLTMuMy0xLjktNy42LTAuOC05LjYsMi42TDcwLjcsMjkuMXoiIHN0eWxlPSJmaWxsOiNGRjU1NzY7Ij48L3BhdGg+CiAgICA8cGF0aCBkPSJNODMuOSw0My4yYy0wLjUsMC0xLTAuMS0xLjUtMC40Yy0xLjQtMC44LTEuOS0yLjctMS4xLTQuMWwzLjctNi41YzEtMS44LDEuMi00LDAuNS02Yy0wLjYtMS42LDAuMi0zLjMsMS44LTMuOWMxLjYtMC42LDMuMywwLjIsMy45LDEuOGMxLjQsMy43LDEsNy43LTAuOSwxMS4xbC0zLjcsNi41Qzg2LDQyLjcsODUsNDMuMiw4My45LDQzLjJ6IiBzdHlsZT0iZmlsbDojRDMyRjU2OyI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 20px;
}
.page-report > .report-actions button.edit-mode:not(.disabled) {
  opacity: 1;
}
.page-report > .report-actions button.edit-mode.disabled {
  filter: grayscale();
}
.page-report > .report-actions button.share {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+CiAgICA8cGF0aCBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iLjUiIGZpbGw9IiM4ODgiICBkPSJNIDI4Ljg3NSAxMSBDIDI4LjM3MTA5NCAxMS4wNjI1IDI3Ljk5NjA5NCAxMS40OTIxODggMjggMTIgTCAyOCAxOS4wNjI1IEMgMTYuNDg4MjgxIDE5LjQxNDA2MyAxMC4yODEyNSAyNS41MDc4MTMgNy4yMTg3NSAzMS41NjI1IEMgNC4xMTMyODEgMzcuNjk5MjE5IDQuMDAzOTA2IDQzLjY4MzU5NCA0IDQzLjg3NSBDIDQgNDMuODc1IDQgNDMuOTM3NSA0IDQzLjkzNzUgTCA0IDQ0IEMgMy45ODQzNzUgNDQuNTUwNzgxIDQuNDE3OTY5IDQ1LjAxNTYyNSA0Ljk2ODc1IDQ1LjAzMTI1IEMgNS41MTk1MzEgNDUuMDQ2ODc1IDUuOTg0Mzc1IDQ0LjYxMzI4MSA2IDQ0LjA2MjUgQyA2IDQ0LjA2MjUgNiA0NCA2IDQ0IEMgNi4wMDc4MTMgNDMuOTA2MjUgNi4yMzA0NjkgNDAuODc4OTA2IDkuMDkzNzUgMzcuNjU2MjUgQyAxMS45MDYyNSAzNC40OTYwOTQgMTcuMzk0NTMxIDMxLjMwODU5NCAyOCAzMS4wOTM3NSBMIDI4IDM4IEMgMjggMzguMzgyODEzIDI4LjIxODc1IDM4LjczNDM3NSAyOC41NjY0MDYgMzguOTAyMzQ0IEMgMjguOTE0MDYzIDM5LjA3MDMxMyAyOS4zMjQyMTkgMzkuMDIzNDM4IDI5LjYyNSAzOC43ODEyNSBMIDQ1LjYyNSAyNS43ODEyNSBDIDQ1Ljg2MzI4MSAyNS41ODk4NDQgNDYgMjUuMzA0Njg4IDQ2IDI1IEMgNDYgMjQuNjk1MzEzIDQ1Ljg2MzI4MSAyNC40MTAxNTYgNDUuNjI1IDI0LjIxODc1IEwgMjkuNjI1IDExLjIxODc1IEMgMjkuNDE0MDYzIDExLjA0Njg3NSAyOS4xNDQ1MzEgMTAuOTY4NzUgMjguODc1IDExIFogTSAzMCAxNC4wOTM3NSBMIDQzLjQwNjI1IDI1IEwgMzAgMzUuOTA2MjUgTCAzMCAzMCBDIDMwIDI5LjQ0OTIxOSAyOS41NTA3ODEgMjkgMjkgMjkgQyAxNy4yNDYwOTQgMjkgMTAuOTEwMTU2IDMyLjYxMzI4MSA3LjU5Mzc1IDM2LjM0Mzc1IEMgNy40Njg3NSAzNi40ODQzNzUgNy4zOTg0MzggMzYuNjA5Mzc1IDcuMjgxMjUgMzYuNzUgQyA3LjcwMzEyNSAzNS4zNzUgOC4yNTc4MTMgMzMuOTA2MjUgOSAzMi40Mzc1IEMgMTEuOTE3OTY5IDI2LjY3MTg3NSAxNy40ODgyODEgMjEgMjkgMjEgQyAyOS41NTA3ODEgMjEgMzAgMjAuNTUwNzgxIDMwIDIwIFogIiAvPgo8L3N2Zz4K);
  background-size: 25px;
}
.discovery[data-dzen] .page-report > .report-actions {
  top: 20px;
}
.discovery[data-dzen] .page-report > .report-actions button.toggle-fullscreen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+CiAgICA8cGF0aCBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iLjUiIGZpbGw9IiM4ODgiIGQ9Ik0gLTMgOCBDIC0yLjczNDM3NSA4IC0yLjQ4MDQ2ODc1IDguMTA1NDY4NzUgLTIuMjkyOTY4NzUgOC4yOTI5Njg3NSBDIC0yLjEwNTQ2ODc1IDguNDgwNDY4NzUgLTIgOC43MzQzNzUgLTIgOSBMIC0yIDI2LjI2NTYyNSBDIC0yLjI5Mjk2ODc1IDI2LjA5NzY1NjI1IC0yLjYzNjcxODc1IDI2IC0zIDI2IEwgLTQgMjYgTCAtNCAxMCBMIC00NiAxMCBMIC00NiA0NCBMIC0yOS45OTk5OTgwOTI2NTEzNjcgNDQgTCAtMjkuOTk5OTk4MDkyNjUxMzY3IDQ1IEMgLTI5Ljk5OTk5ODA5MjY1MTM2NyA0NS4zNjMyODEyNSAtMjkuOTAyMzQxODQyNjUxMzY3IDQ1LjcwNzAzMTI1IC0yOS43MzQzNzMwOTI2NTEzNjcgNDYgTCAtNDcgNDYgQyAtNDcuMjY1NjI1IDQ2IC00Ny41MTk1MzEyNSA0NS44OTQ1MzEyNSAtNDcuNzA3MDMxMjUgNDUuNzA3MDMxMjUgQyAtNDcuODk0NTMxMjUgNDUuNTE5NTMxMjUgLTQ4IDQ1LjI2NTYyNSAtNDggNDUgTCAtNDggOSBDIC00OCA4LjczNDM3NSAtNDcuODk0NTMxMjUgOC40ODA0Njg3NSAtNDcuNzA3MDMxMjUgOC4yOTI5Njg3NSBDIC00Ny41MTk1MzEyNSA4LjEwNTQ2ODc1IC00Ny4yNjU2MjUgOCAtNDcgOCBaIE0gLTM1Ljk4NTkyNzU4MTc4NzExIDI3LjAxNDA4NTc2OTY1MzMyIEMgLTM2LjM0NTMwMjU4MTc4NzExIDI3LjAxNzk5MjAxOTY1MzMyIC0zNi42ODEyNDAwODE3ODcxMSAyNi44MzA0OTIwMTk2NTMzMiAtMzYuODY0ODMzODMxNzg3MTEgMjYuNTE3OTkyMDE5NjUzMzIgQyAtMzcuMDQ0NTIxMzMxNzg3MTEgMjYuMjA1NDkyMDE5NjUzMzIgLTM3LjA0NDUyMTMzMTc4NzExIDI1LjgyMjY3OTUxOTY1MzMyIC0zNi44NjQ4MzM4MzE3ODcxMSAyNS41MTAxNzk1MTk2NTMzMiBDIC0zNi42ODEyNDAwODE3ODcxMSAyNS4xOTc2Nzk1MTk2NTMzMiAtMzYuMzQ1MzAyNTgxNzg3MTEgMjUuMDEwMTc5NTE5NjUzMzIgLTM1Ljk4NTkyNzU4MTc4NzExIDI1LjAxNDA4NTc2OTY1MzMyIEwgLTMyLjM5OTk5MDA4MTc4NzExIDI1LjAxNDA4NTc2OTY1MzMyIEwgLTQyLjY5Mjk2MjY0NjQ4NDM3NSAxNC43MjExMTg5MjcwMDE5NTMgQyAtNDIuOTU0NjgxMzk2NDg0Mzc1IDE0LjQ3MTExODkyNzAwMTk1MyAtNDMuMDYwMTUwMTQ2NDg0Mzc1IDE0LjA5NjExODkyNzAwMTk1MyAtNDIuOTY2NDAwMTQ2NDg0Mzc1IDEzLjc0ODQ2MjY3NzAwMTk1MyBDIC00Mi44NzY1NTYzOTY0ODQzNzUgMTMuMzk2OTAwMTc3MDAxOTUzIC00Mi42MDMxMTg4OTY0ODQzNzUgMTMuMTIzNDYyNjc3MDAxOTUzIC00Mi4yNTE1NTYzOTY0ODQzNzUgMTMuMDMzNjE4OTI3MDAxOTUzIEMgLTQxLjkwMzkwMDE0NjQ4NDM3NSAxMi45Mzk4Njg5MjcwMDE5NTMgLTQxLjUyODkwMDE0NjQ4NDM3NSAxMy4wNDUzMzc2NzcwMDE5NTMgLTQxLjI3ODkwMDE0NjQ4NDM3NSAxMy4zMDcwNTY0MjcwMDE5NTMgTCAtMzAuOTg1OTIxODU5NzQxMjEgMjMuNjAwMDIzMjY5NjUzMzIgTCAtMzAuOTg1OTIxODU5NzQxMjEgMjAuMDE0MDg1NzY5NjUzMzIgQyAtMzAuOTg5ODI4MTA5NzQxMjEgMTkuNjU0NzEwNzY5NjUzMzIgLTMwLjgwMjMyODEwOTc0MTIxIDE5LjMxODc3MzI2OTY1MzMyIC0zMC40ODk4MjgxMDk3NDEyMSAxOS4xMzUxNzk1MTk2NTMzMiBDIC0zMC4xNzczMjgxMDk3NDEyMSAxOC45NTU0OTIwMTk2NTMzMiAtMjkuNzk0NTE1NjA5NzQxMjEgMTguOTU1NDkyMDE5NjUzMzIgLTI5LjQ4MjAxNTYwOTc0MTIxIDE5LjEzNTE3OTUxOTY1MzMyIEMgLTI5LjE2OTUxNTYwOTc0MTIxIDE5LjMxODc3MzI2OTY1MzMyIC0yOC45ODIwMTU2MDk3NDEyMSAxOS42NTQ3MTA3Njk2NTMzMiAtMjguOTg1OTIxODU5NzQxMjEgMjAuMDE0MDg1NzY5NjUzMzIgTCAtMjguOTg1OTIxODU5NzQxMjEgMjcuMDE0MDg1NzY5NjUzMzIgWiBNIC0zIDI4IEMgLTIuNDQ5MjE4NzUgMjggLTIgMjguNDQ5MjE4NzUgLTIgMjkgTCAtMiA0NSBDIC0yIDQ1LjU1MDc4MTI1IC0yLjQ0OTIxODc1IDQ2IC0zIDQ2IEwgLTI2Ljk5OTk5ODA5MjY1MTM2NyA0NiBDIC0yNy41NTA3NzkzNDI2NTEzNjcgNDYgLTI3Ljk5OTk5ODA5MjY1MTM2NyA0NS41NTA3ODEyNSAtMjcuOTk5OTk4MDkyNjUxMzY3IDQ1IEwgLTI3Ljk5OTk5ODA5MjY1MTM2NyAyOSBDIC0yNy45OTk5OTgwOTI2NTEzNjcgMjguNDQ5MjE4NzUgLTI3LjU1MDc3OTM0MjY1MTM2NyAyOCAtMjYuOTk5OTk4MDkyNjUxMzY3IDI4IFogTSAtNCAzMCBMIC0yNS45OTk5OTgwOTI2NTEzNjcgMzAgTCAtMjUuOTk5OTk4MDkyNjUxMzY3IDQ0IEwgLTQgNDQgWiIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA1MCAtNy4xMDU0M2UtMTUpIiAvPgo8L3N2Zz4K);
}
.page-report > .report-editor .report-editor-tabs {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.page-report > .report-editor .data-query-result::before,
.page-report > .report-editor .report-editor-tabs::before {
  padding: 3px 4px;
  width: 40px;
  text-align: right;
  box-sizing: border-box;
  font-size: 11px;
  color: #8d8d8dbf;
}
.page-report > .report-editor .report-editor-tab {
  display: inline-block;
  margin: 0 1px 1px 0;
  padding: 2px 12px;
  background: rgba(200, 200, 200, .2);
  font-size: 12px;
  cursor: pointer;
}
.page-report > .report-editor .report-editor-tab.active {
  padding-bottom: 3px;
  margin-bottom: 0;
  background: rgba(108, 188, 241, .15);
  cursor: default;
}
.page-report > .report-editor .report-editor-tab:not(.active):hover {
  background: rgba(187, 187, 187, .4);
}
.page-report > .report-editor .report-editor-tab:first-child {
  border-top-left-radius: 4px;
}
.page-report > .report-editor .report-editor-tab.active:first-child {
  border-bottom-left-radius: 4px;
  padding-bottom: 2px;
  margin-bottom: 1px;
}
.page-report > .report-editor .report-editor-tab:last-child {
  border-top-right-radius: 4px;
}
.page-report > .report-editor .report-editor-tab:not(.active):last-child {
  border-bottom-right-radius: 4px;
}
.page-report > .report-editor .editor-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  gap: 10px;
}
.page-report > .report-editor .editor-toolbar label {
  padding: 4px;
  margin: 0 1ex;
  white-space: nowrap;
}
.page-report > .report-editor .editor-toolbar .syntax-hint {
  padding-left: 10px;
  flex: 1;
  color: #8d8d8dbf;
  font-size: 12px;
  align-self: start;
}
.page-report > .report-editor .editor-toolbar .view-checkbox__label {
  margin-right: 0;
}
.page-report > .report-editor .discovery-editor-error {
  border-bottom: 1px solid rgba(255, 0, 0, .6);
  background: rgba(255, 215, 209, .3);
}
.page-report > .report-editor textarea {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  min-height: 9em;
  font-family: Consolas, Monaco, monospace;
  font-size: 12px;
  line-height: 18px;
  border-color: #aaa;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(142, 142, 142, .2);
  resize: vertical;
}
.page-report > .report-editor textarea:focus {
  border-color: #0af;
  box-shadow: 0 0 1px 3px rgba(0, 170, 255, .2), inset 0 1px 1px rgba(142, 142, 142, .2) !important;
  outline: 0;
}
.page-report > .report-editor .data-query-result {
  margin: 1em 0 1em -40px;
}
.page-report > .report-editor .data-query-result > * {
  overflow: hidden;
}
.page-report > .report-editor .data-query-result::before {
  float: left;
  content: "Data:";
}
.page-report > .report-editor .view-editor-form {
  margin: 0 -40px 12px;
}
.page-report > .report-editor .view-editor-form-header {
  display: flex;
}
.page-report > .report-editor .view-editor-form-header-links {
  flex: 1;
  margin: 2px 40px 0 10px;
  text-align: right;
  font-size: 12px;
}
.page-report > .report-editor .report-editor-tabs.view-mode::before {
  display: inline-block;
  content: "View:";
}
.page-report > .report-editor .report-editor-tabs.presets {
  margin-left: 3ex;
}
.page-report > .report-editor .report-editor-tabs.presets::before {
  content: "View presets:";
}
.page-report > .report-editor .report-editor-tabs.presets .report-editor-tab:first-child {
  border-bottom-left-radius: 4px;
}
.page-report > .report-editor .view-editor-form-content {
  padding: 8px 40px;
  margin-bottom: 1px;
  background-color: #6cbcf126;
}
.page-report > .report-editor .view-editor-form-content .formatting {
  position: absolute;
  left: 5px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzg4OCI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NTQgNC42NDZhLjUuNSAwIDAgMSAwIC43MDhMNC4yMDcgOGwyLjY0NyAyLjY0NmEuNS41IDAgMCAxLS43MDguNzA4bC0zLTNhLjUuNSAwIDAgMSAwLS43MDhsMy0zYS41LjUgMCAwIDEgLjcwOCAwem0yLjI5MiAwYS41LjUgMCAwIDAgMCAuNzA4TDExLjc5MyA4bC0yLjY0NyAyLjY0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAwIDAtLjcwOCAweiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  border-color: #1562944d;
}
.page-report > .report-editor .view-editor-form-content .view-expand {
  width: 100%;
  margin-top: 5px;
}
.page-report > .report-editor .view-editor-form-content .view-expand .header {
  background: none;
}
.page-report > .report-editor .view-editor-form-content .view-expand .header:hover {
  background: rgba(0, 0, 0, .05);
}
.page-report > .report-editor .view-editor-form-content .view-editor-view-list {
  display: none;
  padding: 15px 8px;
  font-size: 12px;
  color: #aaa;
  column-count: 8;
  column-width: 150px;
  column-gap: 20px;
  margin-right: -190px;
}
.page-report > .report-editor .view-editor-form-content .view-editor-view-list.visible {
  display: block;
}
.page-report > .report-editor .view-editor-form-content .view-editor-view-list .item:not([href]) {
  color: #888;
}
.discovery-view-popup.view-editor-view-list-hint {
  padding: 20px;
  min-width: 640px;
  min-height: 100px;
}
.discovery-view-popup.view-editor-view-list-hint > .discovery-view-usage > .view-header:first-child {
  font-size: 16px;
  background: rgba(180, 180, 180, .2);
  margin: -20px -20px 0;
  padding: 6px 20px;
  line-height: 24px;
}
.page-report {
  padding-top: 20px !important;
}
.discovery:not([data-dzen]) .page-report > .report-content {
  min-height: calc(100vh - 121px);
}
.page-report > .report-editor .report-error,
.page-report > .report-content > .report-error {
  display: block;
  overflow: hidden;
  border-left: 3px solid rgba(255, 0, 0, .8);
  background: rgba(225, 75, 75, .2);
  background-clip: padding-box;
  padding: 8px 12px;
  font-size: 12px;
  white-space: pre-wrap;
  font-family: Consolas, Monaco, monospace;
  font-size: 11px;
}
.page-report > .report-editor .report-error::before,
.page-report > .report-content > .report-error::before {
  display: block;
  margin-bottom: .5em;
  font-size: 16px;
}
.page-report > .report-editor .query-error::before {
  content: "Query error";
}
.page-report > .report-content > .render-error::before {
  content: "Render error";
}
.page-views-showcase {
  flex: 1;
  display: flex;
  flex-direction: row;
  border: 1px solid rgba(170, 170, 170, .4);
  margin: 35px 40px 20px;
  padding: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 3px;
  background-color: #fffc;
  transition-property: background-color;
  transition-duration: .25s;
  transition-timing-function: ease-in;
}
.discovery-root-darkmode .page-views-showcase {
  background-color: #242424cc;
}
.page-views-showcase > .sidebar {
  width: 220px;
  border-right: 1px solid rgba(170, 170, 170, .2);
}
.page-views-showcase > .sidebar .view-content-filter {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page-views-showcase > .sidebar .view-content-filter > .view-input {
  margin: 0;
}
.page-views-showcase > .sidebar .view-content-filter > .view-input input {
  border: none;
  border-bottom: 1px solid rgba(170, 170, 170, .2);
  border-radius: 0;
  box-shadow: none;
}
.page-views-showcase > .sidebar .view-content-filter .view-block {
  flex: 1;
  overflow: hidden;
  overflow-y: scroll;
  padding: 1px;
}
.page-views-showcase > .sidebar .view-menu-item:not(.disabled) {
  color: var(--discovery-link-color, #0099DD);
}
.page-views-showcase > .sidebar .view-menu-item:hover {
  color: var(--discovery-link-hover-color, #0077BB);
}
.page-views-showcase > .content {
  flex: 1;
  padding: 20px;
  overflow: hidden;
  overflow-y: scroll;
}
.discovery-view-usage > .view-header:first-child {
  margin-top: 0;
}
.discovery-view-usage .usage-render {
  position: relative;
  z-index: 0;
  margin: 0 -20px 10px;
  padding: 20px;
  border: solid rgba(170, 170, 170, .2);
  border-width: 1px 0;
}
.discovery-view-usage .usage-section > .view-h2 {
  margin-top: 1.2em;
  margin-bottom: .5em;
}
.discovery-view-usage .view-tabs.usage-sources .view-tabs-buttons::before {
  display: none;
}
.discovery-view-usage .view-tabs.usage-sources .view-tabs-content {
  overflow: visible;
  border: 1px solid rgba(170, 170, 170, .4);
  border-top: none;
  border-radius: 0 0 3px 3px;
  padding: 2px;
}
.discovery-view-usage .view-tabs.usage-sources .view-source {
  background: rgba(155, 155, 155, .1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.discovery-view-usage .view-tabs.usage-sources .view-source.first-tab {
  border-top-left-radius: 0;
}
.view-alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #383d41;
  background-color: #8b8f9740;
  border-color: #989da566;
  background-clip: padding-box;
}
.discovery-root-darkmode .view-alert {
  color: var(--discovery-color);
}
.view-alert:last-child {
  margin-bottom: 0;
}
.page > .view-alert:first-child,
.page > .view-alert-success:first-child,
.page > .view-alert-danger:first-child,
.page > .view-alert-warning:first-child {
  margin-top: 15px;
}
.view-alert-success {
  color: #155724;
  background-color: #53b76b40;
  border-color: #69c07d66;
}
.discovery-root-darkmode .view-alert-success {
  color: #5fab70;
}
.view-alert-danger {
  color: #721c24;
  background-color: #e35f6b40;
  border-color: #e6707d66;
}
.discovery-root-darkmode .view-alert-danger {
  color: #ce7d85;
}
.view-alert-warning {
  color: #856404;
  background-color: #ffcf3740;
  border-color: #ffd45266;
}
.discovery-root-darkmode .view-alert-warning {
  color: #bdab77;
}
.view-badge,
.view-pill-badge {
  --discovery-view-badge-color: rgba(135, 135, 135, .2);
  --discovery-view-badge-text-color: var(--discovery-color);
  padding: 1px 6px 3px;
  margin-right: 1ex;
  text-shadow: 1px 1px rgba(255, 255, 255, .35);
  background: var(--discovery-view-badge-color);
  color: var(--discovery-view-badge-text-color);
  border-radius: 3px;
  font-size: 85%;
  text-decoration: none;
  white-space: nowrap;
}
.view-pill-badge {
  border-radius: 9px;
}
.discovery-root-darkmode .view-badge,
.discovery-root-darkmode .view-pill-badge {
  background: var(--discovery-view-badge-dark-color, var(--discovery-view-badge-color));
  color: var(--discovery-view-badge-dark-text-color, var(--discovery-view-badge-text-color));
  text-shadow: 1px 1px rgba(0, 0, 0, .1);
}
.view-badge:hover,
.view-pill-badge:hover {
  color: var(--discovery-color);
}
.view-badge[href]:hover,
.view-pill-badge[href]:hover {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.view-badge > .prefix {
  padding: 1px 6px 3px;
  margin: -1px 6px -3px -6px;
  border-radius: 3px 0 0 3px;
  background-color: #0000001f;
}
.view-badge > .postfix {
  padding: 1px 6px 3px;
  margin: -1px -6px -3px 6px;
  border-radius: 0 3px 3px 0;
  background-color: #0000001f;
}
.view-pill-badge > .prefix {
  padding: 1px 6px 3px;
  margin: -1px 6px -3px -6px;
  border-radius: 8px 0 0 8px;
  background-color: #0000001f;
}
.view-pill-badge > .postfix {
  padding: 1px 6px 3px;
  margin: -1px -6px -3px 6px;
  border-radius: 0 8px 8px 0;
  background-color: #0000001f;
}
.view-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 12px;
  outline: none;
  margin: 0;
  color: var(--discovery-view-button-color);
  background-color: var(--discovery-view-button-background-color);
  border: 1px solid var(--discovery-view-button-border-color);
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  --discovery-view-button-color: var(--discovery-color);
  --discovery-view-button-background-color: rgba(255, 255, 255, .1);
  --discovery-view-button-border-color: rgba(127, 127, 127, .4);
  --discovery-view-button-hover-background-color: rgba(221, 221, 221, .3);
  --discovery-view-button-hover-border-color: rgba(170, 170, 170, .6);
  --discovery-view-button-active-background-color: rgba(131, 131, 131, .25);
  --discovery-view-button-active-border-color: var(--discovery-view-button-border-color);
  --discovery-view-button-focus-background-color: var(--discovery-view-button-background-color);
  --discovery-view-button-focus-border-color: rgba(128, 128, 128, .6);
}
.view-button:empty::before {
  content: "|";
  width: 0;
  visibility: hidden;
}
.view-button:focus {
  box-shadow: 0 0 1px 3px rgba(0, 170, 255, .2);
  background-color: var(--discovery-view-button-focus-background-color);
  border-color: var(--discovery-view-button-focus-border-color);
  z-index: 1;
}
.view-button:hover,
.view-button.discovery-view-popup-active {
  background-color: var(--discovery-view-button-hover-background-color);
  border-color: var(--discovery-view-button-hover-border-color);
}
.view-button:active {
  background-color: var(--discovery-view-button-active-background-color);
  border-color: var(--discovery-view-button-active-border-color);
}
.view-button[disabled] {
  opacity: .5;
  pointer-events: none;
  cursor: default;
}
.view-button + .view-button {
  margin-left: 1ex;
}
.view-button-primary {
  --discovery-view-button-color: white;
  --discovery-view-button-background-color: #00aaff;
  --discovery-view-button-border-color: transparent;
  --discovery-view-button-hover-background-color: #009cf0;
  --discovery-view-button-hover-border-color: transparent;
  --discovery-view-button-active-background-color: #008ee0;
  --discovery-view-button-focus-border-color: transparent;
}
.discovery-root-darkmode .view-button-primary {
  --discovery-view-button-color: #fffd;
  --discovery-view-button-background-color: #006aa3e6;
  --discovery-view-button-hover-background-color: #0074b3e6;
  --discovery-view-button-active-background-color: #006aa3d0;
}
.view-button-danger {
  --discovery-view-button-color: white;
  --discovery-view-button-background-color: #ff6163;
  --discovery-view-button-border-color: transparent;
  --discovery-view-button-hover-background-color: #f05456;
  --discovery-view-button-hover-border-color: transparent;
  --discovery-view-button-active-background-color: #e34449;
  --discovery-view-button-focus-border-color: transparent;
}
.discovery-root-darkmode .view-button-danger {
  --discovery-view-button-color: #fffd;
  --discovery-view-button-background-color: #c32224bf;
  --discovery-view-button-hover-background-color: #d02528bf;
  --discovery-view-button-active-background-color: #c32224a6;
}
.view-button-warning {
  --discovery-view-button-color: rgba(0, 0, 0, .84);
  --discovery-view-button-background-color: #ffcf21;
  --discovery-view-button-border-color: transparent;
  --discovery-view-button-hover-background-color: #fcbd00;
  --discovery-view-button-hover-border-color: transparent;
  --discovery-view-button-active-background-color: #f7ad00;
  --discovery-view-button-focus-border-color: transparent;
}
.discovery-root-darkmode .view-button-warning {
  --discovery-view-button-color: #eeee;
  --discovery-view-button-background-color: #ffd40199;
  --discovery-view-button-hover-background-color: #ffd91aa6;
  --discovery-view-button-active-background-color: #ffd4018e;
}
.view-checkbox-list > .view-checkbox {
  display: block;
}
.view-checkbox {
  --discovery-checkbox-size: max(1em, 14px);
  padding-left: var(--discovery-checkbox-size);
}
.view-checkbox > input {
  -webkit-appearance: none;
  appearance: none;
  content: "";
  font-size: inherit;
  display: inline-block;
  position: relative;
  top: 2px;
  box-sizing: border-box;
  height: var(--discovery-checkbox-size);
  width: var(--discovery-checkbox-size);
  margin: 0;
  margin-left: calc(-1 * var(--discovery-checkbox-size));
  background-color: #fff3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(.57 * var(--discovery-checkbox-size));
  border: 1px solid rgba(151, 162, 172, .65);
  border-radius: 3px;
  outline: none;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.view-checkbox > input:checked {
  border-color: transparent;
  background-color: #0079e8ad;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYuNTY0Ljc1bC0zLjU5IDMuNjEyLTEuNTM4LTEuNTVMMCA0LjI2bDIuOTc0IDIuOTlMOCAyLjE5M3oiLz4KPC9zdmc+Cg==);
}
.view-checkbox > input:focus {
  box-shadow: 0 0 1px 3px rgba(0, 170, 255, .2);
}
.view-checkbox > input:focus:not(:checked) {
  border-color: #008dffbf;
}
.view-checkbox > input:active {
  border-color: transparent;
  background-color: #198bec99;
}
.view-checkbox > input[readonly],
.view-checkbox > input:disabled {
  box-shadow: none;
  border-color: #a5a5a51a;
  background-color: #a5a5a54d;
}
.view-checkbox__label {
  margin-left: 5px;
  margin-right: 15px;
}
.view-column {
  padding-right: 40px;
  min-width: 150px;
}
.view-column:last-child {
  padding-right: 0;
}
.view-columns {
  display: flex;
  flex-wrap: wrap;
}
.view-columns:empty::before {
  content: attr(emptyText);
  color: #888;
}
.view-content-filter > .view-input {
  position: relative;
  z-index: 9;
  line-height: 1;
  margin-bottom: 1em;
}
.view-content-filter > .view-input input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+CiAgICA8cGF0aCBmaWxsPSJyZ2JhKDE1MCwgMTUwLCAxNTAsIDAuNjUpIiBkPSJNIDIxIDMgQyAxMS42MDE1NjMgMyA0IDEwLjYwMTU2MyA0IDIwIEMgNCAyOS4zOTg0MzggMTEuNjAxNTYzIDM3IDIxIDM3IEMgMjQuMzU1NDY5IDM3IDI3LjQ2MDkzOCAzNi4wMTU2MjUgMzAuMDkzNzUgMzQuMzQzNzUgTCA0Mi4zNzUgNDYuNjI1IEwgNDYuNjI1IDQyLjM3NSBMIDM0LjUgMzAuMjgxMjUgQyAzNi42Nzk2ODggMjcuNDIxODc1IDM4IDIzLjg3ODkwNiAzOCAyMCBDIDM4IDEwLjYwMTU2MyAzMC4zOTg0MzggMyAyMSAzIFogTSAyMSA3IEMgMjguMTk5MjE5IDcgMzQgMTIuODAwNzgxIDM0IDIwIEMgMzQgMjcuMTk5MjE5IDI4LjE5OTIxOSAzMyAyMSAzMyBDIDEzLjgwMDc4MSAzMyA4IDI3LjE5OTIxOSA4IDIwIEMgOCAxMi44MDA3ODEgMTMuODAwNzgxIDcgMjEgNyBaICI+PC9wYXRoPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-size: 32px 16px;
  background-position: right center;
  padding-right: 30px;
}
.view-content-filter > .content {
  overflow: auto;
  flex: 1;
}
.view-content-filter > .content .view-list::before {
  padding: 5px 10px;
  display: block;
}
.view-dropdown {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  min-width: 10ex;
  max-width: 100%;
  padding-right: 1.2em;
  line-height: 1.2;
  border-radius: 3px;
  border: 1px solid rgba(127, 127, 127, .4);
  background-color: #ffffff1a;
  color: var(--discovery-color);
  outline: none;
}
.view-dropdown::after {
  content: "";
  right: 7px;
  color: #999;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  pointer-events: none;
  position: absolute;
  width: 1em;
  height: 1em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8cGF0aCBmaWxsPSIjODg4IiBkPSJNMTksMTUuOTM5MzM5OCBMMjQuNDY5NjY5OSwxMC40Njk2Njk5IEMyNC43NjI1NjMxLDEwLjE3Njc3NjcgMjUuMjM3NDM2OSwxMC4xNzY3NzY3IDI1LjUzMDMzMDEsMTAuNDY5NjY5OSBDMjUuODIzMjIzMywxMC43NjI1NjMxIDI1LjgyMzIyMzMsMTEuMjM3NDM2OSAyNS41MzAzMzAxLDExLjUzMDMzMDEgTDE5LjUzMDMzMDEsMTcuNTMwMzMwMSBDMTkuMjM3NDM2OSwxNy44MjMyMjMzIDE4Ljc2MjU2MzEsMTcuODIzMjIzMyAxOC40Njk2Njk5LDE3LjUzMDMzMDEgTDEyLjQ2OTY2OTksMTEuNTMwMzMwMSBDMTIuMTc2Nzc2NywxMS4yMzc0MzY5IDEyLjE3Njc3NjcsMTAuNzYyNTYzMSAxMi40Njk2Njk5LDEwLjQ2OTY2OTkgQzEyLjc2MjU2MzEsMTAuMTc2Nzc2NyAxMy4yMzc0MzY5LDEwLjE3Njc3NjcgMTMuNTMwMzMwMSwxMC40Njk2Njk5IEwxOSwxNS45MzkzMzk4IFoiIC8+Cjwvc3ZnPgo=);
  background-size: 1em;
  background-position: center;
  cursor: pointer;
}
.view-dropdown.discovery-view-popup-active,
.view-dropdown:focus {
  box-shadow: 0 0 1px 3px rgba(0, 170, 255, .2), inset 0 1px 1px rgba(142, 142, 142, .2);
  border-color: #80808099;
  z-index: 1;
}
.view-dropdown:hover {
  background-color: #dddddd4d;
  border-color: #aaa9;
}
.view-dropdown:active {
  background-color: #83838340;
}
.view-dropdown__caption {
  padding: 8px 8px 8px 12px;
}
.view-dropdown:not([data-placeholder]):empty .view-dropdown__caption::before {
  content: "|";
  visibility: hidden;
  padding: 8px 0;
}
.view-dropdown[data-placeholder]:empty .view-dropdown__caption::before {
  content: attr(data-placeholder);
  visibility: visible;
  padding: 8px 8px 8px 12px;
  color: #bbb;
}
.view-dropdown > * {
  pointer-events: none;
}
.discovery-view-popup.view-dropdown-popup {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.discovery-view-popup.view-dropdown-popup > .content {
  gap: 5px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  overflow-y: scroll;
}
.discovery-view-popup.view-dropdown-popup > .confirm {
  padding: 8px;
  background-color: #0003;
  font-size: 80%;
  text-align: right;
}
.discovery-view-popup.view-dropdown-popup > .confirm .view-button {
  padding-top: 4px;
  padding-bottom: 4px;
}
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: #000;
  direction: ltr;
}
.CodeMirror-lines {
  padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: transparent;
}
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: #000;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: #14ff1480;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
.cm-s-default .cm-header {
  color: #00f;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: red;
}
.cm-invalidchar {
  color: red;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, .3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: .1px;
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: #ff06;
}
.cm-force-border {
  padding-right: .1px;
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
.cm-tab-wrap-hack:after {
  content: "";
}
span.CodeMirror-selectedtext {
  background: none;
}
.cm-s-neo.CodeMirror {
  background-color: #fff;
  color: #2e383c;
  line-height: 1.4375;
}
.cm-s-neo .cm-comment {
  color: #75787b;
}
.cm-s-neo .cm-keyword,
.cm-s-neo .cm-property {
  color: #1d75b3;
}
.cm-s-neo .cm-atom,
.cm-s-neo .cm-number {
  color: #75438a;
}
.cm-s-neo .cm-node,
.cm-s-neo .cm-tag {
  color: #9c3328;
}
.cm-s-neo .cm-string {
  color: #b35e14;
}
.cm-s-neo .cm-variable,
.cm-s-neo .cm-qualifier {
  color: #047d65;
}
.cm-s-neo pre {
  padding: 0;
}
.cm-s-neo .CodeMirror-gutters {
  border: none;
  border-right: 10px solid transparent;
  background-color: transparent;
}
.cm-s-neo .CodeMirror-linenumber {
  padding: 0;
  color: #e0e2e5;
}
.cm-s-neo .CodeMirror-guttermarker {
  color: #1d75b3;
}
.cm-s-neo .CodeMirror-guttermarker-subtle {
  color: #e0e2e5;
}
.cm-s-neo .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: rgba(155, 157, 162, .37);
  z-index: 1;
}
.discovery-view-editor-hints-popup {
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
  border-radius: 2px;
  border: 1px solid rgba(176, 176, 176, .65);
  background: white;
  color: #000;
  font-size: 90%;
  font-family: monospace;
  max-height: 20em;
  overflow-y: auto;
  font-family: Consolas, Monaco, monospace;
  font-size: 12px;
  line-height: 18px;
}
.discovery-view-editor-hints-popup.darkmode {
  background: #323232;
  color: #ccc;
}
.discovery-view-editor-hint {
  display: flex;
  align-items: baseline;
  margin: 0;
  padding: 2px 6px;
  white-space: pre;
  cursor: pointer;
}
.discovery-view-editor-hint:hover {
  background-color: #b4b4b433;
}
.discovery-view-editor-hint .name {
  flex: 1;
}
.discovery-view-editor-hint .match {
  color: #06c;
}
.discovery-view-editor-hints-popup.darkmode .discovery-view-editor-hint .match {
  color: #4d8bca;
}
.discovery-view-editor-hint .type {
  color: #99999980;
  font-family: Tahoma;
  font-style: italic;
  font-size: 85%;
  padding: 0 .5ex 0 2ex;
}
.discovery-view-editor-hint.active {
  background: rgba(0, 170, 255, .2);
}
.discovery-editor .CodeMirror {
  height: auto;
  overflow-y: visible !important;
  padding: 4px 8px;
  margin-bottom: 5px;
  font-family: Consolas, Monaco, monospace;
  font-size: 12px;
  background-color: var(--discovery-input-bg-color);
  transition: .25s ease-in;
  transition-property: background-color, color;
  border: 1px solid rgba(124, 124, 124, .65);
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(142, 142, 142, .2);
}
.discovery-root-darkmode .discovery-editor .CodeMirror {
  color: #d1c7c3;
}
.discovery-editor .CodeMirror-focused {
  border-color: #008dffbf;
  box-shadow: 0 0 1px 3px rgba(0, 170, 255, .2), inset 0 1px 1px rgba(142, 142, 142, .2) !important;
}
.discovery-editor .CodeMirror-scroll {
  min-height: 6.5em;
  height: auto;
  overflow-y: visible !important;
  cursor: text;
}
.discovery-editor .CodeMirror-cursor {
  border-left: 1px solid var(--discovery-color, black);
  background: none;
}
.discovery-editor .CodeMirror-focused .CodeMirror-selected {
  background-color: #00aaff38;
}
.discovery-editor .CodeMirror-selected {
  background-color: #7e7e7e4d;
}
.discovery-editor .CodeMirror .cm-comment {
  color: var(--discovery-fmt-comment-color);
}
.discovery-editor .CodeMirror .cm-keyword {
  color: var(--discovery-fmt-keyword-color);
}
.discovery-editor .CodeMirror .cm-property {
  color: var(--discovery-fmt-property-color);
}
.discovery-editor .CodeMirror .cm-atom {
  color: var(--discovery-fmt-atom-color);
}
.discovery-editor .CodeMirror .cm-number {
  color: var(--discovery-fmt-number-color);
}
.discovery-editor .CodeMirror .cm-node,
.discovery-editor .CodeMirror .cm-tag {
  color: #9c3328;
}
.discovery-editor .CodeMirror .cm-string,
.discovery-editor .CodeMirror .cm-string-2 {
  color: var(--discovery-fmt-string-color);
}
.discovery-editor .CodeMirror .cm-variable,
.discovery-editor .CodeMirror .cm-qualifier {
  color: var(--discovery-fmt-variable-color);
}
.discovery-editor .CodeMirror .cm-discovery-view-name {
  background-color: var(--discovery-fmt-string-highlight-color);
  border-bottom: 1px dashed;
}
.view-list > .view-list-item > .view-expand {
  margin-bottom: 1px;
}
.view-expand + .view-expand {
  margin-top: 1px;
}
.view-list > .view-list-item:not(:last-child) > .view-expand.expanded {
  margin-bottom: 4px;
}
.view-expand.expanded + .view-expand {
  margin-top: 4px;
}
.view-expand > .header {
  display: flex;
  background: rgba(192, 192, 192, .175);
  font-size: 12px;
  cursor: pointer;
  margin-left: calc(var(--discovery-view-expand-trigger-size) + 1px);
  --discovery-view-expand-trigger-size: 22px;
}
.view-expand.trigger-outside > .header {
  margin-left: 0;
}
.view-expand > .header:hover {
  background: rgba(165, 165, 165, .3);
}
.view-expand > .header > .header-content {
  flex: 1;
  padding: 2px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.view-expand > .header > .trigger {
  order: -1;
  width: var(--discovery-view-expand-trigger-size, 20px);
  margin-left: calc(-1 * var(--discovery-view-expand-trigger-size) - 1px);
  text-align: center;
  background-color: inherit;
  background-image: linear-gradient(0deg, rgba(150, 150, 150, .15), rgba(150, 150, 150, .15));
}
.view-expand > .header > .trigger::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsPSIjODg4IiBkPSJNIDMuNzE4NzUgNy43ODEyNSBMIDIuMjgxMjUgOS4yMTg3NSBMIDExLjI4MTI1IDE4LjIxODc1IEwgMTIgMTguOTA2MjUgTCAxMi43MTg3NSAxOC4yMTg3NSBMIDIxLjcxODc1IDkuMjE4NzUgTCAyMC4yODEyNSA3Ljc4MTI1IEwgMTIgMTYuMDYyNSBaICIvPgo8L3N2Zz4K) no-repeat center;
  background-size: 12px;
  transition: transform .15s ease-in;
  width: 12px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(-90deg);
  content: "";
}
.view-expand.expanded > .header > .trigger::before {
  transform: rotate(0deg);
}
.view-header {
  font-size: 120%;
  font-weight: normal;
}
.view-h1 {
  font-size: 220%;
  font-weight: normal;
  margin: .812em 0 .65em;
}
.view-h2 {
  font-size: 150%;
  font-weight: normal;
  margin: .78em 0;
}
.view-h3 {
  font-size: 135%;
  font-weight: normal;
  margin: .73em 0;
}
.view-h4 {
  font-size: 120%;
  font-weight: normal;
  margin: .73em 0;
}
.view-h5 {
  font-size: 110%;
  font-weight: normal;
  margin: .68em 0;
}
.view-hstack {
  overflow: hidden;
}
.view-hstack > * {
  float: left;
  margin-right: 40px;
  min-width: 240px;
}
.view-hstack > :last-child {
  margin-right: 0;
}
.view-image-preview {
  padding: 15px;
  background-image: linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee), linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}
.view-indicator {
  display: inline-flex;
  margin: 0 1px 1px 0;
  width: 150px;
  height: 100px;
  background: rgba(181, 181, 181, .15);
  flex-direction: column;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}
.view-indicator[href]:hover {
  background: rgba(165, 165, 165, .3);
}
.view-indicator > .value {
  color: #666;
  font-size: 40px;
  line-height: 1.2;
}
.view-indicator[href] > .value {
  color: #1f7ec5;
}
.view-indicator > .label {
  font-size: 14px;
  color: #888;
  box-sizing: border-box;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-indicator > .value > *,
.view-indicator > .label > * {
  color: #000;
  text-shadow: none;
  white-space: normal;
}
.view-input input {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 12px;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.2;
  border: 1px solid rgba(153, 153, 153, .5);
  border-radius: 3px;
  background-color: #ffffff0d;
  color: var(--discovery-color);
  outline: 0;
}
.view-input input:hover {
  border-color: #999999bf;
}
.view-input input:focus {
  border-color: #00aaffa6;
  box-shadow: 0 0 1px 3px rgba(0, 170, 255, .2), inset 0 1px 1px rgba(142, 142, 142, .2);
  z-index: 1;
}
.view-link {
  color: var(--discovery-link-color, #0099DD);
  text-decoration-skip: ink;
  text-decoration-color: var(--discovery-link-underline-color, rgba(0, 153, 221, .4));
}
.view-link.onclick {
  text-decoration-line: underline;
  cursor: pointer;
}
.view-link:hover {
  color: var(--discovery-link-hover-color, #0077BB);
  text-decoration-color: currentColor;
}
.view-inline-list > .view-list-item,
.view-comma-list > .view-list-item {
  display: inline-block;
  list-style: none;
}
.view-comma-list > .view-list-item::after {
  content: ", ";
  white-space: pre;
}
.view-comma-list > .view-list-item:last-child::after {
  content: "";
}
.view-list {
  display: block;
  list-style: none;
}
.view-ul,
.view-ol {
  margin: 0;
  padding-left: 0;
}
.view-ul:not(:empty),
.view-ol:not(:empty) {
  padding-left: 20px;
}
.view-inline-list,
.view-comma-list {
  display: inline-block;
}
.view-list:empty::before,
.view-inline-list:empty::before,
.view-ul:empty::before,
.view-ol:empty::before {
  content: attr(emptyText);
  color: #888;
}
.view-markdown > :first-child {
  margin-top: 0;
}
.view-markdown blockquote {
  margin: 0;
  padding: 0 1em;
  color: #6a737d;
  border-left: .25em solid rgba(191, 197, 203, .5);
}
.view-markdown code {
  padding: .2em .4em;
  margin: 0;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 90%;
  background-color: #d2dce633;
  border-radius: 3px;
}
.view-markdown pre {
  padding: 4px;
  overflow: auto;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 90%;
  line-height: 1.25;
  background-color: #9b9b9b1a;
  border-radius: 3px;
  margin-bottom: 0;
  word-break: normal;
}
.view-markdown pre code {
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  background: none;
  border-radius: none;
  text-shadow: none;
  color: inherit;
}
.view-markdown .view-source {
  background: none;
}
.view-markdown .check-list-item {
  list-style: none;
  margin-left: -22px;
}
.view-markdown p,
.view-markdown blockquote,
.view-markdown ul,
.view-markdown ol,
.view-markdown dl,
.view-markdown table,
.view-markdown pre {
  margin: 15px 0;
}
.view-menu-item {
  display: block;
  padding: 4px 12px;
  color: var(--discovery-color);
  text-decoration: none;
  cursor: pointer;
}
.view-menu-item:empty::before {
  content: "|";
  visibility: hidden;
}
.view-menu-item:hover,
.view-menu-item.discovery-view-popup-active {
  background: rgba(131, 131, 131, .25);
}
.view-menu-item.selected {
  background: rgba(178, 221, 248, .3);
  cursor: default;
}
.view-menu-item.disabled {
  opacity: .65;
  background: none;
  pointer-events: none;
}
.view-menu-item:not(.onclick):not([href]) {
  pointer-events: none;
}
.view-menu:empty::before {
  content: attr(emptyText);
  display: block;
  padding: 4px 12px;
  color: #888;
}
.view-menu > .more-buttons {
  margin: 2px 12px 8px;
}
.view-nav-button {
  vertical-align: top;
  display: inline-block;
  min-height: 1.6em;
  padding: 5px 15px 6px;
  color: #444;
  background-color: #9b9b9b26;
  font-size: 12px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.view-nav-button:hover,
.view-nav-button:focus,
.view-nav-button.discovery-view-popup-active {
  color: #000;
  background-color: #9797974d;
}
.view-nav-button + .view-nav-button {
  margin-left: 1px;
}
.view-nav-button.disabled,
.view-nav-button:not(.onclick):not([href]) {
  pointer-events: none;
}
.discovery-root-darkmode .view-nav-button {
  color: var(--discovery-color);
}
.view-page-header {
  position: sticky;
  z-index: 100;
  top: -15px;
  left: 0px;
  padding: 23px 40px 6px 40px;
  margin: -35px -40px 20px;
  background-color: #ffffffeb;
  transition: background-color .25s ease-in;
}
.discovery-root-darkmode .view-page-header {
  background-color: #242424eb;
}
.page_overscrolled > .view-page-header {
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  transition-property: background-color, box-shadow;
}
.discovery-root-darkmode .page_overscrolled > .view-page-header {
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
@supports (backdrop-filter: blur(5px)) or (-webkit-backdrop-filter: blur(5px)) {
  .view-page-header {
    background-color: #fffc;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .discovery-root-darkmode .view-page-header {
    background-color: #242424cc;
  }
}
.view-page-header::before {
  content: "x";
  visibility: hidden;
  float: right;
  margin-left: 10px;
  width: var(--discovery-nav-width, 200px);
}
.view-page-header__prelude .view-badge,
.view-page-header__prelude .view-pill-badge {
  display: inline-block;
  padding: 3px 8px 3px;
}
.view-page-header__prelude .view-badge .prefix,
.view-page-header__prelude .view-badge .postfix,
.view-page-header__prelude .view-pill-badge .prefix,
.view-page-header__prelude .view-pill-badge .postfix {
  padding: 5px 8px 6px;
  margin: -3px 6px -3px -8px;
}
.view-page-header__prelude .view-badge .postfix,
.view-page-header__prelude .view-pill-badge .postfix {
  padding: 5px 8px 6px;
  margin: -3px -8px -3px 6px;
}
.view-page-header .view-header {
  margin: 0;
}
.discovery-view-popup {
  position: fixed;
  min-width: 200px;
  box-sizing: border-box;
  z-index: 300;
  overflow: hidden;
  overflow-y: auto;
  min-height: 20px;
  border: 1px solid rgba(176, 176, 176, .65);
  box-shadow: 3px 3px 18px rgba(0, 0, 0, .2);
  background-color: var(--discovery-background-color);
}
.discovery-view-popup.inspect {
  z-index: 2002;
}
.discovery-view-popup.show-on-hover:not([data-pin-mode="popup-hover"]):not(.pinned) {
  pointer-events: none;
}
.discovery-view-popup:not(.pinned)[data-pin-mode=trigger-click]::before,
.discovery-view-popup:not(.pinned)[data-pin-mode=trigger-click]::after {
  content: "Click to pin this popup";
  display: block;
  visibility: hidden;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 2px 8px;
  background-color: var(--discovery-background-color);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));
  color: #888;
  font-size: 10px;
  text-align: center;
}
.discovery-view-popup:not(.pinned)[data-v-to=top]::before {
  position: absolute;
  visibility: visible;
  bottom: 0;
}
.discovery-view-popup:not(.pinned)[data-v-to=bottom]::after {
  position: absolute;
  visibility: visible;
  top: 0;
}
.view-progress {
  max-width: 300px;
  width: 100%;
  z-index: 1;
  transition: opacity .15s var(--appearance-delay, 0ms);
  pointer-events: none;
}
.view-progress.init {
  opacity: 0;
}
.view-progress > .progress {
  content: "";
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: 4px;
  box-sizing: border-box;
  height: 3px;
  background: rgba(198, 198, 198, .3);
  border-radius: 2px;
}
.view-progress > .progress::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleX(var(--progress, 0));
  transform-origin: left;
  background-color: var(--color, #1f7ec5);
}
.view-section {
  margin-bottom: 30px;
}
.view-select {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  min-width: 10ex;
  max-width: 100%;
  padding-right: 1.2em;
  line-height: 1.2;
  border-radius: 3px;
  border: 1px solid rgba(127, 127, 127, .4);
  background-color: #ffffff1a;
  color: var(--discovery-color);
  outline: none;
}
.view-select::after {
  content: "";
  right: 7px;
  color: #999;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  pointer-events: none;
  position: absolute;
  width: 1em;
  height: 1em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgICA8cGF0aCBmaWxsPSIjODg4IiBkPSJNMTksMTUuOTM5MzM5OCBMMjQuNDY5NjY5OSwxMC40Njk2Njk5IEMyNC43NjI1NjMxLDEwLjE3Njc3NjcgMjUuMjM3NDM2OSwxMC4xNzY3NzY3IDI1LjUzMDMzMDEsMTAuNDY5NjY5OSBDMjUuODIzMjIzMywxMC43NjI1NjMxIDI1LjgyMzIyMzMsMTEuMjM3NDM2OSAyNS41MzAzMzAxLDExLjUzMDMzMDEgTDE5LjUzMDMzMDEsMTcuNTMwMzMwMSBDMTkuMjM3NDM2OSwxNy44MjMyMjMzIDE4Ljc2MjU2MzEsMTcuODIzMjIzMyAxOC40Njk2Njk5LDE3LjUzMDMzMDEgTDEyLjQ2OTY2OTksMTEuNTMwMzMwMSBDMTIuMTc2Nzc2NywxMS4yMzc0MzY5IDEyLjE3Njc3NjcsMTAuNzYyNTYzMSAxMi40Njk2Njk5LDEwLjQ2OTY2OTkgQzEyLjc2MjU2MzEsMTAuMTc2Nzc2NyAxMy4yMzc0MzY5LDEwLjE3Njc3NjcgMTMuNTMwMzMwMSwxMC40Njk2Njk5IEwxOSwxNS45MzkzMzk4IFoiIC8+Cjwvc3ZnPgo=);
  background-size: 1em;
  background-position: center;
  cursor: pointer;
}
.view-select.discovery-view-popup-active,
.view-select:focus {
  box-shadow: 0 0 1px 3px rgba(0, 170, 255, .2), inset 0 1px 1px rgba(142, 142, 142, .2);
  border-color: #80808099;
  z-index: 1;
}
.view-select:hover {
  background-color: #dddddd4d;
  border-color: #aaa9;
}
.view-select:active {
  background-color: #83838340;
}
.view-select .view-menu-item {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
}
.view-select:empty:not([data-placeholder])::before {
  content: "|";
  visibility: hidden;
  padding: 8px 0;
}
.view-select:empty[data-placeholder]::before {
  content: attr(data-placeholder);
  visibility: visible;
  padding: 8px 8px 8px 12px;
  opacity: .3;
}
.view-select > * {
  pointer-events: none;
}
.discovery-view-popup.view-select-popup {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.discovery-view-popup.view-select-popup > .view-select__variants {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  min-width: 100%;
}
.discovery-view-popup.view-select-popup > .view-select__variants:not(:last-child) {
  border-bottom: 1px solid rgba(202, 202, 202, .65);
}
.discovery-view-popup.view-select-popup > .view-select__filter {
  margin: 0;
  border-bottom: 1px solid rgba(202, 202, 202, .65);
}
.discovery-view-popup.view-select-popup > :not(.view-tabs) + .view-select__filter {
  border-top: 1px solid rgba(202, 202, 202, .65);
}
.discovery-view-popup.view-select-popup > .view-select__filter input,
.discovery-view-popup.view-select-popup > .view-select__filter input:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
.discovery-view-popup.view-select-popup .reset-item {
  color: #aaa;
}
.discovery-view-popup.view-select-popup .reset-item:empty::before {
  content: "(nothing selected)";
  visibility: visible;
}
.view-signature [data-action] {
  margin-left: 2px;
  padding: 1px 4px;
  font-size: 8px;
  color: #aaa6;
  background: rgba(195, 195, 195, .05);
  border: 1px solid rgba(141, 141, 141, .15);
  border-radius: 3px;
  cursor: pointer;
}
.discovery-root-darkmode .view-signature [data-action] {
  --discovery-view-signature-hover-color: #aaa;
  --discovery-view-signature-toggle-color: #72b372;
}
.view-signature [data-action][data-enabled=true],
.view-signature [data-action][data-enabled=true]:hover {
  color: var(--discovery-view-signature-toggle-color, #333);
  background: rgba(151, 223, 151, .25);
  border-color: #89b18966;
}
.view-signature [data-action=collapse]::before {
  content: "\2013";
}
.view-signature [data-action=dict-mode]::before {
  content: "dict";
}
.view-signature [data-action=sort-keys]::before {
  content: "keys \2193";
}
.view-signature [data-action]:hover {
  color: var(--discovery-view-signature-hover-color, #333);
  background: rgba(187, 187, 187, .25);
  border-color: #89898966;
}
.discovery-view-popup.signature-details {
  padding: 10px;
}
.discovery-view-popup.signature-details > * {
  max-width: 420px;
}
.discovery-view-popup.signature-details .path {
  position: relative;
  top: -4px;
  margin-bottom: -2px;
  font-size: 12px;
  color: var(--discovery-fmt-property-color);
  opacity: .8;
}
.discovery-view-popup.signature-details .view-h1 {
  margin: 20px 0 15px;
  line-height: 1;
  font-size: 180%;
}
.discovery-view-popup.signature-details .view-h1.property {
  color: var(--discovery-fmt-property-color);
}
.discovery-view-popup.signature-details .view-h1.type {
  color: var(--discovery-fmt-atom-color);
  margin-bottom: 8px;
}
.discovery-view-popup.signature-details .path + .view-h1,
.discovery-view-popup.signature-details .view-h1:first-child {
  margin-top: 0;
}
.discovery-view-popup.signature-details .view-h1:last-child {
  margin-bottom: 0;
}
.discovery-view-popup.signature-details .usage-stat {
  display: inline-block;
  padding: 0 2ex 0 1ex;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
.discovery-view-popup.signature-details .usage-stat.optional::before {
  content: "optional ";
  color: var(--discovery-fmt-flag-color);
}
.discovery-view-popup.signature-details .num {
  color: var(--discovery-fmt-atom-color);
}
.discovery-view-popup.signature-details .pie-stat {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.discovery-view-popup.signature-details .pie-stat .list-header {
  font-size: 11px;
  color: #aaa;
}
.discovery-view-popup.signature-details .pie-stat .view-list {
  max-width: 270px;
}
.discovery-view-popup.signature-details .pie-stat .view-list-item {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.discovery-view-popup.signature-details .pie-stat .dot {
  display: inline-block;
  min-width: var(--size);
  height: var(--size);
  border-radius: 50%;
}
.discovery-view-popup.signature-details .pie-stat .caption {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 5px;
}
.discovery-view-popup.signature-details .pie-stat .caption:empty::before {
  content: "empty string";
  padding: 2px 4px 3px;
  border-radius: 3px;
  background: rgba(180, 180, 180, .2);
  color: #888;
  font-size: 11px;
}
.discovery-view-popup.signature-details .pie-stat .times {
  color: #aaa;
  font-size: 11px;
}
.discovery-view-popup.signature-details .pie-stat .pie {
  transform: rotate(-90deg);
  height: var(--size, 100px);
  width: var(--size, 100px);
  margin: 0 20px 0 10px;
  border-radius: 50%;
}
.discovery-view-popup.signature-details .overview-stat {
  color: #aaa;
  font-size: 12px;
}
.discovery-view-popup.signature-details .overview-stat + .view-content-filter {
  margin-top: 8px;
}
.discovery-view-popup.signature-details .view-content-filter > .view-input {
  margin-bottom: 4px;
}
.discovery-view-popup.signature-details .view-menu-item {
  display: flex;
  align-items: baseline;
}
.discovery-view-popup.signature-details .view-menu-item > .caption {
  flex: 1;
}
.discovery-view-popup.signature-details .view-menu-item > .caption:empty::before {
  content: "[empty string]";
  color: #888;
}
.discovery-view-popup.signature-details .view-menu-item > .count {
  color: #aaa;
  font-size: 11px;
}
.discovery-view-popup.signature-details .struct-list > .view-list-item {
  position: relative;
}
.discovery-view-popup.signature-details .struct-list > .view-list-item > .view-struct {
  overflow: hidden;
}
.discovery-view-popup.signature-details .struct-list > .view-list-item > .count {
  position: absolute;
  top: 7px;
  right: 0;
  color: #aaa;
  font-size: 11px;
  padding: 0 4px 1px;
  border-radius: 3px 0 0 3px;
  background: var(--discovery-background-color);
  opacity: .9;
}
.discovery-view-popup.signature-details .array-types {
  padding: 8px 0 8px 12px;
  margin-top: 4px;
  border-left: 2px solid rgba(-45, 112, 178, .8);
}
.discovery-view-popup.signature-details .array-types::before {
  content: "Array value types";
  display: inline-block;
  position: relative;
  top: -12px;
  left: -12px;
  padding: 2px 4px;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  background: rgba(-45, 112, 178, .8);
}
.view-signature {
  position: relative;
  margin: 1px 0;
  padding: 7px 32px 7px 8px;
  overflow: auto;
  font-family: Consolas, Monaco, monospace;
  font-size: 11px;
  line-height: 18px;
  background: rgba(205, 205, 205, .1);
  color: var(--discovery-fmt-color);
  white-space: pre;
}
.discovery-view-popup .view-signature {
  background: none;
}
.view-signature .expand {
  padding: 2px;
  margin: 0 -2px;
}
.view-signature .expand:hover {
  color: var(--discovery-fmt-hover-color);
  background-color: #bbbbbb40;
  border-radius: 4px;
  cursor: pointer;
}
.view-signature .count {
  vertical-align: middle;
  padding-left: 3px;
  font-size: 90%;
  color: #9d9d9d59;
}
.view-signature .count::before {
  content: attr(data-value);
}
.view-signature .count:hover {
  color: #949494cc;
}
.view-signature .property {
  padding: 2px;
  margin: 0 -2px;
  color: var(--discovery-fmt-property-color);
  cursor: pointer;
}
.view-signature .property.discovery-view-popup-active,
.view-signature .property:hover {
  background-color: #aaa3;
}
.view-signature .optional {
  color: var(--discovery-fmt-flag-color);
  padding-left: 2px;
}
.view-signature .type {
  padding: 2px;
  margin: 0 -2px 0 -2px;
  color: var(--discovery-fmt-atom-color);
  cursor: pointer;
}
.view-signature .type.discovery-view-popup-active,
.view-signature .type:hover {
  background-color: #aaa3;
}
.view-source {
  padding: 8px;
  overflow: auto;
  border-radius: 3px;
  white-space: pre;
  font-family: Consolas, Monaco, monospace;
  font-size: 12px;
  line-height: 18px;
  color: var(--discovery-fmt-color);
  background-color: #b4b4b433;
}
.view-source .lines {
  float: left;
  text-align: right;
  min-width: 3ex;
  padding-right: 1ex;
  margin-right: 1.5ex;
  border-right: 1px solid rgba(170, 170, 170, .4);
  color: #969696a6;
}
.view-source .lines > span {
  display: block;
}
.view-source .spotlight {
  background: #fdf8cc;
  padding: 1px 2px 2px;
}
.view-source .spotlight.error {
  background: #ffc9c9;
}
.view-source .spotlight.def {
  background: #d3e7fb;
}
.view-source .spotlight.ref {
  background: #ebfdca;
}
.view-source .spotlight.global-ref {
  background: #ffd8a3;
}
.view-source a.spotlight {
  position: relative;
  color: #444;
  text-decoration: none;
}
.view-source a.spotlight:hover {
  background-color: #f3eec4;
  color: #a62 !important;
  text-decoration: none;
}
.view-source a.spotlight::before {
  bottom: 100%;
  position: absolute;
  margin-bottom: -8px;
  padding: 2px 8px;
  opacity: 0;
  border-radius: 3px;
  background: black;
  color: #fff;
  pointer-events: none;
  font-size: 11px;
  content: "Resolved to " attr(href);
}
.view-source a.spotlight:hover::before {
  margin-bottom: 2px;
  opacity: .75;
  transition: all .1s ease-in-out;
}
.view-source .spotlight-ignore {
  background: #ddd;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(225, 125, 0, .1) 6px, rgba(225, 125, 0, .1) 12px, transparent 12px);
}
.view-source .token {
  background: none;
}
.view-source .token.comment,
.view-source .token.prolog,
.view-source .token.doctype,
.view-source .token.cdata {
  color: var(--discovery-fmt-comment-color);
}
.view-source .token.punctuation {
  color: #999;
}
.view-source .token.namespace {
  opacity: .7;
}
.view-source .token.boolean,
.view-source .token.atom {
  color: var(--discovery-fmt-atom-color);
}
.view-source .token.number {
  color: var(--discovery-fmt-number-color);
}
.view-source .token.selector,
.view-source .token.attr-value,
.view-source .token.string,
.view-source .token.char,
.view-source .token.builtin,
.view-source .token.inserted {
  color: var(--discovery-fmt-string-color);
}
.view-source .token.property,
.view-source .token.tag,
.view-source .token.constant,
.view-source .token.symbol,
.view-source .token.deleted {
  color: var(--discovery-fmt-property-color);
}
.view-source .token.operator,
.view-source .token.entity,
.view-source .token.url {
  color: #9a6e3a;
}
.view-source .token.atrule,
.view-source .token.keyword {
  color: var(--discovery-fmt-keyword-color);
}
.view-source .token.function,
.view-source .token.attribute,
.view-source .token.attr-name,
.view-source .token.qualifier,
.view-source .token.class-name {
  color: #dd4a68;
}
.view-source .token.regex,
.view-source .token.important,
.view-source .token.variable {
  color: var(--discovery-fmt-variable-color);
}
.view-source .token.discovery-view-name {
  background-color: var(--discovery-fmt-string-highlight-color);
  box-shadow: 0 0 0 1px var(--discovery-fmt-string-highlight-color);
  color: #6a9c11;
}
.view-source.error {
  margin: 0;
  padding: 12px;
  background: #f9dbdb;
  color: #000;
}
.view-source.disabled {
  margin: 0;
  padding: 12px;
  background: #fff0bf;
  color: #000;
}
.view-struct .entry-line {
  white-space: nowrap;
  padding-left: 4ch;
}
.view-struct .label {
  float: left;
  margin-left: -4ch;
}
.view-struct .property {
  color: var(--discovery-fmt-property-color);
}
.view-struct .value {
  white-space: normal;
  vertical-align: top;
}
.view-struct .keyword {
  color: var(--discovery-fmt-keyword-color);
}
.view-struct .number {
  color: var(--discovery-fmt-number-color);
}
.view-struct .num-delim {
  padding-left: 3px;
}
.view-struct .string,
.view-struct .string a {
  color: var(--discovery-fmt-string-color);
  text-decoration-color: var(--discovery-fmt-string-underline-color);
  white-space: pre;
}
.view-struct .string a:hover {
  color: var(--discovery-fmt-string-hover-color);
  text-decoration-color: currentColor;
}
.view-struct .value-size,
.view-struct .string-length {
  padding-left: 6px;
  color: #99999980;
  font-size: 9px;
  line-height: 11px;
  vertical-align: text-bottom;
}
.view-struct .string-text-wrapper {
  display: block;
  padding: 4px 4px 4px 5.5ex;
}
.view-struct .string-text {
  display: inline;
  white-space: pre-wrap;
  box-shadow: 0 0 0 2px var(--discovery-fmt-string-highlight-color);
  background: var(--discovery-fmt-string-highlight-color);
  color: var(--discovery-fmt-string-color);
}
.view-struct .string-value-as-text .string-text {
  display: block;
  white-space: pre-wrap;
  box-shadow: 0 0 0 2px rgba(145, 145, 145, .1);
  background: rgba(145, 145, 145, .1);
  color: var(--discovery-fmt-color);
}
.view-struct .more {
  color: #7f7f7fcc;
  white-space: nowrap;
}
.view-struct .string .more {
  margin: 0 3px;
}
.view-struct .more-buttons {
  padding-left: 4ch;
}
.view-struct .struct-action-button {
  vertical-align: middle;
  margin-left: 2px;
  padding: 1px 4px;
  color: #aaa6;
  background-color: #c3c3c30d;
  border: 1px solid rgba(141, 141, 141, .15);
  border-radius: 3px;
  font-size: 8px;
  cursor: pointer;
}
.discovery-root-darkmode .view-struct .struct-action-button {
  --discovery-view-struct-hover-color: #aaa;
  --discovery-view-struct-toggle-color: #72b372;
}
.view-struct .struct-action-button:hover,
.view-struct .discovery-view-popup-active {
  color: var(--discovery-view-struct-hover-color, #333);
  background-color: #bbbbbb40;
  border-color: #89898966;
}
.view-struct .sort-keys > .struct-action-button[data-action=toggle-sort-keys],
.view-struct .string-value-as-text > .struct-action-button[data-action=toggle-string-mode] {
  color: var(--discovery-view-struct-toggle-color, #686);
  background-color: #97df9740;
  border-color: #89b18966;
}
.view-struct .struct-action-button[data-action=show-signature] {
  cursor: default;
}
@media (hover:none), (hover:on-demand) {
  .view-struct .struct-action-button {
    padding: 3px 20px 3px;
    color: #333;
    background-color: #fff;
    border-color: #64646433;
  }
  .discovery-root-darkmode .view-struct .struct-action-button {
    color: #aaa;
    background-color: #50505080;
  }
  .view-struct .struct-action-button[data-action=show-signature] {
    cursor: pointer;
  }
}
.discovery-view-popup .view-struct .struct-action-button[data-action=show-signature] {
  display: none;
}
.view-struct .struct-action-button[data-action=collapse]::before {
  content: "\2013";
}
.view-struct .struct-action-button[data-action=show-signature]::before {
  content: "\1d54a";
}
.view-struct .struct-action-button[data-action=value-actions]::before {
  content: "\192";
}
.view-struct .struct-action-button[data-action=toggle-sort-keys]::before {
  content: "keys \2193";
}
.view-struct .struct-action-button[data-action=toggle-string-mode]::before {
  content: "as text";
}
.discovery-view-popup.view-struct-actions-popup .notes {
  display: inline;
  color: #666;
}
.discovery-view-popup.view-struct-actions-popup .notes::before {
  content: " ";
}
.view-struct .value-annotation {
  display: inline-block;
  color: #aaa;
  font-size: 10px;
  line-height: 14px;
  border-radius: 3px;
}
.view-struct .value-annotation + .value-annotation {
  margin-left: 4px;
}
.view-struct .value-annotation[href]:hover,
.view-struct .value-annotation[href]:focus {
  background-color: #bbbbbb40;
  box-shadow: 0 0 0 3px rgba(187, 187, 187, .25);
}
.view-struct .value-annotation.icon::before {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  height: 14px;
  width: 14px;
  background: var(--annotation-image,) var(--annotation-image-position, 50% center) no-repeat;
  background-size: var(--annotation-image-size, 14px);
}
.view-struct .value-annotation.icon.has-text::before {
  margin-right: var(--annotation-image-margin, 2px);
}
.view-struct .value-annotation.before + .value {
  margin-left: 4px;
}
.view-struct .value + .value-annotation.after {
  margin-left: 2ex;
}
.view-struct .value-annotation.style-default {
  --annotation-bg-gradient-from: white;
  --annotation-bg-gradient-to: rgba(255, 255, 255, 0);
  padding: 1px 4px 0;
  border-radius: 4px;
}
.discovery-root-darkmode .view-struct .value-annotation.style-default {
  --annotation-bg-gradient-from: rgba(33, 33, 33, .5);
  --annotation-bg-gradient-to: rgba(33, 33, 33, 0);
}
.view-struct .value-annotation.before.style-default {
  background: linear-gradient(to left, var(--annotation-bg-gradient-from), var(--annotation-bg-gradient-to));
  border-right: 1px solid;
}
.view-struct .value-annotation.after.style-default {
  background: linear-gradient(to right, var(--annotation-bg-gradient-from), var(--annotation-bg-gradient-to));
  border-left: 1px solid;
}
.view-struct .value-annotation.style-badge {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 4px 1px;
  text-decoration: none;
  background: rgba(155, 155, 155, .15);
  color: #999;
  font-size: 10px;
  line-height: 14px;
  border-radius: 3px;
  user-select: none;
}
.view-struct .value-annotation.style-badge[href] {
  background: rgba(55, 155, 230, .16);
}
.view-struct .value-annotation.style-badge[href]:hover {
  text-decoration: underline;
  color: #89a0bd;
}
.view-struct {
  position: relative;
  margin: 1px 0;
  padding: 7px 8px;
  overflow: auto;
  font-family: Consolas, Monaco, monospace;
  font-size: 11px;
  line-height: 18px;
  background: rgba(205, 205, 205, .1);
  color: var(--discovery-fmt-color);
  white-space: nowrap;
}
.view-struct.struct-expand {
  cursor: pointer;
}
.view-struct .struct-expand-value {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap !important;
  border-radius: 4px;
  cursor: pointer;
}
.view-struct.struct-expand:hover,
.view-struct.struct-expanded-value .struct-expand-value:hover {
  color: var(--discovery-fmt-hover-color);
  background-color: #bbbbbb40;
}
.view-struct.struct-expanded-value,
.view-struct .struct-expanded-value {
  background-image: linear-gradient(to bottom, rgba(187, 187, 187, .15), rgba(187, 187, 187, .15));
  background-size: 1px calc(100% - 38px);
  background-position: 4.85ex 20px;
  background-repeat: no-repeat;
  background-attachment: local;
}
.view-struct.struct-expanded-value {
  background-size: 1px calc(100% - 54px);
  background-position: 11px 28px;
}
.discovery-view-popup.view-struct-actions-popup .error {
  font-size: 11px;
  color: #d61f1fc4;
  text-shadow: .2px 0px .3px rgba(255, 255, 255, .8);
}
.discovery-view-popup.view-struct-actions-popup .num-delim {
  padding-left: 3px;
}
.view-table-cell {
  padding: 2px 8px;
  vertical-align: top;
}
.view-table-cell.number {
  text-align: right;
}
.view-table-cell.complex {
  color: #888;
}
.view-table-cell.details {
  padding-left: 14px;
  position: relative;
  background-clip: padding-box;
}
.view-table-cell.details::before {
  content: ".";
  color: transparent;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 9px;
  transform: rotate(-90deg);
  transition: .12s ease-in;
  transition-property: transform, opacity;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsPSIjODg4IiBkPSJNIDMuNzE4NzUgNy43ODEyNSBMIDIuMjgxMjUgOS4yMTg3NSBMIDExLjI4MTI1IDE4LjIxODc1IEwgMTIgMTguOTA2MjUgTCAxMi43MTg3NSAxOC4yMTg3NSBMIDIxLjcxODc1IDkuMjE4NzUgTCAyMC4yODEyNSA3Ljc4MTI1IEwgMTIgMTYuMDYyNSBaICIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  opacity: .5;
}
.view-table-cell.details:hover {
  background-color: #b4b4b433;
  cursor: pointer;
}
.view-table-cell.details-expanded {
  background-image: linear-gradient(to top, rgba(170, 170, 170, .35), transparent), linear-gradient(to top, rgba(170, 170, 170, .35), transparent);
  background-repeat: no-repeat;
  background-size: 1px 100%;
  background-position: left top, right top;
  border-bottom: none !important;
}
.view-table-cell.details-expanded:hover {
  background-color: #b4b4b433;
}
.view-table-cell.details-expanded::before {
  transform: rotate(0deg);
  opacity: 1;
}
.view-table-cell-details-row > .view-cell-details-content {
  padding: 1px;
  border: 1px solid rgba(170, 170, 170, .25);
  border-top: none;
}
.view-table-cell-details-row > .view-cell-details-content > :first-child {
  margin-top: 0 !important;
}
.view-table-cell-details-row > .view-cell-details-content > :last-child {
  margin-bottom: 0 !important;
}
.view-table-row:not(:last-child) > td {
  border-bottom: 1px solid rgba(170, 170, 170, .2);
}
.view-table {
  font-size: 12px;
  border-spacing: 0;
}
.view-table > thead th {
  padding: 2px 8px;
  font-weight: normal;
  text-align: left;
  background: rgba(141, 141, 141, .15) no-repeat right 1px center;
  background-size: 16px;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-width: 1px 1px 1px 0;
}
.view-table > thead th:last-child {
  border-right: none;
}
.view-table > thead th.sortable {
  padding-right: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzIgMTcyIj4KICAgIDxwYXRoIGZpbGw9InJnYmEoMTUzLCAxNTMsIDE1MywgMC40KSIgZD0iTTg2LDExLjIxMTkybC02NC4wMzgwOCw2NC4wMzgwOGgxMjguMDc2MTd6TTg2LDI2LjQxMzA4bDM4LjA4NjkyLDM4LjA4NjkyaC03Ni4xNzM4M3pNMjEuOTYxOTIsODZsNjQuMDM4MDgsNjQuMDM4MDhsNjQuMDM4MDgsLTY0LjAzODA4ek00Ny45MTMwOCw5Ni43NWg3Ni4xNzM4M2wtMzguMDg2OTIsMzguMDg2OTJ6Ii8+Cjwvc3ZnPgo=);
  cursor: pointer;
}
.view-table > thead th.sortable:not(.asc):not(.desc) {
  background-size: 14px;
  background-position: right 2px center;
}
.view-table > thead th.sortable.asc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsPSIjODg4IiBkPSJNMjAgMTJsLTEuNDEtMS40MUwxMyAxNi4xN1Y0aC0ydjEyLjE3bC01LjU4LTUuNTlMNCAxMmw4IDggOC04eiIvPgo8L3N2Zz4K);
}
.view-table > thead th.sortable.desc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgICA8cGF0aCBmaWxsPSIjODg4IiBkPSJNNCAxMmwxLjQxIDEuNDFMMTEgNy44M1YyMGgyVjcuODNsNS41OCA1LjU5TDIwIDEybC04LTgtOCA4eiIgLz4KPC9zdmc+Cg==);
}
.view-table > thead th.sortable:hover {
  background-color: #8d8d8d4d;
}
.view-tab {
  display: inline-block;
  position: relative;
  padding: 3px 11px;
  border-bottom: var(--discovery-view-tabs-border);
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}
.view-tab.active {
  z-index: 10;
  border-bottom: none;
  padding-bottom: 4px;
  cursor: default;
}
.view-tab.active::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: var(--discovery-view-tabs-border);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  pointer-events: none;
}
.view-tab.disabled {
  color: #aaa;
}
.view-tab.disabled,
.view-tab:not(.onclick) {
  pointer-events: none;
}
.view-tabs-buttons {
  --discovery-view-tabs-border: 1px solid rgba(170, 170, 170, .4);
  margin-top: 2px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.view-tabs-buttons::before,
.view-tabs-buttons::after {
  content: "";
  width: 6px;
  border-bottom: var(--discovery-view-tabs-border);
}
.view-tabs-buttons::after {
  flex: 1;
}
.view-tabs-buttons-before,
.view-tabs-buttons-after {
  padding: 0 6px 3px;
  padding-bottom: 3px;
  border-bottom: var(--discovery-view-tabs-border);
  color: #888;
  font-size: 13px;
}
.view-tabs-content {
  overflow: auto;
}
.view-text-match {
  background: rgba(255, 232, 5, .22);
  border-bottom: 2px solid rgba(213, 190, 15, .8);
  line-height: 1.2;
}
.view-toc-section > .header {
  top: 0px;
  position: sticky;
  z-index: 1;
  padding: 9px 12px;
  line-height: 1;
  font-size: 14px;
  border: 1px solid rgba(85, 85, 85, .2);
  border-width: 1px 0;
  background-color: #fafafaeb;
  text-transform: capitalize;
  margin: 0;
  margin-bottom: -1px;
  transition: background-color .25s ease-in;
}
.discovery-root-darkmode .view-toc-section > .header {
  background-color: #323232eb;
  border-color: #00000040;
}
@supports (backdrop-filter: blur(5px)) or (-webkit-backdrop-filter: blur(5px)) {
  .view-toc-section > .header {
    background-color: #fafafacc;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .discovery-root-darkmode .view-toc-section > .header {
    background-color: #323232cc;
    border-color: #00000040;
  }
}
.view-toc-section > .header .view-badge,
.view-toc-section > .header .view-pill-badge {
  text-transform: none;
  font-weight: normal;
  margin-left: 4px;
  margin-right: 0;
}
.view-toc-section > .content {
  padding: 8px 0 8px 12px;
  white-space: nowrap;
}
.view-toggle {
  display: inline-block;
  position: relative;
  padding: 3px 12px;
  background: rgba(200, 200, 200, .2);
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}
.view-toggle:hover {
  background-color: #4ebbff33;
}
.view-toggle.checked {
  background-color: #4ebbff4d;
  cursor: default;
}
.view-toggle.disabled {
  color: #aaa;
}
.view-toggle.disabled,
.view-toggle:not(.onclick) {
  pointer-events: none;
}
.view-toggle-group {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.view-toggle-group-before {
  padding-right: 1ex;
}
.view-toggle-group-after {
  padding-left: 1ex;
  order: 1000;
}
.view-toggle-group .view-toggle + .view-toggle {
  margin-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.view-toggle-group .view-toggle:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.view-tree-leaf {
  --view-leaf-lines-offset: 0;
  position: relative;
  display: grid;
  grid-template-columns: 20px auto;
  grid-template-areas: "toggle content" "toggle children";
  background-image: linear-gradient(to right, rgba(153, 153, 153, .5), rgba(153, 153, 153, .5)), linear-gradient(to right, rgba(153, 153, 153, .5), rgba(153, 153, 153, .5));
  background-size: 1px calc(1em - 7px * var(--view-leaf-lines-offset, 0)), 1px 100%;
  background-position: 5px top, 5px calc(1em + 6px * var(--view-leaf-lines-offset, 0));
  background-repeat: no-repeat;
}
.view-tree-leaf.has-children:not(.non-collapsible),
.view-tree-leaf.has-children.collapsed {
  --view-leaf-lines-offset: 1;
}
.view-tree-leaf.last,
:not(.incomplete) > .view-tree-leaf:last-child {
  background-image: linear-gradient(to right, rgba(153, 153, 153, .5), rgba(153, 153, 153, .5));
}
.view-tree-leaf-toggle {
  grid-area: toggle;
  visibility: hidden;
  display: inline-block;
  position: relative;
  top: 1em;
  margin-top: -3px;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  border: 1px solid currentColor;
  margin-right: 9px;
  font-size: 10px;
  line-height: 8px;
  text-align: center;
  color: #7f7f7fcc;
  cursor: pointer;
}
.view-tree-leaf-toggle:hover {
  color: gray;
}
.view-tree-leaf.has-children > .view-tree-leaf-toggle {
  visibility: visible;
}
.view-tree-leaf.non-collapsible:not(.collapsed) > .view-tree-leaf-toggle {
  visibility: hidden;
}
.view-tree-leaf-toggle::before {
  content: "\2013";
}
.view-tree-leaf.collapsed > .view-tree-leaf-toggle::before {
  content: "+";
}
.view-tree-leaf-toggle::after {
  content: "";
  visibility: visible;
  position: absolute;
  top: 4px;
  left: 5px;
  right: -6px;
  height: 1px;
  background-color: #99999980;
  pointer-events: none;
}
.view-tree-leaf.has-children:not(.non-collapsible) > .view-tree-leaf-toggle::after,
.view-tree-leaf.has-children.collapsed > .view-tree-leaf-toggle::after {
  left: 11px;
}
.view-tree-leaf-content {
  grid-area: content;
  display: inline-block;
}
.view-tree-leaf-children {
  grid-area: children;
  list-style: none;
  margin: 0;
  padding: 0;
}
.view-tree-leaf.collapsed > .view-tree-leaf-children {
  display: none;
}
.view-tree {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
}
.view-tree:empty::before {
  content: attr(emptyText);
  color: #888;
}
.more-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 2px;
}
.more-buttons .more-button {
  vertical-align: top;
  color: var(--discovery-color, black);
  min-height: 0;
  padding: 4px 8px;
  margin: 0;
  background-color: #ffffff1a;
  border: 1px solid rgba(127, 127, 127, .4);
  border-radius: 3px;
  font-size: 11px;
  line-height: 12px;
  font-family: system-ui, Arial, sans-serif;
  cursor: pointer;
}
@supports not (gap: 5px) {
  .more-buttons {
    margin-top: 0;
  }
  .more-buttons .more-button {
    margin-top: 4px;
    margin-right: 5px;
  }
}
.more-buttons .more-button:hover,
.more-buttons .more-button:active,
.more-buttons .more-button:focus {
  background-color: #dddddd4d;
  border-color: #aaa9;
  outline: none;
}
.more-buttons .more-button:active {
  background-color: #83838340;
  border-color: #7f7f7f66;
}
:host {
  transition: opacity .2s;
}
.discovery-root {
  all: initial;
  position: relative;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  background-color: var(--discovery-background-color, white);
  color: var(--discovery-color, black);
  transition-property: background-color, color;
  transition-duration: .25s;
  transition-timing-function: ease-in;
  --discovery-background-color: white;
  --discovery-color: black;
  --discovery-input-bg-color: white;
  --discovery-input-color: black;
  --discovery-button-color: black;
  --discovery-button-bg-color: white;
  --discovery-button-border-color: #cccccc;
  --discovery-button-hover-color: black;
  --discovery-button-hover-bg-color: #f5f5f5;
  --discovery-button-hover-border-color: #cccccc;
  --discovery-fmt-color: #666;
  --discovery-fmt-hover-color: #333;
  --discovery-fmt-flag-color: #ff6e13;
  --discovery-fmt-variable-color: #047d65;
  --discovery-fmt-property-color: #bd6476;
  --discovery-fmt-keyword-color: #07a;
  --discovery-fmt-number-color: #07a;
  --discovery-fmt-atom-color: #07a;
  --discovery-fmt-string-color: #690;
  --discovery-fmt-string-highlight-color: rgba(35, 165, 25, .1);
  --discovery-fmt-comment-color: #75787b;
}
.discovery-root-darkmode {
  --discovery-background-color: #242424;
  --discovery-color: #cccccc;
  --discovery-link-color: #1c87d4;
  --discovery-link-underline-color: rgb(37, 146, 226, 50%);
  --discovery-link-hover-color: #4aa6e8;
  --discovery-input-bg-color: #343434;
  --discovery-input-color: #e8e8e8;
  --discovery-button-color: #cccccc;
  --discovery-button-bg-color: #3a3a3a;
  --discovery-button-border-color: #cccccc;
  --discovery-button-hover-color: black;
  --discovery-button-hover-bg-color: #f5f5f5;
  --discovery-button-hover-border-color: #cccccc;
  --discovery-fmt-color: #999;
  --discovery-fmt-hover-color: #aaa;
  --discovery-fmt-flag-color: #ff8030;
  --discovery-fmt-variable-color: #16a78a;
  --discovery-fmt-property-color: #d17a8c;
  --discovery-fmt-keyword-color: #0f8dc2;
  --discovery-fmt-number-color: #0f8dc2;
  --discovery-fmt-atom-color: #0f8dc2;
  --discovery-fmt-string-color: #7faf20;
  --discovery-fmt-string-underline-color: #85ab51;
  --discovery-fmt-string-hover-color: #97cf26;
}
.discovery[data-dzen] .discovery-hidden-in-dzen {
  display: none;
}
.discovery {
  display: flex;
  overflow: hidden;
  height: 100%;
}
.discovery-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
  z-index: 10;
}
.discovery-content > .page {
  padding: 35px 40px 30px;
}
.discovery[data-compact] .discovery-content,
.discovery[data-compact] .page {
  padding: 0;
}
.discovery-sidebar {
  position: relative;
  z-index: 200;
  overflow: auto;
  width: 350px;
  background: rgba(105, 105, 105, .1);
  border-right: 1px solid rgba(85, 85, 85, .2);
  box-shadow: 2px 0 5px -3px rgba(0, 0, 0, .26);
  transform: translate3d(0, 0, 0);
}
.discovery-sidebar:empty {
  display: none;
}
.discovery-sidebar .view-tabs,
.discovery-sidebar .view-tabs-content,
.discovery-sidebar .view-content-filter {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.discovery-sidebar .view-tabs {
  height: 100%;
}
.discovery-sidebar .view-tab.active::before {
  background-color: #fff;
  transition-property: background-color;
  transition-duration: .25s;
  transition-timing-function: ease-in;
}
.discovery-root-darkmode .discovery-sidebar .view-tab.active::before {
  background-color: #363637;
}
.discovery-sidebar .view-content-filter > .view-input {
  border-bottom: 1px solid rgba(170, 170, 170, .4);
  margin-bottom: -1px;
  background-color: #fff;
  transition-property: background-color;
  transition-duration: .25s;
  transition-timing-function: ease-in;
}
.discovery-root-darkmode .discovery-sidebar .view-content-filter > .view-input {
  background-color: #363637;
}
.discovery-sidebar .view-content-filter > .view-input input,
.discovery-sidebar .view-content-filter > .view-input input:focus {
  background-color: transparent;
  outline: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.discovery-sidebar .view-content-filter > .content > .view-list {
  padding: 8px 0 8px 12px;
}
.discovery-sidebar .view-content-filter > .content > .view-tree {
  padding: 4px 0 8px 8px;
}
.discovery-sidebar .view-list-item:first-child .view-toc-section {
  margin-top: -8px;
}
.discovery-sidebar .view-list-item:last-child .view-toc-section {
  margin-bottom: -8px;
}
.discovery-sidebar .view-toc-section {
  margin-left: -12px;
}
.discovery-sidebar .view-text-match {
  color: #282828d9;
  background: rgba(255, 255, 255, .45);
  border-bottom: 2px solid orange;
  line-height: 1.2;
  display: inline-block;
  border-radius: 3px;
  padding: 0 1px;
}
.discovery-nav {
  position: absolute;
  z-index: 102;
  top: 0;
  right: 40px;
  padding: 0 1px 1px;
  border-radius: 0 0 6px 6px;
  background-color: #ffffffeb;
  transition: background-color .25s ease-in;
  user-select: none;
}
.discovery-root-darkmode .discovery-nav {
  background-color: #242424eb;
}
@supports (backdrop-filter: blur(5px)) or (-webkit-backdrop-filter: blur(5px)) {
  .discovery-nav {
    background-color: #fffc;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .discovery-root-darkmode .discovery-nav {
    background-color: #242424cc;
  }
}
.discovery-nav > :first-child {
  border-bottom-left-radius: 5px;
  transition: border-radius .25s ease-in-out;
}
.discovery-nav > :last-child {
  border-bottom-right-radius: 5px;
  transition: border-radius .25s ease-in-out;
}
.discovery-nav .view-nav-button.discovery-view-popup-active {
  border-radius: 0;
}
.discovery-nav .view-nav-button[data-name=burger] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzIgMTcyIj4KICAgIDxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0yMS41LDM1LjgzMzMzYy0yLjU4NDU2LC0wLjAzNjU1IC00Ljk4ODU4LDEuMzIxMzYgLTYuMjkxNTMsMy41NTM3NmMtMS4zMDI5NSwyLjIzMjQgLTEuMzAyOTUsNC45OTM0MiAwLDcuMjI1ODJjMS4zMDI5NSwyLjIzMjQgMy43MDY5NywzLjU5MDMxIDYuMjkxNTMsMy41NTM3NmgxMjljMi41ODQ1NiwwLjAzNjU1IDQuOTg4NTgsLTEuMzIxMzYgNi4yOTE1MywtMy41NTM3NmMxLjMwMjk1LC0yLjIzMjQgMS4zMDI5NSwtNC45OTM0MiAwLC03LjIyNTgyYy0xLjMwMjk1LC0yLjIzMjQgLTMuNzA2OTcsLTMuNTkwMzEgLTYuMjkxNTMsLTMuNTUzNzZ6TTIxLjUsNzguODMzMzNjLTIuNTg0NTYsLTAuMDM2NTUgLTQuOTg4NTgsMS4zMjEzNiAtNi4yOTE1MywzLjU1Mzc2Yy0xLjMwMjk1LDIuMjMyNCAtMS4zMDI5NSw0Ljk5MzQyIDAsNy4yMjU4MmMxLjMwMjk1LDIuMjMyNCAzLjcwNjk3LDMuNTkwMzEgNi4yOTE1MywzLjU1Mzc2aDEyOWMyLjU4NDU2LDAuMDM2NTUgNC45ODg1OCwtMS4zMjEzNiA2LjI5MTUzLC0zLjU1Mzc2YzEuMzAyOTUsLTIuMjMyNCAxLjMwMjk1LC00Ljk5MzQyIDAsLTcuMjI1ODJjLTEuMzAyOTUsLTIuMjMyNCAtMy43MDY5NywtMy41OTAzMSAtNi4yOTE1MywtMy41NTM3NnpNMjEuNSwxMjEuODMzMzNjLTIuNTg0NTYsLTAuMDM2NTUgLTQuOTg4NTgsMS4zMjEzNiAtNi4yOTE1MywzLjU1Mzc2Yy0xLjMwMjk1LDIuMjMyNCAtMS4zMDI5NSw0Ljk5MzQyIDAsNy4yMjU4MmMxLjMwMjk1LDIuMjMyNCAzLjcwNjk3LDMuNTkwMzEgNi4yOTE1MywzLjU1Mzc2aDEyOWMyLjU4NDU2LDAuMDM2NTUgNC45ODg1OCwtMS4zMjEzNiA2LjI5MTUzLC0zLjU1Mzc2YzEuMzAyOTUsLTIuMjMyNCAxLjMwMjk1LC00Ljk5MzQyIDAsLTcuMjI1ODJjLTEuMzAyOTUsLTIuMjMyNCAtMy43MDY5NywtMy41OTAzMSAtNi4yOTE1MywtMy41NTM3NnoiIC8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}
.discovery-nav .view-nav-button[data-name=inspect]::before {
  content: "";
  display: inline-block;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEgLTEgMzAgMzAiPgo8cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0gMTUgMiBDIDguMzg0NDIzOSAyIDMgNy4zODQ0Mjg3IDMgMTQgQyAzIDIwLjYxNTU3MSA4LjM4NDQyMzkgMjYgMTUgMjYgTCAyNSAyNiBDIDI2LjEwNSAyNiAyNyAyNS4xMDUgMjcgMjQgTCAyNyAxNCBDIDI3IDcuMzg0NDI4NyAyMS42MTU1NzYgMiAxNSAyIHogTSAxNSA0IEMgMjAuNTM0Njk3IDQgMjUgOC40NjUzMDcgMjUgMTQgQyAyNSAxOS41MzQ2OTMgMjAuNTM0Njk3IDI0IDE1IDI0IEMgOS40NjUzMDM0IDI0IDUgMTkuNTM0NjkzIDUgMTQgQyA1IDguNDY1MzA3IDkuNDY1MzAzNCA0IDE1IDQgeiBNIDE1Ljk1MzEyNSA2Ljk4NjMyODEgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE1LjAxMzY3MiA3LjgzNTkzNzUgTCAxMy4wMTM2NzIgMTkuODM1OTM4IEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAxNC45ODYzMjggMjAuMTY0MDYyIEwgMTYuOTg2MzI4IDguMTY0MDYyNSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTUuOTUzMTI1IDYuOTg2MzI4MSB6IE0gMTAuOTgwNDY5IDkuOTg4MjgxMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTAuMTY3OTY5IDEwLjQ0NTMxMiBMIDguMTY3OTY4OCAxMy40NDUzMTIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDguMTY3OTY4OCAxNC41NTQ2ODggTCAxMC4xNjc5NjkgMTcuNTU0Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAxMS44MzIwMzEgMTYuNDQ1MzEyIEwgMTAuMjAxMTcyIDE0IEwgMTEuODMyMDMxIDExLjU1NDY4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTAuOTgwNDY5IDkuOTg4MjgxMiB6IE0gMTguOTg4MjgxIDkuOTg4MjgxMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTguMTY3OTY5IDExLjU1NDY4OCBMIDE5Ljc5ODgyOCAxNCBMIDE4LjE2Nzk2OSAxNi40NDUzMTIgQSAxLjAwMDEgMS4wMDAxIDAgMSAwIDE5LjgzMjAzMSAxNy41NTQ2ODggTCAyMS44MzIwMzEgMTQuNTU0Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS44MzIwMzEgMTMuNDQ1MzEyIEwgMTkuODMyMDMxIDEwLjQ0NTMxMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTguOTg4MjgxIDkuOTg4MjgxMiB6Ii8+Cjwvc3ZnPgo=) no-repeat center / 16px 16px;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEgLTEgMzAgMzAiPgo8cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0gMTUgMiBDIDguMzg0NDIzOSAyIDMgNy4zODQ0Mjg3IDMgMTQgQyAzIDIwLjYxNTU3MSA4LjM4NDQyMzkgMjYgMTUgMjYgTCAyNSAyNiBDIDI2LjEwNSAyNiAyNyAyNS4xMDUgMjcgMjQgTCAyNyAxNCBDIDI3IDcuMzg0NDI4NyAyMS42MTU1NzYgMiAxNSAyIHogTSAxNSA0IEMgMjAuNTM0Njk3IDQgMjUgOC40NjUzMDcgMjUgMTQgQyAyNSAxOS41MzQ2OTMgMjAuNTM0Njk3IDI0IDE1IDI0IEMgOS40NjUzMDM0IDI0IDUgMTkuNTM0NjkzIDUgMTQgQyA1IDguNDY1MzA3IDkuNDY1MzAzNCA0IDE1IDQgeiBNIDE1Ljk1MzEyNSA2Ljk4NjMyODEgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE1LjAxMzY3MiA3LjgzNTkzNzUgTCAxMy4wMTM2NzIgMTkuODM1OTM4IEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAxNC45ODYzMjggMjAuMTY0MDYyIEwgMTYuOTg2MzI4IDguMTY0MDYyNSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTUuOTUzMTI1IDYuOTg2MzI4MSB6IE0gMTAuOTgwNDY5IDkuOTg4MjgxMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTAuMTY3OTY5IDEwLjQ0NTMxMiBMIDguMTY3OTY4OCAxMy40NDUzMTIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDguMTY3OTY4OCAxNC41NTQ2ODggTCAxMC4xNjc5NjkgMTcuNTU0Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAxMS44MzIwMzEgMTYuNDQ1MzEyIEwgMTAuMjAxMTcyIDE0IEwgMTEuODMyMDMxIDExLjU1NDY4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTAuOTgwNDY5IDkuOTg4MjgxMiB6IE0gMTguOTg4MjgxIDkuOTg4MjgxMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTguMTY3OTY5IDExLjU1NDY4OCBMIDE5Ljc5ODgyOCAxNCBMIDE4LjE2Nzk2OSAxNi40NDUzMTIgQSAxLjAwMDEgMS4wMDAxIDAgMSAwIDE5LjgzMjAzMSAxNy41NTQ2ODggTCAyMS44MzIwMzEgMTQuNTU0Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS44MzIwMzEgMTMuNDQ1MzEyIEwgMTkuODMyMDMxIDEwLjQ0NTMxMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTguOTg4MjgxIDkuOTg4MjgxMiB6Ii8+Cjwvc3ZnPgo=) no-repeat center / 16px 16px;
  background-color: currentColor;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin: 1px -7px 0;
  opacity: .85;
}
.discovery-view-inspector-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0000ff1a;
  z-index: 2000;
}
.discovery-view-inspector-overlay .cancel-hint {
  content: "Inspection mode is enabled. Press Esc to cancel";
  position: absolute;
  z-index: 10;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 25px;
  background-color: var(--discovery-background-color);
  opacity: .8;
}
.discovery-view-inspector-overlay .cancel-hint::before {
  content: "Inspection mode is enabled. Press Esc to cancel";
}
.discovery-view-inspector-overlay .cancel-hint[data-alt]::before {
  content: "Inspection mode is enabled. Unhold Alt to cancel";
}
.discovery-view-inspector-overlay .overlay {
  position: absolute;
  transition: background-color 15ms 25ms;
  box-sizing: border-box;
}
.discovery-view-inspector-overlay .overlay.view-root {
  pointer-events: none;
}
.discovery-view-inspector-overlay .overlay:not(.view-root) {
  pointer-events: auto;
}
.discovery-view-inspector-overlay .overlay.hovered {
  background-color: rgba(0, 255, 0, var(--discovery-background-alpha));
  outline: 1px dashed rgba(0, 128, 0, .4);
  outline-offset: -1px;
  --discovery-background-alpha: .3;
}
.discovery-view-inspector-overlay .overlay.view-root.hovered {
  background-color: rgba(106, 0, 204, var(--discovery-background-alpha));
  outline: 1px dashed rgba(54, 0, 102, .4);
}
.discovery-root-darkmode .discovery-view-inspector-overlay .overlay.hovered {
  outline-color: #80c880a6;
  --discovery-background-alpha: .2;
}
.discovery-root-darkmode .discovery-view-inspector-overlay .overlay.view-root.hovered {
  outline-color: #6f4a98a6;
}
@supports (backdrop-filter: grayscale(1)) or (-webkit-backdrop-filter: grayscale(1)) {
  .discovery-view-inspector-overlay .overlay.hovered {
    --discovery-background-alpha: .25;
    -webkit-backdrop-filter: grayscale(1);
    backdrop-filter: grayscale(1);
  }
}
.discovery-inspect-details-popup {
  pointer-events: none;
  z-index: 2001;
  max-width: 650px !important;
  display: grid;
  grid-template-areas: "toolbar toolbar" "props-config data-context";
  grid-template-columns: 4fr 6fr;
  grid-template-rows: auto 1fr;
  gap: 1px;
  padding: 1px;
  border-radius: 2px;
  background: rgba(255, 255, 255, var(--discovery-background-alpha));
  --discovery-background-alpha: .95;
  --discovery-mate-background: rgba(240, 240, 240, .5);
  --discovery-link-color: #333;
  --discovery-link-underline-color: #0002;
  --discovery-view-root-highlight-color: rgba(106, 0, 204, 25%);
}
.discovery-root-darkmode .discovery-inspect-details-popup {
  background: rgba(36, 36, 36, var(--discovery-background-alpha));
  --discovery-background-alpha: .92;
  --discovery-mate-background: rgba(52, 52, 52, .5);
  --discovery-link-color: #aaa;
  --discovery-link-underline-color: #aaa2;
  --discovery-view-root-highlight-color: rgba(189, 120, 255, 25%);
}
.discovery-inspect-details-popup.frozen {
  pointer-events: all;
  top: 32px !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  height: calc(100vh - 52px);
  max-height: none !important;
  max-width: none !important;
  transition: .1s ease-in-out;
  transition-property: top, left, right, bottom;
  grid-template-areas: "sidebar toolbar toolbar" "sidebar props-config data-context";
  grid-template-rows: auto minmax(20%, 1fr);
  grid-template-columns: minmax(290px, 25%) 4fr 6fr;
}
@supports (backdrop-filter: blur(5px)) or (-webkit-backdrop-filter: blur(5px)) {
  .discovery-inspect-details-popup {
    --discovery-background-alpha: .65;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .discovery-root-darkmode .discovery-inspect-details-popup {
    --discovery-background-alpha: .4;
  }
}
.discovery-inspect-details-popup .sidebar {
  grid-area: sidebar;
  overflow: auto;
  padding: 4px;
  background-color: var(--discovery-mate-background);
}
.discovery-inspect-details-popup .sidebar .view-tree-leaf-content {
  white-space: nowrap;
  padding-right: 12px;
}
.discovery-inspect-details-popup .sidebar .view-root {
  display: inline-block;
  margin-bottom: 1px;
  margin-left: -6px;
  border: 4px solid transparent;
  border-width: 1px 8px;
  background-color: var(--discovery-view-root-highlight-color);
}
.discovery-inspect-details-popup .sidebar .selected {
  background-color: #4ebbff4d;
  box-shadow: 0 0 0 3px rgba(78, 187, 255, .3);
  display: inline;
}
.discovery-inspect-details-popup .sidebar .skipped {
  text-decoration: line-through;
  font-style: italic;
  opacity: .65;
}
.discovery-inspect-details-popup .sidebar > .view-tree-leaf:only-child {
  margin: -4px 0 0 -4px;
  grid-template-columns: 6px auto;
  background: none;
}
.discovery-inspect-details-popup .sidebar > .view-tree-leaf:only-child > .view-tree-leaf-toggle {
  display: none;
}
.discovery-inspect-details-popup .toolbar {
  grid-area: toolbar;
  display: flex;
  gap: 1px;
}
.discovery-inspect-details-popup .stack-view-chain {
  flex: 1;
  gap: 1px;
  background-color: var(--discovery-mate-background);
}
.discovery-inspect-details-popup .stack-view-chain .view-toggle {
  border-radius: 0;
  margin: 0;
  padding: 5px 8px;
  line-height: 16px;
}
.discovery-inspect-details-popup .stack-view-chain .skipped {
  text-decoration: line-through;
  font-style: italic;
  opacity: .65;
}
.discovery-inspect-details-popup .stack-view-chain .view-root:not(.checked):not(:hover) {
  background-color: var(--discovery-view-root-highlight-color);
}
.discovery-inspect-details-popup .stack-view-chain .data-flow-changes {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  gap: 2px;
  margin: -5px -2px -2px 4px;
  font-size: 7px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
}
.discovery-inspect-details-popup .stack-view-chain .data-flow-changes > * {
  width: 12px;
  height: 12px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}
.discovery-inspect-details-popup .stack-view-chain .data-flow-changes .data {
  background: #1f841f80;
}
.discovery-inspect-details-popup .stack-view-chain .data-flow-changes .context {
  background: #b1366f80;
  bottom: 0;
}
.discovery-inspect-details-popup .toolbar .view-button {
  padding: 5px 8px 7px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 2px 1px 2px 2px;
  box-shadow: none;
}
.discovery-inspect-details-popup .content {
  overflow: hidden;
  background-color: var(--discovery-mate-background);
  font-size: 12px;
  line-height: 14px;
}
.discovery-inspect-details-popup.frozen .content {
  overflow: auto;
}
.discovery-inspect-details-popup .content .view-struct {
  overflow: visible;
  background-color: transparent;
}
.discovery-inspect-details-popup .content .view-source {
  font-size: 11px;
  line-height: 15px;
  background-color: transparent;
}
.discovery-inspect-details-popup .content.props-config {
  grid-area: props-config;
}
.discovery-inspect-details-popup .content.data-context {
  grid-area: data-context;
}
.discovery-inspect-details-popup .content-section::before {
  content: var(--header);
  display: inline-block;
  padding: 8px 10px 2px 3px;
  margin-left: 6px;
  text-transform: uppercase;
  font-size: 10px;
  color: #444;
  border-bottom: 2px solid #ddd;
}
.discovery-root-darkmode .discovery-inspect-details-popup .content-section::before {
  color: inherit;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
  border-bottom: 2px solid #666;
}
.discovery-inspect-details-popup .content-section.skip {
  --header: "Not rendered reason";
}
.discovery-inspect-details-popup .content-section.skip .view-block {
  padding: 6px 0 8px 6px;
  font-size: 14px;
}
.discovery-inspect-details-popup .content-section.render {
  --header: "Render function";
}
.discovery-inspect-details-popup .content-section.props {
  --header: "Render props";
}
.discovery-inspect-details-popup .content-section.config {
  --header: "Config";
}
.discovery-inspect-details-popup .content-section.config > .view-tree {
  margin-left: 6px;
}
.discovery-inspect-details-popup .content-section.config .view-tree-leaf-content > .view-struct {
  margin: -4px;
}
.discovery-inspect-details-popup .content-section.data {
  --header: "Data";
}
.discovery-inspect-details-popup .content-section.context {
  --header: "Context";
}
.discovery > .loading-overlay {
  position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  background: var(--discovery-background-color);
  font-size: 16px;
  will-change: opacity;
}
.discovery > .loading-overlay > * {
  transition: opacity .15s .4s;
}
.discovery > .loading-overlay.init > *,
.discovery > .loading-overlay.done:not(.error) > * {
  opacity: 0;
}
.discovery > .loading-overlay.error {
  overflow: auto;
}
.discovery > .loading-overlay.error .view-alert .view-header {
  margin-top: 0;
}
.discovery > .loading-overlay.error .view-alert pre {
  font-family: Consolas, Liberation Mono, Menlo, monospace;
  font-size: 13px;
  margin: 0;
}
.discovery > .loading-overlay.done:not(.error) {
  opacity: 0;
  visibility: hidden;
  transition: all .2s;
}
.discovery > .loading-overlay .progressbar {
  margin: 15px 20px;
}
.discovery-nav-popup > .toggle-menu-item {
  padding: 4px 4px 4px 12px;
}
.discovery-nav-popup > .toggle-menu-item .view-toggle-group {
  display: flex;
}
.discovery-nav-popup > .toggle-menu-item .view-toggle-group-before {
  flex: 1;
}
.discovery-nav-popup > .toggle-menu-item .view-toggle {
  font-size: 11px;
}
.discovery .buildin-view-config-error {
  display: inline-block;
  vertical-align: top;
  margin: 1px;
  border: 1px solid rgba(212, 0, 0, .4);
  background-image: linear-gradient(to bottom, rgba(255, 25, 25, .1) 19px, transparent 0);
  background-clip: padding-box;
  color: #c66;
  border-radius: 4px;
  padding: 4px;
  font-size: 10px;
  line-height: 1;
}
.discovery .buildin-view-config-error::before {
  content: "CONFIG ERROR";
  display: inline-block;
  margin: -4px 1ex -4px -4px;
  border-radius: 3px 0 0 3px;
  background: rgb(226, 36, 36, .4);
  color: #ffffffd9;
  text-shadow: 1px 1px rgb(0, 0, 0, .2);
  padding: 4px;
}
.discovery .buildin-view-config-error.expanded::before {
  border-bottom-left-radius: 0;
}
.discovery .buildin-view-config-error .toggle-config {
  margin-left: 1ex;
  cursor: pointer;
  opacity: .65;
  color: #888;
  user-select: none;
}
.discovery .buildin-view-config-error .toggle-config:hover {
  opacity: 1;
}
.discovery .buildin-view-config-error .view-struct {
  margin: 5px -4px -4px;
  border-radius: 0 0 3px 3px;
}

/* src/discovery.css */
.discovery[data-dzen] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.discovery {
  width: 100%;
}