.category-card {
  display: grid;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
}
.category-card .category-card__title-link, .category-card .category-card__title {
  font-family: var(--font-heading);
  font-size: var(--size-font-2xl-size);
  font-style: normal;
  font-weight: 600;
  line-height: var(--size-font-2xl-line);
}
.category-card_size_sm {
  height: 400px;
  gap: var(--size-content-space-1xl);
  border-radius: var(--radius-card-lg);
}
.category-card_size_sm .category-card__data {
  padding: var(--size-card-padding-lg);
}
.category-card_style_neutral {
  background: var(--color-card-neutral-bg-sm-default);
}
@media (hover: hover) {
  .category-card_style_neutral:hover {
    background: var(--color-card-neutral-bg-sm-hover);
  }
}
.category-card_style_neutral .category-card__title-link, .category-card_style_neutral .category-card__title {
  color: var(--color-content-neutral-primary);
}
.category-card_style_primary {
  background: var(--color-card-primary-bg-default);
}
@media (hover: hover) {
  .category-card_style_primary:hover {
    background: var(--color-card-primary-bg-hover);
  }
}
.category-card_style_primary .category-card__title-link, .category-card_style_primary .category-card__title {
  color: var(--color-content-neutral-primary);
}
.category-card_style_picture {
  background: var(--color-bg-neutral-sm);
}
.category-card_style_picture::before {
  content: "";
  position: absolute;
  opacity: 0.3;
  left: 0;
  top: 0;
  width: 100%;
  height: 220px;
  background: linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  transition: var(--transition);
}
@media (hover: hover) {
  .category-card_style_picture:hover::before {
    opacity: 0.6;
  }
}
.category-card_style_picture .category-card__title-link, .category-card_style_picture .category-card__title {
  color: var(--color-content-neutral-primary);
}
.category-card_style_picture-switch .category-card__media:has(img:nth-child(2)) img:first-child {
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: 1;
}
.category-card_style_picture-switch .category-card__media:has(img:nth-child(2)) img:nth-child(2) {
  z-index: 0;
}
@media (hover: hover) {
  .category-card_style_picture-switch:hover .category-card__media:has(img:nth-child(2)) img:first-child {
    opacity: 1;
    visibility: visible;
  }
}
.category-card_style_background-gradient::before, .category-card_style_background-gradient::after {
  content: "";
  position: absolute;
  opacity: 0.3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  z-index: -1;
}
.category-card_style_background-gradient::before {
  background: linear-gradient(180deg, var(--color-base-neutral-940, #1E1E1E) 0%, var(--color-base-neutral-950, #101010) 100%);
}
.category-card_style_background-gradient::after {
  opacity: 0;
  background: linear-gradient(180deg, var(--color-base-primary-200, #F28501) 0%, var(--color-base-neutral-950, #101010) 100%);
}
@media (hover: hover) {
  .category-card_style_background-gradient:hover::before {
    opacity: 0;
  }
  .category-card_style_background-gradient:hover::after {
    opacity: 1;
  }
}
.category-card_style_background-gradient .category-card__title-link, .category-card_style_background-gradient .category-card__title {
  color: var(--color-content-neutral-primary);
}
.category-card > .category-card__link {
  display: grid;
  width: 100%;
  height: 100%;
}
.category-card__data {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  align-content: space-between;
  position: relative;
  z-index: 1;
}
.category-card__media {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.category-card img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.category-card__action {
  position: relative;
  z-index: 1;
}
.category-card__title-link {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .category-card:hover .category-card__media img, .category-card.hover .category-card__media img {
    transform: scale(1.1);
  }
}

@container main (max-width: 1366px) {
  .category-card_size_sm {
    height: 324px;
    border-radius: var(--radius-card-md, 20px);
  }
}
@container main (max-width: 767px) {
  .category-card_size_sm {
    height: 217px;
  }
}
@container main (max-width: 640px) {
  .category-card_size_sm {
    height: 324px;
  }
}
@container main (max-width: 500px) {
  .category-card_size_sm {
    height: 217px;
  }
}
@container main (max-width: 480px) {
  .category-card_size_sm {
    height: 187px;
  }
}

/*# sourceMappingURL=category-card.css.map */