import { css } from 'lit';
import commonStyles from './styles/Common.js';
import schemaStyles from './styles/SchemaCommon.js';
import typography from '../../styles/m3/typography.module.js';
import MarkdownStyles from '../highlight/MarkdownStyles.js';
export default [
    commonStyles,
    schemaStyles,
    MarkdownStyles,
    typography,
    css `
    :host {
      display: block;
    }

    .schema-title {
      display: flex;
      align-items: center;
      flex-direction: row;
    }

    .schema-title .label {
      margin: 12px 0px;
    }

    .schema-title.low-emphasis .label {
      font-size: var(--schema-title-low-emphasis-size, 1.1rem);
      font-weight: var(--schema-title-low-emphasis-weight, 400);
    }

    .schema-title .type-name {
      margin-left: 8px;
      font-size: var(--schema-title-type-name-size, 22px);
    }

    .schema-title.low-emphasis .type-name {
      font-size: var(--schema-title-type-name-low-emphasis-size, 1.05rem);
    }
  `,
];
//# sourceMappingURL=ApiSchemaDocument.styles.js.map