@macrostrat/map-interface 1.0.12 → 1.2.0

package/dist/index.cjs.css

@@ -1,961 +0,0 @@
-._8hZKsW_searchbar-holder {
-  flex-direction: column;
-  margin: 0;
-  transition: margin .3s;
-  display: flex;
-}
-
-._8hZKsW_searchbar-holder ._8hZKsW_navbar-holder {
-  flex-direction: row;
-  display: flex;
-}
-
-._8hZKsW_searchbar-holder ._8hZKsW_searchbar {
-  background-color: var(--panel-background-color);
-  padding: var(--navbar-padding, 10px);
-  border-radius: 5px;
-  flex-direction: row;
-  align-items: center;
-  gap: 5px;
-  width: 100%;
-  display: flex;
-}
-
-._8hZKsW_searchbar-holder ._8hZKsW_searchbar .bp5-input-group {
-  cursor: text;
-  flex-grow: 1;
-}
-
-._8hZKsW_navbar {
-  min-height: 50px;
-}
-
-.bp5-navbar > ._8hZKsW_loading-button {
-  width: 40px;
-  height: 40px;
-}
-
-._8hZKsW_status-tongue {
-  background-color: var(--panel-background-color);
-  margin: -12px 5px 0;
-  padding: 12px 0 0;
-  overflow: hidden;
-}
-
-@media screen and (width <= 768px) {
-  ._8hZKsW_status-tongue {
-    border-radius: 0;
-    max-width: 100vw;
-    margin: -3px 0 0;
-  }
-}
-
-.VPa3-W_copy-link-button.bp5-minimal.bp5-button {
-  color: var(--text-subtle-color);
-}
-
-.VPa3-W_copy-link-button.bp5-minimal.bp5-button svg {
-  fill: var(--text-subtle-color);
-}
-
-.VPa3-W_location-panel-header {
-  border-bottom: 1px solid var(--panel-rule-color);
-  flex-direction: row;
-  align-items: center;
-  gap: 1em;
-  padding: 5px;
-  display: flex;
-}
-
-.VPa3-W_location-panel-header .VPa3-W_spacer {
-  flex-grow: 1;
-}
-
-.VPa3-W_location-panel-header .VPa3-W_left-icon {
-  padding: 7px;
-}
-
-.VPa3-W_location-panel-header .VPa3-W_position-controls .bp5-button {
-  font-size: 12px !important;
-}
-
-.VPa3-W_infodrawer-header-item {
-  font-size: 12px;
-}
-
-.VPa3-W_infodrawer-header-item .secondary {
-  color: var(--text-subtle-color);
-  font-size: .9em;
-}
-
-.VPa3-W_infodrawer {
-  pointer-events: all;
-  background-color: var(--panel-background-color);
-  flex-direction: column;
-  max-width: 100%;
-  height: fit-content;
-  max-height: 100%;
-  display: flex;
-  overflow: hidden;
-}
-
-.VPa3-W_infodrawer.bp5-card {
-  background-color: var(--panel-background-color);
-  padding: 0;
-}
-
-.VPa3-W_infodrawer.VPa3-W_loading .VPa3-W_infodrawer-body {
-  min-height: 70px;
-  overflow-y: hidden;
-}
-
-.VPa3-W_infodrawer-contents {
-  padding: 0 1em 1em;
-}
-
-.VPa3-W_infodrawer-body {
-  flex-shrink: 1;
-  min-height: 0;
-  transition: min-height .5s;
-  position: relative;
-  overflow-y: scroll;
-}
-
-@media screen and (width <= 768px) {
-  .VPa3-W_infodrawer {
-    border-radius: var(--panel-border-radius, 0px);
-  }
-}
-
-.map-container_4c0a66 {
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  position: relative;
-  overflow: hidden;
-}
-
-.map-container_4c0a66.show-panel-outlines_4c0a66 .map-view-container_4c0a66 {
-  outline: 2px dotted #1e90ff;
-}
-
-.map-container_4c0a66.fit-viewport_4c0a66 {
-  width: 100vw;
-  height: 100vh;
-  max-height: -webkit-fill-available;
-}
-
-.map-container_4c0a66 .compass-control_4c0a66 {
-  display: none;
-}
-
-.map-container_4c0a66.map-is-rotated_4c0a66 .compass-control_4c0a66 {
-  display: block;
-}
-
-.map-container_4c0a66 .map-3d-control_4c0a66 {
-  display: none;
-}
-
-.map-container_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66 {
-  display: block;
-}
-
-.map-container_4c0a66.map-is-rotated_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66, .map-container_4c0a66 .globe-control_4c0a66 {
-  display: none;
-}
-
-.map-container_4c0a66 .globe-control_4c0a66 svg {
-  color: var(--secondary-color);
-}
-
-.map-container_4c0a66.map-is-global_4c0a66 .globe-control_4c0a66 {
-  display: block;
-}
-
-.map-container_4c0a66.detail-panel-open_4c0a66 .zoom-control_4c0a66 {
-  opacity: 0;
-  display: none;
-}
-
-.map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-panel-holder_4c0a66 > * {
-  border-radius: unset;
-}
-
-.detail-panel-holder_4c0a66 {
-  flex-direction: column;
-  min-height: 0;
-  display: flex;
-}
-
-.detail-panel-holder_4c0a66 > * {
-  flex: 1;
-}
-
-.map-control-stack_4c0a66 {
-  pointer-events: none;
-  flex-direction: column;
-  width: 30em;
-  margin-left: -30em;
-  display: flex;
-}
-
-.main-row_4c0a66 {
-  flex-direction: row;
-  flex: 1;
-  min-height: 0;
-  max-height: 100%;
-  display: flex;
-  position: relative;
-}
-
-.map-ui_4c0a66 {
-  box-shadow: 0 0 10px 4px var(--card-shadow-color);
-  flex-direction: column;
-  flex: 1;
-  height: 100%;
-  max-height: 100%;
-  display: flex;
-  position: relative;
-}
-
-.mapbox-map_4c0a66 {
-  position: absolute;
-  inset: 0;
-}
-
-.mapbox-map_4c0a66.mapboxgl-map {
-  position: absolute;
-}
-
-.context-panel-holder_4c0a66 > .bp5-card {
-  background-color: var(--panel-background-color);
-  padding: 10px;
-}
-
-.panel-card_4c0a66 {
-  background-color: var(--panel-background-color);
-  padding: 10px;
-  overflow: hidden;
-}
-
-.panel-card_4c0a66 > :last-child {
-  margin-bottom: 0;
-}
-
-.bp5-dark .panel-card_4c0a66 {
-  background-color: var(--panel-background-color);
-}
-
-.context-stack_4c0a66 > div {
-  flex-shrink: 1;
-}
-
-.context-stack_4c0a66 > .searchbar_4c0a66 {
-  flex: 0;
-}
-
-.context-stack_4c0a66, .detail-stack_4c0a66 {
-  z-index: 10;
-  max-height: 100%;
-}
-
-.panel-container_4c0a66 {
-  flex-direction: column;
-  display: flex;
-}
-
-.panel-container_4c0a66 > div {
-  pointer-events: all;
-}
-
-.panel-title_4c0a66 {
-  font-size: 16px;
-}
-
-.spacer_4c0a66 {
-  pointer-events: none;
-  flex-grow: 1;
-}
-
-.map-view-container_4c0a66 {
-  flex-grow: 1;
-  position: relative;
-  overflow: hidden;
-}
-
-.searchbar-holder_4c0a66 {
-  margin-bottom: .5em;
-}
-
-.right-panel_4c0a66 {
-  width: 24em;
-}
-
-.buttons_4c0a66 {
-  flex-direction: row;
-  flex: 1;
-  min-width: 0;
-  display: flex;
-}
-
-.tab-button_4c0a66 {
-  text-align: right;
-  flex-shrink: 1;
-  min-width: 40px;
-  overflow: hidden;
-}
-
-.tab-button_4c0a66 .bp5-button-text {
-  transition: all .2s .1s;
-}
-
-.menu-card_4c0a66.narrow-card_4c0a66 .panel-header_4c0a66:not(.minimal_4c0a66) .tab-button_4c0a66.bp5-active ~ .tab-button_4c0a66 .bp5-button-text {
-  opacity: 0;
-  width: 0;
-  margin-left: -7px;
-}
-
-.context-panel-leave_4c0a66 .menu-card_4c0a66 .panel-header_4c0a66 .tab-button_4c0a66 .bp5-button-text {
-  opacity: 0;
-  width: 0;
-}
-
-.narrow-card_4c0a66.narrow-enter_4c0a66 .panel-header_4c0a66 .buttons_4c0a66 {
-  margin-right: -500px;
-}
-
-.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover):not(.bp5-active) {
-  width: 30px;
-  min-width: 30px;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover) .bp5-button-text {
-  opacity: 0;
-  width: 0;
-  margin-left: -7px;
-}
-
-.menu-group_4c0a66 {
-  margin-top: .2em;
-  margin-bottom: .5em;
-}
-
-.menu-card_4c0a66 .bp5-text ul, .menu-card_4c0a66 .text-panel ul {
-  padding-left: 1em;
-}
-
-.menu-content_4c0a66 {
-  flex-direction: column;
-  margin-bottom: -8px;
-  display: flex;
-}
-
-.menu-content_4c0a66 .bp5-button-group_4c0a66 {
-  margin-bottom: 4px;
-}
-
-.menu-content_4c0a66 hr {
-  width: 100%;
-}
-
-.mapbox-map .mapbox-compass, .mapbox-map .mapbox-3d {
-  display: none;
-}
-
-.mapboxgl-ctrl.mapbox-3d.mapbox-control {
-  width: unset;
-}
-
-.mapboxgl-ctrl.mapbox-3d.mapbox-control button {
-  width: unset;
-  padding-inline: 4px;
-}
-
-.mapboxgl-canvas-container {
-  width: 100%;
-  height: 100%;
-}
-
-.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
-  background-color: var(--translucent-panel-background-color) !important;
-}
-
-.mapboxgl-ctrl.mapboxgl-ctrl-attrib a {
-  color: var(--text-color);
-}
-
-.mapboxgl-marker svg path {
-  fill: var(--panel-background-color) !important;
-}
-
-.mapboxgl-marker svg circle {
-  fill: var(--secondary-color) !important;
-}
-
-.mapbox-control.mapbox-zoom {
-  background: var(--translucent-panel-background-inner);
-}
-
-.mapbox-control.mapbox-zoom svg {
-  fill: var(--text-color) !important;
-}
-
-.mapboxgl-ctrl-logo {
-  transform: scale(.9)translate(-8px, 2px);
-}
-
-.bp5-dark .mapboxgl-ctrl-group {
-  background-color: var(--panel-background-color);
-}
-
-.bp5-dark .mapboxgl-ctrl-logo {
-  filter: invert();
-}
-
-.mapboxgl-ctrl-group button + button {
-  border-top: 1px solid var(--panel-rule-color) !important;
-}
-
-.bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon {
-  filter: invert(40%);
-}
-
-.bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon:hover {
-  filter: invert(50%);
-}
-
-.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
-  filter: invert(40%);
-}
-
-.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon:hover {
-  filter: invert(50%);
-}
-
-.detail-stack_4c0a66 {
-  position: relative;
-}
-
-.detail-panel-container_4c0a66, .map-right-controls_4c0a66 {
-  flex: 1;
-}
-
-.zoom-control_4c0a66 {
-  width: 30px;
-  transition: opacity 1s ease-in-out;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-.map-controls_4c0a66 {
-  flex-direction: row;
-  justify-content: right;
-  gap: .5em;
-  margin-bottom: 0;
-  display: flex;
-}
-
-.map-controls_4c0a66 .map-control > .bp5-button {
-  padding: 0;
-  transform: translate(-3.5px, -3.5px);
-  width: 22px !important;
-}
-
-.map-controls_4c0a66 .mapbox-control, .map-controls_4c0a66 .map-control-wrapper, .map-controls_4c0a66 .map-control {
-  background-color: var(--panel-background-color);
-  box-shadow: 0 0 0 1px var(--card-shadow-color);
-  border-radius: 4px;
-  height: 22px;
-  max-height: 22px;
-}
-
-.map-controls_4c0a66 .mapbox-control button, .map-controls_4c0a66 .map-control-wrapper button, .map-controls_4c0a66 .map-control button {
-  background-position: center;
-  width: 22px;
-  max-width: 22px;
-  height: 22px;
-  max-height: 22px;
-  padding: 0;
-}
-
-.map-controls_4c0a66 .map-scale-control_4c0a66 {
-  box-shadow: none;
-  background: none;
-  padding-top: 8px;
-}
-
-.map-controls_4c0a66 .map-scale-control_4c0a66 .mapboxgl-ctrl-scale {
-  background-color: var(--translucent-panel-background-color);
-  border-color: var(--secondary-text-color);
-  color: var(--secondary-text-color);
-}
-
-@media only screen and (width <= 768px) {
-  .map-container_4c0a66.detail-panel-enter_4c0a66 .context-stack_4c0a66 {
-    visibility: hidden;
-    height: 0;
-    transition: height .5s ease-in-out;
-  }
-
-  .detail-stack_4c0a66 {
-    position: inherit;
-    height: fit-content;
-    max-height: 70%;
-  }
-
-  .infodrawer-stack_4c0a66 {
-    max-height: 70%;
-  }
-
-  .infodrawer-stack_4c0a66.exit-active {
-    max-height: 0;
-  }
-
-  .mapbox-control.mapbox-zoom {
-    display: none;
-  }
-
-  .map-controls_4c0a66 {
-    position: absolute;
-    top: -60px;
-    right: 10px;
-  }
-
-  .detail-panel_4c0a66 {
-    border-radius: 0;
-  }
-}
-
-@media screen and (width >= 768px) {
-  .map-ui_4c0a66 {
-    flex-direction: row;
-    gap: .5em;
-    min-height: 80px;
-    padding: 1em 1em 2em;
-  }
-
-  .context-stack_4c0a66 {
-    max-width: var(--map-context-stack-max-width, 34em);
-    width: var(--map-context-stack-width, 16em);
-    flex-direction: column;
-    min-width: 14em;
-    margin-right: .5em;
-    padding-bottom: .5em;
-    transition: width .3s;
-    display: flex;
-  }
-
-  .context-stack_4c0a66.adaptive-width_4c0a66 {
-    width: var(--map-context-stack-width, none);
-    max-width: var(--map-context-stack-max-width, none);
-    transition: width .3s;
-  }
-
-  .context-stack_4c0a66 .bp5-navbar h1, .context-stack_4c0a66 .bp5-navbar h2, .context-stack_4c0a66 .bp5-navbar h3 {
-    margin: 0;
-  }
-
-  .context-stack_4c0a66 > .spacer_4c0a66 {
-    flex-grow: 0;
-  }
-
-  .context-panel-holder_4c0a66 {
-    min-height: 0;
-    position: relative;
-  }
-
-  .context-panel-holder_4c0a66 > div {
-    max-height: 100%;
-  }
-
-  .detail-stack_4c0a66 {
-    width: var(--map-detail-stack-width, 30em);
-    flex-direction: column;
-    display: flex;
-  }
-
-  .context-stack_4c0a66, .detail-stack_4c0a66 {
-    pointer-events: none;
-    z-index: 10;
-  }
-
-  .context-stack_4c0a66 > div, .detail-stack_4c0a66 > div {
-    pointer-events: all;
-    margin-bottom: .5em;
-  }
-
-  .context-stack_4c0a66 > div:last-child, .detail-stack_4c0a66 > div:last-child {
-    margin-bottom: 0;
-  }
-
-  .context-stack_4c0a66 > div.spacer_4c0a66, .detail-stack_4c0a66 > div.spacer_4c0a66 {
-    pointer-events: none;
-  }
-
-  .context-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66, .detail-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66 {
-    min-height: 1em;
-  }
-
-  .map-view-container_4c0a66 {
-    position: unset;
-  }
-}
-
-.map-container_4c0a66 .context-panel-holder_4c0a66 {
-  pointer-events: none;
-  flex: 1;
-}
-
-.map-container_4c0a66 .context-panel-holder_4c0a66 > div {
-  pointer-events: all;
-  transition: opacity .8s;
-}
-
-.map-container_4c0a66.context-panel-from_4c0a66 .context-panel-holder_4c0a66 > div {
-  opacity: 0;
-}
-
-.map-container_4c0a66.context-panel-enter_4c0a66 .context-panel-holder_4c0a66 > div {
-  opacity: 1;
-}
-
-.map-container_4c0a66.context-panel-leave_4c0a66 .context-panel-holder_4c0a66 > div, .map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66 {
-  opacity: 0;
-}
-
-.map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66 {
-  opacity: 1;
-}
-
-.map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66 {
-  opacity: 0;
-}
-
-.map-container_4c0a66.detail-panel-floating_4c0a66 .detail-panel_4c0a66 {
-  transition: opacity .8s, height .8s, max-height .8s;
-}
-
-.map-container_4c0a66.detail-panel-fixed_4c0a66 .map-ui_4c0a66, .map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-stack_4c0a66 {
-  transition: margin-right .8s;
-}
-
-.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66 {
-  margin-right: calc(-1 * var(--map-detail-stack-width, 30em));
-}
-
-.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66 {
-  margin-right: 0;
-}
-
-.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66 {
-  margin-right: calc(-1 * var(--map-detail-stack-width, 30em));
-}
-
-@media only screen and (width <= 768px) {
-  .map-container_4c0a66 .detail-stack_4c0a66 {
-    transition: opacity .8s, height .8s, max-height .8s;
-  }
-
-  .map-container_4c0a66.detail-panel-from_4c0a66 .detail-stack_4c0a66 {
-    height: 0;
-    max-height: 0;
-  }
-
-  .map-container_4c0a66.detail-panel-leave_4c0a66 .detail-stack_4c0a66 {
-    max-height: 0;
-  }
-
-  .map-container_4c0a66.context-panel-from_4c0a66 .context-panel_4c0a66 {
-    height: 0;
-    max-height: 0;
-  }
-
-  .map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .context-panel-holder_4c0a66 {
-    flex: 0;
-  }
-
-  .map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .spacer_4c0a66 {
-    flex: 1;
-  }
-}
-
-@media only screen and (width >= 768px) {
-  .map-container_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66 {
-    margin-right: -14em;
-  }
-
-  .map-container_4c0a66.map-is-global_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66 {
-    margin-right: -30em;
-  }
-
-  .map-container_4c0a66.map-is-global_4c0a66.context-panel-leave_4c0a66 .map-view-container_4c0a66 {
-    margin-left: -16em;
-  }
-}
-
-.feature-panel_48e225 {
-  margin: 0 -1em;
-  position: relative;
-}
-
-.key-value_48e225 {
-  margin-right: 1em;
-  display: inline-block;
-}
-
-.key-value_48e225 .key_48e225 {
-  font-size: .9em;
-  font-weight: bold;
-}
-
-.key-value_48e225 .key_48e225:after {
-  content: ": ";
-}
-
-.key-value_48e225 .value_48e225 {
-  font-size: .9em;
-}
-
-.feature-properties_48e225 {
-  position: relative;
-}
-
-.feature-properties_48e225:before {
-  content: "–";
-  position: absolute;
-  top: 4px;
-  left: 0;
-}
-
-.feature-header_48e225 h3 {
-  margin-top: .5em;
-  margin-bottom: 0;
-}
-
-.feature-group_48e225 {
-  border-bottom: 1px solid var(--panel-rule-inner);
-  margin-bottom: .5em;
-}
-
-.feature-group_48e225:last-child {
-  border-bottom: none;
-}
-
-.tile-info_48e225 {
-  flex-direction: row;
-  align-items: baseline;
-  display: flex;
-}
-
-.tile-info_48e225 h3 {
-  margin-right: .5em;
-}
-
-.opacity-slider_48e225 {
-  margin: 0 1em .5em;
-}
-
-.opacity-slider_48e225 .bp5-slider-handle .bp5-slider-label {
-  background-color: var(--secondary-color);
-  color: var(--text-color);
-}
-
-.unit-number_48e225 .unit_48e225 {
-  margin-left: .2em;
-  font-size: .9em;
-  font-weight: bold;
-}
-
-.page_48e225 {
-  max-width: 50em;
-  margin: 2em auto;
-}
-
-.dev-index-page_48e225 {
-  overflow-y: scroll;
-}
-
-.panel-subhead_1340c8 {
-  padding: .2em var(--box-horizontal-padding);
-  border-top: 1px solid var(--panel-rule-color);
-  border-bottom: 1px solid var(--panel-rule-color);
-  background-color: var(--accent-color);
-  z-index: 1;
-  align-items: center;
-  gap: var(--box-horizontal-padding);
-  flex-direction: row;
-  display: flex;
-  position: sticky;
-  top: -1px;
-}
-
-.panel-subhead_1340c8 h1, .panel-subhead_1340c8 h2, .panel-subhead_1340c8 h3, .panel-subhead_1340c8 h4 {
-  margin: .2em 0;
-  font-family: Montserrat, sans-serif;
-  font-weight: 700;
-}
-
-.panel-subhead_1340c8 h4 {
-  font-weight: 600;
-}
-
-.panel-subhead_1340c8 .title_1340c8 {
-  flex-grow: 1;
-}
-
-.info-panel-section_1340c8 > .panel-subhead_1340c8 {
-  margin: -1px calc(var(--panel-padding-h) * -1) 0;
-}
-
-.expansion-panel_1340c8 {
-  flex-wrap: wrap;
-  margin-top: -1px;
-  padding: 0;
-}
-
-.sub-expansion-panel_1340c8 {
-  margin: -1px calc(var(--panel-padding-h) * -.5) 0;
-  overflow: hidden;
-}
-
-.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8 {
-  border-top-width: 0;
-}
-
-.sub-expansion-panel_1340c8 .panel-subhead_1340c8 {
-  border-top: none;
-  border-bottom: none;
-}
-
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 {
-  background-color: var(--accent-secondary-color);
-  cursor: pointer;
-}
-
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover {
-  background-color: var(--accent-secondary-hover-color);
-}
-
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4 {
-  border-bottom: 1px solid var(--tertiary-border-color);
-  border-top: 1px solid var(--tertiary-border-color);
-  align-items: center;
-  margin-top: -1px;
-  padding: 5px 1em;
-  font-weight: 500;
-}
-
-.expansion-summary-title-help_1340c8, .expansion-summary-title-help_1340c8 .bp5-icon {
-  margin-left: 5px;
-}
-
-.expansion-panel-header_1340c8 {
-  cursor: pointer;
-}
-
-.expansion-panel-header_1340c8:hover {
-  background-color: var(--accent-hover-color);
-}
-
-.expansion-panel-header_1340c8 .bp5-icon {
-  transform: translate(0, 3px);
-}
-
-.expansion-children_1340c8 {
-  padding: 5px 1em 10px;
-}
-
-.expansion-children_1340c8 .expansion-panel_1340c8 {
-  margin-left: -1em;
-  margin-right: -1em;
-}
-
-.expansion-children_1340c8 .expansion-panel_1340c8:first-child {
-  margin-top: -5px;
-}
-
-.expansion-panel-subtext_1340c8 {
-  font-size: 85%;
-  font-weight: 400;
-}
-
-.expansion-panel-root {
-  padding-left: 15px !important;
-}
-
-.expansion-panel-detail {
-  padding: 0 !important;
-  display: block !important;
-}
-
-.expansion-panel-detail-sub {
-  display: block !important;
-}
-
-.expandable-details-main_1340c8 {
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  margin: 3px 0;
-  display: flex;
-}
-
-.expandable-details-header_1340c8 {
-  flex-direction: row;
-  flex-grow: 1;
-  align-items: baseline;
-  display: inline-flex;
-}
-
-.expandable-details-children_1340c8 {
-  position: relative;
-}
-
-.expandable-details-toggle_1340c8 .bp5-button {
-  font-size: 10px;
-}
-
-.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after {
-  content: none;
-}
-
-.expandable-details_1340c8 .title_1340c8 {
-  margin-right: 1em;
-}
-
-.expandable-details_1340c8 .title_1340c8:after {
-  content: ":";
-}
-
-.expansion-body_1340c8 {
-  background-color: var(--tertiary-background);
-  border-radius: 4px;
-  align-items: baseline;
-  width: 100%;
-  margin-bottom: 6px;
-  padding: 2px 6px;
-  display: inline-block;
-  box-shadow: 0 1px 2px 1px #0003;
-}
-
-.expansion-panel-detail-header_1340c8 {
-  color: var(--secondary-color);
-  margin-right: 1em;
-  font-size: 90%;
-  font-style: italic;
-  display: inline;
-}
-
-.expansion-panel-detail-header_1340c8:after {
-  content: ":";
-}
-
-.expansion-panel-detail-body_1340c8 {
-  display: inline;
-}
-/*# sourceMappingURL=index.cjs.css.map */