:root {
  /* element sizes */
  --nav-height: 80px;
  --sidebar-width: 600px;
  --footer-height: 16px;

  /* colors */
  --color-gray-dk: #414141;
  --color-blue: #0091af;
  --color-blue-dk: #182342;
  --color-black: #333;
  --color-white: #fff;
  --color-white-blur: hsla(0, 0%, 100%, 0.45);
  --color-bg-default: hsla(0, 0%, 100%, 0.65);
  --color-bg-active: #fff;
  --color-border-light: #f4f4f4;

  /* shadows */
  --box-shadow-m: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  --box-shadow-marker: 0 3px 14px rgba(0, 0, 0, 0.4);

  /* transition */
  --transition: 600ms cubic-bezier(0.5, 0, 0.1, 1);
  --transition-fast: 150ms cubic-bezier(0.5, 0, 0.1, 1);
  --transition-v-fast: 50ms cubic-bezier(0.5, 0, 0.1, 1);

  /* border radius */
  --border-radius-sm: 0.125rem;
}

* {
  box-sizing: border-box;
}

a {
  color: var(--color-blue);
}

a,
* {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-focus-ring-color: transparent !important;
}
a:focus,
a:active {
  background-color: transparent;
  outline: none;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: Nunito Sans;
  overflow: hidden;
}

button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

/* Main parent elements */
main {
  position: relative;
}

#landscape-orientation-blocker {
  z-index: 999999999;
  background-color: white;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 60px);
}

#landscape-orientation-blocker img {
  width: 40px;
}

@media screen and (orientation: landscape) {
  #landscape-orientation-blocker {
    display: flex !important;
  }
}

#dashboard {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: calc(100vh - 65px);
  margin-top: 65px;
  position: relative;
  pointer-events: none;
  gap: 1.5rem;
  padding: 1.25rem;
  z-index: 2;
}

/* overrides for stuff brought in by nav.js that we don't want */
#_footer,
#wm-nav-btn,
#bk-nav-btn,
#about-dropdown-menu {
  display: none !important;
}

/* .searchbutton {
  background-color: white;
  color: black;
}

#companies-searchbar {
  width: 300px;
} */

#map-container {
  position: absolute;
  inset: 0;
  pointer-events: all;
  z-index: 1;
  perspective: 250px;
  transform-style: preserve-3d;
}

/* map */
#map {
  width: 100%;
  height: 100%;
}

/* Dashboard */
#dashboard-inner {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Dashboard Header */
#dashboard-header {
  height: 3rem;
  display: flex;
  z-index: 5;
  width: 100%;
  background-color: var(--color-white);
  border-radius: var(--border-radius-sm);
  pointer-events: auto;
  position: relative;
  box-shadow: var(--box-shadow-m);
  justify-content: space-between;
  align-items: center;
}

#main-searchbar-wrapper {
  width: 500px;
  display: flex;
  position: relative;
  border-right: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

#main-searchbar-wrapper.active {
  outline: 2px solid var(--color-blue-dk);
}

#main-searchbar-wrapper.company-set {
  outline: 2px solid var(--color-blue-dk);
}

#main-searchbar-btn {
  background-color: var(--color-blue-dk);
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#main-searchbar-btn > .inline-svg-icon > path {
  fill: var(--color-white);
}

#main-searchbar {
  border: 0;
  outline: 0;
  width: 100%;
  padding: 0;
  height: 2.625rem;
}

#searchbar-hotkey-hint {
  position: absolute;
  right: 0.5rem;
  font-size: 12px;
  font-weight: 300;
  top: 14px;
  border: 1px solid lightgray;
  padding: 2px 4px;
  border-radius: 4px;
  color: #616161;
  pointer-events: none;
}

#searchbar-hotkey-hint.hidden {
  display: none !important;
}

#main-searchbar-wrapper.active #searchbar-hotkey-hint {
  display: none;
}

.inline-svg-icon {
  height: 1em;
}

#header-info-section-wrapper {
  height: 100%;
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: 0.25rem 0.5rem;
  flex-shrink: 0;
}

#jmh-logo {
  height: 100%;
}

#header-info-section-count {
  font-size: 18px;
  font-weight: 700;
}
#header-info-section-count-text {
  font-size: 12px;
  font-weight: lighter;
}

#dashboard-panel {
  z-index: 4;
  display: flex;
  flex: 1 1;
  width: 100%;
  position: relative;
  pointer-events: none;
}

.dashboard-segment {
  width: 50%;
  height: 100%;
  position: relative;
  transition: transform var(--transition);
  pointer-events: none;
}

#dashboard-segment-bottom {
  inset: auto 0 -1.25rem 0;
  margin-left: auto;
  margin-right: auto;
}

#dashboard-segment-left-filter-chips {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.filter-chip-wrapper {
  background-color: var(--color-white);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-m);
  padding: 0.25rem 0.5rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  font-size: 14px;
  pointer-events: all;
}

.filter-chip-category {
  font-weight: 700;
  text-transform: capitalize;
}

.remove-filter-chip-btn {
  cursor: pointer;
  pointer-events: all;
}

.floating-panel {
  background-color: var(--color-bg-default);
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  backdrop-filter: blur(20px);
  pointer-events: all;
  box-shadow: var(--box-shadow-m);
  border-radius: var(--border-radius-sm);
  max-height: calc(100% - var(--footer-height));
}

#legend-content-wrapper {
  width: 240px;
  inset: 0.25rem 0 auto 2.875rem;
}

#download-content-wrapper {
  width: 400px;
  inset: 0.25rem 0 auto 2.875rem;
  z-index: 100;
}

#share-content-wrapper {
  width: 240px;
  inset: 0.25rem 0 auto 2.875rem;
}

#share-content-spinner {
  animation: spin 2s linear infinite;
}

#background-overlay {
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.25);
  display: none;
  pointer-events: all;
}

#sources-wrapper {
  width: 700px;
  /* inset: 0.25rem calc(2.875rem + 21px) 0 auto; */
  inset: 0.25rem calc(2.875rem + 96px) 0 auto;
}

#sources-header {
  /* background-color: var(--sl-color-amber-100); */
  background-color: var(--color-blue-dk);
  color: white;
}


#sources-wrapper.filters {
  width: 500px;
}
#sources-wrapper.sources {
  width: 700px;
}
#sources-wrapper.details {
  width: 900px;
}
#sources-wrapper.claims-details,
#sources-wrapper.mineral-occurences-details {
  width: 500px;
}

#sources-wrapper.open {
  display: flex;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: var(--color-white);
  line-height: 1;
  border-radius: var(--border-radius-sm), var(--border-radius-sm), 0, 0;
  height: 2.625rem;
  border-bottom: 1px solid var(--color-border-light);
}

#sources-top-banner {
  padding: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  margin-bottom: 0.25rem;
  background-color: white;
  display: flex;
  justify-content: space-between;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

#sources-top-banner-close {
  cursor: pointer;
}

#sources-top-banner a {
  color: #856404;
}

#sources-title {
  font-weight: 700;
  text-transform: capitalize;
  padding-left: 0.625rem;
}

#sources-close-btn,
#legend-close-btn {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

#sources-help-button {
  background-color: var(--color-white);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-m);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#sources-help-button > svg {
  opacity: 0.7;
}

.square-btn {
  width: 2.625rem;
  height: 2.625rem;
}

#sources-back-btn {
  /* background-color:white; */
  border-right: 1px solid var(--color-border-light);
  display: none;
}

#sources-back-btn > svg path {
  fill: white;
}

#dashboard-segment-right-buttons-bar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 5;
  position: absolute;
  right: 0;
  top: 0.25rem;
  height: calc(100% - var(--footer-height));
}

#sources-tab-btns,
#map-control-btns {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}

#sources-tab-btns {
  align-items: flex-end;
}

.map-control-btn-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 150ms ease;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-bg-default);
  background-color: hsla(0, 0%, 100%, 0.8);
  pointer-events: all;
  box-shadow: var(--box-shadow-m);
  cursor: pointer;
  width: calc(2.625rem + 0.25rem + 20px);
  overflow: hidden;
  border-left: 6px solid transparent;
}

.map-control-btn-wrapper[disabled] .sources-tab-btn-expanded,
.map-control-btn-wrapper[disabled] .map-control-btn {
  opacity: 0.6
}

.map-control-btn-wrapper.active {
  /* border-color: var(--color-blue-dk); */
  /* background-color: var(--sl-color-amber-100); */

  font-weight: bold;
  color: white;
  border-color: var(--sl-color-amber-500);
  background-color: var(--color-blue-dk);
}

.map-control-btn-wrapper[disabled] * {
  pointer-events: none;
}

.map-control-btn-wrapper.active .switch-vertical input ~ input:checked ~ .toggle-outside {
  background-color: white;
}

.map-control-btn-wrapper.active .switch-vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
  background-color: var(--sl-color-amber-500);
}

#dashboard-segment-left .map-control-btn.active {
  background-color: var(--color-blue-dk) !important;
}


.map-control-btn.active path,
.map-control-btn.active rect,
.map-control-btn.active circle  {
  fill: var(--color-white) !important;
}

.map-control-btn.active polyline {
  stroke: var(--color-white) !important;
}

.sources-tab-btn-expanded {
  display: none;
  height: 2.625rem;
  line-height: 2.625rem;
  padding: 0 1rem;
  font-size: 12px;
  letter-spacing: 0.6px;
  font-weight: lighter;
  user-select: none;
}

#sources-tab-btns-header {
  visibility: hidden;
  background-color: var(--color-bg-active);
  padding: 0 0.5rem;
  text-align: center;
  border-radius: var(--border-radius-sm);
  font-weight: bold;
  box-shadow: var(--box-shadow-m);
  font-size: 14px;
  height: 2.625rem;
  line-height: 2.625rem;
  width: 2.625rem;
  transition: width 150ms ease;
  overflow: hidden;
}

#sources-tab-btns.expanded #sources-tab-btns-header {
  visibility: visible;
  width: 135px;
}

#sources-tab-btns.expanded .map-control-btn-wrapper {
  width: 135px;
  justify-content: space-between;
}

#sources-tab-btns.expanded .toggle-switch-container {
  display: block;
}

#sources-tab-btns.expanded .map-control-btn-wrapper[data-source="legacy"] {
  width: 135px;
}

#sources-tab-btns .map-control-btn-wrapper[data-source="legacy"] {
  width: 42px;
}

.map-control-btn-wrapper svg {
  transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#sources-tab-btns.expanded .map-control-btn-wrapper[disabled]:hover svg {
  transform: none !important;
}

#sources-tab-btns.expanded .map-control-btn-wrapper:hover svg {
  /* border-right: 8px solid var(--color-blue-dk); */
  transform: scale(1.1);
}

#sources-tab-btns.expanded .sources-tab-btn-expanded {
  display: flex;
  order: 2;
  padding-left: 0;
  padding-right: 0.25rem;
  width: 85px;
  line-height: 14px;
  align-items: center;
}

#sources-tab-btns.expanded .map-control-btn {
  /* display: none; */
  box-shadow: none;
  background-color: transparent;
  order: 1;
  /* flex-shrink: 0; */
}

.map-control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 150ms linear;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-bg-default);
  pointer-events: all;
  box-shadow: var(--box-shadow-m);
}

.map-control-btn.zoom-btn {
  font-size: 24px;
  font-weight: 700;
}

.map-control-btn.zoom-btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.map-control-btn:hover {
  background-color: var(--color-bg-active);
}

/* .map-control-btn.active {
  background-color: var(--color-blue-dk) !important;
  color: var(--color-white);
} */

.map-control-btn:not(.use-set-fills) path,
.map-control-btn:not(.use-set-fills) rect,
.map-control-btn:not(.use-set-fills) circle {
  fill: var(--color-blue-dk);
}

.map-control-btn polyline {
  fill: none;
  stroke: var(--color-blue-dk);
}

.map-control-btn .inline-svg-icon {
  height: 1.4em;
}

/* .map-control-btn.active path,
.map-control-btn.active rect,
.map-control-btn.active circle {
  fill: var(--color-white) !important;
}

.map-control-btn.active polyline {
  stroke: var(--color-white);
} */

#sources-filters {
  pointer-events: all;
  width: 100%;
  position: relative;
  padding: 0.5rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
}

#sources-filters-searchbar-wrapper > svg {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

#sources-filters-searchbar-wrapper > svg path {
  fill: var(--color-blue-dk);
}

#sources-filters button,
#sources-filters input {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
}

#sources-filters button:focus {
  outline: 2px solid black;
}

#sources-filters input {
  border: 0;
  min-width: 260px;
  padding-left: 1.625rem;
}

.sources-panel {
  /* width: 100%; */
  width: calc(100% - 2px);
  position: relative;
  background-color: var(--color-white-blur);
  flex: 1 1;
  padding: 0.625rem;
  border-radius: 0 0 0.125rem 0.125rem;
  overflow-x: hidden;
  pointer-events: all;
  transition: transform 300ms ease;
  padding-bottom: 60px;
}

#sources-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.625rem;
  transition: transform 300ms ease;
}

#sources-list > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#details-wrapper {
  display: none;
}

#sources-add-my-area-wrapper {
  display: none;
  flex-direction: column;
}

#sources-filters-wrapper {
  display: none;
  flex-direction: column;
}

#sources-list.left {
  transform: translateX(-150%);
}

#sources-content-item-details-panel {
  transition: transform 300ms ease;
}

#sources-content-item-details-panel.right {
  transform: translateX(150%);
}

.sources-list-item-wrapper {
  height: fit-content;
  position: relative;
  color: var(--color-black);
  background-color: var(--color-white);
  overflow: hidden;
  border-radius: var(--border-radius-sm);
  outline: 1px solid transparent;
  transition: outline-color var(--transition-fast);
  pointer-events: all;
  cursor: pointer;
  width: 100%;
  border: 1px solid var(--color-border-light);
  outline: 0;
}

