@st-import [
  --wds-side-panel-content-padding-vertical,
  --wds-side-panel-content-padding-horizontal,
  ] from '@wix/design-system-tokens/all.st.css';

@st-namespace "SidePanelContent";

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

.root {
  -st-states: noPadding, stretchVertically, newColorsBranding, skin(enum(standard, floating));
  -st-mixin: defaultScrollBar;

  overflow: auto;
  padding: var(--wds-side-panel-content-padding-vertical, 24px) var(--wds-side-panel-content-padding-horizontal, 24px);
}

.root:newColorsBranding {
  padding: var(--wds-side-panel-content-padding-vertical, 18px) var(--wds-side-panel-content-padding-horizontal, 24px);
}

.root:noPadding {
  padding: 0;
}

.root:stretchVertically {
  height: 100%;
  flex: 1;
}

/* st-namespace-reference="../../../../../src/SidePanel/Content/Content.st.css" */