
@st-namespace 'Reactions-deprecated-st-css';
:import {
  -st-from: "../../common/formatters.st";
  -st-named: color, font, fallback;
}

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

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

.root:theme(light){
  -st-mixin: overrideStyleParams(
    BackgroundColor '#fff',
    BorderColor '#fff',
    Padding 0
  );
}

.root:theme(dark){
  -st-mixin: overrideStyleParams(
    BackgroundColor '#000',
    BorderColor '#fff',
    Padding 0
  );
}

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

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