.sources-list-item-wrapper.currently-viewing {
  border: 2px solid rgba(0 145 175 / 0.4);
  box-shadow: var(--box-shadow-m);
}

.sources-list-item-wrapper.currently-viewing:hover {
  outline: 0 !important;
}

.sources-list-item-wrapper.no-interactivity {
  cursor: auto;
}

.sources-list-item-wrapper.no-interactivity:hover {
  outline: 0 !important;
}

.sources-list-item-wrapper:hover {
  outline: 1px solid var(--color-blue-dk);
}

.sources-list-item-inner {
  padding: 0.5rem;
  font-size: 14px;
  pointer-events: none;
}

/* general sources cards */
.card-tags-wrapper {
  display: flex;
  gap: 0.25rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.tag {
  padding: 0.15rem 0.25rem;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-border-light);
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.tag.highlight {
  color: var(--color-blue);
}

.tag.highlight svg path {
  fill: var(--color-blue);
}

.card-title {
  font-size: 1.1em;
  line-height: 1.1em;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--color-blue);
}

.card-title.news-title {
  color: var(--color-blue-dk);
}

/* News cards */
.news-card-tags-and-date-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-size: 0.8em;
}

.news-card-date-wrapper {
  white-space: nowrap;
}

.news-card-logo-and-desc-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.news-card-logo-wrapper {
  width: 120px;
  flex-shrink: 0;
  position: relative;
}

.news-card-logo-wrapper > img {
  width: 100%;
}

.news-card-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 0.9em;
  height: 50px;
}

/* project cards */
.project-icon-wrapper svg path,
.project-icon-wrapper svg circle {
  stroke-width: 0px;
  stroke: #0000001a;
  fill: #00000040;
}

.sources-list-item-inner.no-padding {
  padding: 0;
}

.project-card-icon-and-content-wrapper {
  display: grid;
  grid-template-columns: 120px 1fr;
}

.project-icon-wrapper,
.drilling-icon-wrapper {
  padding: 0.25rem;
  background-color: var(--color-border-light);
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-card-content-wrapper,
.drilling-card-content-wrapper {
  padding: 0.5rem;
}

.project-card-tags-and-area-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.project-card-area {
  font-size: 12px;
}

.project-card-info-table-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-border-light);
  font-size: 12px;
}

.project-card-info-table-row.expandable::after {
    display: none !important;
  }

.project-card-info-table-row:last-of-type {
  border-bottom: 0;
}

.project-card-info-table-cell {
  padding: 0.25rem 0.5rem;
}

.project-card-info-table-cell:first-of-type {
  font-weight: 600;
  width: 90px;
  flex-shrink: 0;
  flex-grow: 0;
  text-transform: capitalize;
  border-right: 1px solid var(--color-border-light);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.project-card-info-table-cell:last-of-type {
  flex-grow: 1;
  font-weight: 300;
}

.project-card-relationship-table {
  border: 1px solid var(--color-border-light);
  margin-top: 0.2rem;
}

.project-card-relationship-table-jv-item {
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: 0.1rem;
  padding-bottom: 0.2rem;
}

.project-card-relationship-table-jv-item > span {
  font-weight: 500;
  font-size: 10px;
  padding: 0.1rem 0.4rem;
  border-radius: 10px;
  background-color: var(--color-border-light);
}

/* Drilling cards */
.drilling-icon-legend-wrapper {
  flex-grow: 1;
  padding: 0.25rem;
  padding-left: 0;
}

.drilling-card-company {
  font-size: 12px;
}

.drilling-icon-total-grade-x-width {
  font-size: 12px;
  font-weight: 600;
  padding: 0.25rem;
  text-align: center;
}

.drilling-card-icon-legend-row {
  display: flex;
  gap: 0.25rem;
  align-items: flex-start;
  margin-bottom: 0.25rem;
}

.drilling-legend-swatch {
  width: 16px;
  height: 12px;
  border-radius: var(--border-radius-sm);
  flex-shrink: 0;
}

.drilling-legend-value {
  font-size: 10px;
  line-height: 11px;
}

.drilling-card-icon-and-content-wrapper {
  display: grid;
  grid-template-columns: 170px 1fr;
}

.drilling-icon-and-text-wrapper {
  background-color: var(--color-border-light);
}

.drilling-card-minerals-table {
  font-size: 11px;
  font-weight: 300;
  margin: 0.25rem 0;
  line-height: 12px;
  display: flex;
  flex-wrap: wrap;
}

.drilling-card-mineral-table-header-cell,
.drilling-card-mineral-table-body-cell {
  padding: 0.2rem;
  border: 1px solid var(--color-border-light);
}

.drilling-card-mineral-table-header-cell {
  font-weight: 500;
  text-align: center;
}

.drilling-card-mineral-table-header,
.drilling-card-mineral-table-row {
  display: flex;
  align-items: center;
  width: fit-content;
}

.drilling-card-news-title {
  font-size: 12px;
}

/* Drilling Icons */
.leaflet-drilling-icon {
  border-radius: 100%;
  transition: opacity 150ms ease;
}

.leaflet-drilling-icon.fade {
  opacity: 0.2 !important;
}

.leaflet-drilling-icon .donut {
  outline: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  transition: all var(--transition-v-fast);
  box-shadow: var(--box-shadow-marker);
}

.leaflet-drilling-icon.highlight .donut {
  outline: 4px solid rgba(0, 0, 0, 0.25);
}

.drilling-icon-wrapper .donut path {
  stroke-opacity: 0.8;
  transition: all var(--transition-fast);
}

/* news icons */
/* .news-icon-highlighted {
  filter: 
        drop-shadow( 2px  0px 0px rgba(0, 0, 0, 0.8)) 
        drop-shadow(-2px  0px 0px rgba(0, 0, 0, 0.8))
        drop-shadow( 0px  2px 0px rgba(0, 0, 0, 0.8)) 
        drop-shadow( 0px -2px 0px rgba(0, 0, 0, 0.8));
} */

.article-icon-highlighted,
.news-icon-highlighted,
.jv-options-icon-highlighted {
  filter: drop-shadow(2px 0px 0px rgba(255, 255, 255, 0.8))
    drop-shadow(-2px 0px 0px rgba(255, 255, 255, 0.8))
    drop-shadow(0px 2px 0px rgba(255, 255, 255, 0.8))
    drop-shadow(0px -2px 0px rgba(255, 255, 255, 0.8));
}

.leaflet-shadow-pane .news-icon {
  transition: opacity 150ms ease;
}

.article-marker,
.news-icon {
  transition: opacity 150ms ease;
}

.article-icon-fade,
.news-icon-fade,
.jv-options-icon-fade {
  opacity: 0.2 !important;
}

/* DETAILS PANEL */

#details-wrapper .tabs-wrapper {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 31px;
}

#details-wrapper .tabs-wrapper.scrolled {
  position: sticky;
  top: 0;
  width: calc(100% + 0.625rem + 10px);
  background-color: var(--color-white);
  padding: 0.625rem;
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: 0;
  transform: translate(-0.625rem, -0.625rem);
  box-shadow: var(--box-shadow-m);
}

#details-wrapper .tabs-wrapper .tab {
  padding: 0.5rem;
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  user-select: none;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  line-height: 15px;
  box-shadow: var(--box-shadow-m);
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  position: relative;
}

#details-wrapper .tabs-wrapper .tab.active {
  background-color: var(--color-white);
  color: var(--color-blue);
  font-weight: 700;
}

#details-wrapper .tabs-wrapper .tab.disabled {
  /* pointer-events: none; */
  opacity: 0.5;
  color: var(--color-black);
  display: none !important;
}

#details-wrapper .tabs-wrapper .tab.star::before {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  width: 12px;
  height: 12px;
  background-color: var(--color-blue);
  box-shadow: var(--box-shadow-m);
  border: 1px solid white;
  border-radius: 50%;
}

#details-wrapper .tabs-wrapper .tab.active.star::before {
  content: none;
}

#details-wrapper .all-tabs-content-wrapper {
  background-color: var(--color-white);
  padding: 0.5rem;
  border: 1px solid var(--color-border-light);
  border-radius: var(--border-radius-sm);
  min-height: calc(100vh - 246px);
  position: relative;
}

#details-wrapper .tab-content-wrapper {
  display: none;
}

#details-wrapper .tab-content-wrapper.active {
  display: block;
}

#details-wrapper .panel-body img {
  max-width: 100%;
  height: auto;
}

#details-wrapper .panel-section {
  margin: 1rem 0;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border-light);
}

#details-wrapper .panel-newsroom {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#details-wrapper .panel-stocks-section {
  width: 100%;
  min-height: 300px;
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.qm-stock-chart-wrapper {
  width: calc(50% - 0.5rem);
  height: fit-content;
  min-width: 300px;
  background-color: var(--color-border-light);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-shadow: var(--box-shadow-m);
}

#stock-chart {
  height: 300px;
  /* width: 300px; */
}

.panel-company-projects-list-section {
  overflow-x: auto;
}

.company-project-list-table-header,
.company-project-list-table-body-row {
  display: flex;
  align-items: center;
  min-width: 550px;
}

.company-project-list-table-body-row {
  border-bottom: 1px solid var(--color-border-light);
  cursor: pointer;
  transition: box-shadow var(--transition-fast);
}

.company-project-list-table-body-row:hover {
  box-shadow: var(--box-shadow-m);
}

.company-project-list-table-body-row:hover
  > .company-project-list-table-body-cell:first-child {
  color: var(--color-blue);
}

.company-project-list-table-header-cell {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.company-project-list-table-header-cell,
.company-project-list-table-body-cell {
  padding: 0.25rem 0.4rem;
  font-size: 12px;
  width: calc(100% / 5);
  align-self: stretch;
  transition: color var(--transition-fast);
}

.company-project-list-table-header-cell:nth-of-type(1),
.company-project-list-table-body-cell:nth-of-type(1) {
  width: 20%;
}

.company-project-list-table-header-cell:nth-of-type(2),
.company-project-list-table-body-cell:nth-of-type(2) {
  width: 25%;
}

.company-project-list-table-body-cell:nth-of-type(2) {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}

.company-project-list-table-body-cell:nth-of-type(2) > div {
  padding: 0.1rem 0.4rem;
  border-radius: 10px;
  font-size: 10px;
}

.relationship-item {
  background-color: var(--color-border-light);
}

#details-wrapper.company-set .relationship-item.operator,
#details-wrapper.company-set .relationship-item.owner {
  background-color: #90adfc40;
}

#details-wrapper.company-set .relationship-item.optioned-to {
  background-color: #f67c3e40;
}

#details-wrapper.company-set .relationship-item.optioned-from {
  background-color: #f2be2240;
}

#details-wrapper.company-set .relationship-item.nsr {
  background-color: #03d82b40;
}

.company-project-list-table-header-cell:nth-of-type(3),
.company-project-list-table-body-cell:nth-of-type(3) {
  width: 20%;
}

.company-project-list-table-header-cell:nth-of-type(4),
.company-project-list-table-body-cell:nth-of-type(4) {
  width: 20%;
}

.company-project-list-table-header-cell:nth-of-type(5),
.company-project-list-table-body-cell:nth-of-type(5) {
  width: 15%;
}

.reports-section-header {
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 0.25rem;
}

.company-reports-wrapper,
.project-reports-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.report-item {
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: var(--border-radius-sm);
  transition: outline-color var(--transition-fast);
  pointer-events: all;
  cursor: pointer;
  border: 1px solid var(--color-border-light);
  outline: 0;
  padding: 0.5rem;
  font-size: 14px;
}

.titlecase {
  text-transform: capitalize;
}

.report-item:hover {
  outline: 1px solid var(--color-blue-dk);
}

.article-provider-link-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  border: 1px solid lightgray;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  font-family: montserrat;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
  cursor: pointer;
  transition: box-shadow 150ms;
  margin-top: 20px;
  color: #333;
}

.article-provider-link-btn:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.35);
}

#details-wrapper .panel-section-header {
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-blue-dk);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-align: center;
}

#details-wrapper .tab-content-wrapper .panel-section:nth-of-type(1) {
  margin-top: 0;
}


#details-wrapper .panel-section:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}


#details-wrapper .panel-title {
  font-size: 24px;
  color: var(--color-blue);
  font-weight: 600;
  line-height: 1.2;
}


#details-wrapper li {
  margin-bottom: 0 !important;
}

.panel-flex-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid var(--color-border-light);
}

#details-wrapper .date-time {
  font-size: 0.8em;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

#details-wrapper .company-logo {
  max-height: 60px;
}

#details-wrapper .socials-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

#details-wrapper .socials-wrapper img {
  width: 24px;
}

/* SCROLLBAR */
.slimscrollbar::-webkit-scrollbar {
  width: 8px;
}

.slimscrollbar::-webkit-scrollbar-track {
  background: var(--color-white-blur);
}

.slimscrollbar::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  /* border-radius: 1000px; */
  border: 4px solid transparent; /* space around the thumb */
  background-clip: padding-box;
}

.slimscrollbar::-webkit-scrollbar-thumb:hover {
  background: #9e9e9e;
}

/* LEAFLET TOOLTIPS AND OVERRIDES */
.leaflet-tooltip.project-tooltip {
  box-shadow: var(--box-shadow-m);
  font-family: Nunito Sans;
  text-transform: uppercase;
  border-radius: var(--border-radius-sm);
  font-weight: 300;
  padding: 3px 6px;
  background-color: var(--color-blue-dk);
  color: var(--color-white);
  border-color: var(--color-blue-dk);
}

.leaflet-tooltip-top.project-tooltip:before {
  border-top-color: var(--color-blue-dk);
}

.leaflet-tooltip.all-projects-tooltip {
  box-shadow: var(--box-shadow-m);
  font-family: Nunito Sans;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0px 4px;
  background-color: transparent;
  color: var(--color-blue-dk);
  background-color: #ffffff;
  border: 1px solid var(--color-blue-dk);
  font-size: 10px;
}

