bi-foldable {
  display: block; }

bi-foldable [bf-toggle],
[bi-foldable] [bf-toggle] {
  cursor: pointer; }

bi-foldable [bf-controls],
[bi-foldable] [bf-controls] {
  display: inline-flex; }
  bi-foldable [bf-controls].bf-style--folder,
  [bi-foldable] [bf-controls].bf-style--folder {
    font-size: 0; }
    bi-foldable [bf-controls].bf-style--folder > i,
    [bi-foldable] [bf-controls].bf-style--folder > i {
      font-size: 19px; }
      bi-foldable [bf-controls].bf-style--folder > i:before,
      [bi-foldable] [bf-controls].bf-style--folder > i:before {
        content: 'arrow_drop_down'; }

bi-foldable .bf-btn,
[bi-foldable] .bf-btn {
  transition: .3s; }

bi-foldable .bf-folded,
[bi-foldable] .bf-folded {
  transform: rotate(-90deg); }
  bi-foldable .bf-folded:before,
  [bi-foldable] .bf-folded:before {
    content: 'expand_more'; }

bi-foldable .bf-unfolded:before,
[bi-foldable] .bf-unfolded:before {
  content: 'expand_more'; }

bi-foldable .bf-no-transition,
[bi-foldable] .bf-no-transition {
  transition: none !important; }