:import {
  -st-from: '../../Foundation/stylable/colors.st.css';
  -st-named: THEME-COLOR-10, D10-30;
}

@st-import [
  --wds-color-text-disabled,
  --wds-color-text-primary,
  --wds-space-100,
  ] from "@wix/design-system-tokens/all.st.css";

.root {
  -st-states: size(enum(small, medium, large, tiny));
  user-select: none;
}

.up {
  -st-states: disabled;
}

.down {
  -st-states: disabled;
}

.up,
.down {
  padding: 4px var(--wds-space-100, 6px);
  color: var(--wds-color-text-primary, value(THEME-COLOR-10));
  cursor: pointer;
}

.root:size(small) .up,
.root:size(small) .down,
.root:size(tiny) .up,
.root:size(tiny) .down {
  padding-block: 2px;
}

.up svg,
.down svg {
  display: block;
  width: 10px;
  height: 5px;
}

.up:disabled,
.down:disabled {
  cursor: not-allowed;
  color: var(--wds-color-text-disabled, value(D10-30));
}

/* st-namespace-reference="../../../../src/Input/Ticker/Ticker.st.css" */