.leaflet-tooltip.all-projects-tooltip:before {
  border-top-color: transparent;
}

img.leaflet-tile,
svg.leaflet-tile {
  mix-blend-mode: plus-lighter;
}

/* SEARCHBAR OVERRIDES */
.autocomplete-searchbar-widget-input {
  border: 0 !important;
  color: var(--color-blue-dk) !important;
  border-radius: 0 !important;
  padding: 0 1rem !important;
  height: 48px !important;
  font-size: 15px !important;
}

.autocomplete-searchbar-widget-input:focus {
  outline: 0 !important;
  border: 0 !important;
}

.autocomplete-searchbar-widget .input-icon {
  display: none;
  height: 48px !important;
  line-height: 48px !important;
}

.autocomplete-searchbar-widget-autocomplete-wrapper {
  margin-top: 2px;
  border-radius: var(--border-radius-sm);
  width: calc(100% + 4px + 2.825rem) !important;
  left: -47.2px;
}

.autocomplete-searchbar-widget-autocomplete-item {
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 12px !important;
}

/* DATEPICKER OVERRIDES */
.daterangepicker-widget summary {
  border: none !important;
  border-radius: var(--border-radius-sm) !important;
  width: 100%;
  height: 40px !important;
  box-shadow: var(--box-shadow-m);
}

.daterangepicker-widget-range-options {
  font-size: 14px;
}

.daterangepicker-widget input[type="checkbox"],
.daterangepicker-widget input[type="radio"] {
  transform: none !important;
}

.daterangepicker-widget-custom-range input {
  border: 1px solid lightgray !important;
  font-size: 12px;
}

.daterangepicker-widget-range-options {
  box-shadow: var(--box-shadow-m) !important;
  border: none !important;
  margin-top: 2px !important;
  border-radius: var(--border-radius-sm) !important;
}

.daterangepicker-widget-custom-range .input-label {
  color: #333 !important;
  font-weight: normal !important;
}

.custom-date-wrapper .calendar-icon-wrapper {
  height: 30px !important;
}

/* MULTISELECT OVERRIDES */
.multiselect-widget summary {
  border: none !important;
  border-radius: var(--border-radius-sm) !important;
  width: 100%;
  height: 40px !important;
  box-shadow: var(--box-shadow-m);
}

.multiselect-widget-search .input-icon {
  transform: translateY(11px);
}

.multiselect-widget-item {
  font-size: 12px !important;
}

.multiselect-widget input[type="checkbox"],
.multiselect-widget input[type="radio"] {
  transform: translateY(1px) scale(1.2) !important;
}

.multiselect-widget-category-header {
  font-weight: normal !important;
}

/* FILTERS */

.range-slider-container {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-top: 6px;
}

.filters-for-specific-source-wrapper {
  display: none;
  width: 100%;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-bottom: 60px;
}

.filters-for-specific-source-wrapper.active {
  display: flex;
}

.filters-for-specific-source-wrapper .filter-group {
  flex-grow: 1;
  width: 100%;
}

.filter-group > label,
.filter-group > div > label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #333;
}

[data-tippy-content] {
  cursor: pointer;
}

#sources-filter-buttons-wrapper {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  display: flex;
  z-index: 9;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  padding: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

#sources-filter-buttons-wrapper button {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 40px;
  box-shadow: var(--box-shadow-m);
  display: flex;
  align-items: center;
  font-size: 14px;
}

#sources-filter-buttons-wrapper #sources-filter-button-apply {
  background-color: var(--color-blue);
  color: white;
}

#main-filters-wrapper {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  overflow: hidden;
  width: calc(100% - 500px);
  flex-wrap: nowrap;
}
#header-info-section-count-wrapper {
  transform: translateY(-4px);
}

#sources-panel-active-filters {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
}

#main-filters-wrapper .filter-chip,
#sources-panel-active-filters .filter-chip {
  font-size: 10px;
  display: flex;
  align-items: center;
  background-color: var(--sl-color-amber-400);
  color: #333;
  gap: 0.2rem;
  border-radius: var(--border-radius-sm);
  padding: 0.2rem 0.375rem;
  text-transform: capitalize;
  cursor: pointer;
  margin-top: 14px;
  white-space: nowrap;
  font-family: Nunito sans;
}

.map-control-button-filter-badge {
  width: 16px;
  height: 16px;
  background-color: var(--sl-color-amber-400);
  color: #333;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 2px;
  right: 2px;
}

#sources-panel-active-filters .filter-chip {
  margin-top: 0;
}

#main-filters-wrapper #main-filters-dropdown-content .filter-chip {
  margin-top: 0;
}

#active-filter-header-top-bar {
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  top: 6px;
  text-transform: uppercase;
}

/* #main-filters-dropdown-wrapper {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 44px;
  z-index: 2;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-m);
  visibility: hidden;
} */

#main-filters-dropdown-content {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  gap: 0.25rem;
  padding: 0.5rem;
}

#main-filters-dropdown-wrapper .filter-chip {
  width: fit-content;
}

.filter-chip {
  transition: color var(--transition-fast);
}

.filter-chip-tooltip {
  position: absolute;
  z-index: 7;
  box-shadow: var(--box-shadow-m);
  background-color: var(--color-white);
  padding: 0.25rem;
  bottom: -23px;
}

#main-filters-wrapper > button {
  width: 26px;
  background-color: #f4f4f4;
  align-self: stretch;
}

#dropdown-wrapper-clear-filters-button {
  padding: 0.15rem;
  font-size: 11px;
  width: 100%;
  color: var(--color-blue);
  border-top: 1px solid #ccc;
}

/* LEGEND */
#legend-content-inner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  padding: 0.625rem;
  background-color: var(--color-white-blur);
  overflow-y: auto;
}

.legend-card-row {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: 20px 1fr;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--color-border-light);
  align-items: center;
}

.legend-card-row.interactive {
  cursor: pointer;
  pointer-events: all;
}

.legend-card-row.interactive:hover .legend-card-row-label {
  color: var(--color-blue);
}

.legend-card-row:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.legend-card-title {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

.legend-subtitle {
  font-size: 11px;
  margin: 0.4rem 0;
  font-weight: 600;
}

.legend-card-icon {
  height: 20px;
}

.legend-icon-circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #00000040;
  border: 1px solid #00000080;
  margin-left: 2px;
}

.legend-icon-rect {
  width: 18px;
  height: 12px;
  border: 1px solid;
}

.legend-card-row > label,
.legend-card-row-label {
  font-size: 10px;
}

.legend-basemaps-wrapper {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
  align-items: center;
}

.basemap-wrapper {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.basemap-title {
  font-size: 0.625rem;
  font-weight: 500;
  text-transform: capitalize;
}

.basemap-wrapper > button {
  border: 0;
  pointer-events: all;
  width: 30px;
  height: 30px;
  transition: outline var(--transition-fast);
  border-radius: var(--border-radius-sm);
  outline: 2px solid #d4d4d4;
  overflow: hidden;
}

.basemap-wrapper.selected > button,
.basemap-wrapper > button:hover {
  outline: 2px solid var(--color-blue);
}

.basemap-img {
  width: 30px;
  height: 30px;
  border-radius: inherit;
}

/* SORTING */
#sources-sorting details {
  position: relative;
}

#sources-sorting details:hover #sources-sorting-options {
  visibility: visible;
  opacity: 1;
}

#sources-sorting summary {
  padding: 6px 12px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  font-size: 12px;
  text-transform: uppercase;
  /* color: var(--color-blue); */
  font-weight: 300;
}

#sources-sorting summary::after,
#download-content-wrapper summary::after {
  display: block;
  width: 1rem;
  height: 1rem;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  float: right;
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right center;
  background-size: 1rem auto;
  background-repeat: no-repeat;
  content: "";
  transition: transform 150ms ease;
}

#sources-sorting details[open] summary::after,
#download-content-wrapper details[open] summary::after {
  transform: rotate(0);
}

#sources-sorting-current-selection {
  font-weight: 700;
}

#sources-sorting-options {
  position: absolute;
  z-index: 7;
  left: 0.625rem;
  font-size: 12px;
  text-transform: uppercase;
  background-color: white;
  box-shadow: var(--box-shadow-m);
  width: 100%;
  margin-top: -0.25rem;
  visibility: hidden;
  opacity: 0;
  /* transition: opacity var(--transition-fast); */
  transition: opacity 300ms ease-in-out;
}

#sources-sorting-options .sorting-option {
  transition: color var(--transition-fast);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  user-select: none;
}

#sources-sorting-options .sorting-option:hover,
#sources-sorting-options .sorting-option.selected {
  color: var(--color-blue);
}

/* DOWNLOAD PANEL */
#download-content-inner {
  width: 100%;
}

#download-content-inner summary svg {
  height: 18px;
}

#download-content-inner summary svg path {
  fill: var(--color-blue-dk);
}

#download-content-wrapper summary {
  width: 100%;
  height: 40px;
  list-style: none;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-border-light);
}

#download-content-wrapper details:last-of-type {
  margin-bottom: 0;
}

.download-layer-content {
  padding: 0.75rem 1rem 1rem 1rem;
}

.download-layer-count-wrapper {
  font-size: 14px;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  margin-bottom: 0.25rem;
}

.download-layer-count,
.download-layer-count-limited {
  font-weight: 700;
}

.download-layer-count-wrapper img {
  width: 14px;
  opacity: 0.8;
}

.download-layer-buttons-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.download-layer-buttons-wrapper > button {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  font-size: 12px;
  position: relative;
}

.download-layer-buttons-wrapper > button.loading {
  opacity: 0.8;
  pointer-events: none;
}

.download-layer-buttons-wrapper > button img {
  height: 16px;
  opacity: 0.8;
}

.download-layer-buttons-wrapper > button:hover {
  color: var(--color-blue);
}

.download-layer-buttons-wrapper > button:hover img {
  filter: invert(37%) sepia(67%) saturate(1733%) hue-rotate(162deg)
    brightness(88%) contrast(101%);
}

.download-button-img-wrapper {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-loader-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  background-color: white;
}

/* projects multiple popup */
.multiple-projects-popup {
  font-family: Nunito Sans;
  max-width: 300px;
}

.multiple-projects-popup .leaflet-popup-content-wrapper {
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: #333 !important;
}

.multiple-projects-popup ul {
  padding-left: 1rem;
}

.multiple-projects-popup li {
  cursor: pointer;
}

.multiple-projects-popup li:hover {
  text-decoration: underline;
}

/* DRILLING LAYER TOOLTIPS */
.drilling-tooltip {
  font-family: Nunito Sans;
  max-width: 300px;
}

.drilling-tooltip-total-grade {
  font-weight: 700;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  line-height: 16px;
  margin-bottom: 2px;
}

.drilling-tooltip-project-name,
.tooltip-title {
  color: var(--color-blue);
  margin-right: 4px;
}

/* .news-tooltip-table-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
} */

.news-tooltip table {
  /* table-layout: fixed; */
  width: 100%;
  /* word-wrap: break-word; */
}

/* .news-tooltip table tr td:nth-child(1) {
  min-width: 120px;
} */

.news-tooltip {
  width: max-content;
}

.news-tooltip table tr td:nth-child(2) {
  word-wrap: break-word;
  white-space: normal;
}

.drilling-tooltip-company {
  font-size: 12px;
}

.drilling-tooltip-news-title {
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  min-width: 280px;
  line-height: 13px;
  margin-top: 4px;
  color: #736b6b;
}

.project-basic-details-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-border-light);
}

#vue-project-details .subsection-header {
  margin-top: 24px;
}

.project-basic-details-cell.header-cell {
  font-weight: 600;
  text-transform: uppercase;
  width: 200px;
}

.project-basic-details-cell {
  padding: 0.25rem 0.4rem 0.25rem 0;
  font-size: 12px;
  line-height: 16px;
  align-self: stretch;
  transition: color var(--transition-fast);
  width: calc(100% - 200px);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.table-view-details-btn {
  padding: 0.1rem 0.4rem;
  border-radius: 10px;
  font-size: 10px;
  background-color: var(--color-blue);
  color: white;
  transition: box-shadow var(--transition-fast);
  display: flex;
  align-items: center;
  gap: 0.15rem;
  cursor: pointer;
  user-select: none;
  min-width: 50px;
}

.table-view-details-btn:hover {
  box-shadow: var(--box-shadow-m);
}

.table-view-details-btn.claims {
  margin: 10px;
  display: inline-flex;
  font-size: 12px;
}

.table-view-details-btn.mineral-occurences {
  display: inline-flex;
  font-size: 12px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.table-view-details-btn.claims img {
  width: 14px;
}

.panel-project-basic-details-section {
  margin-bottom: 1em;
}

.subsection-header {
  margin-bottom: 1rem;
  font-size: 16px;
  background-color: var(--color-blue-dk);
  border-radius: var(--border-radius-sm);
  color: white;
  padding: 0.2rem 0.5rem;
  width: 100%;
}

#multiuse-details-dialog {
  max-width: 600px;
  padding: 0;
  border: 1px solid var(--color-border-light);
  box-shadow: var(--box-shadow-marker);
  overflow: hidden;
  min-width: 600px;
}

#multiuse-details-dialog.wide {
  max-width: 1000px;
}

#multiuse-details-dialog::backdrop {
  backdrop-filter: blur(2px);
}

.dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-border-light);
  padding: 0.625rem 1rem;
  font-size: 18px;
  font-weight: 700;
}

.dialog-title {
  text-transform: capitalize;
}

.dialog-close-btn {
  cursor: pointer;
}

.dialog-content {
  padding: 1rem;
  padding-top: 0.625rem;
  font-size: 14px;
  max-height: calc(100vh - 160px);
  position: relative;
  overflow: auto;
  min-width: 600px;
}

.dialog-content a:focus-visible {
  outline: 0;
}

.dialog-content::-webkit-scrollbar {
  width: 10px;
}

