$css-prefix: 'teamix-';
$avatar-prefix: '.' + $css-prefix + 'avatar';

$avatar-size-xs: 24px;
$avatar-size-small: 28px;
$avatar-size-medium: 36px;
$avatar-size-large: 48px;
$avatar-size-xl: 64px;

$S32: 32px;
$S4: 4px;
$S8: 8px;
$S16: 16px;
$S24: 24px;
$gray-01: #f7f7f7;

$border-brand: #f7f7f7;
$shape-circular: 50%;
// ?
$font-size-body: 12px;
$line-height-body: 12px;
$hover-brand: #1B9AEE;
$gray-06: #A6A6A6;
$snow: #ffffff;
$primary-brand: #1B9AEE;