@import "../var.scss";

$j-prefix-collapse: "#{$j-prefix}-collapse" !default;
$j-prefix-collapse-wrapper: "#{$j-prefix}-collapse-wrapper" !default;
$j-prefix-collapse-button: "#{$j-prefix}-collapse-button" !default;

.#{$j-prefix-collapse} {
    position: relative;

    &[data-mount] {
        .#{$j-prefix-collapse-button} {
            display: block;
        }
    }
}

.#{$j-prefix-collapse-wrapper} {
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}

.#{$j-prefix-collapse-button} {
    cursor: pointer;
    color: $j-red;
    display: none;
}