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

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

.root {
  -st-extends: Popover;
  -st-states: withWidth;
}

.root::content {
  overflow: hidden;
  min-width: 192px;
  width: 100%;
}

/* Reset width when the user define its own */
.root:withWidth::content {
  min-width: inherit;
  width: inherit;
}

/* Add padding when an arrow is used */
.root::content:placement(top):hasArrow,
.root::content:placement(bottom):hasArrow {
  padding: 10px 0;
}

.list {
  -st-extends: DropdownLayout;
}

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