.dialog-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.dialog-content::-webkit-scrollbar-thumb {
  background: #b9b9b9;
}

.dialog-content::-webkit-scrollbar-thumb:hover {
  background: #9e9e9e;
}

.dialog-content img {
  max-width: 100%;
}

.dialog-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0.625rem 1rem;
  border-top: 1px solid var(--color-border-light);
}

.dialog-footer button {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-m);
  display: flex;
  align-items: center;
  font-size: 14px;
}

#secondary-layers-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  position: relative;
}

.layer-items-wrapper {
  max-height: 500px;
  overflow: auto;
  width: fit-content;
  min-width: 300px;
}

.layer-items-wrapper::-webkit-scrollbar {
  width: 10px;
}

.layer-items-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.layer-items-wrapper::-webkit-scrollbar-thumb {
  background: #b9b9b9;
}

.layer-items-wrapper::-webkit-scrollbar-thumb:hover {
  background: #9e9e9e;
}

.secondary-layers-legend-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  user-select: none;
  padding: 0.5rem 0.25rem;
  transition: background-color 150ms ease;
  font-size: 16px;
}

.secondary-layers-legend-item.group-item {
  cursor: pointer;
}

.secondary-layers-legend-item:hover {
  background-color: var(--color-border-light);
}

.secondary-layers-legend-item.group-item .dropdown-arrow {
  transition: all 150ms ease;
}

.secondary-layers-legend-item.group-item.open .dropdown-arrow {
  transform: rotate(180deg);
}

.secondary-layers-cb {
  accent-color: var(--color-blue);
  transform: scale(1.2);
}

.child-layers-wrapper {
  padding-left: 1rem;
  display: grid;
  transition: grid-template-rows 150ms ease;
  grid-template-rows: 0fr;
}

.child-layers-wrapper.open {
  grid-template-rows: 1fr;
}

.layer-icon-point {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid;
}

.layer-icon-line {
  width: 14px;
  height: 2px;
}

.layer-icon-polygon {
  width: 14px;
  height: 14px;
  border: 1px solid;
}

.tippy-box[data-theme~="mh-light"] {
  background-color: white;
  color: black;
  box-shadow: var(--box-shadow-m);
}

.tippy-box[data-theme~="mh-light"][data-placement^="top"]
  > .tippy-arrow::before {
  border-top-color: white;
}
.tippy-box[data-theme~="mh-light"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: white;
}
.tippy-box[data-theme~="mh-light"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: white;
}
.tippy-box[data-theme~="mh-light"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: white;
}

.opacity-tooltip input {
  accent-color: var(--color-blue);
}

#sidepanel-load-more-button,
.source-panel-load-more-btn {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  font-size: 14px;
  min-width: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

#sidepanel-max-results {
  padding: 0.5rem;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-bg-active);
}

/* ANIMATIONS */
.slide-fade-in {
  animation: fade-slide-in 500ms;
  animation-fill-mode: backwards;
}

.slide-fade-out {
  animation: fade-slide-out 500ms;
  animation-fill-mode: forwards;
}

.fade-in {
  animation: fade-in 500ms;
  animation-fill-mode: backwards;
}

.fade-in-80 {
  animation: fade-in-80 500ms;
  animation-fill-mode: backwards;
}

.fade-out {
  animation: fade-out 500ms;
  animation-fill-mode: backwards;
}

.miniquote-wrapper {
  margin-top: 10px;
  font-size: 14px !important;
  font-weight: 600;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* simple-css-loader */
.simple-css-loader {
  display: block;
  position: relative;
  left: unset !important;
  top: unset !important;
  width: 20px;
  height: 20px;
}
.simple-css-loader div {
  display: inline-block;
  position: absolute;
  left: 2px;
  width: 4px;
  background: #666;
  animation: simple-css-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.simple-css-loader div:nth-child(1) {
  left: 2px;
  animation-delay: -0.24s;
}
.simple-css-loader div:nth-child(2) {
  left: 8px;
  animation-delay: -0.12s;
}
.simple-css-loader div:nth-child(3) {
  left: 14px;
  animation-delay: 0;
}

.circle-icon {
  background: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.circle-icon > img {
  width: 100%;
}

.secondary-layers-tooltip-table {
  width: 300px;
}

.secondary-layers-tooltip-table-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-border-light);
}

.secondary-layers-tooltip-table-row:last-of-type {
  border-bottom: 0;
}

.secondary-layers-tooltip-table-cell {
  padding: 0.15rem 0.2rem;
  font-size: 12px;
  width: calc(100% - 70px);
  gap: 0.25rem;
  white-space: normal;
  display: flex;
  align-self: flex-start;
}

.secondary-layers-tooltip-table-cell.header-cell {
  font-weight: 700;
  text-transform: uppercase;
  width: 70px;
}

.leaflet-tooltip {
  font-family: Nunito Sans, sans-serif !important;
}

.secondary-layers-action-buttons-wrapper {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.secondary-layers-action-button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: white;
  border: 1px solid white;
}

.secondary-layers-action-button:hover {
  background-color: var(--color-blue);
}

.secondary-layers-action-button:hover img {
  opacity: 1;
  filter: invert(1);
}

.secondary-layers-action-button img {
  width: 10px;
  opacity: 0.8;
}

#scroll-top-btn {
  position: fixed;
  display: none;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
  background-color: var(--color-blue);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.8;
  box-shadow: var(--box-shadow-m);
  align-items: center;
  justify-content: center;
}

#scroll-top-btn > img {
  filter: invert(1);
  width: 20px;
}

.details-load-more-button {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  font-size: 14px;
  min-width: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
  width: 100%;
}

.drilling-page-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}

.report-item-company {
  margin-bottom: 1rem;
}

.report-item-company .card-title {
  color: var(--color-black) !important;
}

.quote-widget-container .qmod-longname {
  display: none !important;
}

.quote-widget-container {
  font-size: 14px !important;
}

.news-tooltip {
  max-width: 350px;
}

.news-marker-cluster-wrapper {
  height: 30px;
  width: 21px;
  background: transparent;
  border: 0;
}

.news-marker-cluster {
  height: 30px;
  width: 21px;
}

.news-marker-cluster > img {
  width: 21px;
  height: 30px;
}

.news-marker-cluster-count {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  min-width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 10px;
  font-weight: bold;
  left: 3px;
  top: 4px;
  box-shadow: var(--box-shadow-m);
}

#help-btn-menu {
  display: none;
  inset: auto 2.875rem 3px auto;
}

.help-btn-option {
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  transition: all 150ms ease;
  white-space: nowrap;
  width: 100%;
}

.help-btn-option:hover {
  background-color: var(--color-bg-active);
  color: var(--color-blue);
}

#help-dialog {
  padding: 0;
  outline: 0;
  border: 0;
  margin-top: 147px;
  margin-right: 800px;
  height: calc(100% - 178px);
  width: calc(100% - 819px);
  max-width: 700px;
  min-height: unset;
}

#help-dialog.show {
  margin-top: 82px;
  height: calc(100% - 114px);
}

#help-dialog p {
  font-size: 16px;
}

#help-dialog .dialog-content {
  height: calc(100% - 94px);
}

#help-dialog video {
  width: 100%;
}

.help-dialog-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid lightgray;
  border-radius: 2px;
  transform: translateY(2px);
}

.sources-filter-button {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
}

.help-dialog-icon-wrapper img {
  width: 14px;
  height: 14px;
}

/* override intro.js */
.introjs-dontShowAgain {
  transform: scale(1.5);
  margin-right: 4px;
}

/* movers */

/* .movers-marker {
  filter: 
        drop-shadow( 1px  0px 0px rgba(255, 255, 255, 0.8)) 
        drop-shadow(-1px  0px 0px rgba(255, 255, 255, 0.8))
        drop-shadow( 0px  1px 0px rgba(255, 255, 255, 0.8)) 
        drop-shadow( 0px -1px 0px rgba(255, 255, 255, 0.8));
} */

.movers-map-bar-wrapper {
  position: relative;
}

.movers-card-table {
  pointer-events: all;
  margin: 0.25rem 0;
  width: 100%;
}

.movers-table-header {
  display: flex;
  background-color: var(--color-border-light);
  border-radius: 4px;
  border: 1px solid #f3f3f3;
  padding: 0 10px;
  width: 100%;
}

.movers-table-header-cell {
  padding: 6px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 10px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  width: calc(100% / 6);
  text-transform: uppercase;
  text-align: center;
}

.movers-table-body {
  width: 100%;
}

.movers-table-row {
  display: flex;
  align-items: center;
  margin-top: 1px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #f3f3f3;
  box-sizing: border-box;
  padding: 0 10px;
}

.movers-table-body-cell {
  padding: 6px;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 11px;
  position: relative;
  width: calc(100% / 6);
  text-align: center;
}

.movers-table-body-cell:nth-child(1),
.movers-table-header-cell:nth-child(1) {
  width: 92px;
}
.movers-table-body-cell:nth-child(3),
.movers-table-header-cell:nth-child(3) {
  width: 80px;
}

.movers-table-body-cell:nth-child(4),
.movers-table-header-cell:nth-child(4) {
  width: 140px;
}

.movers-table-body-cell:nth-child(5),
.movers-table-header-cell:nth-child(5) {
  width: 110px;
}

.movers-table-body-cell:nth-child(6),
.movers-table-header-cell:nth-child(6) {
  flex-grow: 1;
}

#movers-price-change-type {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #333;
  border: 1px solid rgb(24 35 66 / 10%);
  padding: 0.25rem;
  transform: translateY(-4px);
  cursor: pointer;
}

.movers-map-bar-text {
  position: absolute;
  top: -1px;
  left: -1px;
  font-weight: bold;
  font-size: 8px;
  width: calc(100% + 3px);
  text-align: center;
  z-index: 99;
  color: #333;
}

.movers-map-bar {
  border: 1px solid;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.movers-map-bar.pos {
  background-color: #66df81b5;
  border-color: #66df81;
}

.movers-map-bar.neg {
  background-color: #ed727eb5;
  border-color: #ed727e;
}

.legend-card-row .movers-map-bar::before,
.legend-card-row .movers-map-bar::after {
  content: unset !important;
}

.movers-map-bar::before {
  content: "";
  position: absolute;
  top: -3px;
  right: -4px;
  width: calc(100% - 2px);
  height: 1px;
  transform: skewX(-45deg);
  transform-origin: top;
  border: 1px solid;
}

.movers-map-bar::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -4px;
  width: 3px;
  height: calc(100% - 3px);
  transform: skewY(-45deg);
  transform-origin: top;
  border: 1px solid;
}

.movers-map-bar.pos::before,
.movers-map-bar.pos::after {
  background-color: #66df81b5;
  border-color: #66df81;
  /* background-color: #d4edda;
  border-color: #badbcc; */
}

.movers-map-bar.neg::before,
.movers-map-bar.neg::after {
  background-color: #ed727eb5;
  border-color: #ed727e;
  /* background-color: #f8d7da; */
  /* border-color: #f5c2c7; */
}

.movers-change-icon-wrapper {
  padding: 2px 0.5rem;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 12px;
  padding-top: 3px;
}

.movers-change-icon-wrapper.pos {
  background-color: #66df81;
}
.movers-change-icon-wrapper.neg {
  background-color: #ed727e;
}

.movers-change-icon-wrapper > img {
  width: 12px;
}

.leaflet-pane {
  transform-style: preserve-3d;
}

.leaflet-pane.leaflet-marker-pane {
  z-index: 500 !important;
}

#platinum-companies-wrapper {
  position: relative;
  min-height: 50px;
  height: min-content;
  width: 170px;
  background-color: white;
  box-shadow: var(--box-shadow-m);
  border-radius: var(--border-radius-sm);
}

.claims-card-date-wrapper {
  padding: 0.25rem;
  border: 1px dotted lightgray;
  border-radius: 0.25rem;
}

#claims-control-mode-select-sidepanel {
  display: none !important;
  background-color: white;
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  border: 0;
  color: var(--color-blue);
  outline: 2px solid var(--color-blue);
}

.location-search-widget-input {
  outline: 0 !important;
  border: 0 !important;
}

#claims-filter-owners-wrapper .autocomplete-searchbar-widget-input {
  border: none !important;
  border-radius: var(--border-radius-sm) !important;
  width: 100%;
  height: 40px !important;
  box-shadow: var(--box-shadow-m);
}

#claims-filter-owners-wrapper
  .autocomplete-searchbar-widget-autocomplete-wrapper {
  width: 100% !important;
  left: 0 !important;
}

.claims-icon-cluster-wrapper {
  background: transparent;
  border: 0;
}

.claims-icon-cluster {
  position: relative;
  width: 50px;
  height: 50px;
}

.claims-icon-cluster:hover .claims-cluster-icon {
  filter: drop-shadow(2px 4px 2px rgb(0 0 0 / 0.8)) !important;
}

.claims-icon-cluster:hover .claims-cluster-icon path {
  fill: var(--color-blue) !important;
}

.claims-icon-cluster:hover .claims-cluster-icon polygon {
  opacity: 1 !important;
}

.claims-icon-cluster:hover .claims-cluster-count > span {
  color: var(--color-blue) !important;
}

.claims-cluster-icon {
  height: 50px;
  filter: drop-shadow(2px 4px 2px rgb(0 0 0 / 0.4));
}

.claims-cluster-count {
  position: absolute;
  display: flex;
  width: 100%;
  height: 80%;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
}

.claims-cluster-count span {
  font-weight: bold;
  font-size: 9px;
}

.claims-details-table {
  border-collapse: collapse;
  width: 100%;
}

.claims-details-table .project-basic-details-cell {
  width: unset;
  display: table-cell;
  border-bottom: 1px solid var(--color-border-light);
}

.claims-details-table .project-basic-details-cell:nth-child(1) {
  width: auto;
}
.claims-details-table .project-basic-details-cell:nth-child(2) {
  text-align: left;
  width: 100%;
}

