$boxShadowV4-XS: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
$boxShadowV4-SM: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
$boxShadowV4-MD: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
$boxShadowV4-LG: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
$boxShadowV4-XL: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);
$boxShadowV4-XXL: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
$boxShadowV4-XXXL: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);
$boxShadowV4-SLG: 0px 27px 27px 2px rgba(44, 45, 45, 0.14);

%shadow-v4-xs{
    box-shadow: $boxShadowV4-XS;
}
%shadow-v4-sm{
    box-shadow: $boxShadowV4-SM;
}
%shadow-v4-md{
    box-shadow: $boxShadowV4-MD;
}
%shadow-v4-lg{
    box-shadow: $boxShadowV4-LG;
}
%shadow-v4-xl{
    box-shadow: $boxShadowV4-XL;
}
%shadow-v4-xxl{
    box-shadow: $boxShadowV4-XXL;
}
%shadow-v4-xxxl{
    box-shadow: $boxShadowV4-XXXL;
}
%shadow-v4-slg{
    box-shadow: $boxShadowV4-SLG;
}