.base {
  font-size: min(1.3vh, 14px);
}

body {
  scrollbar-width: thin;
}

.logo {
  height: 5vh;
}

[data-bs-theme="dark"] .logo,
[data-bs-theme="dark"] .btn-dark,
[data-bs-theme="dark"] .btn-light,
[data-bs-theme="dark"] .btn-outline-dark {
  filter: invert(1);
}

[data-bs-theme="dark"] svg [fill="black"] {
  fill: white !important;
}

[data-bs-theme="dark"] svg [stroke="black"] {
  stroke: white !important;
}

[data-bs-theme="dark"] svg text,
[data-bs-theme="dark"] svg tspan {
  fill: white !important;
}

[data-bs-theme="dark"] svg image {
  filter: invert(1);
}

.permanent-alert-button {
  background-color: rgba(0, 0, 0, 0.2);
}

[data-bs-theme="dark"] .permanent-alert-button {
  background-color: rgba(255, 255, 255, 0.4);
}

.cost-breakdown-table tr {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Mapbox styling should be moved to its own file */
/* .mapboxgl-marker {
  height: 30px;
  width: 30px;
  z-index: 5;
  border: 1px solid black;
  border-radius: 50%;
  background-color: red;
} */

.mapboxgl-popup-content {
  padding: 0;
  background-color: transparent;
  max-width: "25vw";
}

/* .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: #394b59;
} */

.mapboxgl-ctrl-attrib-inner {
  display: none;
}

.mapboxgl-ctrl-bottom-left {
  right: 0;
  bottom: 0;
  left: auto;
  margin-right: 1rem;
}

.map-icon {
  width: 20%;
}

.right-table td:nth-child(2) {
  text-align: end;
}

.progress-bar {
  transition: width 0.2s ease;
  background-color: var(--bs-primary);
}

.accordion-button:not(.collapsed) {
  color: var(--bs-dark);
  background-color: var(--bs-gray-300);
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  color: var(--bs-light);
  background-color: var(--bs-black);
}

.external-view tbody tr:nth-child(n+4) {
    display: none;
}