$sidebarWidth: 300px;
$marginTop: 71px;

:local {
  .base {
    position: fixed;
    background: #fff;
    background-color: #fff;
    box-shadow: 0 1px 3px #b9c5cd;
    height: 100%;
    // height: calc(100% - #{$marginTop});
    // margin-top: $marginTop;
    overflow-x: auto;
    padding-bottom: 10px;
    right: 0;
    transition: margin-right 0.5s;
    top: 0;
    width: $sidebarWidth;
  }

  .closed {
    composes: base;
    margin-right: -#{$sidebarWidth};
  }

  .opened {
    composes: base;
    margin-right: 0px;
  }

  .header {
    border-bottom: solid 1px #f2f6f9;
    padding: 0px 28px;
  }

  .content {
    padding: 0px 28px;
  }

  .closeButton {
    float: right;
    margin-top: -5px;
  }  
}