:import {
  -st-from: "../Divider/Divider.st.css";
  -st-default: Divider;
}

:import {
    -st-from: "../Foundation/stylable/colors.st.css";
    -st-named: D60;
}

:vars {
  sidebarWidth: 228px;
  backgroundColor: #42454C;
}

.root {
  border: 0;
  height: 1px;
  box-sizing: border-box;
  padding: 8px 20px 9px 20px;
  width: 100%;
  transition: width 0.3s ease-in-out;
}

.fullWidth {
  padding: 0;
}

.divider {
  -st-extends: Divider;
  -st-states: skin(
    enum(light, dark, neutral)
  );
}

.divider:skin(dark) {
  background-color: value(backgroundColor);
}

.divider:skin(neutral) {
  background-color: value(D60);
}

/* st-namespace-reference="../../../../src/SidebarDividerNext/SidebarDividerNext.st.css" */