.inspectorInner {
  align-items: flex-end;
  justify-content: center;
  padding: 0;
}

.inspectorContent {
  --modal-content-flex: 0 0 100%;
  --modal-content-max-height: min(88dvh, 52rem);

  width: 100%;
  max-width: 100%;
  border-radius: var(--mantine-radius-lg) var(--mantine-radius-lg) 0 0;
}

@media (min-width: 48em) {
  .inspectorInner {
    align-items: stretch;
    justify-content: flex-end;
  }

  .inspectorContent {
    --modal-content-flex: 0 0 min(34rem, 46vw);
    --modal-content-height: 100dvh;
    --modal-content-max-height: 100dvh;

    width: min(34rem, 46vw);
    border-radius: 0;
  }
}