/*
  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;

  --token-layout-padding: var(--token-size-layout-xxs-padding);
  --token-layout-padding-vertical: var(
    --token-size-layout-xxs-padding-vertical
  );
}
/* XXS */
@media only screen and (min-width: 320px) {
  :root {
    --token-layout-padding: var(--token-size-layout-xxs-padding);
    --token-layout-padding-vertical: var(
      --token-size-layout-xxs-padding-vertical
    );
  }
}
/* XS */
@media only screen and (min-width: 641px) {
  :root {
    --token-layout-padding: var(--token-size-layout-xs-padding);
    --token-layout-padding-vertical: var(
      --token-size-layout-xs-padding-vertical
    );
  }
}
/* S */
@media only screen and (min-width: 1023px) {
  :root {
    --token-layout-padding: var(--token-size-layout-s-padding);
    --token-layout-padding-vertical: var(
      --token-size-layout-s-padding-vertical
    );
  }
}
/* M */
@media only screen and (min-width: 1365px) {
  :root {
    --token-layout-padding: var(--token-size-layout-m-padding);
    --token-layout-padding-vertical: var(
      --token-size-layout-m-padding-vertical
    );
  }
}
/* L */
@media only screen and (min-width: 1919px) {
  :root {
    --token-layout-padding: var(--token-size-layout-l-padding);
    --token-layout-padding-vertical: var(
      --token-size-layout-l-padding-vertical
    );
  }
}