/* #region SIDEBARS */
.App-drawer {
  background-color: var(--td-background-color);
}
#app .DiscussionPage-list {
  /* container pour la sidebar - occupe toute la largeur, transparent */
  pointer-events: none;
  box-shadow: none;
  background: transparent;
  border: none;
  top: calc(4.5rem + 3rem + 3rem);
  /*** falkon fallback ***/
  max-width: var(--page-narrow);
  width: calc(100% - 2*var(--external-margin));
  max-width: min(100%);
  /*** fin falkon fallback ***/
  width: var(--page-width);
  transition: width .8s, margin .8s;
  position: fixed;
  left: 50%;
  margin-left: calc(var(--page-width) / -2);
  z-index: 80;
}
/*#app:not(.paneShowing) .DiscussionPage-list {
  left: calc(-6px - var(--pane-width)) !important;
}*/
#app .DiscussionPage-list .DiscussionList {
  pointer-events: auto;
  box-shadow: 0 0 6px rgba(0,0,0,0.35);
  position: absolute;
  height: 100%;
  width: 400px;
  left: -406px;
  transition: left .4s;
}
#app .DiscussionPage-list .DiscussionList-discussions,
#app .DiscussionPage-list .DiscussionList-loadMore {
  pointer-events: auto;
  background-color: var(--td-background-color);
}
#app .DiscussionPage-list .DiscussionList-loadMore {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
#app.paneShowing .DiscussionPage-list .DiscussionList,
#app.panePinned .DiscussionPage-list .DiscussionList {
  left: 0;
}
/* #endregion */