import { css } from 'lit';
export default css `
  :host {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
    align-self: stretch;
    color: var(--md-sys-color-on-surface);
    background-color: var(--md-sys-color-surface);
  }

  .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
    align-self: stretch;
  }

  .intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;

    .header {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      align-self: stretch;

      .headline-medium {
        flex: 1 0 0;
      }
    }

    .description {
      align-self: stretch;
    }
  }

  .config-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: stretch;
  }

  .action-presets {
    background: var(--md-sys-color-surface-container);
    border-radius: var(--md-sys-shape-corner-small, 4px);
  }

  .section-header {
    display: flex;
    align-items: center;
    gap: 8px;

    .title-medium {
      flex: 1 0 0;
    }
  }
`;
//# sourceMappingURL=ApiModelingEntityEditor.js.map