.catalog-targets {
  position: relative;
  margin-bottom: 1.8rem; }
  .catalog-targets--product .catalog-targets__toggle {
    background-color: #F8F8F8; }
    .catalog-targets--product .catalog-targets__toggle:before {
      background: linear-gradient(270deg, #F8F8F8 24.51%, rgba(248, 248, 248, 0.734375) 43%, rgba(248, 248, 248, 0) 88.78%); }
  .catalog-targets__list {
    display: flex;
    overflow: hidden;
    gap: .8rem 1.6rem; }
    @media (max-width: 1023px) {
      .catalog-targets__list {
        overflow: auto;
        flex-wrap: nowrap;
        margin-right: -16px;
        margin-bottom: 12px;
        padding-right: 16px;
        padding-bottom: 8px;
        gap: 10px; } }
    .catalog-targets__list.active {
      flex-wrap: wrap; }
      .catalog-targets__list.active .catalog-targets__toggle {
        position: static;
        transform: none; }
        .catalog-targets__list.active .catalog-targets__toggle:before {
          display: none; }
  .catalog-targets__title {
    margin-bottom: 2.4rem; }
    @media (max-width: 1023px) {
      .catalog-targets__title {
        margin-bottom: 10px; } }
  .catalog-targets__subtitle {
    margin-top: .5rem;
    margin-right: 2rem;
    white-space: nowrap;
    font-weight: 500; }
    @media (max-width: 1023px) {
      .catalog-targets__subtitle {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 10px; } }
  .catalog-targets__toggle {
    position: absolute;
    right: 0;
    display: none;
    align-self: flex-start;
    background-color: #fff; }
    .catalog-targets__toggle:before {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 100%;
      width: 100px;
      content: '';
      pointer-events: none;
      background: linear-gradient(270deg, #fff 24.51%, rgba(255, 255, 255, 0.734375) 43%, rgba(255, 255, 255, 0) 88.78%); }
    .catalog-targets__toggle span {
      text-decoration: underline;
      color: #E74829;
      text-decoration-style: dashed;
      text-underline-offset: .2em; }
    .catalog-targets__toggle .btn {
      height: 3.4rem;
      gap: .4rem; }
      @media (max-width: 1023px) {
        .catalog-targets__toggle .btn {
          height: 34px; } }
    .catalog-targets__toggle .icon {
      transform: rotate(90deg);
      fill: #E74829; }
    .catalog-targets__toggle.visible {
      display: flex; }
      @media (max-width: 1023px) {
        .catalog-targets__toggle.visible {
          display: none; } }
    .catalog-targets__toggle.active .icon {
      transform: rotate(-90deg); }
  .catalog-targets__link {
    position: relative;
    height: 3.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.2rem;
    transition: all ease .3s;
    white-space: nowrap;
    color: #6F7682;
    border: 1px solid #D8D8D8;
    border-radius: .4rem;
    background: #F8F8F8;
    font-weight: 500; }
    @media (max-width: 1023px) {
      .catalog-targets__link {
        height: 34px;
        border-radius: 4px; } }
    @media (min-width: 1024px) {
      .catalog-targets__link {
        cursor: pointer; }
        .catalog-targets__link:hover {
          color: #353535;
          background: #fff; } }
    .catalog-targets__link.active {
      cursor: default;
      color: #00A19B;
      border-color: #00A19B;
      background-color: #fff; }
    .catalog-targets__link:active {
      color: #353535;
      border-color: #353535;
      background-color: #fff; }

.catalog-targets--inner {
  margin-top: 6rem; }
  .catalog-targets--inner .catalog-targets__list {
    margin-bottom: 0; }
  @media (max-width: 1023px) {
    .catalog-targets--inner {
      margin-top: 56px;
      margin-bottom: 0; } }

.catalog-targets--line {
  display: flex; }
  @media (max-width: 1023px) {
    .catalog-targets--line {
      display: block; } }