@value (
  colorInformation,
  colorSuccess,
  colorWarning,
  colorDanger,
  colorNeutral,
  colorBackgroundTertiary,
  colorFillPrimary,
  colorTextPrimary,
  colorTextDisabled
) from '../../styles/variables/_color.css';
@value (size8) from '../../styles/variables/_size.css';
@value (borderRadiusCircle, borderWidthTertiary) from '../../styles/variables/_border.css';

.statusWrapper {
  --border-color: colorBackgroundTertiary;
  display: flex;
  color: colorFillPrimary;
  width: size8;
  min-width: size8;
  height: size8;
  min-height: size8;
  border-radius: borderRadiusCircle;
  background-color: colorTextPrimary;
  box-sizing: content-box;
}

.information {
  background-color: colorInformation;
}

.success {
  background-color: colorSuccess;
}

.warning {
  background-color: colorWarning;
}

.danger {
  background-color: colorDanger;
}

.neutral {
  background-color: colorNeutral;
}

.disabled {
  background-color: colorTextDisabled;
}

.withBorder {
  border: borderWidthTertiary solid var(--border-color);
}