.vss-Hub {
  display: flex;
  flex-direction: column; }
  .vss-Hub.ms-Fabric {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit; }
  .vss-Hub.ms-Fabric {
    font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px; }
  .vss-Hub .vss-HubPivotBar {
    flex-grow: 1; }
    .vss-Hub .vss-HubPivotBar .vss-Hub--filterBar,
    .vss-Hub .vss-HubPivotBar > .vss-PivotBar--content .vss-PivotBarItem:not(.customPadding) {
      padding-left: 20px;
      padding-right: 20px; }
    .vss-Hub .vss-HubPivotBar > .vss-PivotBar--content .vss-PivotBarItem.detailsListPadding {
      padding-left: 12px;
      padding-right: 20px; }
    .vss-Hub .vss-HubPivotBar .vss-PivotBar--inlineFilterBar .vss-Hub--filterBar {
      padding-left: 0;
      padding-right: 0; }
    .vss-Hub .vss-HubPivotBar:not(.shadowStyle) {
      padding-top: 10px; }
      .vss-Hub .vss-HubPivotBar:not(.shadowStyle) > .vss-PivotBar--bar-one-line,
      .vss-Hub .vss-HubPivotBar:not(.shadowStyle) > .vss-PivotBar--bar-two-line {
        margin-left: 12px;
        margin-right: 20px; }
    .vss-Hub .vss-HubPivotBar.shadowStyle > .vss-PivotBar--bar-one-line,
    .vss-Hub .vss-HubPivotBar.shadowStyle > .vss-PivotBar--bar-two-line {
      padding-left: 12px;
      padding-right: 20px; }
    .vss-Hub .vss-HubPivotBar.shadowStyle > .vss-PivotBar--bar-one-line,
    .vss-Hub .vss-HubPivotBar.shadowStyle > .vss-PivotBar--bar-two-line {
      box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.04);
      background-color: rgba( 255, 255, 255 ,  1 );
      background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
      border-bottom: none; }
    .vss-Hub .vss-HubPivotBar.hideHeader .vss-Hub--filterBar,
    .vss-Hub .vss-HubPivotBar.hideHeader > .vss-PivotBar--bar-one-line,
    .vss-Hub .vss-HubPivotBar.hideHeader > .vss-PivotBar--bar-two-line {
      display: none; }
    .vss-Hub .vss-HubPivotBar .vss-PivotBar--bar-one-line {
      padding-bottom: 10px; }
      .vss-Hub .vss-HubPivotBar .vss-PivotBar--bar-one-line .vss-PivotBar--header-with-expandable-breadcrumb {
        flex-basis: 0%;
        flex-grow: 1; }
        @media screen and (min-width: 1800px) {
          .vss-Hub .vss-HubPivotBar .vss-PivotBar--bar-one-line .vss-PivotBar--header-with-expandable-breadcrumb {
            flex-grow: 2; } }
    .vss-Hub .vss-HubPivotBar .vss-PivotBar--bar-two-line .vss-PivotBar--header {
      padding-bottom: 2px; }
  .vss-Hub .vss-HubPivotBar.vss-HubPivotBar--scrollable {
    overflow-y: auto;
    height: 100%; }
