@use "sass:list";
$breakpoints: (
    'xs': '(max-width: 33.9em)',
    's-up': '(min-width: 34em)',
    's': '(min-width: 34em) and (max-width: 47.9em)',
    's-down': '(max-width: 47.9em)',
    'm-up': '(min-width: 48em)',
    'm': '(min-width: 48em) and (max-width: 61.9em)',
    'm-down': '(max-width: 61.9em)',
    'l-up': '(min-width: 62em)',
    'l': '(min-width: 62em) and (max-width: 74.9em)',
    'l-down': '(max-width: 74.9em)',
    'xl': '(min-width: 75em)'
);
$breakpoints-count: list.length($breakpoints);

$sizes: s r m l xl xxl;
$marginSizes: 0 s r m l xl xxl;
$radiusSizes: s r m;