@charset "UTF-8";
:root[data-ante-theme=dark] {
  --ante-background: #0f1115;
  --ante-panel: #171a21;
  --ante-raised: #20242d;
  --ante-border: #2c313c;
  --ante-accent: #5b9bff;
  --ante-text: #e6e8ec;
  --ante-muted: #9aa1ad;
}

.ante-icon {
  display: inline-block;
  min-width: 1.2em;
  margin-right: 0.35em;
  text-align: center;
  font-style: normal;
  line-height: 1;
  filter: var(--ante-icon-filter, none);
}
.ante-icon::before {
  content: var(--ante-icon);
}

.ante-icon-inline {
  display: inline;
  min-width: 0;
  margin-right: 0;
  line-height: inherit;
}

ante-tabs {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.ante-tabs-bar {
  display: flex;
  gap: 0.25em;
  padding: 0.6em 0.75em 0;
  border-bottom: 1px solid var(--ante-border, #dde1e6);
}

.ante-tab {
  border: 1px solid transparent;
  border-bottom: none;
  background: none;
  color: var(--ante-muted, #6b7280);
  padding: 0.5em 1.1em;
  border-radius: var(--ante-radius, 0.4em) var(--ante-radius, 0.4em) 0 0;
  font: inherit;
  cursor: pointer;
  letter-spacing: 0.04em;
}
.ante-tab:hover {
  color: var(--ante-text, #1f2328);
}
.ante-tab.selected {
  color: var(--ante-text, #1f2328);
  border-color: var(--ante-border, #dde1e6);
  background: var(--ante-panel, #ffffff);
  box-shadow: inset 0 2px 0 var(--ante-accent, #2f6fde);
  margin-bottom: -1px;
}

.ante-tabs-content {
  flex: 1;
  overflow: auto;
  background: var(--ante-panel, #ffffff);
  container-type: inline-size;
}

.ante-tabs-bar.compact {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.3em;
  padding: 0.4em 0.75em;
  border-bottom: none;
}
.ante-tabs-bar.compact .ante-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  margin: 0;
  padding: 0.25em 0.7em;
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: 1em;
  background: none;
  box-shadow: none;
  font-size: 0.85em;
}
.ante-tabs-bar.compact .ante-tab::before {
  content: none;
}
.ante-tabs-bar.compact .ante-tab.selected {
  margin: 0;
  border-color: var(--ante-accent, #2f6fde);
  color: var(--ante-accent, #2f6fde);
  background: color-mix(in srgb, var(--ante-accent, #2f6fde) 14%, transparent);
  box-shadow: none;
}

ante-map {
  display: block;
  height: 100%;
  min-height: 30em;
}

ante-map .leaflet-bar {
  border: 1px solid var(--ante-border, #dde1e6);
  box-shadow: none;
}
ante-map .leaflet-bar a {
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-bottom-color: var(--ante-border, #dde1e6);
}
ante-map .leaflet-bar a:hover {
  background: var(--ante-panel, #ffffff);
  color: var(--ante-accent, #2f6fde);
}

.ante-table {
  border-collapse: collapse;
  width: 100%;
  font-variant-numeric: tabular-nums;
}
.ante-table th,
.ante-table td {
  padding: 0.5em 0.75em;
  text-align: left;
  border-bottom: 1px solid var(--ante-border, #dde1e6);
  white-space: nowrap;
}
.ante-table td {
  font-family: var(--ante-numbers, inherit);
}
.ante-table th {
  cursor: pointer;
  user-select: none;
  position: sticky;
  top: var(--ante-table-bar, 0px);
  z-index: 1;
  background: var(--ante-panel, #ffffff);
  color: var(--ante-muted, #6b7280);
  font-weight: 500;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.ante-table th.sorted {
  color: var(--ante-accent, #2f6fde);
}
.ante-table .ante-sort {
  margin-left: 0.35em;
  font-size: 0.9em;
}
.ante-table .ante-sort sup {
  margin-left: 0.1em;
  font-size: 0.75em;
}
.ante-table tr:hover td {
  background: var(--ante-raised, #f0f2f5);
}

.ante-sort-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4em;
  padding: 0.5em 0.75em;
  font-size: 0.85em;
  color: var(--ante-muted, #6b7280);
}

.ante-sort-chip,
.ante-sort-clear {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-sort-chip:hover,
.ante-sort-clear:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-sort-chip:focus-visible,
.ante-sort-clear:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-sort-chip,
.ante-sort-clear {
  padding: 0.15em 0.6em;
  font-size: 0.95em;
}

.ante-sort-chip {
  border-color: color-mix(in srgb, var(--ante-accent, #2f6fde) 50%, transparent);
  color: var(--ante-accent, #2f6fde);
}

.ante-sort-clear {
  margin-left: 0.4em;
}

.ante-podium-toggle {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-podium-toggle:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-podium-toggle:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-podium-toggle {
  padding: 0.15em 0.6em;
  font-size: 0.95em;
  margin-right: 0.6em;
}
.ante-podium-toggle.active {
  border-color: var(--ante-gold, var(--ante-accent, #2f6fde));
  color: var(--ante-gold, var(--ante-accent, #2f6fde));
}

ante-column-chooser {
  margin-left: auto;
  position: relative;
}

.ante-column-chooser > summary {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-column-chooser > summary:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-column-chooser > summary:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-column-chooser > summary {
  padding: 0.15em 0.6em;
  font-size: 0.95em;
  list-style: none;
  cursor: pointer;
}
.ante-column-chooser > summary::-webkit-details-marker {
  display: none;
}

.ante-column-list {
  position: absolute;
  right: 0;
  z-index: 20;
  display: grid;
  gap: 0.15em;
  margin-top: 0.3em;
  padding: 0.5em 0.7em;
  min-width: min(12em, 100%);
  max-height: 60vh;
  overflow-y: auto;
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: var(--ante-radius, 0.4em);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.35);
}
.ante-column-list label {
  display: flex;
  align-items: center;
  gap: 0.4em;
  white-space: nowrap;
  cursor: pointer;
}

.ante-column-edge {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.45em;
  cursor: col-resize;
  touch-action: none;
}
.ante-column-edge:hover {
  background: color-mix(in srgb, var(--ante-accent, #2f6fde) 45%, transparent);
}

.ante-table.sized,
.ante-table.fit-screen {
  table-layout: fixed;
}
.ante-table.sized th,
.ante-table.sized td,
.ante-table.fit-screen th,
.ante-table.fit-screen td {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ante-table.fit-screen {
  width: 100%;
}

.ante-column-fit {
  display: flex;
  gap: 0.3em;
  margin-bottom: 0.4em;
}
.ante-column-fit button {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-column-fit button:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-column-fit button:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-column-fit button {
  flex: 1;
  padding: 0.15em 0.5em;
  font-size: 0.9em;
  white-space: nowrap;
}
.ante-column-fit button.active {
  border-color: var(--ante-accent, #2f6fde);
  color: var(--ante-accent, #2f6fde);
}

ante-table {
  display: block;
  max-width: 100%;
  overflow: auto;
  container-type: inline-size;
}

.ante-tabs-content:has(> ante-table) {
  overflow: hidden;
}

.ante-tabs-content > ante-table {
  height: 100%;
}

.ante-table.stacking,
.ante-table.stacking tbody {
  display: block;
  width: auto;
}
.ante-table.stacking tr:first-child:has(th) {
  display: none;
}
.ante-table.stacking tr {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3em 1em;
  padding: 0.5em 0;
  border-bottom: 1px solid var(--ante-border, currentColor);
}
.ante-table.stacking td {
  display: block;
  flex: 1 1 12em;
  min-width: 0;
  padding: 0.2em 0.5em;
}
.ante-table.stacking td[data-title]:not([data-title=""])::before {
  content: attr(data-title);
  display: block;
  font-size: 0.75em;
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

ante-table > .ante-sort-bar,
ante-table > ante-podium {
  position: sticky;
  left: 0;
  box-sizing: border-box;
  width: 100cqw;
}

ante-table > .ante-sort-bar {
  top: 0;
  z-index: 2;
  background: var(--ante-panel, #ffffff);
}

.ante-table-rank {
  width: 2.5em;
  text-align: right;
  font-family: var(--ante-numbers, inherit);
  color: var(--ante-muted, #6b7280);
}

ante-table > ante-podium {
  display: block;
  margin: 0 0 0.75em;
}

.ante-sort-default {
  border-style: dashed;
  opacity: 0.65;
  cursor: default;
}

th.default .ante-sort {
  opacity: 0.55;
}

.ante-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4em;
  padding: 0.5em 0.75em;
  font-size: 0.85em;
  color: var(--ante-muted, #6b7280);
}

.ante-filter-chip,
.ante-filter-clear {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-filter-chip:hover,
.ante-filter-clear:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-filter-chip:focus-visible,
.ante-filter-clear:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-filter-chip,
.ante-filter-clear {
  padding: 0.15em 0.6em;
  font-size: 0.95em;
}

.ante-filter-chip {
  border-color: color-mix(in srgb, var(--ante-accent, #2f6fde) 50%, transparent);
  color: var(--ante-accent, #2f6fde);
}

.ante-filter-clear {
  margin-left: 0.4em;
}

.ante-range-filter,
.ante-date-range-filter {
  margin-bottom: 0.55em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.85em;
}

.ante-range-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2em 0.4em;
}

.ante-range-label {
  flex: 1 0 auto;
}

.ante-range-slider {
  position: relative;
  height: 1.9em;
  margin: 0.15em 0.45em 0;
}

.ante-range-slider ante-histogram {
  position: absolute;
  inset: 0 0 0.7em;
}

.ante-range-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.3em;
  height: 3px;
  border-radius: 2px;
  background: var(--ante-border, #dde1e6);
}

.ante-range-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 2px;
  background: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}

.ante-range-handle {
  position: absolute;
  left: -6px;
  right: -6px;
  bottom: 0;
  width: calc(100% + 12px);
  height: 0.9em;
  margin: 0;
  appearance: none;
  background: none;
  pointer-events: none;
}
.ante-range-handle::-webkit-slider-thumb {
  pointer-events: auto;
  appearance: none;
  width: 12px;
  height: 12px;
  border: 2px solid var(--ante-accent, #2f6fde);
  border-radius: 50%;
  background: var(--ante-panel, #ffffff);
  box-shadow: var(--ante-glow, none);
  cursor: grab;
}
.ante-range-handle::-moz-range-thumb {
  pointer-events: auto;
  appearance: none;
  width: 12px;
  height: 12px;
  border: 2px solid var(--ante-accent, #2f6fde);
  border-radius: 50%;
  background: var(--ante-panel, #ffffff);
  box-shadow: var(--ante-glow, none);
  cursor: grab;
}
.ante-range-handle::-webkit-slider-runnable-track {
  background: none;
}
.ante-range-handle:focus-visible {
  outline: none;
}
.ante-range-handle:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 2px;
}

.ante-range-fields {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.ante-range-fields input {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-background, #f6f7f9);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.5em;
  font: inherit;
  font-family: var(--ante-numbers, inherit);
}
.ante-range-fields input:focus {
  outline: none;
  border-color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}
.ante-range-fields input {
  width: 5.2em;
  padding: 0.15em 0.35em;
  font-size: 0.95em;
}

.ante-range-unit {
  color: var(--ante-muted, #6b7280);
  min-width: 1.8em;
  font-size: 0.85em;
}

.ante-date-range-filter .ante-range-fields {
  flex-wrap: wrap;
}
.ante-date-range-filter .ante-range-fields input {
  width: 9em;
  max-width: 100%;
  box-sizing: border-box;
}

ante-histogram {
  display: flex;
  align-items: stretch;
  gap: 1px;
  min-height: 1em;
}

.ante-histogram-bar {
  flex: 1;
  border-radius: 1px 1px 0 0;
  background: linear-gradient(to top, var(--ante-histogram-color) var(--ante-histogram-fill), transparent var(--ante-histogram-fill));
  --ante-histogram-color: var(--ante-border, #dde1e6);
}
.ante-histogram-bar.in {
  --ante-histogram-color: color-mix(in srgb, var(--ante-accent, #2f6fde) 55%, transparent);
}
.ante-histogram-bar:hover {
  --ante-histogram-color: var(--ante-accent, #2f6fde);
}

.ante-weight-slider {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}

.ante-weight-step {
  display: flex;
  align-items: center;
  gap: 0.3em;
  min-height: 1.9em;
  padding: 0.15em 0.5em;
  border-bottom: 1px dashed var(--ante-border, #dde1e6);
}
.ante-weight-step:hover {
  background: var(--ante-raised, #f0f2f5);
}

.ante-weight-direction {
  list-style: none;
  padding: 0.15em 0.5em;
  font-size: 0.72em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ante-weight-direction.more {
  color: var(--ante-better-strong, #22c55e);
}
.ante-weight-direction.less {
  color: var(--ante-worse-strong, #ef4444);
}

.ante-weight-items {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3em;
  min-width: 0;
}

.ante-weight-step.ignored {
  margin-top: 0.4em;
  border-top: 1px dashed var(--ante-border, #dde1e6);
  opacity: 0.75;
}
.ante-weight-step.ignored .ante-weight-number {
  width: auto;
  white-space: nowrap;
  font-size: 0.8em;
}
.ante-weight-step.ignored .ante-weight-item {
  text-decoration: line-through;
  text-decoration-color: var(--ante-muted, #6b7280);
}

.ante-weight-number {
  width: 1.6em;
  color: var(--ante-muted, #6b7280);
  font-family: var(--ante-numbers, inherit);
  font-size: 0.75em;
}

.ante-weight-item {
  display: inline-flex;
  align-items: center;
  padding: 0.15em 0.6em;
  border: 1px solid var(--ante-accent, #2f6fde);
  border-radius: 1em;
  color: var(--ante-text, #1f2328);
  background: var(--ante-raised, #f0f2f5);
  font-size: 0.8em;
  cursor: grab;
}

.ante-weight-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5em;
}
.ante-weight-controls button {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-weight-controls button:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-weight-controls button:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-weight-controls button {
  font-size: 0.8em;
}

.ante-weight-count {
  color: var(--ante-muted, #6b7280);
  font-family: var(--ante-numbers, inherit);
  font-size: 0.8em;
}

.ante-comparison {
  border-collapse: collapse;
  margin: 1em;
  font-variant-numeric: tabular-nums;
}
.ante-comparison th,
.ante-comparison td {
  padding: 0.55em 1em;
  border-bottom: 1px solid var(--ante-border, #dde1e6);
  text-align: left;
}
.ante-comparison td {
  font-family: var(--ante-numbers, inherit);
}
.ante-comparison td.standing {
  background: color-mix(in oklab, var(--ante-better, rgba(34, 197, 94, 0.18)) calc(var(--ante-comparison-standing) * 100%), var(--ante-worse, rgba(239, 68, 68, 0.12)));
}
.ante-comparison td.best {
  color: var(--ante-accent, #2f6fde);
  font-weight: 600;
}
.ante-comparison td.best::after {
  content: " ★";
  font-size: 0.85em;
}

.ante-tabs-content > ante-comparison {
  display: block;
  width: max-content;
  min-width: 100%;
}

.ante-comparison-corner {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  background: var(--ante-panel, #ffffff);
}

.ante-comparison-item {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--ante-panel, #ffffff);
  min-width: 10em;
  vertical-align: top;
}
.ante-comparison-item span {
  margin-right: 0.5em;
}

.ante-comparison-attribute {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--ante-panel, #ffffff);
  color: var(--ante-muted, #6b7280);
  font-weight: 500;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.ante-comparison-empty {
  margin: 2em;
  color: var(--ante-muted, #6b7280);
}

.ante-dialog {
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: var(--ante-radius, 0.4em);
  padding: 1.2em 1.6em 1.6em;
  background: var(--ante-panel, #ffffff);
  color: var(--ante-text, #1f2328);
  box-sizing: border-box;
  min-width: min(20em, 100%);
  max-width: calc(100% - 2em);
  box-shadow: var(--ante-glow, none);
}
.ante-dialog::backdrop {
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
}

ante-title-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  min-width: 0;
}

.ante-title-bar-title {
  overflow: hidden;
  margin: 0;
  font-size: 1.1em;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ante-title-bar-icon {
  flex: none;
  width: 1.1em;
  height: 1.1em;
  margin-right: 0.5em;
  object-fit: contain;
}

.ante-title-bar-heading {
  flex: 1;
  min-width: 0;
}

.ante-title-bar-actions {
  display: flex;
  align-items: center;
  gap: 0.3em;
}

.ante-title-bar-action,
.ante-title-bar-close {
  border: none;
  background: none;
  color: var(--ante-muted, #6b7280);
  font-size: 1.4em;
  cursor: pointer;
}
.ante-title-bar-action:hover,
.ante-title-bar-close:hover {
  color: var(--ante-text, #1f2328);
}

.ante-title-bar-action {
  font-size: 1.1em;
}
.ante-title-bar-action[aria-pressed=false] {
  opacity: 0.5;
}

.ante-dialog > ante-title-bar {
  margin-bottom: 0.6em;
}

.ante-login-form {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.ante-login-form label {
  display: flex;
  flex-direction: column;
  gap: 0.3em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.9em;
}
.ante-login-form input {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-background, #f6f7f9);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.5em;
  font: inherit;
  font-family: var(--ante-numbers, inherit);
}
.ante-login-form input:focus {
  outline: none;
  border-color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}
.ante-login-form input {
  font-family: inherit;
}

.ante-login-buttons {
  display: flex;
  gap: 0.5em;
}
.ante-login-buttons button {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-login-buttons button:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-login-buttons button:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-login-buttons .ante-login-login {
  border-color: var(--ante-accent, #2f6fde);
  color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}

.ante-login-error {
  color: #ff6b6b;
  margin: 0;
}

.ante-set-filter,
.ante-radio-filter {
  min-width: 0;
  border: none;
  margin: 0 0 0.6em;
  padding: 0;
}
.ante-set-filter legend,
.ante-radio-filter legend {
  color: var(--ante-muted, #6b7280);
  font-size: 0.9em;
  margin-bottom: 0.3em;
}

.ante-set-value {
  display: flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.15em 0;
  font-size: 0.9em;
}
.ante-set-value input {
  accent-color: var(--ante-accent, #2f6fde);
}
.ante-set-value small {
  margin-left: auto;
  color: var(--ante-muted, #6b7280);
  font-family: var(--ante-numbers, inherit);
}

.ante-set-branch {
  display: flex;
  align-items: center;
  gap: 0.2em;
  padding-left: calc(var(--ante-set-depth, 0) * 1em);
}
.ante-set-branch .ante-set-value {
  flex: 1;
  min-width: 0;
}

.ante-set-fold {
  flex: none;
  width: 1.2em;
  padding: 0;
  border: none;
  background: none;
  color: var(--ante-muted, #6b7280);
  font: inherit;
  line-height: 1;
  text-align: center;
}

button.ante-set-fold {
  cursor: pointer;
}
button.ante-set-fold:hover {
  color: var(--ante-text, #1f2328);
}

.ante-radio-filter.toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3em 0.5em;
}
.ante-radio-filter.toggle legend {
  float: left;
  flex: 1 0 auto;
  margin: 0;
  white-space: nowrap;
}

.ante-radio-segments {
  display: inline-flex;
  max-width: 100%;
  margin-left: auto;
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: var(--ante-radius, 0.4em);
  overflow: hidden;
  font-size: 0.82em;
}

.ante-radio-segment {
  position: relative;
  padding: 0.2em 0.75em;
  color: var(--ante-muted, #6b7280);
  cursor: pointer;
}
.ante-radio-segment + .ante-radio-segment {
  border-left: 1px solid var(--ante-border, #dde1e6);
}
.ante-radio-segment input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ante-radio-segment small {
  margin-left: 0.35em;
  font-family: var(--ante-numbers, inherit);
  opacity: 0.7;
}
.ante-radio-segment:has(input:checked) {
  background: color-mix(in srgb, var(--ante-accent, #2f6fde) 18%, transparent);
  color: var(--ante-accent, #2f6fde);
}
.ante-radio-segment:has(input:focus-visible) {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: -2px;
}

.ante-set-match {
  display: inline-flex;
  margin-bottom: 0.35em;
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: var(--ante-radius, 0.4em);
  overflow: hidden;
  font-size: 0.8em;
}
.ante-set-match button {
  border: none;
  background: none;
  color: var(--ante-muted, #6b7280);
  padding: 0.2em 0.7em;
  font: inherit;
  cursor: pointer;
}
.ante-set-match button.selected {
  background: color-mix(in srgb, var(--ante-accent, #2f6fde) 18%, transparent);
  color: var(--ante-accent, #2f6fde);
}

.ante-set-more {
  border: none;
  background: none;
  color: var(--ante-accent, #2f6fde);
  padding: 0.2em 0;
  font: inherit;
  font-size: 0.85em;
  cursor: pointer;
}

.ante-select-filter,
.ante-reset {
  margin-left: 0.35em;
  padding: 0 0.3em;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  line-height: 1;
  opacity: 0.55;
  cursor: pointer;
}
.ante-select-filter:hover, .ante-select-filter:focus-visible,
.ante-reset:hover,
.ante-reset:focus-visible {
  opacity: 1;
  color: var(--ante-accent, #2f6fde);
}
.ante-select-filter[hidden],
.ante-reset[hidden] {
  display: none;
}

.ante-remove {
  border: none;
  background: none;
  color: var(--ante-muted, #6b7280);
  font-size: 1.1em;
  cursor: pointer;
}
.ante-remove:hover, .ante-remove:focus-visible {
  color: var(--ante-worse-strong, #ef4444);
}

ante-select-filter,
ante-text-filter {
  display: flex;
  align-items: center;
}
ante-select-filter > label,
ante-text-filter > label {
  flex: 1;
  min-width: 0;
}

.ante-text-filter {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.55em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.85em;
}
.ante-text-filter select,
.ante-text-filter input {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-background, #f6f7f9);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.5em;
  font: inherit;
  font-family: var(--ante-numbers, inherit);
}
.ante-text-filter select:focus,
.ante-text-filter input:focus {
  outline: none;
  border-color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}
.ante-text-filter select,
.ante-text-filter input {
  flex: 1.4;
  min-width: 0;
  padding: 0.2em 0.4em;
  font-family: inherit;
}

.ante-select-label,
.ante-text-label {
  flex: 1;
  min-width: 0;
}

.ante-filter-section {
  margin: 0;
  border-top: 1px solid var(--ante-border, #dde1e6);
}
.ante-filter-section[open] {
  padding-bottom: 0.4em;
}
.ante-filter-section summary {
  padding: 0.45em 0;
  color: var(--ante-text, #1f2328);
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}
.ante-filter-section summary::-webkit-details-marker {
  display: none;
}
.ante-filter-section summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 0.5em;
  color: var(--ante-accent, #2f6fde);
  transition: transform 0.15s;
}
.ante-filter-section[open] > summary::before {
  transform: rotate(90deg);
}

.ante-filter-panel {
  display: flex;
  flex-direction: column;
}

.ante-catalogue {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.ante-catalogue-host {
  flex: 1;
  display: flex;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.ante-catalogue-side {
  flex: 1 1 16em;
  min-width: 0;
  max-height: 100%;
  overflow: auto;
}

.ante-catalogue-main {
  flex: 999 1 30em;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: min(30em, 100%);
  max-height: 100%;
}

.ante-catalogue-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ante-catalogue-head > ante-filter-bar {
  flex: 1 1 0;
  min-width: 12em;
}

.ante-catalogue-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3em;
  margin-left: auto;
}
.ante-catalogue-bar > [hidden] {
  display: none;
}

.ante-catalogue-split {
  margin-right: 0.5em;
  padding: 0.1em 0.45em;
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: 1em;
  background: none;
  color: var(--ante-muted, #6b7280);
  font: inherit;
  cursor: pointer;
}
.ante-catalogue-split:hover {
  color: var(--ante-text, #1f2328);
}

ante-split-panes {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.ante-split-pane {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: min(22em, 100%);
  min-height: 0;
  max-height: 100%;
}

ante-split-panes.stacked > .ante-split-pane {
  max-height: max(30em, 50%);
}

.ante-split-divider {
  position: absolute;
  top: 0;
  right: -0.25em;
  bottom: 0;
  z-index: 500;
  width: 0.5em;
  cursor: col-resize;
  touch-action: none;
}
.ante-split-divider:hover, .ante-split-divider:focus-visible {
  background: color-mix(in srgb, var(--ante-accent, #2f6fde) 40%, transparent);
}

ante-split-panes.stacked .ante-split-divider {
  display: none;
}

ante-window-area {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
ante-window-area.free > .ante-window {
  position: absolute;
}

.ante-window {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: 0.4em;
  background: var(--ante-background, #f6f7f9);
  overflow: hidden;
}
.ante-window.translucent {
  background: var(--ante-panel, #ffffff);
}
.ante-window > ante-title-bar {
  padding: 0.3em 0.6em;
  border-bottom: 1px solid var(--ante-border, #dde1e6);
  user-select: none;
}
.ante-window > ante-title-bar .ante-title-bar-title {
  font-size: 0.95em;
}

.ante-site-frame {
  width: 100%;
  height: 100%;
  border: none;
  background: var(--ante-background, #f6f7f9);
}

ante-window-area.dragging .ante-site-frame {
  pointer-events: none;
}

ante-window-launcher {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 1em;
  padding: 1.2em;
}

.ante-launcher-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4em;
  width: 6em;
  padding: 0.6em;
  border: 1px solid transparent;
  border-radius: 0.6em;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.ante-launcher-icon:hover, .ante-launcher-icon:focus-visible {
  border-color: var(--ante-border, #dde1e6);
  background: var(--ante-panel, #ffffff);
}
.ante-launcher-icon ante-monogram {
  font-size: 1.6em;
}

.ante-launcher-name {
  font-size: 0.9em;
}

body.ante-popup {
  display: flex;
  height: 100vh;
  margin: 0;
}
body.ante-popup > .ante-window {
  flex: 1;
  border: none;
  border-radius: 0;
}

ante-window-area.free > .ante-window > ante-title-bar {
  cursor: move;
}

.ante-window-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.ante-window-sizer {
  display: none;
}

ante-window-area > .ante-window.docked,
ante-window-area > .ante-window-room {
  position: absolute;
}

.ante-window.docked {
  border-radius: 0;
}
.ante-window.docked > .ante-window-sizer {
  position: absolute;
  display: block;
}
.ante-window.docked.docked-top > .ante-window-sizer, .ante-window.docked.docked-bottom > .ante-window-sizer {
  right: 0;
  left: 0;
  height: 0.4em;
  cursor: ns-resize;
}
.ante-window.docked.docked-left > .ante-window-sizer, .ante-window.docked.docked-right > .ante-window-sizer {
  top: 0;
  bottom: 0;
  width: 0.4em;
  cursor: ew-resize;
}
.ante-window.docked.docked-top > .ante-window-sizer {
  bottom: 0;
}
.ante-window.docked.docked-bottom > .ante-window-sizer {
  top: 0;
}
.ante-window.docked.docked-left > .ante-window-sizer {
  right: 0;
}
.ante-window.docked.docked-right > .ante-window-sizer {
  left: 0;
}

.ante-window-handle {
  display: none;
}

ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle {
  position: absolute;
  display: block;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom {
  right: 1em;
  left: 1em;
  height: 0.4em;
  cursor: ns-resize;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.right {
  top: 1em;
  bottom: 1em;
  width: 0.4em;
  cursor: ew-resize;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-right, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-right {
  width: 1em;
  height: 1em;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-right {
  top: 0;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-right {
  bottom: 0;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-left {
  left: 0;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.right, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-right, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-right {
  right: 0;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-left, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-right {
  cursor: nwse-resize;
}
ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.top-right, ante-window-area.free > .ante-window:not(.docked) > .ante-window-handle.bottom-left {
  cursor: nesw-resize;
}

.ante-catalogue-pane-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3em;
}
.ante-catalogue-pane-head[hidden] {
  display: none;
}

.ante-table tr.marked,
.ante-gallery-card.marked {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: -2px;
}

.ante-map-mark {
  stroke: var(--ante-accent, #2f6fde);
}

.ante-catalogue-measure {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.8em 1em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.88em;
}

ante-filter-chooser {
  display: block;
  margin-bottom: 0.4em;
  font-size: 0.85em;
  text-align: right;
}
ante-filter-chooser .ante-column-chooser > summary {
  display: inline-block;
}
ante-filter-chooser .ante-column-list {
  position: static;
  text-align: left;
  max-height: none;
  box-shadow: none;
}
ante-filter-chooser label {
  white-space: normal;
}

.ante-filter-choice {
  display: flex;
  align-items: center;
  gap: 0.2em;
}
.ante-filter-choice label {
  flex: 1;
  min-width: 0;
}
.ante-filter-choice button {
  flex: none;
  padding: 0 0.3em;
  border: none;
  background: none;
  color: var(--ante-muted, #6b7280);
  font: inherit;
  cursor: pointer;
}
.ante-filter-choice button:hover:not(:disabled) {
  color: var(--ante-text, #1f2328);
}
.ante-filter-choice button:disabled {
  opacity: 0.3;
  cursor: default;
}

.ante-filter-switch {
  display: flex;
  align-items: center;
  gap: 0.4em;
  margin-top: 0.6em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.88em;
}
.ante-filter-switch input {
  accent-color: var(--ante-accent, #2f6fde);
}

.ante-filter-advanced {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-filter-advanced:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-filter-advanced:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-filter-advanced {
  align-self: flex-start;
  margin-top: 0.4em;
  font-size: 0.85em;
}

.ante-filter-notice {
  color: var(--ante-muted, #6b7280);
  font-size: 0.9em;
  margin: 0 0 0.5em;
}

.ante-filter-editor {
  min-width: min(32em, 100%);
  max-height: 70vh;
  overflow: auto;
}

.ante-filter-group {
  border: 1px solid var(--ante-border, #dde1e6);
  border-left: 3px solid var(--ante-accent, #2f6fde);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.6em 0.8em;
  margin: 0.4em 0;
  background: var(--ante-panel, #ffffff);
}
.ante-filter-group.or {
  border-left-style: dashed;
}
.ante-filter-group .ante-filter-group {
  margin-left: 0.6em;
}

.ante-filter-group-head,
.ante-filter-add,
.ante-filter-condition {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4em;
  margin: 0.3em 0;
}

.ante-filter-group-head select,
.ante-filter-add select,
.ante-filter-condition input {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-background, #f6f7f9);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.5em;
  font: inherit;
  font-family: var(--ante-numbers, inherit);
}
.ante-filter-group-head select:focus,
.ante-filter-add select:focus,
.ante-filter-condition input:focus {
  outline: none;
  border-color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}

.ante-filter-condition input {
  width: 7em;
}

.ante-filter-add-group {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-filter-add-group:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-filter-add-group:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-filter-add-group {
  font-size: 0.85em;
}

.ante-filter-name {
  min-width: 7em;
  color: var(--ante-muted, #6b7280);
}

.ante-filter-unit {
  color: var(--ante-muted, #6b7280);
  font-size: 0.85em;
}

.ante-filter-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.ante-filter-values label {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.ante-filter-values input {
  accent-color: var(--ante-accent, #2f6fde);
  width: auto;
}

.ante-filter-remove {
  margin-left: auto;
}

.ante-filter-not {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-filter-not:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-filter-not:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-filter-not {
  padding: 0.15em 0.5em;
  font-size: 0.7em;
  font-family: var(--ante-numbers, inherit);
  letter-spacing: 0.08em;
  color: var(--ante-muted, #6b7280);
}
.ante-filter-not.active {
  border-color: #ff9f43;
  color: #ff9f43;
}

.ante-filter-condition.not .ante-filter-name,
.ante-filter-group.not > .ante-filter-group-head select {
  text-decoration: line-through;
  text-decoration-color: #ff9f43;
}

.ante-map-picture-icon {
  background: none;
  border: none;
}

.ante-map-picture {
  width: 36px;
  height: 36px;
  border: 3px solid;
  border-radius: 50%;
  overflow: hidden;
  background: var(--ante-panel, #ffffff);
  box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.5);
}
.ante-map-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ante-map-picture.ante-map-dot {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ante-map-picture.ante-map-dot span {
  width: 60%;
  height: 60%;
  border-radius: 50%;
}
.ante-map-picture.progress {
  border: none;
  padding: var(--ante-map-ring, 3px);
  background: conic-gradient(var(--ante-map-color) var(--ante-map-progress), var(--ante-map-track, #6b7280) var(--ante-map-progress));
}
.ante-map-picture.progress img {
  border-radius: 50%;
  outline: 2px solid var(--ante-panel, #ffffff);
  outline-offset: -1px;
}
.ante-map-picture.progress.ante-map-dot span {
  outline: 2px solid var(--ante-panel, #ffffff);
}

.ante-map-cluster {
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  border-radius: 50%;
  padding: var(--ante-map-ring, 3px);
  background: var(--ante-map-color);
  box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.ante-map-cluster.progress {
  background: conic-gradient(var(--ante-map-color) var(--ante-map-progress), var(--ante-map-track, #6b7280) var(--ante-map-progress));
}
.ante-map-cluster span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--ante-panel, #ffffff);
  color: var(--ante-text, #1f2328);
  font-family: var(--ante-numbers, inherit);
  font-weight: 600;
}

ante-property-sheet {
  display: block;
}

.ante-property-sheet {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  min-width: min(22em, 100%);
  max-width: 34em;
}

.ante-property-picture {
  width: 100%;
  max-height: 14em;
  object-fit: cover;
  border-radius: var(--ante-radius, 0.4em);
  border: 1px solid var(--ante-border, #dde1e6);
}

.ante-property-header h3 {
  margin: 0;
  font-size: 1.15em;
}
.ante-property-header p {
  margin: 0.2em 0 0;
  color: var(--ante-muted, #6b7280);
}

.ante-property-rows {
  border-collapse: collapse;
  width: 100%;
}
.ante-property-rows th,
.ante-property-rows td {
  padding: 0.35em 0.5em;
  border-bottom: 1px solid var(--ante-border, #dde1e6);
  text-align: left;
}
.ante-property-rows th {
  color: var(--ante-muted, #6b7280);
  font-weight: 500;
  font-size: 0.85em;
}

.ante-property-value {
  font-family: var(--ante-numbers, inherit);
}

.ante-property-note {
  color: var(--ante-muted, #6b7280);
  white-space: nowrap;
}
.ante-property-note > * + * {
  margin-left: 0.5em;
}

.ante-property-bar {
  display: inline-block;
  vertical-align: middle;
  width: 5em;
  height: 0.35em;
  border-radius: 1em;
  background: linear-gradient(90deg, var(--ante-accent, #2f6fde) var(--ante-property-fill, 0%), var(--ante-raised, #f0f2f5) var(--ante-property-fill, 0%));
  box-shadow: var(--ante-glow, none);
}

.ante-property-actions {
  display: flex;
  gap: 0.5em;
}
.ante-property-actions button,
.ante-property-actions a {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-property-actions button:hover,
.ante-property-actions a:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-property-actions button:focus-visible,
.ante-property-actions a:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-property-actions button,
.ante-property-actions a {
  text-decoration: none;
}

.ante-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
  gap: 0.9em;
  padding: 1em;
}

.ante-gallery-more {
  display: block;
  margin: 0 auto 1em;
}

.ante-gallery-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 2px solid var(--ante-gallery-color, var(--ante-border, #dde1e6));
  border-radius: var(--ante-radius, 0.4em);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  font: inherit;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.15s;
}
.ante-gallery-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--ante-glow, none);
}

.ante-gallery-picture {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.ante-gallery-caption {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  padding: 0.6em 0.7em 0.7em;
}
.ante-gallery-caption small {
  color: var(--ante-muted, #6b7280);
}

.ante-map-popup .leaflet-popup-content-wrapper,
.ante-map-popup .leaflet-popup-tip {
  background: var(--ante-panel, #ffffff);
  color: var(--ante-text, #1f2328);
  border: 1px solid var(--ante-border, #dde1e6);
  box-shadow: var(--ante-glow, none);
}

.ante-map-popup .leaflet-popup-content {
  margin: 0.8em;
}

.ante-comparison-title {
  border: none;
  background: none;
  color: var(--ante-text, #1f2328);
  font: inherit;
  font-weight: 600;
  text-align: left;
  padding: 0;
  cursor: pointer;
}
.ante-comparison-title:hover {
  color: var(--ante-accent, #2f6fde);
}

.ante-theme-chooser {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
}

.ante-theme {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-theme:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-theme:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-theme {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 0.6em;
  min-width: min(8em, 100%);
}
.ante-theme.selected {
  border-color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}

.ante-theme-preview {
  display: flex;
  height: 2.6em;
  border-radius: var(--ante-radius, 0.4em);
  overflow: hidden;
  border: 1px solid var(--ante-border, #dde1e6);
}
.ante-theme-preview span {
  flex: 1;
}

.ante-theme-title {
  font-size: 0.9em;
}

.ante-password-form {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
  max-width: 22em;
}
.ante-password-form label {
  display: flex;
  flex-direction: column;
  gap: 0.3em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.9em;
}
.ante-password-form input {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-background, #f6f7f9);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.5em;
  font: inherit;
  font-family: var(--ante-numbers, inherit);
}
.ante-password-form input:focus {
  outline: none;
  border-color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}
.ante-password-form input {
  font-family: inherit;
}

.ante-password-change {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-password-change:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-password-change:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-password-change {
  align-self: flex-start;
}

.ante-password-error {
  color: #d9534f;
}

.ante-password-done {
  color: #3fa86b;
}

ante-radar-chart {
  display: block;
}

.ante-radar {
  width: 100%;
  height: auto;
  overflow: visible;
}

.ante-radar-ring,
.ante-radar-spoke {
  fill: none;
  stroke: var(--ante-border, #dde1e6);
  stroke-width: 0.6;
}

.ante-radar-shape {
  fill: color-mix(in srgb, var(--ante-accent, #2f6fde) 18%, transparent);
  stroke: var(--ante-accent, #2f6fde);
  stroke-width: 1.2;
  stroke-linejoin: round;
}

.ante-radar-point {
  fill: var(--ante-accent, #2f6fde);
}
.ante-radar-point.missing {
  fill: none;
  stroke: var(--ante-muted, #6b7280);
  stroke-width: 0.8;
}

.ante-radar-label {
  fill: var(--ante-muted, #6b7280);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ante-radar-note {
  fill: var(--ante-text, #1f2328);
  font-family: var(--ante-numbers, inherit);
}

ante-score-breakdown {
  display: block;
}

.ante-score-breakdown {
  display: flex;
  flex-direction: column;
  gap: 0.9em;
}

.ante-score-total {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  color: var(--ante-muted, #6b7280);
}
.ante-score-total strong {
  font-family: var(--ante-numbers, inherit);
  font-size: 2em;
  font-weight: 400;
  color: var(--ante-accent, #2f6fde);
}

.ante-score-whole {
  display: flex;
  gap: 2px;
  height: 0.9em;
}

.ante-score-segment,
.ante-score-bar {
  display: block;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--ante-accent, #2f6fde) var(--ante-score-fill), color-mix(in srgb, var(--ante-border, #dde1e6) 70%, transparent) var(--ante-score-fill));
}

.ante-score-segment {
  flex-basis: 0;
  min-width: 3px;
}
.ante-score-segment:hover {
  outline: 1px solid var(--ante-accent, #2f6fde);
}

.ante-score-legend {
  display: flex;
  gap: 1.2em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.8em;
}
.ante-score-legend span::before {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.4em;
  border-radius: 2px;
  vertical-align: -0.1em;
}

.ante-score-given::before {
  background: var(--ante-accent, #2f6fde);
}

.ante-score-missed::before {
  background: color-mix(in srgb, var(--ante-border, #dde1e6) 70%, transparent);
}

.ante-score-parts thead th {
  font-size: 0.8em;
  font-weight: 400;
  white-space: nowrap;
}

.ante-score-parts {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.9em;
}
.ante-score-parts th,
.ante-score-parts td {
  padding: 0.35em 0.5em;
  border-bottom: 1px solid var(--ante-border, #dde1e6);
  text-align: left;
  white-space: nowrap;
}
.ante-score-parts th {
  color: var(--ante-muted, #6b7280);
  font-weight: 500;
  white-space: normal;
}

.ante-score-value {
  font-family: var(--ante-numbers, inherit);
}

.ante-score-bar-cell {
  width: 30%;
  min-width: 3em;
}

.ante-score-bar {
  height: 0.45em;
}

.ante-score-points {
  font-family: var(--ante-numbers, inherit);
  color: var(--ante-accent, #2f6fde);
  text-align: right;
}

.ante-score-possible,
.ante-score-weight {
  font-family: var(--ante-numbers, inherit);
  color: var(--ante-muted, #6b7280);
  font-size: 0.85em;
}

.ante-score-weight.for {
  color: var(--ante-better-strong, #22c55e);
}
.ante-score-weight.against {
  color: var(--ante-worse-strong, #ef4444);
}

.ante-theme-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 0.9em;
}

.ante-theme-option {
  display: flex;
  align-items: center;
  gap: 0.4em;
  color: var(--ante-muted, #6b7280);
}
.ante-theme-option input {
  accent-color: var(--ante-accent, #2f6fde);
}

ante-theme-automation {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-top: 0.9em;
}

.ante-theme-setting {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4em 0.6em;
}

.ante-theme-setting-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  min-width: 5em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.9em;
}
.ante-theme-setting-label input {
  font: inherit;
  color: var(--ante-text, #1f2328);
  background: var(--ante-raised, #f0f2f5);
  border: 1px solid var(--ante-border, #dde1e6);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.15em 0.3em;
}

.ante-theme-palettes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3em;
}

.ante-theme-palette {
  display: block;
  padding: 0.15em;
  background: none;
  border: 1px solid transparent;
  border-radius: var(--ante-radius, 0.4em);
  cursor: pointer;
}
.ante-theme-palette.selected {
  border-color: var(--ante-accent, #2f6fde);
  box-shadow: var(--ante-glow, none);
}
.ante-theme-palette .ante-theme-preview {
  width: 2.6em;
  height: 1.2em;
}

ante-pairwise-matrix {
  display: block;
  width: max-content;
}

.ante-matrix {
  border-collapse: collapse;
  margin: 1em;
  font-variant-numeric: tabular-nums;
}
.ante-matrix th,
.ante-matrix td {
  padding: 0.4em 0.6em;
  border: 1px solid var(--ante-border, #dde1e6);
  text-align: center;
  white-space: nowrap;
}

.ante-matrix-column,
.ante-matrix-corner {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--ante-panel, #ffffff);
}

.ante-matrix-corner {
  left: 0;
  z-index: 2;
}

.ante-matrix-column {
  height: 9em;
  vertical-align: bottom;
}
.ante-matrix-column .ante-matrix-title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.ante-matrix-row {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--ante-panel, #ffffff);
  text-align: right;
}

.ante-matrix-title {
  border: none;
  background: none;
  color: var(--ante-text, #1f2328);
  font: inherit;
  cursor: pointer;
}
.ante-matrix-title:hover {
  color: var(--ante-accent, #2f6fde);
}

.ante-matrix-cell {
  font-family: var(--ante-numbers, inherit);
  font-size: 0.85em;
}
.ante-matrix-cell.better {
  background: color-mix(in srgb, var(--ante-better-strong, #22c55e) calc(var(--ante-matrix-strength) * 0.5), transparent);
}
.ante-matrix-cell.worse {
  background: color-mix(in srgb, var(--ante-worse-strong, #ef4444) calc(var(--ante-matrix-strength) * 0.5), transparent);
}
.ante-matrix-cell.same {
  color: var(--ante-muted, #6b7280);
}

.ante-matrix-self {
  background: repeating-linear-gradient(45deg, transparent 0 4px, var(--ante-border, #dde1e6) 4px 5px);
}

.ante-matrix-empty {
  padding: 1em;
  color: var(--ante-muted, #6b7280);
}

.ante-tabs-bar,
.ante-filter-bar,
.ante-sort-bar {
  box-sizing: border-box;
  min-height: calc(var(--ante-grid, 0px) * 2);
}

ante-podium {
  display: block;
  padding: 0.5em 1em 0;
}

.ante-podium {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1em;
}

.ante-podium-place {
  --ante-podium-color: var(--ante-gold, #e8b923);
  --ante-podium-height: 4.5em;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 11em;
  padding: 0;
  border: none;
  background: none;
  color: var(--ante-text, #1f2328);
  font: inherit;
  cursor: pointer;
  transition: transform 0.15s;
}
.ante-podium-place:hover {
  transform: translateY(-4px);
}
.ante-podium-place.ante-podium-2 {
  --ante-podium-color: var(--ante-silver, #b8c1cc);
  --ante-podium-height: 3.5em;
}
.ante-podium-place.ante-podium-3 {
  --ante-podium-color: var(--ante-bronze, #c47a3a);
  --ante-podium-height: 2.75em;
}

.ante-podium-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2em;
  padding: 0.3em 0.4em 0.4em;
  text-align: center;
}
.ante-podium-top .ante-icon {
  font-size: 1.5em;
  margin: 0;
  line-height: 1;
}
.ante-podium-top small {
  color: var(--ante-muted, #6b7280);
}

.ante-podium-picture {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border: 2px solid var(--ante-podium-color);
  border-radius: var(--ante-radius, 0.4em);
  box-shadow: 0 0 1em color-mix(in srgb, var(--ante-podium-color) 35%, transparent);
}

.ante-podium-title {
  font-weight: 600;
}

.ante-podium-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
  height: var(--ante-podium-height);
  border: 1px solid var(--ante-podium-color);
  border-bottom: none;
  border-radius: var(--ante-radius, 0.4em) var(--ante-radius, 0.4em) 0 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ante-podium-color) 30%, transparent), transparent);
}

.ante-podium-number {
  font-family: var(--ante-numbers, inherit);
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1;
  color: var(--ante-podium-color);
}

.ante-podium-score {
  font-family: var(--ante-numbers, inherit);
  color: var(--ante-accent, #2f6fde);
}

.ante-podium-rest {
  max-width: 42em;
  margin: 1.5em auto 0;
  padding-left: 2.5em;
  color: var(--ante-muted, #6b7280);
  font-family: var(--ante-numbers, inherit);
}
.ante-podium-rest li {
  border-bottom: 1px solid var(--ante-border, #dde1e6);
}

.ante-podium-row {
  display: flex;
  align-items: baseline;
  gap: 0.7em;
  width: 100%;
  padding: 0.5em 0.3em;
  border: none;
  background: none;
  color: var(--ante-text, #1f2328);
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.ante-podium-row:hover {
  color: var(--ante-accent, #2f6fde);
}
.ante-podium-row small {
  color: var(--ante-muted, #6b7280);
}
.ante-podium-row .ante-podium-score {
  margin-left: auto;
}

.ante-podium-row-title {
  font-family: initial;
  font: inherit;
}

.ante-podium-empty {
  color: var(--ante-muted, #6b7280);
}

ante-review-panel {
  display: block;
}

.ante-review-panel {
  display: flex;
  flex-direction: column;
  gap: 0.9em;
}

.ante-review-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5em;
}

.ante-review-fair {
  font-family: var(--ante-numbers, inherit);
  font-size: 2em;
  font-weight: 400;
}

.ante-review-stars {
  color: var(--ante-gold, #e8b931);
  letter-spacing: 0.08em;
}

.ante-review-count,
.ante-review-by,
.ante-review-note,
.ante-review-none {
  opacity: 0.7;
}

.ante-review-spread {
  display: grid;
  gap: 0.2em;
  max-width: 24em;
}

.ante-review-part {
  display: grid;
  grid-template-columns: auto 1fr 2.5em;
  align-items: center;
  gap: 0.5em;
  font-size: 0.85em;
}

.ante-review-label {
  color: var(--ante-gold, #e8b931);
  font-size: 0.85em;
}

.ante-review-bar {
  height: 0.45em;
  border-radius: 0.25em;
  background: linear-gradient(to right, var(--ante-gold, #e8b931) var(--ante-review-share, 0%), transparent var(--ante-review-share, 0%)), var(--ante-map-track, rgba(128, 128, 128, 0.25));
}

.ante-review-number {
  text-align: right;
  font-family: var(--ante-numbers, inherit);
}

.ante-review-form {
  display: grid;
  gap: 0.5em;
  max-width: 32em;
}
.ante-review-form h4 {
  margin: 0;
}
.ante-review-form input,
.ante-review-form textarea {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
  border-radius: 0.3em;
  padding: 0.35em 0.5em;
}

.ante-review-rating button {
  border: none;
  background: none;
  padding: 0 0.1em;
  font-size: 1.5em;
  line-height: 1;
  color: color-mix(in srgb, currentColor 30%, transparent);
  cursor: pointer;
}
.ante-review-rating button.lit {
  color: var(--ante-gold, #e8b931);
}
.ante-review-rating button:focus-visible {
  outline: 1px solid var(--ante-accent, #2f6fde);
}

.ante-review-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6em;
}

.ante-review-save,
.ante-review-remove {
  border: 1px solid var(--ante-border, #dde1e6);
  background: var(--ante-raised, #f0f2f5);
  color: var(--ante-text, #1f2328);
  border-radius: var(--ante-radius, 0.4em);
  padding: 0.35em 0.8em;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-review-save:hover,
.ante-review-remove:hover {
  border-color: var(--ante-accent, #2f6fde);
}
.ante-review-save:focus-visible,
.ante-review-remove:focus-visible {
  outline: 2px solid var(--ante-accent, #2f6fde);
  outline-offset: 1px;
}
.ante-review-save,
.ante-review-remove {
  padding: 0.25em 0.8em;
}

.ante-review-save:disabled {
  opacity: 0.45;
  cursor: default;
}

.ante-review-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.8em;
}

.ante-review {
  padding-top: 0.6em;
  border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}
.ante-review.own {
  border-left: 2px solid var(--ante-accent, #2f6fde);
  padding-left: 0.6em;
}
.ante-review p {
  margin: 0.3em 0 0;
}

.ante-review-entry-head {
  display: flex;
  gap: 0.5em;
  align-items: baseline;
}

.ante-review-credits {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  font-size: 0.8em;
  opacity: 0.7;
}

ante-offer-table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  container-type: inline-size;
}

.ante-offer-summary {
  margin: 0 0 0.6em;
  color: var(--ante-muted, #6b7280);
}
.ante-offer-summary strong {
  color: var(--ante-text, #1f2328);
  font-family: var(--ante-numbers, inherit);
  font-size: 1.3em;
  font-weight: 600;
}

ante-line-chart {
  display: block;
}

.ante-line-chart {
  display: block;
  width: 100%;
  height: auto;
}

.ante-line {
  fill: none;
  stroke: var(--ante-accent, #2f6fde);
  stroke-width: 2;
  stroke-linejoin: round;
}

.ante-series-1 {
  --ante-series: var(--ante-series-1, #2f6fde);
}

.ante-series-2 {
  --ante-series: var(--ante-series-2, #f59e0b);
}

.ante-series-3 {
  --ante-series: var(--ante-series-3, #22c55e);
}

.ante-series-4 {
  --ante-series: var(--ante-series-4, #ec4899);
}

.ante-series-5 {
  --ante-series: var(--ante-series-5, #8b5cf6);
}

.ante-series-6 {
  --ante-series: var(--ante-series-6, #14b8a6);
}

.ante-line[class*=ante-series-] {
  stroke: var(--ante-series);
}

.ante-line.dashed {
  stroke-dasharray: 6 4;
}

.ante-line-point[class*=ante-series-] {
  fill: var(--ante-series);
}

.ante-line-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3em 1em;
  margin-top: 0.4em;
  color: var(--ante-muted, #6b7280);
  font-size: 0.85em;
}

.ante-line-key {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

.ante-line-swatch {
  display: inline-block;
  width: 0.9em;
  height: 0.25em;
  border-radius: 0.2em;
  background: var(--ante-series);
}

.ante-line-area {
  fill: color-mix(in srgb, var(--ante-accent, #2f6fde) 14%, transparent);
  stroke: none;
}

.ante-line-point {
  fill: var(--ante-accent, #2f6fde);
  opacity: 0.55;
}
.ante-line-point.last {
  opacity: 1;
}

.ante-line-label {
  fill: var(--ante-muted, #6b7280);
  font-family: var(--ante-numbers, inherit);
  font-size: 12px;
}

.ante-line-empty {
  color: var(--ante-muted, #6b7280);
}

ante-candle-chart {
  display: block;
}

.ante-candle-chart {
  display: block;
  width: 100%;
  height: auto;
}

.ante-candle.rising {
  --ante-candle-color: var(--ante-better-strong, #22c55e);
}
.ante-candle.falling {
  --ante-candle-color: var(--ante-worse-strong, #ef4444);
}

.ante-candle-wick {
  stroke: var(--ante-candle-color);
  stroke-width: 1.5;
}

.ante-candle-body {
  fill: var(--ante-candle-color);
}

.ante-candle-label {
  fill: var(--ante-muted, #6b7280);
  font-family: var(--ante-numbers, inherit);
  font-size: 12px;
}

.ante-candle-empty {
  color: var(--ante-muted, #6b7280);
}

.ante-weight-turn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: none;
  width: 1.35em;
  height: 1.35em;
  margin: 0 0.45em 0 -0.35em;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: none;
  color: var(--ante-better-strong, #22c55e);
  font: inherit;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.ante-weight-turn::before {
  content: "+";
}

.ante-weight-item.against .ante-weight-turn {
  color: var(--ante-worse-strong, #ef4444);
}
.ante-weight-item.against .ante-weight-turn::before {
  content: "−";
}

.ante-set-value.empty,
.ante-radio-segment.empty {
  opacity: 0.45;
}

ante-map-thumbnail {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--ante-raised, #f0f2f5);
}

.ante-map-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
}

.ante-map-tile {
  position: absolute;
  width: 256px;
  height: 256px;
  max-width: none;
  filter: var(--ante-map-tiles, none);
  pointer-events: none;
  user-select: none;
}

.ante-map-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5em;
  height: 0.5em;
  translate: -50% -50%;
  border: 1.5px solid #fff;
  border-radius: 50%;
  background: var(--ante-accent, #2f6fde);
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.5);
}

.ante-score-breakdown {
  overflow-x: auto;
}

@media (pointer: coarse) {
  .ante-weight-turn {
    width: 2em;
    height: 2em;
  }
  .ante-reset {
    padding: 0.3em 0.6em;
  }
  .ante-column-edge {
    width: 1em;
  }
  .ante-sort-chip,
  .ante-sort-clear,
  .ante-podium-toggle,
  .ante-column-fit button {
    padding-block: 0.4em;
  }
}
ante-sparkline {
  display: inline-block;
  width: 6em;
  height: 1.6em;
  vertical-align: middle;
}

.ante-sparkline-chart {
  display: block;
  width: 100%;
  height: 100%;
}

.ante-sparkline-line {
  fill: none;
  stroke: var(--ante-series, var(--ante-accent, #2f6fde));
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ante-sparkline-area {
  fill: none;
  stroke: none;
}

ante-role-editor {
  display: block;
}

.ante-role-editor section + section {
  margin-top: 1.4em;
}

.ante-role-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em 0.8em;
  padding: 0.4em 0;
  border-bottom: 1px solid var(--ante-border, #dde1e6);
}
.ante-role-row strong {
  min-width: 8em;
}

.ante-role-field {
  flex: 1 1 12em;
  min-width: 0;
}

input.ante-role-field {
  padding: 0.35em 0.6em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-background, transparent);
  color: inherit;
  font: inherit;
}

.ante-role-button {
  padding: 0.35em 0.9em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-raised, transparent);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.ante-role-button:hover {
  border-color: var(--ante-accent, currentColor);
}

.ante-role-editor h3 {
  margin: 0 0 0.3em;
  font-size: 1.05em;
}

.ante-role-choice {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
}

.ante-role-problem {
  color: var(--ante-worse-strong, #c0392b);
}

ante-section-page {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5em;
}

.ante-section-menu {
  flex: 1 1 12em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  min-width: 0;
}

.ante-section-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15em 0.4em;
}
.ante-section-group > .ante-section-button {
  flex: 1 0 10em;
}
.ante-section-group h4 {
  flex-basis: 100%;
  margin: 0 0 0.3em;
  color: var(--ante-muted, inherit);
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ante-section-button {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.45em 0.7em;
  border: 1px solid transparent;
  border-radius: var(--ante-radius, 4px);
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.ante-section-button:hover {
  background: var(--ante-raised, transparent);
}
.ante-section-button.selected {
  border-color: var(--ante-accent, currentColor);
  background: var(--ante-raised, transparent);
}

.ante-section-content {
  flex: 999 1 min(30em, 100%);
  min-width: 0;
}

ante-chip-input {
  display: block;
}

.ante-chip-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3em;
  padding: 0.25em 0.4em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-background, transparent);
}
.ante-chip-field:focus-within {
  border-color: var(--ante-accent, currentColor);
}

.ante-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.1em 0.2em 0.1em 0.6em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: 999px;
  background: var(--ante-raised, transparent);
  font-size: 0.9em;
}

.ante-chip-remove {
  padding: 0 0.4em;
  border: none;
  background: none;
  color: var(--ante-muted, inherit);
  font: inherit;
  line-height: 1.2;
  cursor: pointer;
}
.ante-chip-remove:hover {
  color: var(--ante-worse-strong, #c0392b);
}

.ante-chip-text {
  flex: 1 1 8em;
  min-width: 6em;
  padding: 0.2em 0.2em;
  border: none;
  outline: none;
  background: none;
  color: inherit;
  font: inherit;
}

.ante-chip-problem {
  display: block;
  margin-top: 0.2em;
  color: var(--ante-worse-strong, #c0392b);
}

ante-monogram {
  position: relative;
  overflow: hidden;
  background: hsl(var(--ante-monogram-hue, 210), 45%, 24%);
  color: hsl(var(--ante-monogram-hue, 210), 80%, 80%);
  border-radius: var(--ante-radius, 4px);
  container-type: size;
}

.ante-monogram-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 56cqmin;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

ante-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8em;
  min-height: 40vh;
  color: var(--ante-muted, inherit);
}

.ante-loading-ring {
  width: 2.4em;
  height: 2.4em;
  border: 0.2em solid var(--ante-border, currentColor);
  border-top-color: var(--ante-accent, currentColor);
  border-radius: 50%;
  animation: ante-loading-turn 0.9s linear infinite;
}

.ante-loading-time {
  font-size: 0.7em;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}

@keyframes ante-loading-turn {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ante-loading-ring {
    animation: ante-loading-pulse 1.6s ease-in-out infinite;
  }
  @keyframes ante-loading-pulse {
    50% {
      opacity: 0.35;
    }
  }
}
ante-page-footer {
  display: block;
}

.ante-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4em;
  padding: 1.2em 1em;
  border-top: 1px solid var(--ante-border, currentColor);
  color: var(--ante-muted, inherit);
  font-size: 0.85em;
  text-align: center;
}
.ante-footer p {
  margin: 0;
}
.ante-footer a {
  color: var(--ante-accent, inherit);
}

.ante-footer.compact {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3em 1.2em;
  padding: 0.4em 1em;
}

.ante-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3em 1.2em;
}

ante-window-area.ante-page-windows {
  position: fixed;
  inset: 0;
  z-index: 10000;
  pointer-events: none;
}
ante-window-area.ante-page-windows > .ante-window {
  pointer-events: auto;
}

.ante-debug-content {
  display: flex;
  flex-direction: column;
  font-size: 0.8em;
}

.ante-debug-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8em;
  padding: 0.3em 0.8em;
  border-bottom: 1px solid var(--ante-border, currentColor);
  font-family: var(--ante-numbers, monospace);
}
.ante-debug-head .ante-debug-versions {
  flex: 1;
  opacity: 0.75;
}

ante-performance-graph,
ante-measure-graph {
  --ante-series: var(--ante-series-1, #2f6fde);
  display: flex;
  align-items: center;
  gap: 0.6em;
}
ante-performance-graph ante-sparkline,
ante-measure-graph ante-sparkline {
  width: 8em;
  height: 1.6em;
}
ante-performance-graph .ante-performance-label,
ante-performance-graph .ante-measure-label,
ante-measure-graph .ante-performance-label,
ante-measure-graph .ante-measure-label {
  display: inline-block;
  color: var(--ante-series);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
ante-performance-graph .ante-performance-label,
ante-measure-graph .ante-performance-label {
  min-width: 24ch;
}
ante-performance-graph .ante-measure-label,
ante-measure-graph .ante-measure-label {
  min-width: 16ch;
}
ante-performance-graph .ante-sparkline-area,
ante-measure-graph .ante-sparkline-area {
  fill: var(--ante-series);
  opacity: 0.2;
}

ante-debug-console {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

.ante-debug-input {
  padding: 0.3em 0.8em;
  border: none;
  border-top: 1px solid var(--ante-border, currentColor);
  background: transparent;
  color: inherit;
  font: inherit;
  font-family: var(--ante-numbers, monospace);
}

.ante-debug-entries {
  flex: 1;
  margin: 0;
  padding: 0.3em 0.8em;
  overflow: auto;
  font-family: var(--ante-numbers, monospace);
  list-style: none;
}

.ante-debug-entry {
  display: flex;
  gap: 0.8em;
  white-space: pre-wrap;
}
.ante-debug-entry.warning {
  color: var(--ante-design-warm, #b7791f);
}
.ante-debug-entry.typed::before {
  content: "› ";
}
.ante-debug-entry.answer {
  opacity: 0.8;
}
.ante-debug-entry.error, .ante-debug-entry.critical {
  color: var(--ante-design-bad, #c53030);
}
.ante-debug-entry .ante-debug-time,
.ante-debug-entry .ante-debug-logger {
  opacity: 0.6;
}
.ante-debug-entry .ante-debug-level {
  min-width: 6em;
}

.ante-footer-versions {
  font-family: var(--ante-numbers, inherit);
  font-size: 0.85em;
  opacity: 0.75;
}

.ante-column-options {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--ante-border, currentColor);
}

.ante-column-sorting {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.ante-column-sorting legend {
  color: var(--ante-muted, inherit);
  font-size: 0.85em;
}
.ante-column-sorting label {
  display: flex;
  align-items: center;
  gap: 0.4em;
}

.ante-column-heading {
  display: block;
  margin-bottom: 0.2em;
  color: var(--ante-muted, inherit);
  font-size: 0.85em;
}

.ante-footer-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
}

ante-theme-switcher {
  display: inline-block;
}

.ante-theme-menu {
  position: relative;
}

.ante-theme-button {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  cursor: pointer;
  list-style: none;
}
.ante-theme-button::-webkit-details-marker {
  display: none;
}
.ante-theme-button .ante-theme-preview {
  width: 3em;
}

.ante-theme-menu > ante-theme-chooser {
  position: absolute;
  z-index: 10;
  bottom: calc(100% + 0.4em);
  left: 50%;
  display: block;
  width: min(32em, 90vw);
  max-height: 80vh;
  overflow-y: auto;
  padding: 0.6em;
  transform: translateX(-50%);
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-raised, Canvas);
}

.ante-intro-card {
  margin: 0 0 1em;
  padding: 1em 1.2em;
  border: 1px solid var(--ante-accent, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-panel, transparent);
}
.ante-intro-card h2 {
  margin: 0 0 0.5em;
  font-size: 1.1em;
}

.ante-intro-steps {
  margin: 0 0 0.8em;
  padding-left: 1.4em;
}
.ante-intro-steps li + li {
  margin-top: 0.3em;
}

.ante-intro-close {
  padding: 0.35em 1em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-raised, transparent);
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.ante-table-more td {
  padding: 0.8em;
  text-align: center;
}

.ante-table-more-button,
.ante-gallery-more {
  padding: 0.35em 1em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-raised, transparent);
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.ante-dismissed-items {
  margin: 0 0 0.6em;
  padding: 0;
  list-style: none;
}
.ante-dismissed-items li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding: 0.4em 0;
  border-bottom: 1px solid var(--ante-border, currentColor);
}

.ante-dismissed-restore,
.ante-dismissed-restore-all {
  padding: 0.3em 0.9em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-raised, transparent);
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.ante-dismissed-empty {
  color: var(--ante-muted, inherit);
}

body:has(> ante-application) {
  margin: 0;
}

ante-application {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100dvh;
}

.ante-application-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.ante-application-failed {
  padding: 1.2em;
  color: var(--ante-muted, inherit);
}

.ante-header {
  display: flex;
  align-items: center;
  gap: 1.2em;
  padding: 0.8em 1.2em;
}

.ante-brand {
  flex: none;
  display: flex;
  align-items: center;
  gap: 1.2em;
  color: inherit;
  text-decoration: none;
}
.ante-brand h1 {
  margin: 0;
  font-size: 1.15em;
}

.ante-logo {
  display: grid;
  place-items: center;
  width: 1.9em;
  height: 1.9em;
  margin-right: -0.4em;
}
.ante-logo svg {
  width: 62%;
  height: 62%;
}

.ante-tagline {
  min-width: 0;
  overflow: hidden;
  font-size: 0.85em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ante-menu-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.4em 1em;
  padding: 0.4em 1.2em;
  border-bottom: 1px solid var(--ante-border, currentColor);
}

.ante-menu-status {
  font-size: 0.8em;
}

.ante-account {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-left: auto;
}

.ante-account-user {
  border: none;
  background: none;
  color: var(--ante-accent, inherit);
  font: inherit;
  font-size: 0.85em;
  cursor: pointer;
}

.ante-account-button {
  padding: 0.4em 1em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-raised, transparent);
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.ante-panel > summary {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ante-panel > summary h2,
.ante-panel > summary h3 {
  flex: 1;
  min-width: 0;
  margin: 0;
}

.ante-panel-section,
.ante-panel-card {
  padding: 0.8em 1em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-panel, transparent);
}

.ante-panel-section {
  margin-bottom: 0.8em;
}

ante-panel-page {
  flex: 1;
  display: flex;
  min-width: 0;
  min-height: 0;
}

.ante-panel-page-article {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  min-width: 0;
  padding: 1.2em clamp(1em, 4vw, 3em) 3em;
  overflow-y: auto;
}

.ante-panel-page-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}

.ante-panel-page-back {
  padding: 0.4em 1em;
  border: 1px solid var(--ante-border, currentColor);
  border-radius: var(--ante-radius, 4px);
  background: var(--ante-raised, transparent);
  color: var(--ante-accent, inherit);
  font: inherit;
  cursor: pointer;
}

.ante-panel-page-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4em;
}
.ante-panel-page-titles h2 {
  margin: 0;
  font-size: 1.8em;
  letter-spacing: 0.01em;
}
.ante-panel-page-titles p {
  margin: 0;
  color: var(--ante-muted, inherit);
}

:root,
:root[data-ante-theme=tablet] {
  --ante-design-space: #000000;
  --ante-design-hull: rgb(5 6 8 / 0.9);
  --ante-design-deck: #080a0d;
  --ante-design-card: rgb(7 9 12 / 0.82);
  --ante-design-well: #000000;
  --ante-design-line: rgb(214 228 242 / 0.12);
  --ante-design-hairline: rgb(214 228 242 / 0.34);
  --ante-design-edge: rgb(255 255 255 / 0.04);
  --ante-design-shadow: 0 0.6em 2em rgb(0 0 0 / 0.8);
  --ante-design-text: #e9eef3;
  --ante-design-dim: #7d8894;
  --ante-design-signal: #3df2ff;
  --ante-design-second: #b18cff;
  --ante-design-warm: #ff8a2a;
  --ante-design-good: #3dff9a;
  --ante-design-bad: #ff4d6d;
  --ante-design-glow: 0 0 0.9em rgb(61 242 255 / 0.45);
  --ante-design-title: linear-gradient(90deg, #ffffff, #3df2ff);
  --ante-design-weight: 300;
  --ante-design-label-spacing: 0.24em;
  --ante-design-tiles: grayscale(1) invert(1) brightness(0.5) contrast(1.2);
  --ante-design-backdrop:
  	radial-gradient(70em 40em at 50% -20%, rgb(61 242 255 / 0.07), transparent 70%),
  	radial-gradient(60em 22em at 62% 14%, rgb(61 242 255 / 0.08), transparent 70%),
  	radial-gradient(circle at center, rgb(214 228 242 / 0.08) 1px, transparent 1.2px) calc(var(--ante-design-grid) / -2) calc(var(--ante-design-grid) / -2) / var(--ante-design-grid) var(--ante-design-grid);
  --ante-design-kind-1: #3df2ff;
  --ante-design-kind-2: #b18cff;
  --ante-design-kind-3: #ff5fd2;
  --ante-design-kind-4: #ffb03d;
  --ante-design-kind-5: #3dff9a;
  --ante-design-kind-6: #7aa8ff;
  --ante-better: rgb(61 255 154 / 0.14);
  --ante-worse: rgb(255 77 109 / 0.1);
  --ante-map-track: rgb(214 228 242 / 0.22);
  --ante-map-ring: 3px;
  --ante-icon-filter: saturate(0.8);
  --ante-better-strong: #3dff9a;
  --ante-gold: #ffd36b;
  --ante-silver: #cfe0f2;
  --ante-bronze: #ff9a52;
  --ante-worse-strong: var(--ante-design-bad);
}

:root[data-ante-theme=tablet][data-ante-theme-options~=amoled],
:root:not([data-ante-theme])[data-ante-theme-options~=amoled] {
  --ante-design-hull: #000000;
  --ante-design-deck: #000000;
  --ante-design-card: #000000;
  --ante-design-well: #000000;
  --ante-design-line: rgb(214 228 242 / 0.18);
  --ante-design-hairline: rgb(214 228 242 / 0.42);
  --ante-design-edge: transparent;
  --ante-design-shadow: none;
}

:root[data-ante-theme=bridge] {
  --ante-design-space: #04060d;
  --ante-design-hull: #0d1427;
  --ante-design-deck: #17213b;
  --ante-design-card: #121a31;
  --ante-design-well: #070b17;
  --ante-design-line: #26365c;
  --ante-design-hairline: #34497a;
  --ante-design-edge: rgb(255 255 255 / 0.06);
  --ante-design-shadow: 0 0.4em 1.4em rgb(0 0 0 / 0.5);
  --ante-design-text: #dbe5ff;
  --ante-design-dim: #8091bb;
  --ante-design-signal: #5ee6ff;
  --ante-design-second: #a68bff;
  --ante-design-warm: #ffbe5c;
  --ante-design-good: #7dffb2;
  --ante-design-bad: #ff6b7f;
  --ante-design-glow: 0 0 0.7em rgb(94 230 255 / 0.3);
  --ante-design-title: linear-gradient(90deg, #5ee6ff, #a68bff 50%, #ff5ecf);
  --ante-design-weight: 400;
  --ante-design-label-spacing: 0.2em;
  --ante-design-tiles: invert(1) hue-rotate(180deg) brightness(0.85) contrast(0.9) saturate(0.6);
  --ante-design-backdrop:
  	radial-gradient(60em 30em at 85% -10%, rgb(166 139 255 / 0.14), transparent 70%),
  	radial-gradient(50em 30em at 10% 110%, rgb(255 94 207 / 0.08), transparent 70%),
  	linear-gradient(rgb(94 230 255 / 0.03) 1px, transparent 1px) 0 0 / var(--ante-design-grid) var(--ante-design-grid),
  	linear-gradient(90deg, rgb(94 230 255 / 0.03) 1px, transparent 1px) 0 0 / var(--ante-design-grid) var(--ante-design-grid);
  --ante-design-kind-1: #5ee6ff;
  --ante-design-kind-2: #a68bff;
  --ante-design-kind-3: #ff5ecf;
  --ante-design-kind-4: #ffbe5c;
  --ante-design-kind-5: #7dffb2;
  --ante-design-kind-6: #6ea8ff;
  --ante-better: rgb(125 255 178 / 0.2);
  --ante-worse: rgb(255 107 127 / 0.14);
  --ante-map-track: #6a7899;
  --ante-map-ring: 4px;
  --ante-icon-filter: none;
}

:root[data-ante-theme=daylight] {
  --ante-design-space: #eef1f6;
  --ante-design-hull: #ffffff;
  --ante-design-deck: #f5f7fb;
  --ante-design-card: #ffffff;
  --ante-design-well: #f3f5f9;
  --ante-design-line: #dbe1ea;
  --ante-design-hairline: #c3ccda;
  --ante-design-edge: rgb(255 255 255 / 0.8);
  --ante-design-shadow: 0 0.3em 1.2em rgb(27 35 51 / 0.08);
  --ante-design-text: #1b2333;
  --ante-design-dim: #5d6b82;
  --ante-design-signal: #2563eb;
  --ante-design-second: #7c3aed;
  --ante-design-warm: #d97706;
  --ante-design-good: #16a34a;
  --ante-design-bad: #dc2626;
  --ante-design-glow: none;
  --ante-design-title: linear-gradient(90deg, #2563eb, #7c3aed);
  --ante-design-weight: 400;
  --ante-design-label-spacing: 0.18em;
  --ante-design-tiles: none;
  --ante-design-backdrop: radial-gradient(60em 30em at 50% -10%, rgb(37 99 235 / 0.06), transparent 70%);
  --ante-design-kind-1: #0891b2;
  --ante-design-kind-2: #7c3aed;
  --ante-design-kind-3: #db2777;
  --ante-design-kind-4: #d97706;
  --ante-design-kind-5: #16a34a;
  --ante-design-kind-6: #2563eb;
  --ante-better: rgb(22 163 74 / 0.14);
  --ante-worse: rgb(220 38 38 / 0.08);
  --ante-map-track: #c3ccda;
  --ante-map-ring: 3px;
  --ante-icon-filter: none;
}

:root[data-ante-theme=meadow] {
  --ante-design-space: #e8e1cc;
  --ante-design-hull: #f6f1e2;
  --ante-design-deck: #efe8d5;
  --ante-design-card: #fbf8ee;
  --ante-design-well: #ffffff;
  --ante-design-line: #c6bc9f;
  --ante-design-hairline: #9d9374;
  --ante-design-edge: rgb(255 255 255 / 0.9);
  --ante-design-shadow: 0.08em 0.12em 0.3em rgb(72 60 28 / 0.28);
  --ante-design-text: #1e2530;
  --ante-design-dim: #55503f;
  --ante-design-signal: #1b52ad;
  --ante-design-second: #5e3a9c;
  --ante-design-warm: #8a4308;
  --ante-design-good: #1b6329;
  --ante-design-bad: #ac2318;
  --ante-design-glow: inset 0 0 0 1px #f2b24c, 0 0 0.25em rgb(226 138 32 / 0.6);
  --ante-design-title: linear-gradient(90deg, #e8922c, #f4c04e 50%, #e8922c);
  --ante-design-weight: 400;
  --ante-design-label-spacing: 0.02em;
  --ante-design-tiles: sepia(0.18) saturate(0.95);
  --ante-design-backdrop: linear-gradient(180deg, rgb(255 255 255 / 0.4), transparent 45%);
  --ante-design-kind-1: #0c6470;
  --ante-design-kind-2: #5e3a9c;
  --ante-design-kind-3: #a3246a;
  --ante-design-kind-4: #7d4a04;
  --ante-design-kind-5: #1b6329;
  --ante-design-kind-6: #1b52ad;
  --ante-design-font: system-ui, sans-serif;
  --ante-design-round: 0.35em;
  --ante-design-label-size: 0.82em;
  --ante-design-label-strength: 600;
  --ante-design-label-case: none;
  --ante-design-brand: linear-gradient(90deg, #ffffff, #ffffff);
  --ante-design-brand-spacing: 0.04em;
  --ante-design-logo: #ffffff;
  --ante-design-header: linear-gradient(180deg, #2b66cc 0%, #1c50b0 45%, #2560c4 90%, #1c50b0 100%);
  --ante-design-header-text: #ffffff;
  --ante-design-header-line: linear-gradient(90deg, #e8922c, #f4c04e 50%, #e8922c);
  --ante-design-bar: linear-gradient(180deg, #fbf7ea, #e6dec6);
  --ante-design-side: linear-gradient(180deg, #d5dff0, #bccbe6);
  --ante-design-button: linear-gradient(180deg, #ffffff, #f3eddc 55%, #ddd3b7);
  --ante-design-bevel: inset 0 1px 0 #ffffff, inset -1px -1px 0 rgb(120 106 66 / 0.3), 0 1px 1px rgb(72 60 28 / 0.25);
  --ante-design-well-bevel: inset 1px 1px 2px rgb(72 60 28 / 0.35);
  --ante-design-field-bevel: inset 1px 1px 2px rgb(72 60 28 / 0.35);
  --ante-design-tab: linear-gradient(180deg, #ffffff, #efe8d5 70%, #e1d8bf);
  --ante-design-tab-selected: #ffffff;
  --ante-design-tab-mark: linear-gradient(90deg, #e8922c, #f4c04e 50%, #e8922c);
  --ante-design-table-head: linear-gradient(180deg, #ffffff, #efe8d5 80%, #ddd3b7);
  --ante-design-scrollbar: auto;
  --ante-design-scrollbar-thumb: #9db4dc;
  --ante-radius: 0.32em;
  --ante-numbers: system-ui, sans-serif;
  --ante-better: rgb(27 99 41 / 0.14);
  --ante-worse: rgb(172 35 24 / 0.1);
  --ante-map-track: #c6bc9f;
  --ante-map-ring: 3px;
  --ante-icon-filter: none;
  --ante-better-strong: #1b6329;
  --ante-gold: #7d5c00;
  --ante-silver: #55606e;
  --ante-bronze: #8c4f1e;
}

:root[data-ante-theme=meadow] .ante-logo {
  filter: none;
  box-shadow: none;
}
:root[data-ante-theme=meadow] .ante-panel-section {
  --ante-design-section: var(--ante-design-text);
}
:root[data-ante-theme=meadow] .ante-panel-section h2::before,
:root[data-ante-theme=meadow] .ante-panel-section h2::after {
  content: none;
}
:root[data-ante-theme=meadow] .ante-toggle-button:not(.active, :hover) {
  color: var(--ante-design-hairline);
}
:root[data-ante-theme=meadow] .ante-sort-default,
:root[data-ante-theme=meadow] .ante-weight-step.ignored,
:root[data-ante-theme=meadow] .ante-radio-segment small,
:root[data-ante-theme=meadow] .ante-review-note,
:root[data-ante-theme=meadow] .ante-review-none,
:root[data-ante-theme=meadow] .ante-review-credits,
:root[data-ante-theme=meadow] .ante-loading-time,
:root[data-ante-theme=meadow] .ante-table.stacking td[data-title]:not([data-title=""])::before {
  opacity: 1;
}
:root[data-ante-theme=meadow] .ante-gallery-card {
  border: 1px solid var(--ante-design-line);
  box-shadow: inset 0 -0.2em 0 var(--ante-gallery-color, transparent), var(--ante-design-shadow);
}
:root[data-ante-theme=meadow] ante-monogram.ante-picture {
  color: hsl(var(--ante-monogram-hue, 210), 60%, 26%);
}
:root[data-ante-theme=meadow] .ante-score,
:root[data-ante-theme=meadow] .ante-thing-match strong {
  color: color-mix(in oklab, var(--ante-score-color) 35%, var(--ante-design-text));
}
:root[data-ante-theme=meadow] .ante-catalogue-pane .ante-tabs-content,
:root[data-ante-theme=meadow] ante-table > .ante-sort-bar {
  background: var(--ante-design-well);
}
:root[data-ante-theme=meadow] .ante-header {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -0.15em 0.2em rgba(8, 32, 96, 0.35);
}
:root[data-ante-theme=meadow] .ante-logo {
  border-color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.16);
}
:root[data-ante-theme=meadow] .ante-panel-section {
  --ante-design-section: #ffffff;
  padding-top: 0;
  border-color: #8ea6d2;
}
:root[data-ante-theme=meadow] .ante-panel-section > summary {
  margin: -1px calc(-0.9em - 1px) 0.7em;
  padding: 0.42em 2.2em 0.42em 0.9em;
  border-radius: calc(var(--ante-radius) * 1.6) calc(var(--ante-radius) * 1.6) 0 0;
  background: var(--ante-design-header);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
:root[data-ante-theme=meadow] .ante-panel-section > summary::after, :root[data-ante-theme=meadow] .ante-panel-section > summary:hover::after {
  right: 0.6em;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  line-height: 1.25em;
  text-align: center;
}
:root[data-ante-theme=meadow] .ante-panel-section:not([open]) {
  padding-bottom: 0;
}
:root[data-ante-theme=meadow] .ante-panel-section:not([open]) > summary {
  margin-bottom: -1px;
  border-radius: calc(var(--ante-radius) * 1.6);
}
:root[data-ante-theme=meadow] .ante-panel-card {
  padding-top: 0;
  border-color: #8ea6d2;
}
:root[data-ante-theme=meadow] .ante-panel-card > summary {
  margin: -1px calc(-1.4em - 1px) 0.9em;
  padding: 0.42em 2.2em 0.42em 1.4em;
  border-radius: calc(var(--ante-radius) * 1.6) calc(var(--ante-radius) * 1.6) 0 0;
  background: var(--ante-design-header);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
:root[data-ante-theme=meadow] .ante-panel-card > summary::after, :root[data-ante-theme=meadow] .ante-panel-card > summary:hover::after {
  right: 0.6em;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  line-height: 1.25em;
  text-align: center;
}
:root[data-ante-theme=meadow] .ante-panel-card:not([open]) {
  padding-bottom: 0;
}
:root[data-ante-theme=meadow] .ante-panel-card:not([open]) > summary {
  margin-bottom: -1px;
  border-radius: calc(var(--ante-radius) * 1.6);
}
:root[data-ante-theme=meadow] .ante-panel-card > summary h3 {
  color: #ffffff;
}
:root[data-ante-theme=meadow] .ante-tabs-bar:not(.compact) .ante-tab {
  border-color: var(--ante-design-line);
  background: var(--ante-design-tab);
  border-radius: 0.5em 0.5em 0 0;
}
:root[data-ante-theme=meadow] .ante-tabs-bar:not(.compact) .ante-tab.selected {
  background: var(--ante-design-tab-selected);
  box-shadow: none;
}
:root[data-ante-theme=meadow] .ante-tabs-bar:not(.compact) .ante-tab.selected::before {
  left: 0;
  right: 0;
  height: 0.2em;
  border-radius: 0.5em 0.5em 0 0;
}
:root[data-ante-theme=meadow] .ante-tabs-bar.compact .ante-tab {
  border-color: var(--ante-design-hairline);
  box-shadow: var(--ante-design-bevel);
}
:root[data-ante-theme=meadow] .ante-tabs-bar.compact .ante-tab.selected {
  border-color: var(--ante-design-signal);
  box-shadow: var(--ante-design-well-bevel);
}
:root[data-ante-theme=meadow] .ante-table th {
  box-shadow: inset -1px 0 0 var(--ante-design-line), inset 0 -1px 0 var(--ante-design-hairline), inset 0 1px 0 #ffffff;
}
:root[data-ante-theme=meadow] .ante-radio-segments,
:root[data-ante-theme=meadow] .ante-set-match {
  border-color: var(--ante-design-hairline);
  background: var(--ante-design-well);
}
:root[data-ante-theme=meadow] .ante-range-track {
  height: 0.3em;
  border: 1px solid var(--ante-design-hairline);
  background: var(--ante-design-well);
  box-shadow: var(--ante-design-well-bevel);
}
:root[data-ante-theme=meadow] .ante-range-fill {
  background: linear-gradient(180deg, #4d86df, #1b52ad);
  box-shadow: none;
}
:root[data-ante-theme=meadow] .ante-range-handle::-webkit-slider-thumb {
  box-sizing: border-box;
  width: 0.75em;
  height: 1.05em;
  border: 1px solid var(--ante-design-hairline);
  border-radius: 0.2em;
  background: var(--ante-design-button);
  box-shadow: var(--ante-design-bevel);
}
:root[data-ante-theme=meadow] .ante-range-handle::-moz-range-thumb {
  box-sizing: border-box;
  width: 0.75em;
  height: 1.05em;
  border: 1px solid var(--ante-design-hairline);
  border-radius: 0.2em;
  background: var(--ante-design-button);
  box-shadow: var(--ante-design-bevel);
}

:root[data-ante-theme=frost] {
  --ante-design-space: #eceef1;
  --ante-design-hull: #fbfbfc;
  --ante-design-deck: #f3f4f6;
  --ante-design-card: #ffffff;
  --ante-design-well: #ffffff;
  --ante-design-line: #d2d6dc;
  --ante-design-hairline: #aab1bb;
  --ante-design-edge: transparent;
  --ante-design-shadow: none;
  --ante-design-text: #1f252c;
  --ante-design-dim: #535c67;
  --ante-design-signal: #0f62b5;
  --ante-design-second: #5546b8;
  --ante-design-warm: #935000;
  --ante-design-good: #14703f;
  --ante-design-bad: #b92034;
  --ante-design-glow: 0 0 0 1px rgb(15 98 181 / 0.35);
  --ante-design-title: linear-gradient(90deg, #0f62b5, #0f62b5);
  --ante-design-weight: 400;
  --ante-design-label-spacing: 0.01em;
  --ante-design-tiles: saturate(0.55) brightness(1.03);
  --ante-design-backdrop: none;
  --ante-design-kind-1: #0a6872;
  --ante-design-kind-2: #5546b8;
  --ante-design-kind-3: #a4266f;
  --ante-design-kind-4: #885300;
  --ante-design-kind-5: #14703f;
  --ante-design-kind-6: #0f62b5;
  --ante-design-grid: 1.4rem;
  --ante-design-font: system-ui, sans-serif;
  --ante-design-size: 93.75%;
  --ante-design-spacing: 0.72;
  --ante-design-round: 0.2em;
  --ante-design-label-size: 0.86em;
  --ante-design-label-strength: 600;
  --ante-design-label-case: none;
  --ante-design-brand-spacing: 0.02em;
  --ante-design-header-line: linear-gradient(90deg, #d2d6dc, #d2d6dc);
  --ante-design-side: #f3f4f6;
  --ante-design-tab-selected: #e1edf9;
  --ante-design-scrollbar-thumb: #aab1bb;
  --ante-radius: 0.2em;
  --ante-numbers: system-ui, sans-serif;
  --ante-better: rgb(20 112 63 / 0.12);
  --ante-worse: rgb(185 32 52 / 0.08);
  --ante-map-track: #d2d6dc;
  --ante-map-ring: 2px;
  --ante-icon-filter: saturate(0.85);
  --ante-better-strong: #14703f;
  --ante-gold: #7a5a00;
  --ante-silver: #59626e;
  --ante-bronze: #8f5324;
}

:root[data-ante-theme=frost] .ante-logo {
  filter: none;
  box-shadow: none;
}
:root[data-ante-theme=frost] .ante-panel-section {
  --ante-design-section: var(--ante-design-text);
}
:root[data-ante-theme=frost] .ante-panel-section h2::before,
:root[data-ante-theme=frost] .ante-panel-section h2::after {
  content: none;
}
:root[data-ante-theme=frost] .ante-toggle-button:not(.active, :hover) {
  color: var(--ante-design-hairline);
}
:root[data-ante-theme=frost] .ante-sort-default,
:root[data-ante-theme=frost] .ante-weight-step.ignored,
:root[data-ante-theme=frost] .ante-radio-segment small,
:root[data-ante-theme=frost] .ante-review-note,
:root[data-ante-theme=frost] .ante-review-none,
:root[data-ante-theme=frost] .ante-review-credits,
:root[data-ante-theme=frost] .ante-loading-time,
:root[data-ante-theme=frost] .ante-table.stacking td[data-title]:not([data-title=""])::before {
  opacity: 1;
}
:root[data-ante-theme=frost] .ante-gallery-card {
  border: 1px solid var(--ante-design-line);
  box-shadow: inset 0 -0.2em 0 var(--ante-gallery-color, transparent), var(--ante-design-shadow);
}
:root[data-ante-theme=frost] ante-monogram.ante-picture {
  color: hsl(var(--ante-monogram-hue, 210), 60%, 26%);
}
:root[data-ante-theme=frost] .ante-score,
:root[data-ante-theme=frost] .ante-thing-match strong {
  color: color-mix(in oklab, var(--ante-score-color) 35%, var(--ante-design-text));
}
:root[data-ante-theme=frost] .ante-catalogue-pane .ante-tabs-content,
:root[data-ante-theme=frost] ante-table > .ante-sort-bar {
  background: var(--ante-design-card);
}
:root[data-ante-theme=frost] .ante-header {
  height: calc(var(--ante-design-grid) * 2.5);
}
:root[data-ante-theme=frost] .ante-tabs-bar:not(.compact) .ante-tab.selected::before {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  border-radius: 0;
}

:root[data-ante-theme=pebble] {
  --ante-design-space: #f0efec;
  --ante-design-hull: #f8f7f5;
  --ante-design-deck: #e9e8e4;
  --ante-design-card: #ffffff;
  --ante-design-well: #fbfaf8;
  --ante-design-line: #e0ded9;
  --ante-design-hairline: #c6c3bc;
  --ante-design-edge: transparent;
  --ante-design-shadow: 0 0.1em 0.6em rgb(48 44 36 / 0.08);
  --ante-design-text: #2a2926;
  --ante-design-dim: #585650;
  --ante-design-signal: #2360ad;
  --ante-design-second: #65459f;
  --ante-design-warm: #8c5100;
  --ante-design-good: #25703f;
  --ante-design-bad: #b02a3a;
  --ante-design-glow: 0 0 0 0.18em rgb(35 96 173 / 0.2);
  --ante-design-title: linear-gradient(90deg, #2a2926, #2a2926);
  --ante-design-weight: 400;
  --ante-design-label-spacing: 0;
  --ante-design-tiles: saturate(0.7);
  --ante-design-backdrop: none;
  --ante-design-kind-1: #116570;
  --ante-design-kind-2: #65459f;
  --ante-design-kind-3: #a02c6c;
  --ante-design-kind-4: #845200;
  --ante-design-kind-5: #25703f;
  --ante-design-kind-6: #2360ad;
  --ante-design-grid: 1.6rem;
  --ante-design-font: system-ui, sans-serif;
  --ante-design-spacing: 1.3;
  --ante-design-round: 1.2em;
  --ante-design-label-size: 0.88em;
  --ante-design-label-strength: 600;
  --ante-design-label-case: none;
  --ante-design-brand-spacing: 0;
  --ante-design-logo: #2360ad;
  --ante-design-header-line: linear-gradient(90deg, #e0ded9, #e0ded9);
  --ante-design-side: #e9e8e4;
  --ante-design-tab: transparent;
  --ante-design-tab-selected: #dbe6f4;
  --ante-design-tab-mark: linear-gradient(90deg, #2360ad, #2360ad);
  --ante-design-table-head: #f8f7f5;
  --ante-design-well-bevel: none;
  --ante-design-scrollbar-thumb: #c6c3bc;
  --ante-radius: 0.65em;
  --ante-numbers: system-ui, sans-serif;
  --ante-better: rgb(37 112 63 / 0.12);
  --ante-worse: rgb(176 42 58 / 0.08);
  --ante-map-track: #e0ded9;
  --ante-map-ring: 3px;
  --ante-icon-filter: none;
  --ante-better-strong: #25703f;
  --ante-gold: #7a5a00;
  --ante-silver: #5c5e62;
  --ante-bronze: #8c5428;
}

:root[data-ante-theme=pebble] .ante-logo {
  filter: none;
  box-shadow: none;
}
:root[data-ante-theme=pebble] .ante-panel-section {
  --ante-design-section: var(--ante-design-text);
}
:root[data-ante-theme=pebble] .ante-panel-section h2::before,
:root[data-ante-theme=pebble] .ante-panel-section h2::after {
  content: none;
}
:root[data-ante-theme=pebble] .ante-toggle-button:not(.active, :hover) {
  color: var(--ante-design-hairline);
}
:root[data-ante-theme=pebble] .ante-sort-default,
:root[data-ante-theme=pebble] .ante-weight-step.ignored,
:root[data-ante-theme=pebble] .ante-radio-segment small,
:root[data-ante-theme=pebble] .ante-review-note,
:root[data-ante-theme=pebble] .ante-review-none,
:root[data-ante-theme=pebble] .ante-review-credits,
:root[data-ante-theme=pebble] .ante-loading-time,
:root[data-ante-theme=pebble] .ante-table.stacking td[data-title]:not([data-title=""])::before {
  opacity: 1;
}
:root[data-ante-theme=pebble] .ante-gallery-card {
  border: 1px solid var(--ante-design-line);
  box-shadow: inset 0 -0.2em 0 var(--ante-gallery-color, transparent), var(--ante-design-shadow);
}
:root[data-ante-theme=pebble] ante-monogram.ante-picture {
  color: hsl(var(--ante-monogram-hue, 210), 60%, 26%);
}
:root[data-ante-theme=pebble] .ante-score,
:root[data-ante-theme=pebble] .ante-thing-match strong {
  color: color-mix(in oklab, var(--ante-score-color) 35%, var(--ante-design-text));
}
:root[data-ante-theme=pebble] .ante-header {
  height: calc(var(--ante-design-grid) * 2.5);
}
:root[data-ante-theme=pebble] .ante-panel-section,
:root[data-ante-theme=pebble] .ante-panel-card {
  border-color: transparent;
}
:root[data-ante-theme=pebble] .ante-catalogue-pane .ante-tabs-content,
:root[data-ante-theme=pebble] ante-table > .ante-sort-bar {
  background: var(--ante-design-card);
}
:root[data-ante-theme=pebble] .ante-tabs-bar:not(.compact) .ante-tab {
  margin-bottom: 0.3em;
  border: none;
  border-radius: var(--ante-design-round);
}
:root[data-ante-theme=pebble] .ante-tabs-bar:not(.compact) .ante-tab.selected {
  background: var(--ante-design-tab-selected);
  box-shadow: none;
}
:root[data-ante-theme=pebble] .ante-tabs-bar:not(.compact) .ante-tab.selected::before {
  content: none;
}
:root[data-ante-theme=pebble] .ante-tabs-bar.compact .ante-tab {
  border-color: transparent;
}
:root[data-ante-theme=pebble] .ante-tabs-bar.compact .ante-tab.selected {
  border-color: transparent;
  box-shadow: none;
}
:root[data-ante-theme=pebble] .ante-range-track {
  height: 0.25em;
}
:root[data-ante-theme=pebble] .ante-range-fill {
  box-shadow: none;
}
:root[data-ante-theme=pebble] .ante-range-handle::-webkit-slider-thumb {
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  border: 1px solid var(--ante-design-hairline);
  background: var(--ante-design-card);
  box-shadow: 0 0.06em 0.2em rgba(48, 44, 36, 0.3);
}
:root[data-ante-theme=pebble] .ante-range-handle::-moz-range-thumb {
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  border: 1px solid var(--ante-design-hairline);
  background: var(--ante-design-card);
  box-shadow: 0 0.06em 0.2em rgba(48, 44, 36, 0.3);
}

:root {
  --ante-design-grid: 1.5rem;
  --ante-grid: var(--ante-design-grid);
  --ante-design-font: "Inter", "Segoe UI", system-ui, sans-serif;
  --ante-design-size: 100%;
  --ante-design-spacing: 1;
  --ante-design-round: 1em;
  --ante-design-label-size: 0.7em;
  --ante-design-label-strength: 500;
  --ante-design-label-case: uppercase;
  --ante-design-header: var(--ante-design-hull);
  --ante-design-header-text: var(--ante-design-dim);
  --ante-design-header-line: var(--ante-design-title);
  --ante-design-brand: var(--ante-design-title);
  --ante-design-brand-spacing: 0.45em;
  --ante-design-logo: var(--ante-design-signal);
  --ante-design-bar: var(--ante-design-hull);
  --ante-design-side: var(--ante-design-hull);
  --ante-design-button: var(--ante-design-deck);
  --ante-design-bevel: none;
  --ante-design-well-bevel: inset 0 1px 3px color-mix(in srgb, var(--ante-design-space) 50%, transparent);
  --ante-design-field-bevel: none;
  --ante-design-tab: var(--ante-design-hull);
  --ante-design-tab-selected: var(--ante-design-hull);
  --ante-design-tab-mark: var(--ante-design-title);
  --ante-design-table-head: var(--ante-design-deck);
  --ante-design-scrollbar: thin;
  --ante-design-scrollbar-thumb: var(--ante-design-line);
  --ante-background: var(--ante-design-well);
  --ante-panel: var(--ante-design-hull);
  --ante-raised: var(--ante-design-deck);
  --ante-border: var(--ante-design-line);
  --ante-accent: var(--ante-design-signal);
  --ante-glow: var(--ante-design-glow);
  --ante-text: var(--ante-design-text);
  --ante-muted: var(--ante-design-dim);
  --ante-radius: 0.45em;
  --ante-numbers: "JetBrains Mono", "Cascadia Mono", ui-monospace, monospace;
}

:root {
  font-family: var(--ante-design-font);
  font-size: var(--ante-design-size);
  font-weight: var(--ante-design-weight);
  color: var(--ante-design-text);
  background: var(--ante-design-space);
}

body {
  margin: 0;
  background: var(--ante-design-backdrop), var(--ante-design-space);
  background-attachment: fixed;
}

::selection {
  background: color-mix(in srgb, var(--ante-design-second) 40%, transparent);
}

* {
  scrollbar-width: var(--ante-design-scrollbar);
  scrollbar-color: var(--ante-design-scrollbar-thumb) transparent;
}

a {
  color: var(--ante-design-text);
  text-decoration: none;
  transition: color 0.15s;
}
a:hover {
  color: var(--ante-design-signal);
}

h2,
h3 {
  font-weight: var(--ante-design-weight);
}

.ante-tabs-bar {
  background: var(--ante-design-backdrop), var(--ante-design-space);
  background-attachment: fixed;
  border-bottom-color: var(--ante-design-line);
  padding-top: calc(var(--ante-design-grid) / 2);
  align-items: flex-end;
}

.ante-tab {
  position: relative;
  transition: color 0.15s;
}
.ante-tab.selected {
  color: var(--ante-design-signal);
  background: var(--ante-design-hull);
  border-color: var(--ante-design-line);
  box-shadow: inset 0 1px 0 var(--ante-design-edge);
}
.ante-tab.selected::before {
  content: "";
  position: absolute;
  left: 0.6em;
  right: 0.6em;
  top: -1px;
  height: 2px;
  border-radius: 2px;
  background: var(--ante-design-tab-mark);
}

.ante-tabs-content {
  background: var(--ante-design-backdrop), var(--ante-design-space);
  background-attachment: fixed;
  box-shadow: inset 0 0.5em 1em -0.6em color-mix(in srgb, var(--ante-design-space) 70%, transparent);
}

.ante-table th,
.ante-table td {
  padding: calc(0.5em * var(--ante-design-spacing)) calc(0.75em * var(--ante-design-spacing));
}
.ante-table th {
  background: var(--ante-design-table-head);
  color: var(--ante-design-dim);
  font-size: var(--ante-design-label-size);
  font-weight: var(--ante-design-label-strength);
  letter-spacing: var(--ante-design-label-spacing);
  text-transform: var(--ante-design-label-case);
  box-shadow: inset 0 -1px 0 var(--ante-design-line), 0 0.3em 0.8em color-mix(in srgb, var(--ante-design-space) 35%, transparent);
}
.ante-table th.sorted {
  color: var(--ante-design-second);
}
.ante-table tr:nth-child(even) td {
  background: color-mix(in srgb, var(--ante-design-text) 2%, transparent);
}
.ante-table tr:hover td {
  background: color-mix(in srgb, var(--ante-design-signal) 7%, transparent);
}

.ante-comparison-item,
.ante-comparison-corner,
.ante-comparison-attribute {
  background: var(--ante-design-deck);
}

.ante-comparison-item {
  min-width: 9em;
}

.ante-set-value input {
  accent-color: var(--ante-design-signal);
}

.ante-range-input,
.ante-filter-condition input,
.ante-filter-condition select,
.ante-filter-group-head select,
.ante-select-filter select,
.ante-text-filter input {
  background: var(--ante-design-well);
  border-color: var(--ante-design-line);
  box-shadow: var(--ante-design-well-bevel);
}

.ante-filter-section {
  border-top-color: var(--ante-design-line);
}

.ante-weight-slider {
  --ante-accent: var(--ante-design-second);
  --ante-glow: 0 0 0.7em color-mix(in srgb, var(--ante-design-second) 35%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--ante-design-second) 16%, transparent), transparent);
  border: 1px solid var(--ante-design-line);
  border-radius: var(--ante-radius);
  box-shadow: inset 0 1px 4px color-mix(in srgb, var(--ante-design-space) 50%, transparent);
}

.ante-weight-item {
  background: var(--ante-design-deck);
  box-shadow: 0 0.15em 0.4em color-mix(in srgb, var(--ante-design-space) 50%, transparent), inset 0 1px 0 var(--ante-design-edge);
}

.ante-filter-advanced {
  border-color: color-mix(in srgb, var(--ante-design-second) 50%, transparent);
  color: var(--ante-design-second);
}
.ante-filter-advanced:hover {
  border-color: var(--ante-design-second);
}

.ante-gallery-card {
  background: var(--ante-design-deck);
  box-shadow: var(--ante-design-shadow), inset 0 1px 0 var(--ante-design-edge);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.ante-gallery-card:hover {
  transform: translateY(-3px);
  border-color: var(--ante-design-second);
}

.ante-dialog {
  box-shadow: var(--ante-design-shadow);
}

.ante-property-bar {
  --ante-accent: var(--ante-design-good);
}

.ante-radar-shape {
  fill: color-mix(in srgb, var(--ante-design-signal) 14%, transparent);
  stroke: var(--ante-design-signal);
}

.ante-radar-point {
  fill: var(--ante-design-warm);
}

.leaflet-container {
  background: var(--ante-design-space);
  font-family: inherit;
}

.leaflet-tile-pane {
  filter: var(--ante-design-tiles);
}

ante-map-thumbnail {
  --ante-map-tiles: var(--ante-design-tiles);
  --ante-accent: var(--ante-design-signal);
}

.leaflet-control-attribution {
  background: var(--ante-design-hull) !important;
  color: var(--ante-design-dim);
}
.leaflet-control-attribution a {
  color: var(--ante-design-signal);
}

.leaflet-tooltip {
  background: var(--ante-design-deck);
  color: var(--ante-design-text);
  border: 1px solid var(--ante-design-line);
  box-shadow: var(--ante-design-shadow);
}
.leaflet-tooltip::before {
  display: none;
}

.ante-map-place-label {
  color: var(--ante-design-warm);
  font-size: 0.75em;
  letter-spacing: 0.08em;
  text-shadow: 0 0 0.5em color-mix(in srgb, var(--ante-design-warm) 60%, transparent);
}

:root:not([data-ante-theme]) .ante-tab,
:root[data-ante-theme=tablet] .ante-tab {
  font-size: var(--ante-design-label-size);
  font-weight: var(--ante-design-label-strength);
  letter-spacing: var(--ante-design-label-spacing);
  text-transform: var(--ante-design-label-case);
  font-size: 0.75em;
  padding: 0.9em 1.4em;
}
:root:not([data-ante-theme]) .ante-tab.selected,
:root[data-ante-theme=tablet] .ante-tab.selected {
  color: var(--ante-design-signal);
  text-shadow: 0 0 0.8em color-mix(in srgb, var(--ante-design-signal) 50%, transparent);
}
:root:not([data-ante-theme]) .ante-tab.selected::before,
:root[data-ante-theme=tablet] .ante-tab.selected::before {
  background: var(--ante-design-warm);
  height: 1px;
  box-shadow: 0 0 0.6em var(--ante-design-warm);
}
:root:not([data-ante-theme]) .ante-radar-shape,
:root[data-ante-theme=tablet] .ante-radar-shape {
  fill: color-mix(in srgb, var(--ante-design-signal) 8%, transparent);
  stroke-width: 0.8;
}
:root:not([data-ante-theme]) .ante-score-total strong,
:root[data-ante-theme=tablet] .ante-score-total strong {
  font-weight: 200;
  color: var(--ante-design-warm);
}
:root:not([data-ante-theme]) .ante-score-segment,
:root:not([data-ante-theme]) .ante-score-bar,
:root[data-ante-theme=tablet] .ante-score-segment,
:root[data-ante-theme=tablet] .ante-score-bar {
  border-radius: 0;
}
:root:not([data-ante-theme]) .ante-gallery-card,
:root[data-ante-theme=tablet] .ante-gallery-card {
  border: 1px solid var(--ante-design-line);
  border-radius: 2px;
  box-shadow: inset 0 -2px 0 var(--ante-gallery-color, transparent), var(--ante-design-shadow);
}
:root:not([data-ante-theme]) .ante-gallery-card:hover,
:root[data-ante-theme=tablet] .ante-gallery-card:hover {
  border-color: var(--ante-design-hairline);
}

.ante-sort-chip,
.ante-sort-clear,
.ante-podium-toggle,
.ante-column-chooser > summary,
.ante-column-fit button,
.ante-filter-chip,
.ante-filter-clear,
.ante-filter-advanced,
.ante-weight-controls button,
.ante-login-buttons button,
.ante-filter-add-group,
.ante-filter-not,
.ante-property-actions button,
.ante-property-actions a,
.ante-theme,
.ante-password-change,
.ante-review-save,
.ante-review-remove,
.ante-role-button,
.ante-table-more-button,
.ante-gallery-more {
  background: var(--ante-design-button);
  box-shadow: var(--ante-design-bevel);
}

.ante-comparison-attribute span,
.ante-table.stacking td[data-title]:not([data-title=""])::before,
.ante-weight-direction,
.ante-section-group h4,
.ante-menu-status {
  text-transform: var(--ante-design-label-case);
}

.ante-filter-bar,
.ante-sort-bar {
  padding-block: calc(var(--ante-design-grid) / 4);
}

.ante-tabs-bar.compact {
  align-items: center;
  padding: 0.4em 0.75em;
  background: none;
}
.ante-tabs-bar.compact .ante-tab {
  padding: calc(0.35em * var(--ante-design-spacing)) calc(0.9em * var(--ante-design-spacing));
  border: 1px solid var(--ante-design-line);
  border-radius: var(--ante-design-round);
  background: var(--ante-design-tab);
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-shadow: none;
}
.ante-tabs-bar.compact .ante-tab.selected {
  border-color: var(--ante-design-signal);
  background: var(--ante-design-tab-selected);
  color: var(--ante-design-signal);
  box-shadow: var(--ante-design-glow);
}
.ante-tabs-bar.compact .ante-tab.selected::before {
  content: none;
}

ante-table > .ante-sort-bar {
  background: var(--ante-design-backdrop), var(--ante-design-space);
  background-attachment: fixed;
}

.ante-header {
  position: relative;
  box-sizing: border-box;
  height: calc(var(--ante-design-grid) * 3);
  padding-block: 0;
  background: var(--ante-design-header);
}
.ante-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--ante-design-header-line);
  opacity: 0.6;
}

.ante-brand {
  color: inherit;
  cursor: pointer;
}
.ante-brand h1 {
  font-weight: 600;
  letter-spacing: var(--ante-design-brand-spacing);
  text-transform: var(--ante-design-label-case);
  background: var(--ante-design-brand);
  background-clip: text;
  color: transparent;
}

.ante-logo {
  border: 1px solid var(--ante-design-hairline);
  border-radius: 50%;
  color: var(--ante-design-logo);
  filter: drop-shadow(0 0 0.25em color-mix(in srgb, var(--ante-design-signal) 60%, transparent));
  box-shadow: 0 0 0.8em color-mix(in srgb, var(--ante-design-signal) 25%, transparent), inset 0 0 0.6em color-mix(in srgb, var(--ante-design-signal) 15%, transparent);
}

.ante-tagline {
  color: var(--ante-design-header-text);
  letter-spacing: 0.04em;
}

.ante-menu-bar {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  min-height: calc(var(--ante-design-grid) * 2);
  padding: 0 1.2em;
  border-bottom: 1px solid var(--ante-design-line);
  background: var(--ante-design-bar);
  box-shadow: 0 0.3em 1em color-mix(in srgb, var(--ante-design-space) 60%, transparent);
  backdrop-filter: var(--ante-design-glass, blur(8px));
}
.ante-menu-bar > * {
  --ante-design-glass: none;
}
.ante-menu-bar {
  flex-wrap: wrap;
}

.ante-menu-status {
  color: var(--ante-design-dim);
  font-family: var(--ante-numbers);
  letter-spacing: 0.1em;
}
.ante-menu-status:not(:empty)::before {
  content: "";
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  margin-right: 0.7em;
  border-radius: 50%;
  background: var(--ante-design-good);
  box-shadow: 0 0 0.5em var(--ante-design-good);
  animation: ante-design-pulse 2.4s ease-in-out 3;
}

@keyframes ante-design-pulse {
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ante-menu-status::before {
    animation: none;
  }
}
.ante-account-user {
  color: var(--ante-design-second);
  letter-spacing: 0.04em;
}
.ante-account-user::before {
  content: "◆ ";
  font-size: 0.7em;
  vertical-align: 0.15em;
}
.ante-account-user:hover {
  color: var(--ante-design-signal);
}

.ante-account-button,
.ante-panel-page-back {
  border: 1px solid var(--ante-design-line);
  color: var(--ante-design-text);
  border-radius: var(--ante-radius);
  padding: calc(0.4em * var(--ante-design-spacing)) calc(1em * var(--ante-design-spacing));
  background: var(--ante-design-button);
  box-shadow: var(--ante-design-bevel);
  font: inherit;
  font-size: 0.88em;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-account-button:hover:not(:disabled),
.ante-panel-page-back:hover:not(:disabled) {
  border-color: var(--ante-design-signal);
  color: var(--ante-design-signal);
  box-shadow: var(--ante-design-glow);
}
.ante-account-button:disabled,
.ante-panel-page-back:disabled {
  opacity: 0.35;
  cursor: default;
}

.ante-panel-page-back {
  color: var(--ante-design-signal);
}

.ante-panel-section {
  --ante-design-section: var(--ante-design-signal);
  position: relative;
  margin-bottom: 0.8em;
  padding: calc(0.9em * var(--ante-design-spacing)) calc(0.9em * var(--ante-design-spacing)) calc(0.7em * var(--ante-design-spacing));
  border: 1px solid var(--ante-design-line);
  border-radius: calc(var(--ante-radius) * 1.6);
  background: var(--ante-design-card);
  box-shadow: var(--ante-design-shadow), inset 0 1px 0 var(--ante-design-edge);
  backdrop-filter: var(--ante-design-glass, blur(8px));
}
.ante-panel-section > * {
  --ante-design-glass: none;
}
.ante-panel-section:nth-of-type(2) {
  --ante-design-section: var(--ante-design-second);
}
.ante-panel-section:nth-of-type(3) {
  --ante-design-section: var(--ante-design-warm);
}
.ante-panel-section h2 {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 0 0 0.8em;
  font-size: var(--ante-design-label-size);
  font-weight: var(--ante-design-label-strength);
  letter-spacing: var(--ante-design-label-spacing);
  text-transform: var(--ante-design-label-case);
  color: var(--ante-design-section);
}
.ante-panel-section h2::before {
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background: var(--ante-design-section);
  box-shadow: 0 0 0.5em var(--ante-design-section);
}
.ante-panel-section h2::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--ante-design-section) 45%, transparent), transparent);
}
.ante-panel-section h2:has(.ante-icon)::before {
  content: none;
}
:root:not([data-ante-theme]) .ante-panel-section h2::before, :root[data-ante-theme=tablet] .ante-panel-section h2::before {
  border-radius: 0;
  width: 0.35em;
  height: 0.35em;
  transform: rotate(45deg);
  box-shadow: none;
}
.ante-panel-section {
  margin-bottom: calc(var(--ante-design-grid) / 2);
}

.ante-panel-card {
  position: relative;
  padding: calc(1.2em * var(--ante-design-spacing)) calc(1.4em * var(--ante-design-spacing));
  border: 1px solid var(--ante-design-line);
  border-radius: calc(var(--ante-radius) * 1.6);
  background: var(--ante-design-card);
  box-shadow: var(--ante-design-shadow), inset 0 1px 0 var(--ante-design-edge);
  backdrop-filter: var(--ante-design-glass, blur(8px));
}
.ante-panel-card > * {
  --ante-design-glass: none;
}
.ante-panel-card h3 {
  margin: 0 0 0.4em;
  font-size: var(--ante-design-label-size);
  font-weight: var(--ante-design-label-strength);
  letter-spacing: var(--ante-design-label-spacing);
  text-transform: var(--ante-design-label-case);
  color: var(--ante-design-dim);
}
.ante-panel-card > p {
  margin: 0 0 0.8em;
  color: var(--ante-design-dim);
  font-size: 0.85em;
}

.ante-panel > summary {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 1.4em;
  list-style: none;
  cursor: pointer;
}
.ante-panel > summary::-webkit-details-marker {
  display: none;
}
.ante-panel > summary h2,
.ante-panel > summary h3 {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.ante-panel > summary::after {
  content: "▾";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  color: var(--ante-design-dim);
  font-size: 0.85em;
  transition: rotate 0.15s;
}
.ante-panel > summary:hover::after {
  color: var(--ante-design-signal);
}
.ante-panel > summary .ante-icon {
  margin-right: 0.45em;
}
.ante-panel:not([open]) > summary::after {
  rotate: 90deg;
}
.ante-panel[open] > summary:has(h2) {
  margin-bottom: 0.8em;
}
.ante-panel[open] > summary:has(h3) {
  margin-bottom: 0.4em;
}

.ante-catalogue {
  gap: 0;
}

.ante-catalogue-side {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: calc(var(--ante-design-grid) * 14);
  overflow-y: auto;
  padding: var(--ante-design-grid) calc(var(--ante-design-grid) / 2);
  background: var(--ante-design-side);
  border-right: 1px solid var(--ante-design-line);
  box-shadow: 0.4em 0 1.6em color-mix(in srgb, var(--ante-design-space) 60%, transparent);
  backdrop-filter: var(--ante-design-glass, blur(8px));
}
.ante-catalogue-side > * {
  --ante-design-glass: none;
}
.ante-catalogue-side {
  flex: 1 1 calc(var(--ante-design-grid) * 14);
  width: auto;
  max-height: 100%;
}
.ante-catalogue-side.stacked {
  max-height: none;
  border-right: none;
  border-bottom: 1px solid var(--ante-design-line);
  box-shadow: none;
}

.ante-catalogue-split {
  border-color: var(--ante-design-line);
  background: var(--ante-design-hull);
  color: var(--ante-design-dim);
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-catalogue-split:hover {
  border-color: var(--ante-design-signal);
  color: var(--ante-design-signal);
  box-shadow: var(--ante-design-glow);
}

.ante-catalogue-pane-head {
  background: var(--ante-design-backdrop), var(--ante-design-space);
  background-attachment: fixed;
  border-bottom: 1px solid var(--ante-design-line);
}

.ante-split-divider:hover, .ante-split-divider:focus-visible {
  background: color-mix(in srgb, var(--ante-design-signal) 40%, transparent);
  box-shadow: var(--ante-design-glow);
}

.ante-set-branch {
  color: var(--ante-design-dim);
}
.ante-set-branch input {
  accent-color: var(--ante-design-signal);
}

ante-filter-chooser .ante-column-list {
  border-color: var(--ante-design-line);
  background: var(--ante-design-well);
}

.ante-filter-choice button:hover:not(:disabled) {
  color: var(--ante-design-signal);
}

.ante-section-content .ante-panel-card > p {
  max-width: 42em;
}

:root:not([data-ante-theme]) .ante-panel-section,
:root:not([data-ante-theme]) .ante-panel-card,
:root[data-ante-theme=tablet] .ante-panel-section,
:root[data-ante-theme=tablet] .ante-panel-card {
  border-radius: 2px;
  border-color: var(--ante-design-line);
}
:root:not([data-ante-theme]) .ante-panel-section::before, :root:not([data-ante-theme]) .ante-panel-section::after,
:root:not([data-ante-theme]) .ante-panel-card::before,
:root:not([data-ante-theme]) .ante-panel-card::after,
:root[data-ante-theme=tablet] .ante-panel-section::before,
:root[data-ante-theme=tablet] .ante-panel-section::after,
:root[data-ante-theme=tablet] .ante-panel-card::before,
:root[data-ante-theme=tablet] .ante-panel-card::after {
  content: "";
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  border-color: var(--ante-design-hairline);
  border-style: solid;
}
:root:not([data-ante-theme]) .ante-panel-section::before,
:root:not([data-ante-theme]) .ante-panel-card::before,
:root[data-ante-theme=tablet] .ante-panel-section::before,
:root[data-ante-theme=tablet] .ante-panel-card::before {
  top: -1px;
  left: -1px;
  border-width: 1px 0 0 1px;
}
:root:not([data-ante-theme]) .ante-panel-section::after,
:root:not([data-ante-theme]) .ante-panel-card::after,
:root[data-ante-theme=tablet] .ante-panel-section::after,
:root[data-ante-theme=tablet] .ante-panel-card::after {
  bottom: -1px;
  right: -1px;
  border-width: 0 1px 1px 0;
}
:root:not([data-ante-theme]) .ante-brand h1,
:root[data-ante-theme=tablet] .ante-brand h1 {
  font-weight: 300;
  letter-spacing: 0.6em;
}
:root:not([data-ante-theme]) .ante-tagline,
:root[data-ante-theme=tablet] .ante-tagline {
  font-size: var(--ante-design-label-size);
  font-weight: var(--ante-design-label-strength);
  letter-spacing: var(--ante-design-label-spacing);
  text-transform: var(--ante-design-label-case);
  font-weight: 400;
}
:root:not([data-ante-theme]) .ante-panel-page-titles h2,
:root[data-ante-theme=tablet] .ante-panel-page-titles h2 {
  font-weight: 200;
  font-size: 2em;
  letter-spacing: 0.04em;
}

.ante-add-profile,
.ante-thing-back,
.ante-thing-step,
.ante-thing-favorite,
.ante-thing-source,
.ante-thing-popup-details {
  border: 1px solid var(--ante-design-line);
  color: var(--ante-design-text);
  border-radius: var(--ante-radius);
  padding: calc(0.4em * var(--ante-design-spacing)) calc(1em * var(--ante-design-spacing));
  background: var(--ante-design-button);
  box-shadow: var(--ante-design-bevel);
  font: inherit;
  font-size: 0.88em;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-add-profile:hover:not(:disabled),
.ante-thing-back:hover:not(:disabled),
.ante-thing-step:hover:not(:disabled),
.ante-thing-favorite:hover:not(:disabled),
.ante-thing-source:hover:not(:disabled),
.ante-thing-popup-details:hover:not(:disabled) {
  border-color: var(--ante-design-signal);
  color: var(--ante-design-signal);
  box-shadow: var(--ante-design-glow);
}
.ante-add-profile:disabled,
.ante-thing-back:disabled,
.ante-thing-step:disabled,
.ante-thing-favorite:disabled,
.ante-thing-source:disabled,
.ante-thing-popup-details:disabled {
  opacity: 0.35;
  cursor: default;
}

.ante-score {
  display: inline-block;
  min-width: 3.2em;
  text-align: center;
  padding: 0.15em 0.5em;
  border: 1px solid var(--ante-score-color);
  border-radius: var(--ante-design-round);
  color: var(--ante-score-color);
  background: color-mix(in srgb, var(--ante-score-color) 14%, transparent);
  font-size: 0.85em;
  font-weight: 600;
}

.ante-thing-title {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
  font-family: var(--ante-design-font);
}
.ante-thing-title > a {
  font-weight: 500;
}

.ante-thing-title-details {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--ante-design-dim);
  font-size: 0.8em;
}

.ante-kind-chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.3em;
}

.ante-kind-chip {
  padding: 0.05em 0.6em;
  border: 1px solid color-mix(in srgb, var(--ante-kind) 55%, transparent);
  border-radius: var(--ante-design-round);
  color: var(--ante-kind);
  background: color-mix(in srgb, var(--ante-kind) 12%, transparent);
  font-size: 0.9em;
  letter-spacing: 0.05em;
}

.cheaper-is-good ante-sparkline.falling .ante-sparkline-line {
  stroke: var(--ante-design-good);
}
.cheaper-is-good ante-sparkline.rising .ante-sparkline-line {
  stroke: var(--ante-design-bad);
}

.higher-is-good ante-sparkline.rising .ante-sparkline-line {
  stroke: var(--ante-design-good);
}
.higher-is-good ante-sparkline.falling .ante-sparkline-line {
  stroke: var(--ante-design-bad);
}

.ante-trend {
  display: flex;
  align-items: center;
  gap: 0.4em;
  white-space: nowrap;
}

.ante-trend-change {
  font-variant-numeric: tabular-nums;
  color: var(--ante-design-dim);
}

.ante-toggle-button {
  border: none;
  background: none;
  color: var(--ante-design-line);
  font-size: 1em;
  cursor: pointer;
  transition: color 0.15s, transform 0.15s;
}
.ante-toggle-button:hover {
  color: var(--ante-design-dim);
  transform: scale(1.2);
}
.ante-toggle-button.active {
  color: var(--ante-design-warm);
  text-shadow: 0 0 0.6em color-mix(in srgb, var(--ante-design-warm) 60%, transparent);
}

.ante-picture {
  display: block;
  object-fit: cover;
  border-radius: var(--ante-radius);
  border: 1px solid var(--ante-design-line);
  background: var(--ante-design-deck);
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.ante-picture:hover {
  border-color: var(--ante-design-signal);
  box-shadow: var(--ante-design-glow);
}

.ante-thumbnail {
  width: 3.6em;
  height: 2.6em;
}

.ante-comparison-picture {
  width: 10em;
  aspect-ratio: 16/10;
}

.ante-thing-popup {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  min-width: 14em;
}

.ante-thing-popup-picture {
  width: 100%;
  height: 7em;
  object-fit: cover;
  border-radius: var(--ante-radius);
}

.ante-thing-popup-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5em;
}

.ante-thing-popup-values {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.15em 0.8em;
  margin: 0;
  font-size: 0.85em;
}
.ante-thing-popup-values dt {
  color: var(--ante-design-dim);
}
.ante-thing-popup-values dd {
  margin: 0;
  font-family: var(--ante-numbers);
}

.ante-thing-popup-details {
  align-self: flex-start;
}

.ante-thing {
  flex: 1;
  overflow-y: auto;
  padding: 1.2em clamp(1em, 4vw, 3em) 3em;
  display: flex;
  flex-direction: column;
  gap: calc(1.5em * var(--ante-design-spacing));
}

.ante-thing-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  flex-wrap: wrap;
}

.ante-thing-back {
  color: var(--ante-design-signal);
}

.ante-thing-steps {
  display: flex;
  align-items: center;
  gap: 0.6em;
}

.ante-thing-position {
  color: var(--ante-design-dim);
  font-family: var(--ante-numbers);
  font-size: 0.85em;
}

.ante-thing-pictures {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}

.ante-thing-picture {
  width: 100%;
  aspect-ratio: 4/3;
  max-height: 24em;
  object-fit: cover;
  border-radius: var(--ante-radius);
  border: 1px solid var(--ante-design-line);
  background: var(--ante-design-space);
}

.ante-thing-thumbnails {
  display: flex;
  gap: 0.5em;
  overflow-x: auto;
}

.ante-thing-thumbnail {
  width: 5em;
  height: 3.5em;
  object-fit: cover;
  border-radius: var(--ante-radius);
  border: 1px solid var(--ante-design-line);
  cursor: pointer;
}
.ante-thing-thumbnail:hover {
  border-color: var(--ante-design-signal);
}

.ante-thing-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4em;
}
.ante-thing-titles h2 {
  margin: 0;
  font-size: 1.8em;
  letter-spacing: 0.01em;
}
.ante-thing-titles p {
  margin: 0;
  color: var(--ante-design-dim);
}

.ante-thing-match {
  width: 6.6em;
  height: 6.6em;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(closest-side, var(--ante-design-deck) 82%, transparent 83%), conic-gradient(var(--ante-score-color) var(--ante-score), var(--ante-map-track) var(--ante-score));
}
.ante-thing-match strong {
  font-family: var(--ante-numbers);
  font-size: 1.6em;
  font-weight: 400;
  color: var(--ante-score-color);
}
.ante-thing-match small {
  max-width: 70%;
  color: var(--ante-design-dim);
  font-size: var(--ante-design-label-size);
  font-weight: var(--ante-design-label-strength);
  letter-spacing: var(--ante-design-label-spacing);
  text-transform: var(--ante-design-label-case);
  font-size: 0.62em;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}

.ante-thing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}

.ante-thing-favorite.active {
  color: var(--ante-design-warm);
  border-color: var(--ante-design-warm);
}

.ante-thing-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1.5em 2em;
  padding: calc(1.2em * var(--ante-design-spacing)) calc(1.6em * var(--ante-design-spacing));
  border: 1px solid var(--ante-design-line);
  border-radius: calc(var(--ante-radius) * 1.6);
  background: var(--ante-design-card);
  box-shadow: var(--ante-design-shadow), inset 0 1px 0 var(--ante-design-edge);
  backdrop-filter: var(--ante-design-glass, blur(8px));
}
.ante-thing-head > * {
  --ante-design-glass: none;
}
@media (width < 50em) {
  .ante-thing-head {
    grid-template-columns: 1fr auto;
  }
  .ante-thing-head .ante-thing-actions {
    grid-column: 1/-1;
    grid-row: 2;
  }
}

.ante-thing-grid {
  columns: 3 24em;
  column-gap: calc(1.5em * var(--ante-design-spacing));
}
.ante-thing-grid > * {
  break-inside: avoid;
  margin-bottom: calc(1.5em * var(--ante-design-spacing));
}

.ante-thing-grid .ante-property-sheet,
.ante-thing-matches,
.ante-thing-pictures,
.ante-thing-description,
.ante-thing-reviews,
.ante-thing-offers,
.ante-thing-history,
.ante-thing-profile,
.ante-thing-location {
  position: relative;
  padding: calc(1.2em * var(--ante-design-spacing)) calc(1.4em * var(--ante-design-spacing));
  border: 1px solid var(--ante-design-line);
  border-radius: calc(var(--ante-radius) * 1.6);
  background: var(--ante-design-card);
  box-shadow: var(--ante-design-shadow), inset 0 1px 0 var(--ante-design-edge);
  backdrop-filter: var(--ante-design-glass, blur(8px));
}
.ante-thing-grid .ante-property-sheet > *,
.ante-thing-matches > *,
.ante-thing-pictures > *,
.ante-thing-description > *,
.ante-thing-reviews > *,
.ante-thing-offers > *,
.ante-thing-history > *,
.ante-thing-profile > *,
.ante-thing-location > * {
  --ante-design-glass: none;
}
.ante-thing-grid .ante-property-sheet h3,
.ante-thing-matches h3,
.ante-thing-pictures h3,
.ante-thing-description h3,
.ante-thing-reviews h3,
.ante-thing-offers h3,
.ante-thing-history h3,
.ante-thing-profile h3,
.ante-thing-location h3 {
  margin: 0 0 0.4em;
  font-size: var(--ante-design-label-size);
  font-weight: var(--ante-design-label-strength);
  letter-spacing: var(--ante-design-label-spacing);
  text-transform: var(--ante-design-label-case);
  color: var(--ante-design-dim);
}
.ante-thing-grid .ante-property-sheet > p,
.ante-thing-matches > p,
.ante-thing-pictures > p,
.ante-thing-description > p,
.ante-thing-reviews > p,
.ante-thing-offers > p,
.ante-thing-history > p,
.ante-thing-profile > p,
.ante-thing-location > p {
  margin: 0 0 0.8em;
  color: var(--ante-design-dim);
  font-size: 0.85em;
}

.ante-thing-description p {
  color: var(--ante-design-text);
  line-height: 1.6;
  font-size: 1em;
}

.ante-thing-location ante-map {
  height: 20em;
  min-height: 20em;
  border-radius: var(--ante-radius);
  overflow: hidden;
}

:root:not([data-ante-theme]) .ante-thing-head,
:root:not([data-ante-theme]) .ante-thing-grid .ante-property-sheet,
:root:not([data-ante-theme]) .ante-thing-matches,
:root:not([data-ante-theme]) .ante-thing-pictures,
:root:not([data-ante-theme]) .ante-thing-description,
:root:not([data-ante-theme]) .ante-thing-reviews,
:root:not([data-ante-theme]) .ante-thing-offers,
:root:not([data-ante-theme]) .ante-thing-history,
:root:not([data-ante-theme]) .ante-thing-profile,
:root:not([data-ante-theme]) .ante-thing-location,
:root[data-ante-theme=tablet] .ante-thing-head,
:root[data-ante-theme=tablet] .ante-thing-grid .ante-property-sheet,
:root[data-ante-theme=tablet] .ante-thing-matches,
:root[data-ante-theme=tablet] .ante-thing-pictures,
:root[data-ante-theme=tablet] .ante-thing-description,
:root[data-ante-theme=tablet] .ante-thing-reviews,
:root[data-ante-theme=tablet] .ante-thing-offers,
:root[data-ante-theme=tablet] .ante-thing-history,
:root[data-ante-theme=tablet] .ante-thing-profile,
:root[data-ante-theme=tablet] .ante-thing-location {
  border-radius: 2px;
  border-color: var(--ante-design-line);
}
:root:not([data-ante-theme]) .ante-thing-head::before, :root:not([data-ante-theme]) .ante-thing-head::after,
:root:not([data-ante-theme]) .ante-thing-grid .ante-property-sheet::before,
:root:not([data-ante-theme]) .ante-thing-grid .ante-property-sheet::after,
:root:not([data-ante-theme]) .ante-thing-matches::before,
:root:not([data-ante-theme]) .ante-thing-matches::after,
:root:not([data-ante-theme]) .ante-thing-pictures::before,
:root:not([data-ante-theme]) .ante-thing-pictures::after,
:root:not([data-ante-theme]) .ante-thing-description::before,
:root:not([data-ante-theme]) .ante-thing-description::after,
:root:not([data-ante-theme]) .ante-thing-reviews::before,
:root:not([data-ante-theme]) .ante-thing-reviews::after,
:root:not([data-ante-theme]) .ante-thing-offers::before,
:root:not([data-ante-theme]) .ante-thing-offers::after,
:root:not([data-ante-theme]) .ante-thing-history::before,
:root:not([data-ante-theme]) .ante-thing-history::after,
:root:not([data-ante-theme]) .ante-thing-profile::before,
:root:not([data-ante-theme]) .ante-thing-profile::after,
:root:not([data-ante-theme]) .ante-thing-location::before,
:root:not([data-ante-theme]) .ante-thing-location::after,
:root[data-ante-theme=tablet] .ante-thing-head::before,
:root[data-ante-theme=tablet] .ante-thing-head::after,
:root[data-ante-theme=tablet] .ante-thing-grid .ante-property-sheet::before,
:root[data-ante-theme=tablet] .ante-thing-grid .ante-property-sheet::after,
:root[data-ante-theme=tablet] .ante-thing-matches::before,
:root[data-ante-theme=tablet] .ante-thing-matches::after,
:root[data-ante-theme=tablet] .ante-thing-pictures::before,
:root[data-ante-theme=tablet] .ante-thing-pictures::after,
:root[data-ante-theme=tablet] .ante-thing-description::before,
:root[data-ante-theme=tablet] .ante-thing-description::after,
:root[data-ante-theme=tablet] .ante-thing-reviews::before,
:root[data-ante-theme=tablet] .ante-thing-reviews::after,
:root[data-ante-theme=tablet] .ante-thing-offers::before,
:root[data-ante-theme=tablet] .ante-thing-offers::after,
:root[data-ante-theme=tablet] .ante-thing-history::before,
:root[data-ante-theme=tablet] .ante-thing-history::after,
:root[data-ante-theme=tablet] .ante-thing-profile::before,
:root[data-ante-theme=tablet] .ante-thing-profile::after,
:root[data-ante-theme=tablet] .ante-thing-location::before,
:root[data-ante-theme=tablet] .ante-thing-location::after {
  content: "";
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  border-color: var(--ante-design-hairline);
  border-style: solid;
}
:root:not([data-ante-theme]) .ante-thing-head::before,
:root:not([data-ante-theme]) .ante-thing-grid .ante-property-sheet::before,
:root:not([data-ante-theme]) .ante-thing-matches::before,
:root:not([data-ante-theme]) .ante-thing-pictures::before,
:root:not([data-ante-theme]) .ante-thing-description::before,
:root:not([data-ante-theme]) .ante-thing-reviews::before,
:root:not([data-ante-theme]) .ante-thing-offers::before,
:root:not([data-ante-theme]) .ante-thing-history::before,
:root:not([data-ante-theme]) .ante-thing-profile::before,
:root:not([data-ante-theme]) .ante-thing-location::before,
:root[data-ante-theme=tablet] .ante-thing-head::before,
:root[data-ante-theme=tablet] .ante-thing-grid .ante-property-sheet::before,
:root[data-ante-theme=tablet] .ante-thing-matches::before,
:root[data-ante-theme=tablet] .ante-thing-pictures::before,
:root[data-ante-theme=tablet] .ante-thing-description::before,
:root[data-ante-theme=tablet] .ante-thing-reviews::before,
:root[data-ante-theme=tablet] .ante-thing-offers::before,
:root[data-ante-theme=tablet] .ante-thing-history::before,
:root[data-ante-theme=tablet] .ante-thing-profile::before,
:root[data-ante-theme=tablet] .ante-thing-location::before {
  top: -1px;
  left: -1px;
  border-width: 1px 0 0 1px;
}
:root:not([data-ante-theme]) .ante-thing-head::after,
:root:not([data-ante-theme]) .ante-thing-grid .ante-property-sheet::after,
:root:not([data-ante-theme]) .ante-thing-matches::after,
:root:not([data-ante-theme]) .ante-thing-pictures::after,
:root:not([data-ante-theme]) .ante-thing-description::after,
:root:not([data-ante-theme]) .ante-thing-reviews::after,
:root:not([data-ante-theme]) .ante-thing-offers::after,
:root:not([data-ante-theme]) .ante-thing-history::after,
:root:not([data-ante-theme]) .ante-thing-profile::after,
:root:not([data-ante-theme]) .ante-thing-location::after,
:root[data-ante-theme=tablet] .ante-thing-head::after,
:root[data-ante-theme=tablet] .ante-thing-grid .ante-property-sheet::after,
:root[data-ante-theme=tablet] .ante-thing-matches::after,
:root[data-ante-theme=tablet] .ante-thing-pictures::after,
:root[data-ante-theme=tablet] .ante-thing-description::after,
:root[data-ante-theme=tablet] .ante-thing-reviews::after,
:root[data-ante-theme=tablet] .ante-thing-offers::after,
:root[data-ante-theme=tablet] .ante-thing-history::after,
:root[data-ante-theme=tablet] .ante-thing-profile::after,
:root[data-ante-theme=tablet] .ante-thing-location::after {
  bottom: -1px;
  right: -1px;
  border-width: 0 1px 1px 0;
}
:root:not([data-ante-theme]) .ante-score,
:root:not([data-ante-theme]) .ante-kind-chip,
:root[data-ante-theme=tablet] .ante-score,
:root[data-ante-theme=tablet] .ante-kind-chip {
  border-radius: 2px;
}
:root:not([data-ante-theme]) .ante-thing-titles h2,
:root[data-ante-theme=tablet] .ante-thing-titles h2 {
  font-weight: 200;
  font-size: 2em;
  letter-spacing: 0.04em;
}
:root:not([data-ante-theme]) .ante-thing-match,
:root[data-ante-theme=tablet] .ante-thing-match {
  background: radial-gradient(closest-side, var(--ante-design-space) 88%, transparent 89%), conic-gradient(var(--ante-score-color) var(--ante-score), var(--ante-map-track) var(--ante-score));
}
:root:not([data-ante-theme]) .ante-thing-match strong,
:root[data-ante-theme=tablet] .ante-thing-match strong {
  font-weight: 200;
}

.ante-thing-profile ante-radar-chart {
  max-width: 26em;
  margin: 0 auto;
}

.ante-thing-grid > * {
  box-sizing: border-box;
  width: 100%;
}

.ante-thing-grid .ante-property-rows {
  width: 100%;
}

.ante-thing-grid .ante-property-value {
  font-family: inherit;
}

.ante-thing-grid .ante-property-sheet {
  min-width: 0;
  max-width: none;
}

.ante-thing-matches {
  --ante-accent: var(--ante-design-signal);
}

.ante-thing-grid,
.ante-thing-grid * {
  backdrop-filter: none !important;
}

:root[data-ante-theme=daylight] .ante-score,
:root[data-ante-theme=daylight] .ante-thing-match strong {
  color: color-mix(in oklab, var(--ante-score-color) 55%, var(--ante-design-text));
}

.ante-profiles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em;
  margin-bottom: 0.7em;
}

.ante-profile {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.1em 0.5em 0.1em 0.3em;
  border: 1px solid var(--ante-design-line);
  border-radius: 1em;
  color: var(--ante-design-dim);
  font-size: 0.82em;
}
.ante-profile input {
  accent-color: var(--ante-design-second);
}
.ante-profile.active {
  color: var(--ante-design-text);
}
.ante-profile.edited {
  border-color: var(--ante-design-second);
  box-shadow: 0 0 0.5em color-mix(in srgb, var(--ante-design-second) 35%, transparent);
}

.ante-profile-name {
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.ante-ranking-hint {
  margin: 0.6em 0 0;
  color: var(--ante-design-warm);
  font-size: 0.82em;
}

.ante-ranking-link {
  margin-top: 0.7em;
  border: none;
  background: none;
  padding: 0;
  color: var(--ante-design-dim);
  font: inherit;
  font-size: 0.82em;
  cursor: pointer;
}
.ante-ranking-link:hover {
  color: var(--ante-design-signal);
}

.ante-profile-editor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}

.ante-profile-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  align-items: flex-start;
}
.ante-profile-cards > * {
  flex: 0 1 26em;
}

.ante-profile-card {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
  padding: 0.9em;
  border: 1px solid var(--ante-design-line);
  border-radius: var(--ante-radius);
  opacity: 0.6;
}
.ante-profile-card.active {
  opacity: 1;
  border-color: color-mix(in srgb, var(--ante-design-second) 50%, transparent);
}

.ante-profile-head {
  display: flex;
  align-items: center;
  gap: 0.6em;
  flex-wrap: wrap;
}

.ante-profile-title {
  flex: 1;
  min-width: 8em;
  border: 1px solid var(--ante-design-line);
  background: var(--ante-design-well);
  color: var(--ante-design-text);
  border-radius: var(--ante-radius);
  padding: 0.3em 0.5em;
  font: inherit;
  box-shadow: var(--ante-design-field-bevel);
}

.ante-profile-active,
.ante-profile-strength {
  display: flex;
  align-items: center;
  gap: 0.3em;
  color: var(--ante-design-dim);
  font-size: 0.85em;
}
.ante-profile-active input[type=checkbox],
.ante-profile-strength input[type=checkbox] {
  accent-color: var(--ante-design-second);
}
.ante-profile-active input[type=number],
.ante-profile-strength input[type=number] {
  width: 3.5em;
  border: 1px solid var(--ante-design-line);
  background: var(--ante-design-well);
  color: var(--ante-design-text);
  border-radius: var(--ante-radius);
  padding: 0.2em 0.3em;
  font-family: var(--ante-numbers);
}

.ante-score.none {
  border-color: transparent;
  background: none;
  color: var(--ante-design-dim);
}

.ante-matrix-bar {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.8em 1em 0;
  color: var(--ante-design-dim);
  font-size: 0.88em;
}
.ante-matrix-bar select {
  border: 1px solid var(--ante-design-line);
  background: var(--ante-design-well);
  color: var(--ante-design-text);
  border-radius: var(--ante-radius);
  padding: 0.25em 0.5em;
  font: inherit;
  box-shadow: var(--ante-design-field-bevel);
}

.ante-thing-excluded {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4em;
  margin-top: 0.3em;
  color: var(--ante-design-bad);
  font-size: 0.85em;
}
.ante-thing-excluded strong {
  padding: 0.1em 0.6em;
  border: 1px solid var(--ante-design-bad);
  border-radius: var(--ante-radius);
  background: color-mix(in srgb, var(--ante-design-bad) 14%, transparent);
  letter-spacing: 0.12em;
  text-transform: var(--ante-design-label-case);
  font-size: 0.85em;
}

.ante-thing-excluded-condition {
  border: 1px solid var(--ante-design-line);
  color: var(--ante-design-text);
  border-radius: var(--ante-radius);
  padding: calc(0.4em * var(--ante-design-spacing)) calc(1em * var(--ante-design-spacing));
  background: var(--ante-design-button);
  box-shadow: var(--ante-design-bevel);
  font: inherit;
  font-size: 0.88em;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.ante-thing-excluded-condition:hover:not(:disabled) {
  border-color: var(--ante-design-signal);
  color: var(--ante-design-signal);
  box-shadow: var(--ante-design-glow);
}
.ante-thing-excluded-condition:disabled {
  opacity: 0.35;
  cursor: default;
}
.ante-thing-excluded-condition {
  padding: 0.1em 0.6em;
  font-size: 0.95em;
  border-color: color-mix(in srgb, var(--ante-design-bad) 50%, transparent);
  color: var(--ante-design-bad);
}

.ante-thing-tabs {
  display: block;
  margin-top: 0.5em;
}

.ante-state {
  font-size: 0.9em;
  line-height: 1;
  cursor: help;
}
.ante-state.unread {
  color: var(--ante-design-signal);
  text-shadow: 0 0 0.6em var(--ante-design-signal);
}
.ante-state.seen {
  color: var(--ante-design-dim);
}
.ante-state.read {
  color: var(--ante-design-good);
  opacity: 0.7;
}

.ante-podium-title .ante-state,
.ante-gallery-caption .ante-state,
.ante-comparison-title .ante-state {
  font-size: 0.8em;
  line-height: 0;
}

@media (width < 50em) {
  .ante-thing-head,
  .ante-thing-navigation {
    flex-wrap: wrap;
  }
}
.orbit-workspace {
  position: relative;
  flex: 1;
  min-height: 0;
}

.orbit-workspace > ante-window-launcher {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8.4em;
}

ante-window-area.orbit-windows {
  position: absolute;
  inset: 0 0 0 8.4em;
  pointer-events: none;
}
ante-window-area.orbit-windows > .ante-window {
  pointer-events: auto;
}