@st-namespace 'SocialBarIcon-st-css';
@st-import IconButton from "../IconButton/IconButton.st.css";

.root {
  -st-states: theme(enum(light, dark)), mobile;

  width: 64px;
  justify-content: center;
  display: flex;
  list-style: none;
}

.root:mobile {
  flex-shrink: 0;
}

.iconButton {
  -st-extends: IconButton;
}

.root:theme(light) .iconButton svg:not([fill='currentColor']) path {
  fill: black;
  stroke: none;
}

.root:theme(dark) .iconButton svg:not([fill='currentColor']) path {
  fill: white;
  stroke: none;
}

.root:theme(light) .iconButton svg[fill='currentColor'] {
  color: black;
}

.root:theme(dark) .iconButton svg[fill='currentColor'] {
  color: white;
}

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