// DO NOT EDIT THIS FILE

  // This file is auto-generated


  :root, html {
 /*
  Contains spacing variables for the layout
*/

// 1 rem = 4px;
// Layout scale
--sdds-spacing-layout-8: 2rem; // 8px
--sdds-spacing-layout-16: 4rem; // 16px
--sdds-spacing-layout-24: 6rem; // 24px
--sdds-spacing-layout-32: 8rem; // 32px
--sdds-spacing-layout-48: 12rem; // 48px
--sdds-spacing-layout-64: 16rem; // 64px
--sdds-spacing-layout-72: 18rem; // 72px
--sdds-spacing-layout-96: 24rem; // 96px
--sdds-spacing-layout-128: 32rem; // 128px
--sdds-spacing-layout-160: 40rem; // 160px

// Element scale
--sdds-spacing-element-2: 0.5rem; // 2px
--sdds-spacing-element-4: 1rem; // 4px
--sdds-spacing-element-8: 2rem; // 8px
--sdds-spacing-element-12: 3rem; // 12px
--sdds-spacing-element-16: 4rem; // 16px
--sdds-spacing-element-20: 5rem; // 20px
--sdds-spacing-element-24: 6rem; // 24px
--sdds-spacing-element-32: 8rem; // 32px
--sdds-spacing-element-40: 10rem; // 40px
--sdds-spacing-element-48: 12rem;  // 48px

// Screen breakpoints
--sdds-screen-s: 80rem; //320px
--sdds-screen-md: 164rem; // 672px
--sdds-screen-l: 264rem; //1056px
--sdds-screen-xl: 328rem; //1312px
--sdds-screen-xxl: 396rem; //1584px

}