.step-list__item {
  --icon-width: 14px;
  --icon-height: 16px;
  --icon-fill-color: #989898;
  --border-width: 4px;
  --border-color: var(--default-grey-color);
  --text-color: var(--icon-fill-color);
  --item-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--space) / 2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--space);
  padding-bottom: calc(var(--space) - var(--border-width));
  width: var(--item-width);
  border-bottom: var(--border-width) solid var(--border-color); }
  .step-list__item-title {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 700;
    line-height: var(--default-line-height); }
  .step-list__item .svg-icon {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 14px; }
  .step-list__item_is_active {
    --border-color: var(--default-red-color);
    --text-color: var(--default-red-color);
    --icon-fill-color: var(--default-red-color); }
  @media (min-width: 780px) {
    .step-list__item {
      --item-width: auto; } }