/**
 * Slot placeholder — (Slots layouts)
 */
@use "../abstracts/variables" as v;

.#{v.class-seg()}slot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: v.$slot-min-width;
  min-height: v.$field-min-height;
  padding: v.$space-2;
  flex-shrink: 0;
  background: var(--surface-action-hover-2);
  border: v.$border-width-1 dashed var(--border-action);
  border-radius: v.$border-radius-4;
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body-medium);
  letter-spacing: var(--letter-spacing-body-medium);
  color: var(--text-action);
  text-align: center;
}