// color
$white_fff: #ffffff;
$white_4f4: #f4f4f4;
$black_000: #000;
$black_029: #00000029;
$black_111: #111;
$black_333: #333333;
$gray_eee: #eeeeee;
$gray_d0d9dd: #d0d9dd;
$gray_faf: #fafafa;
$gray_666: #666666;
$gray_f7f: #f7f7f7;
$gray_4db: #4dbc9e;
$gray_a5a: #a5a5a5;
$gray_070: #707070;
$white_ef2: #eeeef2;
$white_e5e: #e5e5e5;
$blue_add: #92badd;
$blue_a99: #326a99;
$blue_5EA: #5EA7D9;
$blue_04B: #04B6BF;
$blue_fd6: #61CFD6;
$blue_98E: #98E1E5;
$gray_999: #999999;
$gray_ccc: #ccc;
$blue_1f293c: #1f293c;
$red_000: #db0000;
$gray_FB9: #afafb9;
$red_F21: #ad0f21;
$blue_AFF: #000aff;
$blue_326A99: #326A99;
$gray_C61: #434c61;
$yellow_209: #b29209;
$gray_fef: #EFEFEF;
$gray_aba: #BABABA;
$gray_8a9: #8a93a2;
$gray_8fa: #f7f8fa;
$gray_ddd: #dddddd;
$red_a2d: #AE1A2D;
$gray_a1a: #1a1a1a1a;
$blue_6bf: #04B6BF;
$blue_4CC: #24C4CC;
$red_E5A: #DD3E5A;
$blue_6B4: #3B96B4;

// breakpoints
$mobile-width: 425px;
$tablet-width: 768px;
$desktop-md-width: 992px;
$desktop-lg-width: 1280px;
$desktop-xl-width: 1500px;

$xs: 0px;
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1280px;
$xxl: 1500px;

$breakpoint-up: ('xs': 'screen and (min-width: 321px)',
'sm': 'screen and (min-width: 481px)',
'md': 'screen and (min-width: 769px)',
'lg': 'screen and (min-width: 993px)',
'xl': 'screen and (min-width: 1281px)',
'xxl': 'screen and (min-width: 1501px)',
) !default;

// max-width
$breakpoint-down: ('xs': 'screen and (max-width: 320px)',
'sm': 'screen and (max-width: 480px)',
'md': 'screen and (max-width: 768px)',
'lg': 'screen and (max-width: 992px)',
'xl': 'screen and (max-width: 1280px)',
'xxl': 'screen and (max-width: 1500px)',
) !default;