/* =========================================================
   ClientSideTools — Interactive Element Hit-Box Debugger Styles
   ========================================================= */

.hitbox-preview-wrapper {
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  overflow: hidden;
  background-color: #ffffff;
}

.hitbox-preview-frame {
  display: block;
  width: 100%;
  min-height: 360px;
  border: 0;
  background-color: #ffffff;
  color-scheme: light;
}

.hitbox-result__title {
  margin: 0;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
}

.hitbox-result__detail {
  margin: 0;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}