.dtim {
  width: 100%;
  min-width: 0;
}
.dtim .dtim-canvas {
  width: 100%;
  height: 500px;
  min-height: 180px;
}
.dtim .dtim-status {
  margin-block: 0.5em;
}
.dtim .dtim-layers fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 1.25em;
  min-width: 0;
  margin: 0;
  padding: 0.5em 0;
  border: 0;
}
.dtim .dtim-layers label {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  cursor: pointer;
}
.dtim .dtim-layers input {
  width: auto;
  margin: 0;
  accent-color: var(--schiste-blue, #2a3e45);
}
.dtim .dtim-features summary { cursor: pointer; }
.dtim .dtim-features button {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0.25em 0;
  text-align: start;
  text-decoration: underline;
  cursor: pointer;
}
.dtim .dtim-color-point { color: var(--orange-red, #ff4200); }
.dtim .dtim-color-line { color: var(--schiste-blue, #2a3e45); }
.dtim .dtim-color-polygon { color: var(--evangeline, #91f5ad); }
.dtim .maplibregl-popup-content {
  font-family: inherit;
  color: var(--ebony-clay, #1f2e33);
  max-height: 240px;
  overflow: auto;
}
.dtim .maplibregl-popup-content p { margin: 0.5em 0 0; }