@import "../../variables/colors.scss";
@import "../../variables/grid.scss";

.appSidebar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
  width: 415px;
  height: 100%;
  border-right: 1px solid $gray200;
  overflow: hidden;
}

.appSidebarCollapser {
  flex-shrink: 0;
  flex-grow: 0;
  width: 0px;
  height: 100%;
  overflow: hidden;
  transition: all 200ms ease-in-out;
}

@media (min-width: $screenSmMax) {
  .appSidebarCollapser.visible {
    width: 415px;
  }
}