/*
* Timeline component
*
*/

@import '../../../style/core/utilities.scss';

.dnb-timeline {
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style: none;

  &__item {
    &__label {
      display: flex;
      align-items: center;
      padding: 0;

      text-align: left;

      &__icon {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;

        height: auto;
        padding: 0;
      }

      &__title {
        cursor: text;
      }
    }

    &__content {
      padding-bottom: var(--spacing-small);

      &__subtitle {
        cursor: text;

        font-size: var(--font-size-x-small);
        font-weight: var(--font-weight-basis);
        color: var(--color-black-55);
      }

      &__info {
        padding-top: var(--spacing-x-small);
      }
    }
  }
}