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

    .endpoint-header {
      margin-bottom: 40px;
    }

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

    .endpoint-title .label {
      font-family: var(--md-sys-typescale-headline-medium-font);
      font-weight: var(--md-sys-typescale-headline-medium-weight);
      font-size: var(--md-sys-typescale-headline-medium-size);
      letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
      line-height: var(--md-sys-typescale-headline-medium-height);

      margin: 12px 0px;
      flex: 1;
    }

    .sub-header {
      font-family: var(--md-sys-typescale-label-large-font);
      font-weight: var(--md-sys-typescale-label-large-weight);
      font-size: var(--md-sys-typescale-label-large-size);
      letter-spacing: var(--md-sys-typescale-label-large-tracking);
      line-height: var(--md-sys-typescale-label-large-height);

      margin: 0;
    }

    .extensions {
      font-style: italic;
      margin: 12px 0;
    }

    .operations {
      margin-top: 40px;
    }

    .operation-container {
      padding: 12px;
      border-radius: var(--md-sys-shape-corner-medium);
    }

    .operation-container.tryit {
      display: flex;
    }

    .operation-container.tryit api-operation-document {
      padding-right: 12px;
      width: 66.666%;
      max-width: 1200px;
    }

    .operation-container:not(:last-of-type) {
      margin-bottom: 20px;
    }

    .try-it-column {
      width: 33.333%;
    }

    .try-it-column api-request {
      background-color: var(--md-sys-color-surface);
      border-radius: var(--md-sys-shape-corner-medium);
      padding: 12px;
    }

    .snippets {
      margin-top: 20px;
      background-color: var(--md-sys-color-surface);
      border-radius: var(--md-sys-shape-corner-medium);
      padding: 12px;
    }
  `,
];
//# sourceMappingURL=ApiResourceDocument.styles.js.map