.Collapse {
  --horizontal-space: 0;
}

  .Collapse_size_m {
      --vertical-space: var(--space-m);
      --elements-offset: var(--space-s);
      --body-offset-up: var(--space-xs);
      --body-offset-bottom: var(--space-2xl);
    }

  @media screen and (max-width: 767px) {

  .Collapse_size_m {
        --body-offset-up: 0;
        --body-offset-bottom: var(--space-m)
    }
      }

  .Collapse_size_m .Collapse-Content {
        font-size: 18px;
        line-height: 24px;
      }

  @media screen and (max-width: 767px) {

  .Collapse_size_m .Collapse-Content {
          font-size: 16px;
          line-height: 24px
      }
        }

  .Collapse_size_l {
      --vertical-space: var(--space-xl);
      --elements-offset: var(--space-s);
      --body-offset-up: 0;
      --body-offset-bottom: var(--space-2xl);
    }

  @media screen and (max-width: 767px) {

  .Collapse_size_l {
        --vertical-space: var(--space-m);
        --body-offset-up: 0;
        --body-offset-bottom: var(--space-m)
    }
      }

  .Collapse_size_l .Collapse-Content {
        font-size: 18px;
        line-height: 24px;
      }

  @media screen and (max-width: 767px) {

  .Collapse_size_l .Collapse-Content {
          font-size: 16px;
          line-height: 24px
      }
        }

  .Collapse_size_l .Collapse-Content .Article {
          max-width: 66.25817%;
        }

  @media screen and (max-width: 1199px) {

  .Collapse_size_l .Collapse-Content .Article {
            max-width: 100%
        }
          }

  .Collapse_horizontalSpace_3xs {
      --horizontal-space: var(--space-3xs);
    }

  .Collapse_horizontalSpace_2xs {
      --horizontal-space: var(--space-2xs);
    }

  .Collapse_horizontalSpace_xs {
      --horizontal-space: var(--space-xs);
    }

  .Collapse_horizontalSpace_s {
      --horizontal-space: var(--space-s);
    }

  .Collapse_horizontalSpace_m {
      --horizontal-space: var(--space-m);
    }

  .Collapse_horizontalSpace_l {
      --horizontal-space: var(--space-l);
    }

  .Collapse_horizontalSpace_xl {
      --horizontal-space: var(--space-xl);
    }

  .Collapse_horizontalSpace_2xl {
      --horizontal-space: var(--space-2xl);
    }

  .Collapse_horizontalSpace_3xl {
      --horizontal-space: var(--space-3xl);
    }

  .Collapse_horizontalSpace_4xl {
      --horizontal-space: var(--space-4xl);
    }

  .Collapse_horizontalSpace_5xl {
      --horizontal-space: var(--space-xxl);
    }

  .Collapse_horizontalSpace_6xl {
      --horizontal-space: var(--space-5xl);
    }

  .Collapse_view_primary .Collapse-Icon {
        background-color: var(--color-blue-primary);
        color: #fff;
        border-radius: var(--control-radius);
      }

  .Collapse_view_secondary {
      color: var(--color-typo-secondary);
      --vertical-space: 0;
    }

  .Collapse_view_secondary .Collapse-Icon {
        border-left: 1px solid var(--color-decor);
      }

  .Collapse-Label {
    padding: var(--vertical-space) var(--horizontal-space);
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }

  .Collapse-Label_hoverEffect:hover {
        color: var(--color-blue-primary-light);
      }

  .Collapse-Label_hoverEffect:hover .CollapseIcon-Wrapper {
          background-color: var(--color-blue-primary-light);
        }

  .Collapse-Label_hoverEffect:active {
        color: var(--color-blue-primary-dark);
      }

  .Collapse-Label_hoverEffect:active .CollapseIcon-Wrapper {
          background-color: var(--color-blue-primary-dark);
        }

  .Collapse-Label_divider {
      border-bottom: 1px solid var(--color-gainsboro);
    }

  .Collapse-Label_iconPosition_right .Collapse-Label-Inner {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse;
        }

  .Collapse-Label-Inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

  .Collapse-Body {
    overflow: hidden;
    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
  }

  /* max-height: 0; */

  .Collapse-Body_isOpen {
      /* max-height: 100vh; */
    }

  .Collapse-Side {
    margin-left: var(--elements-offset);
    line-height: 0;
  }

  .Collapse-Content {
    padding: var(--body-offset-up) var(--horizontal-space) var(--body-offset-bottom)
      var(--horizontal-space);
  }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Collapse-Content {
      --body-offset-bottom: var(--space-xl)
  }
    }

  .Collapse-Icon {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 48px;
    height: 48px;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }

  .Collapse-Icon .Icon-Svg {
      width: 16px;
      height: 16px;
    }

  .Collapse-Icon_position_left {
        margin-right: var(--elements-offset);
      }

  .Collapse-Icon_position_right {
        margin-left: var(--elements-offset);
      }

  .Collapse-LabelText {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
