@st-namespace 'Reactions-st-css';
@st-import [ setColor, setVar ] from '../../common/formatters.st';
@st-import Popover from "../Popover/Popover.st.css";

.root {
  -st-extends: Popover;
  -st-states: theme(enum(light, dark));
}

.root:theme(light){
  -st-mixin:
    setColor(--wix-ui-tpa-popover-background-color, null, '255, 255, 255'),
    setColor(--wix-ui-tpa-popover-border-color, null, '255, 255, 255'),
    setVar(--wix-ui-tpa-popover-padding, null, px, 0);
}

.root:theme(dark){
  -st-mixin:
    setColor(--wix-ui-tpa-popover-background-color, null, '0, 0, 0'),
    setColor(--wix-ui-tpa-popover-border-color, null, '255, 255, 255'),
    setVar(--wix-ui-tpa-popover-padding, null, px, 0);
}

.root::popoverContent {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* st-namespace-reference="../../../../src/components/Reactions/Reactions.st.css" */