.category-selector-container .category-select-menu {
  flex-flow: row;
  flex-wrap: wrap;
  gap: 0.5em;
  padding: 0.5em;
  width: fit-content;
  max-width: min(80vw, 500px);
  background: var(--card-background);
}
.category-selector-container .category-select-menu.show {
  display: flex;
}
.category-selector-container .category-selector-toggle-button {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  gap: 0.5em;
  align-items: center;
  border: var(--default-border);
  box-shadow: none;
  margin-bottom: 0 !important;
  color: var(--card-color);
}
.category-selector-container .category-badge {
  --category-color: var(--default-border-color);
  --selected-category-color: var(--category-color);
  border: 1px solid var(--category-color);
  margin: 1px;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.category-selector-container .category-badge.selected {
  margin: 0px;
  border: 2px solid var(--selected-category-color);
}
.category-badges {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  gap: 0.2em;
  align-items: center;
  font-size: 0.7em;
}
.category-badges.above {
  margin-bottom: 0.3rem;
}
.category-badges.below {
  margin-top: 0.3rem;
}
.category-badge {
  padding: 0.4em;
  border-radius: 0.5em;
  border: var(--default-border);
  display: flex;
  flex-flow: row;
  align-items: center;
  color: var(--card-color);
  user-select: none;
  gap: 0.4em;
}
.category-badge .badge-image {
  height: 1.5em;
  width: 1.5em;
  margin: -0.25em;
  object-fit: cover;
  object-position: center;
  margin-right: -0.25em;
}
.categories {
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
  border: 2px solid #2196F3;
}
.category_icon {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  max-width: 100% !important;
  max-height: 100% !important;
}
.category_icon_preview,
.category_color_preview,
.category_faicon_preview {
  display: inline-block;
  height: 1.5em;
  aspect-ratio: 1;
  margin-right: 0.5em;
  border-radius: 3px;
}
.categories ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 5px;
}
.categories li:not(.placeholder):not(.hint) {
  list-style-type: none;
  padding: 5px;
  border: 2px solid #f7f5e7;
  padding-left: 50px;
  background-color: #2196F3;
  box-sizing: content-box;
  color: #fff;
  cursor: move;
}
.categories li:not(.placeholder):not(.hint) > div {
  height: 30px;
  padding: 10px;
  line-height: 30px;
  background-color: #fff;
  color: #000;
  border: 1px solid #2196F3;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  align-items: center;
}
.categories li:not(.placeholder):not(.hint) .category_name {
  flex: 1 0 auto;
}
.category {
  cursor: move;
  padding-left: 50px;
  background-color: #fff;
  color: #000;
  list-style-type: none;
}
.category li {
  list-style-type: none;
  padding-left: 50px;
}
.category div:not(.category-delete):not(.category-edit) {
  height: 30px;
  padding: 10px;
  line-height: 30px;
  background-color: #f7f5e7;
  color: #000000;
  border: 1px solid #000000;
}
.placeholder {
  background-color: #0D47A1;
  color: #000000;
  border: 1px solid #0D47A1;
  border-left: 51px solid #000000;
  padding: 5px;
}
.clickable {
  cursor: pointer;
}
.semantics_autodetect {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
}
.semantics_autodetect > div {
  flex: 1 auto;
}
.pageit-map {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  isolation: isolate;
}
.pageit-map .map-controls {
  border-radius: var(--border-radius);
}
.pageit-map .map-controls .address-search .input-group .btn {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pageit-map .map-controls .address-search .search-results {
  margin-top: 1rem;
  display: flex;
  flex-flow: column;
  gap: 1rem;
  border: var(--card-border);
  border-radius: var(--border-radius);
}
.pageit-map .map-controls .address-search .search-results .hide-results {
  text-align: right;
}
.pageit-map .map-controls .address-search .search-results .hide-results .search-results-hide {
  aspect-ratio: 1;
  text-align: center;
}
.pageit-map .map-controls .address-search .search-results .search-result {
  font-size: 0.9rem;
  padding: 0.5rem;
}
.pageit-map .map-controls .address-search .search-results .search-result:first-child {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.pageit-map .map-controls .address-search .search-results .search-result:last-child {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.pageit-map .map-controls .address-search .search-results .search-result:not(:last-child) {
  border-bottom: var(--card-border);
}
.pageit-map .map-controls .address-search .search-results .search-result .contacts {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.pageit-map .map-controls .address-search .search-results .search-result .contacts .contact {
  flex: 1 auto;
  height: 100%;
  padding: 0.5rem;
}
.pageit-map .map {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.pageit-map .map .contacts {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}
.pageit-map .loading-overlay {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}