@use "../../variables/index" as *;

/**
 * Group Info - Information display component
 *
 * Note: Uses $size-20 for padding.
 *
 * Intentionally hardcoded values:
 * - 30px/-30px: Specific horizontal spacing for layout
 * - Transition duration (0.25s): Animation timing
 * - Z-index: Stacking order
 */

.group-info {
  margin: 0 -30px 0;
  padding: 0 30px $size-20;

  transition: all 0.25s ease;
  .form-editable {
    z-index: 999;
    align-self: flex-start;
    padding-top: 0;
    &.form-read-only {
      padding-top: 0;
    }
  }
}
