import { css } from 'lit';
export default css `
  :host {
    display: block;

    font-family: var(--md-sys-typescale-body-large-font);
    font-weight: var(--md-sys-typescale-body-large-weight);
    font-size: var(--md-sys-typescale-body-large-size);
    letter-spacing: var(--md-sys-typescale-body-large-tracking);
    line-height: var(--md-sys-typescale-body-large-height);
  }

  :host([hidden]) {
    display: none;
  }

  .custom-property {
    background-color: var(--md-sys-color-surface-variant);
    color: var(--md-sys-color-on-surface-variant);
    border-radius: var(--md-sys-shape-corner-medium);

    padding: 16px 0;
    margin: 20px 0;
    display: flex;
  }

  .name {
    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);
  }

  .info-icon {
    margin: 0 12px;
    fill: var(--md-sys-color-on-surface-variant);
    width: 24px;
    height: 24px;
  }

  .text-selectable {
    user-select: text;
  }
`;
//# sourceMappingURL=ApiAnnotationDocument.styles.js.map