/* .claims-details-table td {
  padding: 4px 8px;
  border: 1px solid lightgray;
}

.claims-details-table tr:nth-of-type(even) {
  background-color: #f0f0f0;
}
.claims-details-table tr:nth-of-type(odd) {
  background-color: white;
} */

#claims-filter-tenure-types-wrapper input[type="search"] {
  margin-top: 0 !important;
}

#claims-filter-tenure-types-wrapper .input-icon {
  transform: translateY(6px) !important;
}

#claims-selected-owners-wrapper {
  display: flex;
  gap: 0.25rem;
  padding: 0.5rem;
  background-color: white;
  flex-wrap: wrap;
}

#claims-selected-owners-wrapper > div {
  font-size: 12px;
  display: flex;
  align-items: center;
  background-color: #f4f4f4;
  color: #686d67;
  gap: 0.2rem;
  border-radius: var(--border-radius-sm);
  padding: 0.2rem 0.375rem;
  text-transform: capitalize;
  cursor: pointer;
}

#add-my-area-button-wrapper {
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  display: flex;
  z-index: 9;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  padding: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

#add-my-area-button {
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 40px;
  box-shadow: var(--box-shadow-m);
  display: flex;
  align-items: center;
  font-size: 14px;
  background-color: var(--color-blue);
  color: var(--color-white);
  gap: 0.5rem;
  cursor: pointer;
}

#add-my-area-button > svg {
  width: 14px;
}

#add-my-area-button > svg path {
  fill: var(--color-white);
}

#add-my-area-footer {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  display: flex;
  z-index: 9;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  padding: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

#add-my-area-footer-button-cancel {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 40px;
  box-shadow: var(--box-shadow-m);
  display: flex;
  align-items: center;
  font-size: 14px;
}

#add-my-area-footer-button-save {
  background-color: var(--color-blue);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 40px;
  box-shadow: var(--box-shadow-m);
  display: flex;
  align-items: center;
  font-size: 14px;
}

#sources-add-my-area-wrapper {
  height: calc(100% - 160px);
}

#add-my-area-content-wrapper {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}

#add-my-area-spatial-tools-wrapper {
  display: flex;
  gap: 1rem;
}

.spatial-input-mode-wrapper {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-m);
  font-size: 14px;
  cursor: pointer;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

.spatial-input-mode-wrapper > label {
  pointer-events: none;
}

.spatial-input-mode-wrapper:hover {
  outline: 1px solid var(--color-blue-dk);
}

.spatial-input-mode-wrapper.selected {
  background-color: var(--color-blue-dk);
  color: white;
}

.spatial-input-mode-icon svg {
  width: 16px;
}
.spatial-input-mode-icon path {
  fill: #333;
}
.spatial-input-mode-wrapper.selected .spatial-input-mode-icon path {
  fill: #fff;
}

.define-spatial-area-content {
  display: none;
  padding: 0;
}

.define-spatial-area-content.selected {
  display: block;
  padding: 0.5rem 0;
}

.define-spatial-area-content-description {
  font-size: 13px;
  opacity: 0.8;
}

.define-spatial-area-content-buttons {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

#add-my-area-content-wrapper .filter-group {
  padding: 1rem 0.5rem;
}

.define-spatial-area-content-buttons button {
  padding: 0.25rem;
  box-shadow: var(--box-shadow-m);
  font-size: 12px;
  text-transform: uppercase;
  background-color: var(--color-white);
}

#upload-spatial-file-input-wrapper,
#upload-claims-file-input-wrapper {
  display: block;
  text-align: center;
  padding: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  border: 1px dotted lightgray;
  width: fit-content;
  border-radius: 4px;
  cursor: pointer;
  background-color: var(--color-white);
}

#add-my-area-content-wrapper .filter-group-main-header {
  font-size: 16px;
  text-transform: unset;
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
}

#add-my-area-content-wrapper label {
  user-select: none;
}

#add-my-area-content-wrapper > .filter-group {
  border-bottom: 1px solid var(--color-blue-dk);
}

#add-my-area-content-wrapper > .filter-group:last-of-type {
  border-bottom: 0;
}

#upload-claims-select-province {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  border: 0;
}

#add-my-area-content-wrapper input {
  accent-color: var(--color-blue-dk);
}

#add-my-area-content-wrapper input[type="radio"],
#add-my-area-content-wrapper input[type="checkbox"] {
  transform: scale(1.5) translateY(1px);
}

#add-my-area-content-wrapper fieldset div {
  margin-bottom: 4px;
}

.add-my-area-section.disabled {
  opacity: 0.4;
  pointer-events: none;
}

#spatial-filter-file-upload-warning,
#claims-file-upload-warning,
#main-save-warning {
  display: none;
  padding: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  margin-bottom: 0.25rem;
  background-color: white;
  justify-content: space-between;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  flex-direction: column;
}

#main-save-warning {
  position: fixed;
  bottom: 54px;
  left: 0;
  width: 100%;
}

#main-save-warning-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  opacity: 0.8;
}

#main-save-warning-close:hover {
  opacity: 1;
}

#spatial-filter-file-upload-warning .upload-warning-title,
#claims-file-upload-warning .upload-warning-title,
#main-save-warning .upload-warning-title {
  font-weight: bold;
}

#spatial-filter-file-info-section {
  display: block;
  padding: 0.5rem;
  background-color: #f7f7f7;
  margin-top: 6px;
  border: 1px dashed #e8e8e8;
}

.selected-file-item {
  font-size: 14px;
  font-weight: lighter;
  line-height: 20px;
}

#define-spatial-area-initial-instructions {
  margin-top: 0.5rem;
}

#add-my-area-name {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  outline: 0;
  border: 0;
  width: 300px;
}

.button-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.my-areas-card-email-settings-table {
  table-layout: fixed;
  border-bottom: 1px solid var(--color-border-light);
  border-collapse: collapse;
}

.my-areas-card-email-settings-table tr > td:first-of-type {
  font-weight: 600;
  white-space: nowrap;
  border-right: 1px solid var(--color-border-light);
}

.my-areas-card-email-settings-table td {
  vertical-align: baseline;
  padding: 0.25rem;
}

.my-areas-card-email-settings-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.my-area-claims-bucket-wrapper {
  padding: 0.5rem;
  background-color: white;
}

.my-area-claims-bucket-title {
  position: relative;
}

.my-area-claims-bucket-title > span {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
  opacity: 0.8;
}

.my-area-claims-bucket-title > .download-claims-for-owner-group {
  margin-left: 0.25rem;
}

.download-mineral-occurrences-for-group {
  margin-left: 0.25rem;
}

.my-area-claims-table,
.my-area-movers-table {
  width: 100%;
  border: 1px solid var(--color-border-light);
  font-size: 12px;
  border-collapse: collapse;
}

.my-area-claims-table th,
.my-area-claims-table td,
.my-area-movers-table th,
.my-area-movers-table td {
  padding: 0.25rem 0.5rem;
}

.my-area-claims-table tr td:nth-child(1) {
  width: 85px;
}
.my-area-claims-table tr td:nth-child(2) {
  width: 130px;
}
.my-area-claims-table tr td:nth-child(3) {
  width: calc(100% - (85px + 130px + 90px + 90px));
}
.my-area-claims-table tr td:nth-child(4) {
  width: 90px;
}
.my-area-claims-table tr td:nth-child(5) {
  width: 90px;
}

.my-area-claims-table th,
.my-area-movers-table th {
  text-align: left;
}

.my-area-claims-table tr:nth-child(even),
.my-area-movers-table tr:nth-child(even) {
  background-color: var(--color-border-light);
}

.my-area-movers-table th {
  line-height: 12px;
  vertical-align: top;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #ccc;
}

.my-area-movers-table tr td:nth-child(1) {
  width: calc(100% - (70px + 80px + 80px + 80px + 80px + 70px));
}
.my-area-movers-table tr td:nth-child(2) {
  width: 70px;
}
.my-area-movers-table tr td:nth-child(3) {
  width: 80px;
}
.my-area-movers-table tr td:nth-child(4) {
  width: 80px;
}
.my-area-movers-table tr td:nth-child(5) {
  width: 80px;
}
.my-area-movers-table tr td:nth-child(6) {
  width: 80px;
}
.my-area-movers-table tr td:nth-child(7) {
  width: 70px;
}

.my-area-movers-table td.positive {
  color: #090;
}
.my-area-movers-table td.negative {
  color: #a00;
}
.my-area-movers-table .price-change-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
}

.my-area-movers-table .price-change-symbol img {
  filter: invert(1);
  width: 10px;
}

.my-area-movers-table td.price-change span {
  padding: 2px;
  border-radius: 2px;
}
.my-area-movers-table td.price-change span {
  background-color: #e9e9e9;
}
.my-area-movers-table td.price-change.positive span {
  color: #090;
  background-color: #e0f3e0;
}
.my-area-movers-table td.price-change.negative span {
  color: #a00;
  background-color: #fee;
}

.my-area-movers-table td.positive .price-change-symbol {
  background-color: #090;
}
.my-area-movers-table td.negative .price-change-symbol {
  background-color: #a00;
}

.my-area-claims-table-owner-section-header {
  padding: 0.25rem;
  background-color: var(--color-border-light);
  cursor: pointer;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.my-area-claims-table-owner-section-claim-count {
  width: 120px;
  flex-shrink: 0;
}

.my-area-claims-table-owner-section-header .download-claims-for-owner-group {
  opacity: 0.8;
  cursor: pointer;
  margin-right: 1rem;
}

.download-mineral-occurrences-for-group {
  opacity: 0.8;
  cursor: pointer;
  margin-right: 0.25rem;
}

.my-area-claims-table-owner-section-header:hover
  .download-claims-for-owner-group {
  opacity: 1;
}

.download-mineral-occurrences-for-group:hover {
  opacity: 1;
}

.my-area-claims-table-owner-section-header:hover,
.my-area-claims-table-owner-section-header.open {
  background-color: #dcdcdc;
}

.my-area-claims-table-owner-section-header .fa-chevron-right {
  display: block;
}
.my-area-claims-table-owner-section-header .fa-chevron-down {
  display: none;
}
.my-area-claims-table-owner-section-header.open .fa-chevron-right {
  display: none;
}
.my-area-claims-table-owner-section-header.open .fa-chevron-down {
  display: block;
}

.my-area-claims-table-owners-section-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 150ms ease;
}

.my-area-claims-table-owners-section-content.open {
  grid-template-rows: 1fr;
}

.my-area-claims-table-owners-section-content-inner-wrapper {
  overflow: hidden;
}

.my-areas-card-buttons {
  width: 100%;
  padding-top: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.my-areas-card-button {
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  font-size: 12px;
  display: flex;
  gap: 0.25rem;
  pointer-events: all;
  align-items: center;
}

.my-areas-card-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 -2px 0px rgba(0, 0, 0, 0.05);
}

.my-areas-card-button.edit {
  background-color: var(--color-white);
}
.my-areas-card-button.delete {
  color: #fff;
  background-color: #dc3545;
}

.my-area-news-count {
  font-size: 12px;
}

.my-areas-news-paging-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  gap: 0.5rem;
}

.my-areas-paging-button {
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  height: 30px;
  box-shadow: var(--box-shadow-m);
  font-size: 12px;
  display: flex;
  gap: 0.25rem;
  pointer-events: all;
  align-items: center;
}

.my-area-claims-table tbody tr {
  cursor: pointer;
}
.my-area-claims-table tbody tr:hover {
  background-color: #dcdcdc;
}

.my-areas-paging-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 -2px 0px rgba(0, 0, 0, 0.05);
}

.my-areas-paging-button.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.claims-group-pin-icon-pin {
  stroke-width: 0.2px;
  stroke: black;
  cursor: pointer;
}

.claims-group-pin-icon-shadow {
  opacity: 0.2;
}

.claims-group-pin-icon svg.highlight path {
  fill: black;
}

.my-areas-claims-details-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  width: 100%;
  height: 100%;
  z-index: 100000;
  padding: 1rem;
}

.my-areas-claims-details-overlay-header {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.my-areas-claims-details-overlay-title {
  font-weight: bold;
  font-size: 16px;
}

.my-areas-claims-details-overlay-close-btn {
  font-size: 18px;
  opacity: 0.8;
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}

.my-areas-claims-details-overlay-close-btn:hover {
  opacity: 1;
}

.download-claims-popup-content {
  display: none;
  position: absolute;
  z-index: 9;
  padding: 0.5rem;
  box-shadow: var(--box-shadow-m);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-white);
  top: 0;
  left: 0;
  transform: translateY(30px);
}

.download-claims-popup-content.open {
  display: block;
}

.download-claims-popup-content-item-wrapper {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  opacity: 0.8;
  cursor: pointer;
  align-items: baseline;
}

.download-claims-popup-content-item-wrapper:hover {
  opacity: 1;
}

.download-claims-popup-content-item-wrapper .fa-spinner {
  display: none;
}

.my-areas-newsroom-filters-wrapper {
  margin-bottom: 0.5rem;
}

#my-areas-newsroom-search .autocomplete-searchbar-widget-input {
  background-color: var(--color-white);
  height: 30px !important;
  box-shadow: var(--box-shadow-m);
  margin-bottom: 0.5rem;
  padding-left: 30px !important;
  font-size: 13px !important;
}

#my-areas-newsroom-search .fa-search {
  display: inline-block;
  height: 30px !important;
  line-height: 30px !important;
  width: 30px;
}

#my-areas-newsroom-search .clear-btn {
  height: 30px !important;
  line-height: 30px !important;
  width: 30px;
}

#my-areas-newsroom-search .autocomplete-searchbar-widget-autocomplete-wrapper {
  left: 0;
  width: 100% !important;
}

#my-areas-newsroom-search .autocomplete-searchbar-widget-autocomplete-item {
  line-height: 14px !important;
}

.my-area-movers-table th.sortable {
  padding-right: 18px;
  cursor: pointer;
  position: relative;
  user-select: none;
}

