/* Pixel Pet Studio v2.0.0-alpha.4 — inspector selection repair */

#inspector.panel-inspector {
  transition:
    min-height 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

#inspector.panel-inspector.has-selection {
  min-height: 220px;
  border-color: rgba(89, 231, 164, 0.58);
  box-shadow:
    0 0 0 1px rgba(89, 231, 164, 0.14),
    0 18px 34px rgba(0, 0, 0, 0.3);
}

#inspector.panel-inspector.pps-inspector-pop {
  animation: pps-inspector-pop 420ms ease-out;
}

#inspectBody .ins-object-card {
  display: grid;
  gap: 0.45rem;
}

#inspectBody .ins-object-kind {
  color: #59e7a4;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

#inspectBody .ins-object-details {
  display: grid;
  gap: 0.34rem;
}

#inspectBody .ins-object-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.8rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.13);
  padding-bottom: 0.28rem;
}

#inspectBody .ins-object-row b {
  color: #effff6;
  max-width: 62%;
  overflow-wrap: anywhere;
  text-align: right;
}

@keyframes pps-inspector-pop {
  0% {
    transform: translateY(0);
  }
  35% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #inspector.panel-inspector,
  #inspector.panel-inspector.pps-inspector-pop {
    animation: none;
    transition: none;
  }
}