.bi-section > .bi-section-header, .bi-section--300 > .bi-section-header, .bi-section > .bi-section-controls, .bi-section--300 > .bi-section-controls {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  display: flex; }

.bi-section > .bi-section-header, .bi-section--300 > .bi-section-header, .bi-section > .bi-section-controls, .bi-section--300 > .bi-section-controls {
  flex: 0 0 auto;
  box-sizing: border-box; }
  .bi-section > .bi-section-header > *, .bi-section--300 > .bi-section-header > *, .bi-section > .bi-section-controls > *, .bi-section--300 > .bi-section-controls > * {
    flex-direction: row;
    align-items: center;
    display: flex; }

.bi-section, .bi-section--300 {
  flex-direction: column;
  display: flex; }
  .bi-section > .bi-section-header, .bi-section--300 > .bi-section-header {
    padding: 0 15px;
    height: 50px; }
    .bi-section > .bi-section-header > * > *:not(:last-child), .bi-section--300 > .bi-section-header > * > *:not(:last-child) {
      margin-right: 15px; }
    .bi-section > .bi-section-header .bi-section-title, .bi-section--300 > .bi-section-header .bi-section-title {
      font-size: 16px;
      font-weight: initial;
      letter-spacing: 1px; }
    .bi-section > .bi-section-header .bi-section-header-spr, .bi-section--300 > .bi-section-header .bi-section-header-spr {
      width: 1px;
      height: 24px;
      border-left: 1px solid #dedee0;
      border-right: 1px solid #f8f8f8;
      align-self: center; }
  .bi-section > .bi-section-controls, .bi-section--300 > .bi-section-controls {
    padding: 0 15px;
    height: 30px;
    margin-bottom: 15px; }
    .bi-section > .bi-section-controls > * > *:not(:last-child), .bi-section--300 > .bi-section-controls > * > *:not(:last-child) {
      margin-right: 15px; }
  .bi-section > .bi-section-content, .bi-section--300 > .bi-section-content,
  .bi-section > .bi-section-content--center,
  .bi-section--300 > .bi-section-content--center,
  .bi-section > .bi-section-content--list,
  .bi-section--300 > .bi-section-content--list {
    flex: 1;
    overflow: auto; }
  
  .bi-section > .bi-section-content--center,
  .bi-section--300 > .bi-section-content--center {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex; }
  
  .bi-section > .bi-section-content--list,
  .bi-section--300 > .bi-section-content--list {
    padding-bottom: 400px !important; }
  .bi-theme--dark.bi-section > .bi-section-header, .bi-theme--dark.bi-section--300 > .bi-section-header {
    color: #ebebec; }
  .bi-theme--dark.bi-section > .bi-section-content, .bi-theme--dark.bi-section--300 > .bi-section-content,
  .bi-theme--dark.bi-section > .bi-section-content--center,
  .bi-theme--dark.bi-section--300 > .bi-section-content--center,
  .bi-theme--dark.bi-section > .bi-section-content--list,
  .bi-theme--dark.bi-section--300 > .bi-section-content--list {
    background-color: #353a44; }

.bi-section > .bi-section-content,
.bi-section > .bi-section-content--center,
.bi-section > .bi-section-content--list {
  padding: 15px; }

.bi-section--300 {
  width: 300px;
  flex: 0 0 300px; }
  .bi-section--300 > .bi-section-content,
  .bi-section--300 > .bi-section-content--center,
  .bi-section--300 > .bi-section-content--list {
    padding: 15px; }