/* Keep transaction loading/error messages out of the map toolbar's flex sizing. */
.map-layer-buttons .trade-mode-menu > p[role="status"] {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 1;
  box-sizing: border-box;
  width: max-content;
  max-width: min(430px, calc(100vw - 32px)) !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 1px solid #dbe3eb;
  border-radius: 8px;
  box-shadow: 0 2px 8px #17304718;
  color: #334155;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  pointer-events: none;
}
/* The open filter owns the space above its button, including during loading. */
.map-layer-buttons .trade-mode-options {
  z-index: 2;
}
/* Keep the live status accessible without showing fragments beside an open filter. */
.map-layer-buttons .trade-mode-menu:has(.trade-mode-options) > p[role="status"] {
  clip-path: inset(50%);
}