.workspace__map:not(.show) {
  display: none;
}

.osm-types-modal [data-osm-types-list] { min-width: 0; }
.osm-types-modal .ui-table-scroll { align-self: stretch; width: 100%; }
.osm-types-modal .ui-table-inner { width: 100% !important; min-width: 0 !important; }
.osm-types-modal .ui-table-body select { width: 100%; min-width: 0; border-radius: var(--radius-md); }

.poi-types-modal [data-poi-types-list] { min-width: 0; }
.poi-types-modal .ui-table-scroll { align-self: stretch; width: 100%; }
.poi-types-modal .ui-table-body select,
.poi-types-modal .ui-table-body input[type="text"] {
  width: 100%; min-width: 0; border-radius: var(--radius-md);
}
.poi-types-modal .poi-type-color { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.poi-types-modal .poi-type-color input[type="color"] {
  flex: 0 0 30px; width: 30px; height: 30px; padding: 2px;
  border: 1px solid var(--color-border); border-radius: var(--radius-md);
  background: var(--color-surface);
}
.poi-types-modal .poi-type-preview {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: var(--radius-md);
}

.workspace__map-export {
  position: absolute;
  z-index: 1200;
  inset: 0;
  overflow: auto;
  color: var(--trip-surface-text);
  background: var(--trip-surface);
}

.workspace__map-export[hidden] {
  display: none;
}

.workspace__map-export .svg-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 1rem;
}

.workspace__map-export svg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.uie-toolbar-fixed {
  gap: 8px;
}

.map-properties-menu {
  position: relative;
}

.map-properties-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  display: none;
  min-width: 180px;
  padding: 8px;
  color: var(--trip-surface-text);
  background: var(--trip-surface);
  border: 1px solid var(--trip-surface-border);
  border-radius: 12px;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.38);
}

.map-properties-menu.open .map-properties-dropdown {
  display: block;
}

.map-properties-dropdown button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px;
  color: inherit;
  font: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}

.map-properties-dropdown button:hover,
.map-properties-dropdown button:focus-visible {
  background: rgba(96, 165, 250, 0.16);
  outline: none;
}

.map-properties-dropdown .uiicon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}