import { css } from 'lit';
import { StatusStyles } from '../http/HttpStatus.js';
import badge from '../../styles/m3/badge.module.js';
import httpLabelColors from '../http/HttpLabelColors.js';
import HttpLabelStyles from '../http/HttpLabelStyles.js';
export default [
    StatusStyles,
    badge,
    HttpLabelStyles,
    httpLabelColors,
    css `
    :host {
      display: block;
    }

    .header {
      display: flex;
      align-items: center;
      margin-bottom: 12px;
    }

    .header > :not(:last-child) {
      margin-right: 12px;
    }

    .list-content {
      display: block;
      flex: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .list-contents {
      overflow: hidden;
    }

    .secondary {
      font-size: 0.875rem;
      color: var(--secondary-text-color);
      display: flex;
      align-items: center;
      overflow: hidden;
      white-space: nowrap;
    }

    .status-code {
      margin-right: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .request-title-dropdown {
      max-width: 220px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      direction: rtl;
      text-align: left;
    }

    .history-label {
      display: flex;
      align-items: center;
      width: 100%;
    }

    .view-toggle {
      margin-left: auto;
    }

    .summary-header {
      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);

      margin-bottom: 40px;
    }

    table {
      border-collapse: collapse;
      width: 100%;
      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);
    }

    table td {
      vertical-align: text-bottom;
      padding: 20px;
    }

    table th {
      border-bottom: 1px var(--md-sys-color-outline-variant) solid;
      padding: 20px;
    }

    table .request {
      text-align: left;
    }

    table .status {
      text-align: right;
      width: 120px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    table .time,
    table .assertions {
      text-align: right;
      width: 80px;
    }

    .execution-table:not(:last-child) {
      margin-bottom: 40px;
    }

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

    .link {
      cursor: pointer;
      text-decoration: underline;
    }
  `,
];
//# sourceMappingURL=ProjectRunReport.styles.js.map