.my-area-movers-table th.sortable::before {
  position: absolute;
  top: 11px;
  transform: translateY(-50%);
  display: block;
  opacity: 0.3;
  right: 1em;
  content: "↑";
  color: black;
  text-shadow: 0 0 black;
}

.my-area-movers-table th.sortable::after {
  position: absolute;
  top: 11px;
  transform: translateY(-50%);
  display: block;
  opacity: 0.3;
  right: 0.5em;
  content: "↓";
  color: black;
  text-shadow: 0 0 black;
}

.my-area-movers-table th.sort-asc::before {
  opacity: 1;
}

.my-area-movers-table th.sort-desc::after {
  opacity: 1;
}

.my-area-movers-table th.sortable:hover {
  text-decoration: underline;
}

.sidebar-loader-wrapper {
  top: 0;
  height: 100% !important;
  left: 0;
  position: absolute !important;
  max-height: calc(100vh - 400px);
}

#claims-detail-overlay-back-button {
  background-color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-m);
  display: flex;
  align-items: center;
  font-size: 14px;
}

#claims-tenure-id-search-suggestions-wrapper {
  top: 40px;
  left: 10px;
  width: calc(100% - 27px) !important;
  max-height: 300px;
  z-index: 999999999;
  overflow-y: auto;
}

.claims-tenure-id-search-suggestion {
  cursor: pointer;
  border-bottom: 1px solid #e9e9e9;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
}

.claims-tenure-id-search-suggestion:hover {
  background-color: #f3f3f3;
}

.claims-tenure-id-search-suggestion-highlighted-text {
  font-weight: bold;
  color: var(--color-blue);
}

.claim-tooltip-associated-project-name-row td {
  padding-top: 6px;
}

.claim-tooltip-associated-project-name-row:nth-child(1) td {
  padding-top: 0;
}

.claims-activity-marker-cluster {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  transition: all var(--transition-v-fast);
  box-shadow: var(--box-shadow-marker);
}

.claims-activity-marker-cluster:hover {
  outline: 4px solid rgba(0, 0, 0, 0.25);
}

.claims-marker-cluster-count {
  background-color: rgba(255, 255, 255, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 9px;
  font-weight: bold;
  padding: 2px;
  height: 20px;
  width: 20px;
  pointer-events: none;
}

#claims-staking-activity-content {
  padding-top: 0.5rem;
  gap: 0.5rem;
  flex-direction: column;
}

#claims-staking-activity-content[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

#claims-staking-activity-content[disabled] * {
  cursor: not-allowed;
  pointer-events: none;
}

#claims-staking-activity-content > sl-details::part(base) {
  border: 0;
  border-left: 6px solid;
  box-shadow: var(--box-shadow-m);
}

#claims-staking-activity-content
  > sl-details[data-datebucket="s7days"]::part(base) {
  border-color: var(--sl-color-primary-700);
}
#claims-staking-activity-content
  > sl-details[data-datebucket="s30days"]::part(base) {
  border-color: var(--sl-color-primary-400);
}
#claims-staking-activity-content
  > sl-details[data-datebucket="e24hours"]::part(base) {
  border-color: var(--sl-color-danger-700);
}
#claims-staking-activity-content
  > sl-details[data-datebucket="e7days"]::part(base) {
  border-color: var(--sl-color-danger-400);
}
#claims-staking-activity-content
  > sl-details[data-datebucket="e30days"]::part(base) {
  border-color: var(--sl-color-danger-200);
}

#claims-staking-activity-content > sl-details::part(content) {
  padding: 0;
}

#claims-staking-activity-content > sl-details[open]::part(header) {
  background-color: #ebebeb;
}

#claims-staking-activity-content > sl-details::part(header):focus-visible {
  outline: 0;
}

.claims-activity-owner-group::part(base) {
  border: 0;
}
.claims-activity-owner-group::part(header) {
  padding: 0.25rem 1.5rem;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
}
.claims-activity-owner-group::part(header):focus-visible {
  outline: 0;
}
.claims-activity-owner-group[open]::part(header) {
  font-weight: 700;
}
.claims-activity-owner-group::part(content) {
  overflow-x: auto;
}

.claims-staking-activity-owner-group-table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
}

.claims-staking-activity-owner-group-table th {
  text-align: left;
}

.claims-staking-activity-owner-group-table tr:nth-last-of-type(even) {
  background-color: #eee;
}

.claims-staking-activity-owner-group-table tr {
  cursor: pointer;
}

.claims-staking-activity-owner-group-table td {
  padding: 4px;
}

.claims-staking-activity-owner-group-table tr td:first-of-type {
  border-left: 4px solid transparent;
}

.claims-staking-activity-owner-group-table tr:hover td:first-of-type {
  border-left-color: var(--sl-color-primary-500);
}

.claims-staking-activity-owner-group-paging {
  margin-top: 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.claims-activity-count-label {
  font-weight: bold;
}

.owners-group-loader {
  width: 100%;
  height: calc(100vh - 270px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 0;
  position: fixed;
  left: 0;
  pointer-events: none;
}

sl-details[data-datebucket] sl-icon-button::part(base) {
  font-size: 18px;
  padding: 4px;
  line-height: 18px;
}

#claims-selected-view-mode {
  z-index: 99999999;
}

#claims-selected-view-mode-context {
  display: none;
  background-color: white;
  padding: 0.25rem;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-m);
}

#claims-selected-view-mode-context div {
  font-size: 14px;
  line-height: 16px;
  opacity: 0.8;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
}

#claims-drawn-area-chip,
#claims-staking-activity-truncated {
  display: none;
}

#claims-drawn-area-chip::part(base),
#claims-staking-activity-truncated::part(base) {
  justify-content: space-between;
}

.mineral-occurence-icon-wrapper {
  border-radius: 50%;
  box-shadow: var(--box-shadow-marker);
  background-color: white;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.mineral-occurence-icon-wrapper.prospect {
  width: 12px;
  height: 12px;
}

.mineral-occurence-icon-wrapper.prospect svg path {
  fill: #4ef133 !important;
}

.mineral-occurence-icon-wrapper.placer {
  width: 12px;
  height: 12px;
}

.mineral-occurence-icon-wrapper.placer svg path {
  fill: #b603fc !important;
}

.mineral-occurence-icon-wrapper.past_producer {
  width: 16px;
  height: 16px;
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}
.mineral-occurence-icon-wrapper.past_producer svg path {
  fill: #d37003;
  stroke: #333;
  stroke-width: 20px;
}

.mineral-occurence-icon-wrapper.producer {
  background-color: white;
  border: 1px solid #333;
}

.mineral-occurence-icon-wrapper.developed_prospect {
  width: 18px;
  height: 18px;
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}
.mineral-occurence-icon-wrapper.developed_prospect svg path {
  fill: #fff100 !important;
  stroke: #333;
  stroke-width: 20px;
}

.mineral-occurence-icon-wrapper.unknown {
  background-color: #808080;
}

.mineral-occurence-icon-wrapper > svg {
  width: 100%;
}

.mineral-occurence-icon-wrapper > svg path,
.mineral-occurence-icon-wrapper > svg rect,
.mineral-occurence-icon-wrapper > svg circle,
.mineral-occurence-icon-wrapper > svg polygon {
  fill: #333;
  stroke: #333;
  stroke-width: 3px;
}

.mineral-occurences-marker-cluster {
  border-radius: 50%;
  box-shadow: var(--box-shadow-marker);
  background-color: white;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.mineral-occurences-marker-cluster.active {
  outline: 4px solid rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.mineral-occurences-marker-cluster.inactive {
  opacity: 0.3;
}

.mineral-occurences-marker-cluster-count {
  background-color: rgba(255, 255, 255, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 9px;
  font-weight: bold;
  padding: 2px;
  height: 20px;
  width: 20px;
  pointer-events: none;
  border: 1px solid lightgray;
}

.mineral-occurence-tooltip .drilling-tooltip-total-grade {
  padding-left: 3px;
}

.mineral-occurence-tooltip-table tr td:first-of-type {
  font-weight: 700;
}

.mineral-occurence-tooltip-table tr td {
  background-color: rgb(238, 238, 238);
  padding: 0.15rem 0.25rem;
  line-height: 15px;
}

#mineral-occurences-name-filter-input,
#mineral-occurences-number-filter-input {
  padding: 6px 12px;
  background-color: white;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none !important;
  border-radius: var(--border-radius-sm) !important;
  width: 100%;
  height: 40px !important;
  box-shadow: var(--box-shadow-m);
}

#mineral-occurences-filter-commodities-wrapper summary + ul label,
#mineral-occurences-filter-region-wrapper summary + ul label {
  text-transform: uppercase;
}

.mineral-occurences-card-table {
  font-size: 12px;
  width: 100%;
}

.mineral-occurences-card-table th {
  text-align: left;
}

.mineral-occurences-card-table td {
  text-align: left;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.15rem 0.25rem;
}

.mineral-occurences-card-table td div {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mineral-occurences-card-table td:nth-child(1),
.mineral-occurences-card-table th:nth-child(1) {
  width: 15%;
}
.mineral-occurences-card-table td:nth-child(2),
.mineral-occurences-card-table th:nth-child(2) {
  width: 15%;
}
.mineral-occurences-card-table td:nth-child(3),
.mineral-occurences-card-table th:nth-child(3) {
  width: 30%;
}
.mineral-occurences-card-table td:nth-child(4),
.mineral-occurences-card-table th:nth-child(4) {
  width: 40%;
}

#mineral-occurences-filter-name-wrapper .autocomplete-searchbar-widget-input,
#mineral-occurences-filter-deposit-wrapper .autocomplete-searchbar-widget-input,
#mineral-occurences-filter-number-wrapper .autocomplete-searchbar-widget-input {
  border: none !important;
  border-radius: var(--border-radius-sm) !important;
  width: 100%;
  height: 40px !important;
  box-shadow: var(--box-shadow-m);
  font-size: 13px !important;
}
#mineral-occurences-filter-name-wrapper
  .autocomplete-searchbar-widget-autocomplete-wrapper,
#mineral-occurences-filter-deposit-wrapper
  .autocomplete-searchbar-widget-autocomplete-wrapper,
#mineral-occurences-filter-number-wrapper
  .autocomplete-searchbar-widget-autocomplete-wrapper {
  width: 100% !important;
  left: 0;
}

.mineral-occurence-details-wrapper {
  width: calc(100% - 1em);
  margin: 0.5em;
  background-color: white;
  overflow-y: auto;
  height: 100%;
}

.mineral-occurence-details-wrapper table {
  width: 100%; /* take up full parent width */
  table-layout: fixed; /* force cell widths to obey */
  word-wrap: break-word; /* break long words */
  overflow-wrap: break-word;
  border-collapse: collapse;
}

.mineral-occurence-details-wrapper table td {
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid var(--color-border-light);
}

/* .mineral-occurence-details-wrapper .content-wrapper {
  padding: 0 0.5rem;
} */

.mineral-occurence-category::part(base) {
  font-size: 10px;
}

.mineral-occurence-category.prospect::part(base) {
  background-color: #4ef133;
}
.mineral-occurence-category.placer::part(base) {
  background-color: #b603fc;
  color: white;
}
.mineral-occurence-category.developed_prospect::part(base) {
  background-color: #fff100;
}
.mineral-occurence-category.past_producer::part(base) {
  background-color: #d37003;
  color: white;
}
.mineral-occurence-category.producer::part(base) {
  background-color: #ffffff;
}
.mineral-occurence-category.unknown::part(base) {
  background-color: #808080;
}

#details-wrapper {
  transition: opacity 0.2s ease;
}

#details-wrapper[loading] {
  opacity: 0.2;
}

.mineral-occurence-icon-wrapper.no-active-feature-set {
  opacity: 1;
}

.mineral-occurence-icon-wrapper.non-active-feature {
  opacity: 0.4;
}

.mineral-occurence-icon-wrapper.active-feature {
  opacity: 1;
}

.no-content-wrapper {
  padding: 0.5rem;
}

/* .filter-group sl-input::part(base) {
  border: none !important;
  border-radius: var(--border-radius-sm) !important;
  width: 100%;
  height: 40px !important;
  box-shadow: var(--box-shadow-m);
  font-size: 13px;
}

.filter-group sl-input::part(form-control-label) {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #333;
} */

.mineral-occurrences-timerange-group-wrapper {
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid lightgray;
}

.mineral-occurences-marker-cluster.active {
  outline: 4px solid rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.mineral-occurences-marker-cluster.inactive {
  opacity: 0.3;
}

.filter-button::part(base) {
  border-style: dotted;
}

.filter-dropdown-content {
  min-width: 300px;
}

.filter-button.active::part(base) {
  border-style: solid;
  background-color: var(--sl-color-primary-50);
}

sl-select[name="commodities"]::part(listbox) {
  max-height: 300px;
}

.banner-placements-container {
  z-index: 2 !important;
}

.cta-dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.6)
}

.filter-group[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}

.filter-group[disabled] * {
  cursor: not-allowed;
  pointer-events: none;
}

.daterangepicker-widget-range-option[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}

.daterangepicker-widget-range-option[disabled] * {
  cursor: not-allowed;
  pointer-events: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.mb-2 {
  margin-bottom: 8px;
}

.mb-6 {
  margin-bottom: 24px;
}

/* Feasibillity style table */
.feasibility-study-table {
  max-width: 463px;
}
.styled-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}
.styled-table th,
.styled-table td {
  min-width: 181px;
  line-height: 1.375;
  padding: 0.25rem 0.4rem 0.25rem 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-bottom-color: var(--color-border-light);
}
.styled-table tr td:first-child {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-black);
}
.styled-table th:nth-child(1),
.styled-table td:nth-child(1) {
  min-width: 200px;
  width: 200px;
}
.styled-table td sub {
  font-size: 9px;
  line-height: 1;
}
.styled-table td sub:empty {
  display: none;
}

