@use '../../../../../styles/typography';

:host {
  display: block;
  overflow: auto;
  height: 100%;

  .selected-entry {
    padding: 0.75rem;
    box-sizing: border-box;
    overflow: auto;

    .title {
      @extend %heading-400;
      margin: 0 0 0.75rem 0;
      padding: 0;
    }

    .subtitle {
      @extend %body-bold-01;
      margin: 2rem 0 0.5rem 0;
    }

    .entry-statistics {
      .total-time > span {
        color: var(--dynamic-purple-01);
      }

      ng-execution-details {
        margin-top: 1.5rem;
      }

      ul {
        list-style-type: square;
        margin-block-start: 0;
        padding-inline-start: 1.5rem;

        li {
          margin-bottom: 0.375rem;
        }
      }
    }
  }
}
