/* stylelint-disable property-no-unknown, scss/at-rule-no-unknown */
.ExpandableBody {
    interpolate-size: allow-keywords;
    overflow: hidden;

    &-transition {
        transition:
            height 0.3s ease-in-out,
            margin-top 0.3s ease-in-out,
            display 0.3s ease allow-discrete;

        @starting-style {
            height: 0;
        }
    }

    &-collapsed {
        height: 0;
        display: none;
    }
}