@st-namespace 'Avatar-visual-st-css';
@st-import [ fontFamily ] from '../../common/fonts.st.css';
@st-import AvatarBase from './Avatar.base.st.css';

.baseRoot {
  -st-extends: AvatarBase;
  --circle-size: 100px;

  width: var(--circle-size);
  height: var(--circle-size);

  background-color: green;
}

.baseRoot::image,
.baseRoot::before {
  background-color: pink;
  color: blue;
  font-size: 36px;
  font-weight: bold;
  font-family: value(fontFamily);
}

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