/* [project]/node_modules/@drupal-canvas/headless/dist/preview.css [app-client] (css) */
:root {
  --canvas--sortable-empty-slot-height: 40px;
  --canvas--sortable-empty-region-height: 320px;
}

.canvas--slot-empty-placeholder, .canvas--region-empty-placeholder {
  width: 100%;
  height: 100%;
  min-height: var(--canvas--sortable-empty-slot-height);
  grid-column: 1 / -1;
}

.canvas--region-empty-placeholder {
  min-height: var(--canvas--sortable-empty-region-height);
}

.canvas--page-content-marker-placeholder {
  min-height: var(--canvas--sortable-empty-region-height);
  text-align: center;
  color: #18794e;
  background: repeating-linear-gradient(-45deg, #30a46c08 0 10px, #0000 10px 20px), #30a46c0a;
  border: 1.5px dashed #30a46c8c;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 32px 24px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 1rem;
  display: flex;
}

.canvas--page-content-marker-placeholder__icon {
  opacity: .85;
  margin-bottom: 2px;
}

.canvas--page-content-marker-placeholder__title {
  letter-spacing: .02em;
  font-size: 13px;
  font-weight: 600;
}

.canvas--page-content-marker-placeholder__caption {
  color: #18794eb3;
  font-size: 12px;
}

/*# sourceMappingURL=node_modules_%40drupal-canvas_headless_dist_preview_1a8cq9b.css.map*/