@st-import [
  --wds-side-panel-floating-border-radius,
  --wds-color-fill-surface-overlay,
  --wds-shadow-surface-overlay,
  ] from '@wix/design-system-tokens/all.st.css';

:import {
  -st-from: '../Foundation/stylable/colors.st.css';
  -st-named: D80;
}

.root {
  -st-states: skin(enum(standard, floating));

  background: var(--wds-color-fill-surface-overlay, value(D80));
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* skin: floating */

.root:skin(floating) {
  border-radius: var(--wds-side-panel-floating-border-radius, 8px);
  box-shadow: var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05));
}

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