#inventory-panel::before {
  display: none;
}

#inventory-panel.ui-panel {
  position: absolute;
  top: var(--inventory-anchor-top);
  left: 50%;
  width: min(
    calc(100% - var(--screen-safe-left) - var(--screen-safe-right)),
    calc(
      var(--inventory-hud-score-rendered-width) + (2 * var(--inventory-panel-score-side-safe))
    )
  );
  height: min(var(--inventory-current-height), var(--inventory-shell-max-height));
  max-height: var(--inventory-shell-max-height);
  transform: translate(-50%, 40px);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease;
}

#inventory-panel.ui-panel.show,
#inventory-panel.ui-panel.is-open {
  transform: translate(-50%, 0);
  opacity: 1;
}

#inventory-panel.ui-panel.is-closing {
  opacity: 0;
  transform: translate(-50%, 40px);
  pointer-events: none;
}