    .#{$prefix}body {
        color: $color;
        font-size: $font-size;
        font-family: $font-family;
        @if $body-background-color != transparent {
            background: $body-background-color;
        }
    }

    // When a component is having its size animated, or is collapsed, content must be clipped
    // This state must override others, so is !important
    .#{$prefix}animating-size,
    .#{$prefix}collapsed {
        overflow: hidden!important;
    }