@charset "UTF-8";
.card {
  display: grid;
  position: relative;
}
.card .card__count, .card .card__title {
  /* HeadingxlSemiBold */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlSemiBold);
  font-family: var(--font-family-HeadingxlSemiBold);
  font-size: var(--font-size-HeadingxlSemiBold);
  font-style: var(--font-style-HeadingxlSemiBold);
  font-weight: var(--font-weight-HeadingxlSemiBold);
  line-height: var(--font-line-height-HeadingxlSemiBold);
  letter-spacing: var(--font-letter-spacing-HeadingxlSemiBold);
  overflow-wrap: break-word;
  word-break: break-word;
}
.card__title {
  color: var(--color-content-neutral-primary);
}
.card__description {
  color: var(--color-content-neutral-secondary);
}
.card__count {
  color: var(--color-content-neutral-tertiary);
}
.card_type_number .card__content {
  gap: var(--size-content-space-2xl);
}
.card_type_icon .card__content {
  gap: var(--size-content-space-lg);
}
.card_direction_vertical .card__content {
  display: grid;
  grid-template-rows: repeat(2, max-content) 1fr;
  padding: var(--size-block-space-lg) 0;
  border-top: 1px solid var(--color-border-neutral-md);
}
.card_direction_vertical:nth-child(odd) {
  padding-right: var(--size-block-space-lg);
}
.card_direction_vertical:nth-child(even) {
  padding-left: var(--size-block-space-lg);
}
.card_direction_vertical:nth-child(even) .card__content::before {
  content: "";
  width: 1px;
  height: calc(100% - var(--size-block-space-lg) * 2);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--color-border-neutral-md);
}
.card_direction_vertical:last-child:nth-child(odd)::before {
  content: "";
  width: 1px;
  height: calc(100% - var(--size-block-space-lg) * 2);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--color-border-neutral-md);
}
.card_direction_vertical:nth-last-child(-n+2) .card__content {
  border-bottom: 1px solid var(--color-border-neutral-md);
}
.card_direction_horizontal .card__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-grids-gutter-md);
  padding: var(--size-block-space-lg) 0;
  border-top: 1px solid var(--color-border-neutral-md);
}
.card_direction_horizontal:last-child .card__content {
  border-bottom: 1px solid var(--color-border-neutral-md);
}
.card {
  /* Горизонтальный блок с базовой сеткой */
}
.card_base .card__content {
  grid-template-columns: var(--column-one-third);
  border-top: 1px solid var(--color-border-neutral-md);
}

@media (max-width: 450px) {
  .column.card-wrapper_mobile_one {
    grid-template-columns: 1fr;
  }
  .column.card-wrapper_mobile_one .card_direction_vertical .card__content {
    display: grid;
    border-top: 1px solid var(--color-border-neutral-md);
    /*@extend %border-odd;
    @extend %card-last-vertical;*/
  }
  .column.card-wrapper_mobile_one .card_direction_vertical:nth-child(odd) {
    padding-right: 0;
  }
  .column.card-wrapper_mobile_one .card_direction_vertical:nth-child(even) {
    padding-left: 0;
  }
  .column.card-wrapper_mobile_one .card_direction_vertical:nth-child(even) .card__content::before {
    display: none;
  }
  .column.card-wrapper_mobile_one .card_direction_vertical:last-child:nth-child(odd)::before {
    display: none;
  }
  .column.card-wrapper_mobile_one .card_direction_vertical {
    /*&:nth-last-child(-n+2) {
        %card-last-vertical {
            border-bottom: 1px solid var(--color-border-neutral-md);
        }
    }*/
  }
}

@media (max-width: 1024px) {
  .card_base .card__content {
    grid-template-columns: 1fr;
  }
  .card_direction_horizontal .card__content {
    grid-template-columns: max-content repeat(2, 1fr);
  }
}
@media (max-width: 490px) {
  .card_direction_horizontal .card__content {
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=card.css.map */