:import {
  -st-from: "../../../Foundation/stylable/default-scroll-bar.st.css";
  -st-named: defaultScrollBar;
}

:import {
  -st-from: '../../../Foundation/stylable/easing.st.css';
  -st-named: ease-9;
}

.root {
  -st-states: hideTopDivider, hideBottomDivider;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.innerContent {
  -st-mixin: defaultScrollBar;
}

.root:hideTopDivider .topDivider {
  opacity: 0;
  transition: opacity 100ms value(ease-9);
}

.root:hideBottomDivider .bottomDivider {
  opacity: 0;
  transition: opacity 100ms value(ease-9);
}
