import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../../BoxSizingStyle";
import { FontStyle } from "../../FontStyle";
export const StyledOption = styled.li.withConfig({
  displayName: "Styles__StyledOption",
  componentId: "sc-1232l97-0"
})(["", " font-size:14px;display:flex;justify-content:space-between;height:28px;padding-left:16px;padding-right:16px;margin-top:4px;margin-bottom:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition-duration:0.1s;color:var(--color-theme-900);", " ", " ", ""], {
  "userSelect": "none",
  "fontWeight": "400"
}, FontStyle, BoxSizingStyle, props => props.hover && css(["background-color:var(--color-theme-200);"]));
StyledOption.displayName = "StyledOption";
//# sourceMappingURL=Styles.js.map