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

.root {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 36px;
  position: relative;
}

.action {
  -st-states: size(enum(tiny, small, medium));
}

.hoverSlot {
  display: flex;
}

.hoverSlot .action {
  margin: 0 6px;
  transition-property: background, border;
}
.hoverSlot .action:size(tiny) {
  margin: 0 3px;
}



.hoverSlot.onHover {}

.hoverSlot.notOnHover {}

.placeholderIcon {
  margin: 0 6px;
}

:global(.rtl) .placeholderIcon svg {
  transform: scaleX(-1);
}

:global([dir='rtl']) .placeholderIcon svg {
  transform: scaleX(-1);
}

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