import { css } from 'lit';
import { StatusStyles } from './HttpStatus.js';
export default [
    StatusStyles,
    css `
    :host {
      display: block;
    }

    .tree {
      list-style: none;
      padding: 0 0 4px 0;
      margin: 0;
    }

    .tree-parent {
      list-style: none;
      height: 40px;
      display: flex;
      align-items: center;
      user-select: none;

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

    .toggle-icon {
      transition: transform 230ms var(--md-sys-animation-easing-standard);
      width: 40px;
    }

    .tree-parent.closed .toggle-icon {
      transform: rotate(-90deg);
    }

    .tree-item {
      min-height: 40px;
      user-select: text;
      word-break: break-all;
      list-style: none;
      margin: 0;
      box-sizing: border-box;
      padding: 0 0 0 40px;
      display: flex;
      align-items: center;

      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);

      position: relative;
    }

    .tree-item .item-content {
      position: relative;
      z-index: 1;
    }

    .tree-item:hover {
      color: var(--md-sys-color-on-surface);
    }

    .tree-item:hover::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: var(--md-sys-color-on-surface);
      opacity: var(--md-sys-state-hover-state-layer-opacity);
    }

    .tree-item:focus {
      color: var(--md-sys-color-on-surface);
    }

    .tree-item:focus::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: var(--md-sys-color-on-surface);
      opacity: var(--md-sys-state-focus-state-layer-opacity);
    }

    .auto-link {
      color: var(--link-color);
    }

    .children {
      padding-left: 0;
    }

    .children.collapsed {
      display: none;
    }

    ui-divider:last-child {
      display: none;
    }

    .status-code {
      margin-left: 8px;
    }
  `,
];
//# sourceMappingURL=LogHeaders.styles.js.map