@st-namespace 'MediaLabel-st-css';
@st-import [ fontFamily ] from '../../common/fonts.st.css';

:vars {
  defaultBgColor: rgba(0, 0, 0, 0.6);
  defaultFont: fontFamily;
}

.root {
  -st-states: withIcon, smallMediaLabel;
  font: value(defaultFont);
  font-size: 14px;
  line-height: 20px;
  background-color: value(defaultBgColor);
  color:#ffff;
  border-radius: 1px;
  display: inline-flex;
  align-items: center;
}
.root:withIcon .text {
  padding-inline-start: 4px;
}
.root:smallMediaLabel {
  margin: 8px;
  padding:  2px 4px;
}
.root:not(smallMediaLabel) {
  margin: 12px;
  padding: 2px 8px;
}

.text {
    cursor: default;
}
.icon {
    display: flex;
    align-items: center;
}

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