.date-list {
  display: flex;
}

.date-list__item + .date-list__item:before {
  content: '';
  width: 5px;
  height: 5px;
  margin: 0 5px 0 3px;
  display: inline-flex;
  border-right: 1.5px solid var(--tide-booking-radiobutton-color-text);
  border-bottom: 1.5px solid var(--tide-booking-radiobutton-color-text);
  transform: rotate(-45deg) translate3D(1px, -3px, 0);

  @include media-lg {
    width: 7px;
    height: 7px;
    transform: rotate(-45deg) translate3D(3px, -1px, 0);
  }
}

.tree {
  .date-list {
    margin: 15px * 0.3 0 0 0;

    @include media-md {
      width: 180px;
      margin: 0;
    }

    @include media-xl {
      width: 200px;
    }
  }

  &--selected {
    .date-list__item + .date-list__item:before {
      border-color: var(--tide-booking-input-selected-color);
    }
  }
}