import { css } from 'lit';
import { StatusStyles } from '../http/HttpStatus.js';
import { chartStyles } from './HttpHistoryChart.js';
export default [
    StatusStyles,
    chartStyles,
    css `
    :host {
      display: block;
      height: 100%;
    }

    .history-dropdown ui-list {
      min-width: 200px;
    }

    .history-group-title {
      padding: 12px 16px;
      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);
    }

    .history-label .status-code {
      padding-right: 12px;
    }

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

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

    .chart {
      flex: 1;
      height: 400px;
      overflow-x: auto;
      overflow-y: hidden;
    }

    .no-data {
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
    }

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

    .history-label .label-value {
      display: block;
      margin-right: 12px;
    }

    .history-label .delete {
      margin-left: auto;
    }
  `,
];
//# sourceMappingURL=HttpProjectRequestHistory.styles.js.map