.styled-table .highlight {
  color: #d44837;
  font-weight: bold;
}
.styled-table .notes-column {
  border-color: transparent !important;
  padding-inline: 0;
}
.styled-table .notes-column .mb-10 {
  margin-bottom: 10px;
}
.styled-table .notes-column ul li:empty {
  display: none;
}
.list-dot {
  position: relative;
  padding-left: 15px;
}
.list-dot:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  position: absolute;
  left: 3px;
  top: 8px;
  border-radius: 5px;
}
.sub-head-text {
  display: flex;
  align-items: center;
  margin: 16px 0 10px;
}
.sub-head-text h3 {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  color: #000;
  margin: 0 8px 0 0;
}

/* Kendo Table */
::v-deep .k-grid .k-alt {
  background-color: transparent !important;
}
.k-grid .k-alt {
  background-color: transparent !important;
}

::v-deep .k-grid .k-alt {
  background-color: transparent !important;
}

.k-grid td {
  border-bottom-width: 1px !important;
}

.k-grid td,
.k-grid th,
.k-grid-header .k-header,
.k-table-th > .k-cell-inner > .k-link,
.k-grid-header thead tr th {
  font-size: 12px;
  font-weight: 700;
}

.k-table-th:first-child .k-cell-inner > .k-link,
.k-grid-header
  .k-table-row
  .k-table-th:first-child:not(.k-first)
  .k-cell-inner
  > .k-link {
  justify-content: flex-start;
}
.map-multiple-table thead.k-table-thead tr.k-table-row .k-table-th:first-child .k-cell-inner > .k-link {
  justify-content: center;
}

.k-table-th > .k-cell-inner > .k-link,
.k-grid-header thead tr th {
  justify-content: center;
}

.k-grid.map-single-table,
.k-grid.map-multiple-table {
  width: auto;
  max-width: 100%;
  flex: auto;
  display: inline-block;
}

.k-grid.map-single-table .k-grid-header .k-table,
.k-grid.map-single-table .k-grid-content .k-table,
.k-grid.map-single-table .k-grid-footer .k-table,
.k-grid.map-multiple-table .k-grid-header .k-table,
.k-grid.map-multiple-table .k-grid-content .k-table,
.k-grid.map-multiple-table .k-grid-footer .k-table {
  table-layout: auto;
  width: auto;
}

.map-single-table .k-grid-header,
.map-multiple-table .k-grid-header {
  padding-right: 0 !important;
}

.map-single-table.k-grid th,
.map-single-table.k-grid td,
.map-multiple-table.k-grid th,
.map-multiple-table.k-grid td {
  min-width: 115px;
  width: 115px;
  color: var(--color-black);
  line-height: 16px;
  border-color: var(--color-border-light);
}
.map-single-table.k-grid td,
.map-multiple-table.k-grid td {
  text-align: center;
}
.map-single-table.k-grid td:first-child,
.map-multiple-table.k-grid td:first-child {
  text-align: left;
}
.map-multiple-table.k-grid td:first-child {
  text-align: center;
  border-left: 1px solid var(--color-border-light);
}

.map-single-table .k-virtual-content,
.map-multiple-table .k-virtual-content {
  overflow-y: hidden;
}

.map-single-table.k-grid .k-grid-header .k-table-th,
.k-grid.map-multiple-table .k-grid-header .k-table-th {
  vertical-align: middle;
}
.map-single-table.k-grid .k-grid-header .k-table-th .k-column-title,
.k-grid.map-multiple-table .k-grid-header .k-column-title {
  word-break: break-word;
  white-space: normal;
  text-align: center;
}

.font-weight-500 {
  font-weight: 500;
}

.map-single-table.k-grid tbody > tr:not(.k-detail-row).k-hover,
.map-single-table.k-grid tbody > tr:not(.k-detail-row):hover,
.map-multiple-table.k-grid tbody > tr:not(.k-detail-row).k-hover,
.map-multiple-table.k-grid tbody > tr:not(.k-detail-row):hover {
  background-color: transparent;
}

.source-container{
  display: flex;
  gap: 4px;
}
.source-container h4 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #333;
  margin: 0;
}
.source-container .article-link{
  font-size: 12px;
  color: #333;
  text-decoration: none;
}
.source-container .article-link:hover{
  text-decoration: underline;
}
.source-content {
  font-size: 12px;
  color: #333;
  font-weight: 500;
}
/* End style */

.pro-badge {
  justify-content: center;
  align-items: center;
  background-color: #da373d;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  padding: 0 6px;
  text-transform: uppercase;
  position: relative;
  margin-left: -10px;
  left: -3px;
  bottom: -3px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .pro-badge {
    font-size: 8px;
    line-height: 12px;
    margin: 0;
    left: 2px;
    bottom: 0;
  }
}

/* Dropdown Menu */
.dropdown {
  position: relative;
}
.h-full{
  height: 100%;
}
#nav-new a {
  font-size: 12.8px;
  border-bottom: 3px solid transparent;
}
#nav-new .menu .dropdown .nav-item,
#nav-new .menu .dropdown a {
  cursor: pointer;
}
#nav-new .menu .dropdown .nav-item svg {
  position: relative;
  top: -2px;
  left: 5px;
}
#nav-new .menu .dropdown .dropdown-menu {
  display: none;
  background: white;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
#nav-new .menu .dropdown .dropdown-menu {
  min-width: 130px;
  display: none;
  flex-direction: column;
}

#nav-new .menu .dropdown .dropdown-menu li {
  padding: 0;
  text-align: left;
}

#nav-new .menu .dropdown .dropdown-menu li:hover {
  background-color: #e9ecef;
}

.project-summary h1,
.project-summary h2,
.project-summary h3,
.project-summary h4,
.project-summary h5,
.project-summary h6 {
  color: #222;
  font-weight: 700;
  margin: 18px 0 2px;
}

.project-summary h2 {
  border-bottom: 1px solid #dbdbdb;
  font-size: 22px;
  line-height: 23px;
  margin: 20px 0 13px;
  padding-bottom: 7px;
}

.project-summary h3 {
  line-height: 18px;
  font-size: 20px;
}

.project-summary h3 {
  line-height: 18px;
  font-size: 18px;
}

.project-summary p {
  margin: 0;
}

#my-areas-projects-table-wrapper table {
  width: 100%;
}

#my-areas-projects-table-wrapper table th {
  line-height: 12px;
  vertical-align: top;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #ccc;
}

#my-areas-projects-table-wrapper table td {
  text-align: left;
  padding: 0.25rem;
  vertical-align: top;
}

#my-areas-projects-table-wrapper table tr {
  cursor: pointer;
}

#my-areas-projects-table-wrapper table tbody tr:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15)
}

#my-areas-projects-table-wrapper table tbody tr:nth-child(even) {
  background-color: var(--color-border-light);
}
#nav-new .menu .dropdown .dropdown-menu li a,
#nav-new .menu .dropdown .dropdown-menu li a.on-hover:hover,
#nav-new .menu .dropdown .dropdown-menu li a.active-link {
  border-bottom: none !important;
}
#mobile-menu .submenu .active-link-mobile,
#mobile-menu .submenu .dropdown-menu .active-link-mobile,
.profile .submenu .dropdown-menu .active-link-mobile {
  text-decoration: underline !important;
}
#mobile-menu .submenu .dropdown-toggle.active-link-mobile,
.profile .submenu .dropdown-toggle.active-link-mobile{
  text-decoration: none !important;
}
#mobile-menu .submenu a,
#mobile-menu .submenu .dropdown-menu a,
.profile .submenu .dropdown-menu a {
  transition: background-color text-decoration 0.2s !important;
}

#mobile-menu .submenu a:active,
#mobile-menu .submenu .dropdown-menu a:active,
.profile .submenu .dropdown-menu a:active {
  background-color: rgba(51, 181, 229, 0.4) !important; /* Light blue */
  text-decoration: underline !important;
}

#nav-new .menu .dropdown .dropdown-menu li a {
  display: flex;
  color: #000;
  white-space: nowrap;
  text-transform: capitalize;
  padding: 8px 16px;
  margin: 0;
}
#nav-new .menu .dropdown .dropdown-menu li a:hover {
  color: #000;
}

#nav-new .menu .dropdown:hover .dropdown-menu {
  display: block;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 3px 3px;
}

#nav-new .profile .submenu .relative {
  position: relative;
}

#mobile-menu .submenu a,
.profile .submenu a,
#nav-new .profile .submenu a {
  padding: 0 !important;
  margin: 0 !important;
  color: #000 !important;
}
.profile .submenu .dropdown-menu,
#nav-new .profile .submenu .dropdown-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  position: absolute;
  top: 0;
  left: 100%;
}

#mobile-menu .submenu a {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  border-bottom: none !important;
}
#mobile-menu .submenu a svg {
  transform: rotate(-90deg) scale(0.9);
}
#mobile-menu .submenu .dropdown-menu {
  width: 150px;
  display: none;
}

#mobile-menu .submenu li.relative:hover .dropdown-menu {
  display: block;
}

#tutorial-dialog {

}

#tutorial-dialog::backdrop {
  background-color: rgba(0,0,0,0.7)
}

.new-legend-item-pulsing-dot-container {
  display: flex;
  position: absolute;
  top: -8px;
  left: -8px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.new-legend-item-pulsing-dot-circle {
  width: 16px;
  height: 16px;
  background-color: #f81818;
  border-radius: 50%;
  position: absolute;
}

.new-legend-item-pulsing-dot-ring {
  border: 3px solid #f81818;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  position: absolute;

  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite; 
  opacity: 0.0
}

.help-btn-option .new-legend-item-pulsing-dot-container {
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
}

.help-btn-option .new-legend-item-pulsing-dot-circle {
  width: 12px;
  height: 12px;
}


#view-tutorial-tooltip::part(body) {
  background-color: white;
  color: var(--color-blue-dk);
  font-size: 16px;
  font-weight: bold;
  box-shadow: var(--box-shadow-m);
  border: 1px solid;
}

#view-tutorial-tooltip::part(base__arrow) {
  background-color: white;
}

@keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@media (max-width: 767px) {
  .profile .submenu .dropdown-menu,
  #nav-new .profile .submenu .dropdown-menu {
    position: static;
    border: none;
  }
  #mobile-menu .submenu {
    width: 100% !important;
  }
  #mobile-menu .submenu .dropdown-menu {
    width: 100%;
  }
  .profile .submenu li,
  .profile .submenu a {
    font-size: 14px !important;
  }
  .profile .submenu li {
    padding-inline: 5px !important;
    border-top: 1px solid #dcdcdc;
  }
  .profile .submenu li:first-child{
    border-top-color: transparent;
  }
  .profile .submenu a {
    padding-inline: 0 !important;
  }
  ul.submenu li:hover, ul.submenu a:hover{
    background-color: transparent;
  }
  .profile .submenu li.relative:last-child{
    padding-bottom: 0 !important;
  }
  .profile .submenu li.relative >a{
    padding-inline: 5px !important;
  }
  .profile .submenu .dropdown-parent .dropdown-menu {
    display: none !important;
  }
  .profile .submenu .dropdown-parent.open .dropdown-menu.show {
    display: block !important;
  }
  .profile .submenu .dropdown-menu{
    border-top: 1px solid #dcdcdc;
    padding: 5px 0 0;
    margin: 10px 0 0;
  }
  .profile .submenu .dropdown-menu li{
    border-top: none;
    padding-inline: 5px !important;
    padding-block: 5px !important;
  }
  .profile .submenu .dropdown-menu li a{
    font-weight: 400;
  }
  .profile .submenu .dropdown-parent .dropdown-toggle svg,
  #mobile-menu .submenu .dropdown-parent .dropdown-toggle svg {
    transform: rotate(0deg) scale(0.9);
  }
  .profile .submenu .dropdown-parent.open .dropdown-toggle svg,
  #mobile-menu .submenu .dropdown-parent.open .dropdown-toggle svg{
    transform: rotate(180deg) scale(0.9);
  }
  #main-nav-user-name {
    display: none;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in-80 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-slide-in {
  0% {
    opacity: 0;
    transform: translateX(2em);
  }
  100% {
    opacity: 1;
    transform: none;
    display: flex !important;
  }
}

@keyframes fade-slide-out {
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateX(2em);
    display: none;
  }
}

@keyframes simple-css-loader {
  0% {
    top: 2px;
    height: 16px;
  }
  50%,
  100% {
    top: 6px;
    height: 8px;
  }
}

@media (max-width: 1600px) {
  #sources-wrapper.filters {
    width: 400px;
  }
  #sources-wrapper.sources {
    width: 500px;
  }
  #sources-wrapper.details {
    width: 700px;
  }
  #sources-wrapper.claims-details,
  #sources-wrapper.mineral-occurences-details {
    width: 500px;
  }

  #details-panel .tabs-wrapper {
    flex-wrap: wrap;
  }
}

