import styled, { css } from "styled-components";
import { Item } from "./Item";
export const StyledNavListItemMore = styled(Item).withConfig({
  displayName: "Styles__StyledNavListItemMore",
  componentId: "sc-m6npdq-0"
})(["", " cursor:pointer;&::after{content:\"\";", " bottom:0;left:50%;transform:translateX(-50%);height:3px;transition:width 0.3s ease,background-color 0.3s ease;", "}"], props => props.role !== "light" && css(["padding:0;"]), {
  "position": "absolute",
  "margin": "auto",
  "display": "block",
  "width": "0px",
  "backgroundColor": "transparent"
}, {
  "width": "100%",
  "backgroundColor": "var(--color-primary)"
});
StyledNavListItemMore.displayName = "StyledNavListItemMore";
//# sourceMappingURL=Styles.js.map