/**
 * Do not edit directly
 * Generated on Wed, 22 Jul 2020 14:57:51 GMT
 */

:root {
  --token-size-layout-xxs-padding: 16px;
  --token-size-layout-xxs-padding-vertical: 16px;
  --token-size-layout-xxs-padding-horizontal: 16px;
  --token-size-layout-xxs-margin: 16px;
  --token-size-layout-xxs-margin-horizontal: 16px;
  --token-size-layout-xxs-margin-vertical: 16px;
  --token-size-layout-xxs-breakpoint: 320px;
  --token-size-layout-xs-padding: 16px;
  --token-size-layout-xs-padding-vertical: 16px;
  --token-size-layout-xs-padding-horizontal: 16px;
  --token-size-layout-xs-margin: 16px;
  --token-size-layout-xs-margin-horizontal: 16px;
  --token-size-layout-xs-margin-vertical: 16px;
  --token-size-layout-xs-breakpoint: 641px;
  --token-size-layout-s-padding: 24px;
  --token-size-layout-s-padding-vertical: 24px;
  --token-size-layout-s-padding-horizontal: 24px;
  --token-size-layout-s-margin: 24px;
  --token-size-layout-s-margin-horizontal: 24px;
  --token-size-layout-s-margin-vertical: 24px;
  --token-size-layout-s-breakpoint: 1023px;
  --token-size-layout-m-padding: 24px;
  --token-size-layout-m-padding-vertical: 24px;
  --token-size-layout-m-padding-horizontal: 24px;
  --token-size-layout-m-margin: 24px;
  --token-size-layout-m-margin-horizontal: 24px;
  --token-size-layout-m-margin-vertical: 24px;
  --token-size-layout-m-breakpoint: 1365px;
  --token-size-layout-l-padding: 24px;
  --token-size-layout-l-padding-vertical: 24px;
  --token-size-layout-l-padding-horizontal: 24px;
  --token-size-layout-l-margin: 24px;
  --token-size-layout-l-margin-horizontal: 24px;
  --token-size-layout-l-margin-vertical: 24px;
  --token-size-layout-l-breakpoint: 1919px;
}