@media (max-width: 1200px) {
  #sources-wrapper.filters {
    width: 400px;
  }
  #sources-wrapper.sources {
    width: 500px;
  }
  #sources-wrapper.details {
    width: 500px;
  }
  #sources-wrapper.claims-details,
  #sources-wrapper.mineral-occurences-details {
    width: 500px;
  }

  #details-panel .tabs-wrapper {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  body {
    --bottom-container-height: 0px;
    --nav-height: 60px;
    --footer-height: 40px;
    --map-container-height: calc(
      100% - var(--nav-height) - var(--bottom-container-height) -
        var(--footer-height)
    );
    height: 100dvh;
  }

  main {
    height: 100%;
  }

  #full-page {
    display: grid;
    grid-template-rows:
      var(--map-container-height) var(--bottom-container-height)
      var(--footer-height);
    grid-template-columns: 1fr;
    position: relative;
    height: 100%;
  }

  #map-container {
    position: relative;
    width: 100vw;
  }

  #bottom-container {
    display: none;
    height: var(--bottom-container-height);
    width: 100vw;
    z-index: 100;
    background-color: white;
  }

  #footer {
    width: 100%;
    box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.12);
    z-index: 1001;
    background-color: white;
  }

  #footer-buttons-wrapper {
    display: flex;
    align-items: center;
  }

  #dashboard-segment-left-share .square-btn {
    width: 100% !important;
  }

  #dashboard-segment-left-share {
    width: calc(100% / 4);

  }

  #sources-back-btn {
    background-color: transparent;
  }
  
  #sources-back-btn svg path,
  #sources-back-btn svg circle,
  #sources-back-btn svg rect,
  #sources-back-btn svg polygon {
    fill: var(--color-white)
  }

  #snackbar {
    z-index: 2001 !important;
  }

  #footer-buttons-wrapper .square-btn,
  #main-searchbar-btn {
    width: calc(100% / 4);
    height: var(--footer-height);
    background-color: white;
  }

  #back-to-legacy-map {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 1000;
  }

  .searchbutton {
    background-color: transparent;
    color: white;
  }

  #companies-searchbar:focus {
    width: 299px !important;
    padding: 0 16px 0 0 !important;
  }

  #companies-searchbar {
    width: 0;
  }

  #main-searchbar-btn {
    background-color: white;
    box-shadow: var(--box-shadow-m);
  }

  #main-searchbar-btn > .inline-svg-icon > path {
    fill: var(--color-blue-dk);
  }

  #main-searchbar-btn.active {
    background-color: var(--color-blue-dk);
  }

  #main-searchbar-btn.active > .inline-svg-icon > path {
    fill: white;
  }

  #map-control-btns {
    position: absolute;
    bottom: 10px;
    right: 6px;
    z-index: 1000;
  }

  #sources-tab-btns {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1006;
    width: 125px !important;
  }

  #sources-header,
  #download-header,
  #legend-header {
    height: 50px;
    padding-top: 10px;
    position: relative;
    border-radius: 20px 20px 0 0;
    border-top: 1px solid var(--color-border-light);
  }

  #sources-content {
    background-color: white;
  }

  #sources-header::before,
  #download-header::before,
  #legend-header::before {
    content: "";
    position: absolute;
    height: 4px;
    width: 40px;
    background-color: rgba(32, 32, 32, 0.2) !important;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-20px);
    border-radius: 1000px;
  }

 .map-control-btn-wrapper.active .switch-vertical input ~ input:checked ~ .toggle-outside {
  background-color: white;
}

.map-control-btn-wrapper.active .switch-vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
  background-color: var(--sl-color-amber-500);
}


  .sources-tab-btn-expanded {
    display: flex !important;
  }

  #sources-tab-btns .map-control-btn-wrapper {
    width: 135px !important;
  }

  #sources-tab-btns-header {
    background-color: var(--color-bg-default);
    visibility: visible !important;
  }

  #sources-tab-btns.expanded #sources-tab-btns-header {
    width: 2.625rem !important;
  }

  #sources-tab-btns-header {
    padding: 0 !important;
  }

  #map-layer-buttons-wrapper {
    display: none;
    z-index: 1002;
  }

  #main-searchbar-wrapper {
    display: none;
    position: absolute;
    top: 4px;
    right: 6px;
    width: calc(100% - 12px);
    height: calc(2.625rem + 4px);
    background-color: white;
    box-shadow: var(--box-shadow-m);
    border-right: 0;
    background-color: white;
    z-index: 1001;
    border-radius: var(--border-radius-sm);
  }

  #main-searchbar-wrapper #main-searchbar {
    display: block;
  }

  #main-searchbar-wrapper #searchbar-icon {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  #main-searchbar-wrapper.open {
    width: calc(100% - 12px);
  }

  #main-searchbar-wrapper.open #main-searchbar {
    display: block;
  }

  #main-searchbar-wrapper.open #searchbar-icon {
    display: none;
  }

  #main-searchbar-wrapper .autocomplete-searchbar-widget-autocomplete-wrapper {
    left: 0 !important;
    width: 100% !important;
  }

  #bottom-container {
    height: calc(100% + 20px) !important;
    border-radius: 20px 20px 0 0;
    transform: translateY(-20px);
  }

  #sources-wrapper {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    backdrop-filter: unset;
    max-height: unset !important;
    inset: unset !important;
    background-color: transparent;
    outline: 0 !important;
  }

  #dashboard-segment-left-legend {
    display: none;
  }

  .tabs-wrapper {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 0.8rem;
    padding-top: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }

  #sources-filters input {
    min-width: unset;
  }

  #sources-filters-wrapper {
    position: relative;
    padding-bottom: 65px;
    flex-direction: column;
  }

  .slide-fade-in {
    animation: none !important;
    animation-fill-mode: unset !important;
  }

  .slide-fade-out {
    animation: none !important;
    animation-fill-mode: unset !important;
  }

  #sources-layers-tabs-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .sources-layers-tab {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    color: var(--color-blue-dk);
    height: 30px;
    box-shadow: var(--box-shadow-m);
    font-size: 12px;
    font-weight: lighter;
    border-radius: var(--border-radius-sm);
  }

  .sources-layers-tab.active {
    background-color: var(--color-blue);
    color: white;
  }

  .drilling-card-icon-and-content-wrapper {
    display: grid;
    grid-template-columns: 90px 1fr;
  }

  .drilling-icon-total-grade-x-width {
    font-size: 10px;
  }

  .drilling-icon-wrapper {
    width: 54px;
    height: 54px;
  }

  .drilling-icon-wrapper .donut {
    transform: scale(0.5);
  }

  .drilling-card-news-title {
    grid-column: 1 / 3;
    padding: 4px;
    margin-top: 4px;
    border-top: 1px solid var(--color-border-light);
  }

  .drilling-card-icon-legend-row {
    margin-bottom: 0;
  }

  .drilling-legend-swatch {
    width: 10px;
    height: 8px;
  }

  .project-card-icon-and-content-wrapper {
    grid-template-columns: 80px 1fr;
  }

  #download-content-wrapper {
    position: relative;
    width: 100%;
    inset: 0;
    height: 100%;
    max-height: unset;
    box-shadow: unset;
    backdrop-filter: unset;
    background-color: transparent;
  }

  #download-content-inner {
    height: calc(100% - 42px);
    overflow-y: auto;
  }

  #dashboard-segment-left-download {
    height: 100%;
    background-color: transparent;
    display: none;
  }

  #download-content-inner .sources-panel > div > p {
    font-size: 13px;
    line-height: 14px;
  }

  #multiuse-details-dialog {
    min-width: unset;
    min-height: unset;
    height: 100vh;
    width: 100vw;
  }

  .dialog-content {
    min-width: unset;
    min-height: unset;
    height: calc(100vh - 130px);
    width: 100%;
    max-height: unset;
  }

  #zoom-in-btn,
  #zoom-out-btn {
    display: none;
  }

  /* #layers-btn.active {
    background-color: var(--color-blue-dk) !important;
  } */

  #legend-content-wrapper {
    position: relative;
    width: 100%;
    inset: 0;
    height: 100%;
    max-height: unset;
    background-color: transparent;
    backdrop-filter: unset;
    box-shadow: unset;
  }

  #legend-content-inner {
    height: calc(100% - 42px);
  }

  #dashboard-segment-left-legend {
    height: 100%;
    background-color: transparent;
  }

  #nav-new .logo {
  margin-left: 10px !important;
  width: auto !important;
}

  #main-filters-wrapper {
    position: absolute;
    z-index: 1000;
    width: calc(100% - 50px);
    padding: 6px;
    height: 100%;
    align-items: flex-start;
    pointer-events: none;
    overflow: visible;
  }

  #main-filters-wrapper .filter-chip {
    box-shadow: var(--box-shadow-m);
    pointer-events: all;
  }

  #main-filters-wrapper > button {
    flex-shrink: 0;
    position: absolute;
    left: 6px;
    height: 29px;
    display: flex;
    transform: translateY(34px);
    box-shadow: var(--box-shadow-m);
    justify-content: center;
    pointer-events: all;
  }

  #main-filters-dropdown-wrapper {
    pointer-events: all;
  }

  #dropdown-wrapper-clear-filters-button {
    padding: 0.5rem;
  }

  .map-control-btn-wrapper {
    background-color: white;
  }

  #sources-list > div[data-layer="news"].featured .news-card-description {
    font-size: 0.8em;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    height: 36px;
    line-height: 1.1em;
    display: -webkit-box;
  }

  .card-title {
    font-size: 0.9em;
    line-height: 1em;
  }

  .news-card-description {
    display: none;
  }

  .panel-newsroom .news-title {
    margin-bottom: 0.25rem;
  }

  .panel-newsroom .news-card-description {
    line-height: 1em;
  }

  .news-card-logo-wrapper {
    height: 40px;
    width: unset;
  }

  .news-card-logo-wrapper > img {
    height: 100%;
    width: unset;
  }

  .news-card-tags-and-date-wrapper {
    font-size: 0.6rem;
  }

  .tag {
    font-size: 8px;
  }

  #sources-list {
    gap: 0.25rem;
  }

  #sources-filters button,
  #sources-filters input {
    font-size: 12px;
  }

  #clear-filters-button {
    min-width: 82px;
  }

  #sources-filters > div {
    width: 100%;
  }

  #sources-filters-searchbar-wrapper {
    width: 100%;
  }

  #sources-filters-searchbar-wrapper > input {
    width: 100%;
  }

  #image-viewer {
    border: 1px solid var(--color-border-light);
    box-shadow: var(--box-shadow-marker);
    padding: 0;
  }

  #image-viewer:focus-visible {
    outline: 0;
  }

  .project-card-relationship-table {
    pointer-events: all;
  }

  .project-card-relationship-table-expandable {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 150ms ease-out;
  }

  .project-card-relationship-table-expandable.active {
    grid-template-rows: 1fr;
  }

  .project-card-relationship-table-expandable > div {
    overflow: hidden;
  }

  .project-card-info-table-row {
    font-size: 10px;
  }

  .project-card-info-table-row.expandable::after {
    display: none !important;
  }
  .expandable::after {
    color: #777;
    font-weight: bold;
    float: right;
    font-size: 14px;
    margin: 0 3px;
    font-weight: bold;
  }

  .project-card-info-table-cell:last-of-type {
    padding-right: 0;
  }

  .qm-stock-chart-wrapper {
    width: 100%;
  }

  .layer-items-wrapper {
    width: 100%;
  }

  .secondary-layers-action-button {
    width: 26px;
    height: 26px;
    background-color: var(--color-border-light);
    border: 1px solid var(--color-border-light);
  }

  .secondary-layers-action-button img {
    width: 16px;
    opacity: 0.6;
  }

  .secondary-layers-legend-item {
    border-bottom: 1px solid var(--color-border-light);
    padding: 0.5rem 0.25rem;
  }

  .secondary-layers-cb {
    filter: scale(1.5);
  }

  #help-dialog {
    padding: 0;
    outline: 0;
    border: 0;
    margin-top: 0;
    margin-right: 0;
    height: 100%;
    width: 100%;
  }

  #help-btn-menu {
    inset: unset;
    right: 52px;
    bottom: 49px;
    position: fixed;
  }

  .movers-card-table {
    display: flex;
    flex-wrap: nowrap;
  }

  .movers-table-header,
  .movers-table-row {
    display: block;
    border-radius: 0;
    padding: 0;
  }

  .movers-table-header-cell,
  .movers-table-body-cell {
    width: 100% !important;
    border-bottom: 1px solid lightgray;
    height: 28px;
  }

  .movers-table-header-cell:last-of-type,
  .movers-table-body-cell:last-of-type {
    border-bottom: 0;
  }

  .movers-table-header,
  .movers-table-body {
    width: 50%;
  }

  .movers-table-body {
    transform: translateY(-1px);
  }

  #platinum-companies-wrapper {
    display: none !important;
  }

  .my-area-claims-table-owner-section-header {
    font-size: 12px;
  }

  .my-area-claims-table-owner-section-claim-count {
    width: 80px;
    flex-shrink: 0;
  }

  .my-area-claims-table th:nth-of-type(2),
  .my-area-claims-table td:nth-of-type(2) {
    display: none;
  }

  .my-area-claims-table th,
  .my-area-claims-table td {
    font-size: 10px;
  }

  .my-area-claims-table tr td:nth-child(1) {
    width: 60px;
  }
  .my-area-claims-table tr td:nth-child(3) {
    width: calc(100% - 60px - 70px - 70px);
  }
  .my-area-claims-table tr td:nth-child(4) {
    width: 70px;
  }
  .my-area-claims-table tr td:nth-child(5) {
    width: 70px;
  }

  .my-area-movers-table th,
  .my-area-movers-table td {
    font-size: 10px;
  }

  .my-area-movers-table tr td:nth-child(1) {
    width: calc(100% - (55px + 65px + 65px + 65px + 65px + 55px));
  }
  .my-area-movers-table tr td:nth-child(2) {
    width: 55px;
  }
  .my-area-movers-table tr td:nth-child(3) {
    width: 65px;
  }
  .my-area-movers-table tr td:nth-child(4) {
    width: 65px;
  }
  .my-area-movers-table tr td:nth-child(5) {
    width: 65px;
  }
  .my-area-movers-table tr td:nth-child(6) {
    width: 65px;
  }
  .my-area-movers-table tr td:nth-child(7) {
    width: 55px;
  }

  .tab-content-wrapper[data-tab="Market"] {
    position: relative;
    overflow-x: auto;
  }

  #add-my-area-footer {
    position: relative;
  }

  #add-my-area-content-wrapper {
    height: unset !important;
    overflow-y: unset !important;
  }

  #add-my-area-button-wrapper {
    position: relative;
  }
  #extra-filters-dropdown {
    display: none;
  }

  #main-filters-wrapper .filter-chip,
  #sources-panel-active-filters .filter-chip {
    margin-top: 0;
  }

  #active-filter-header-top-bar {
    display: none;
  }

  #main-filters-wrapper {
    flex-direction: column;
  }
}