@mixin toggle-pane($pane-id, $display-show-value: block) {
  ##{$pane-id} {
    ~ .m-toggle-pane__1 {
      @if $display-show-value == flex {
        display: table-cell;
      }
      display: $display-show-value;

      ~ .m-toggle-pane__2 {
        display: none;
      }
    }

    &:checked {
      ~ .m-toggle-pane__1 {
        display: none;

        ~ .m-toggle-pane__2 {
          @if $display-show-value == flex {
            display: table-cell;
          }
          display: $display-show-value;
        }
      }
    }
  }
}