:root {
  --commonColorTransparent: transparent;
  --commonColorWhite: #ffffff;
  --commonColorBlack: #000000;
  --commonDimensionBreakpointXs: 0px;
  --commonDimensionBreakpointMini: 240px;
  --commonDimensionBreakpointSm: 480px;
  --commonDimensionBreakpointMd: 640px;
  --commonDimensionBreakpointLg: 800px;
  --commonDimensionBreakpointXl: 960px;
  --commonDimensionBreakpointXxl: 1200px;
  --commonDimensionBreakpointXxxl: 1600px;
  --commonDimensionSpacing0: 0rem;
  --commonDimensionSpacing1: 0.25rem;
  --commonDimensionSpacing2: 0.5rem;
  --commonDimensionSpacing3: 0.75rem;
  --commonDimensionSpacing4: 1rem;
  --commonDimensionSpacing5: 1.5rem;
  --commonDimensionSpacing6: 2rem;
  --commonDimensionSpacing7: 3rem;
  --commonDimensionSpacing8: 4rem;
  --commonDimensionSpacing9: 6rem;
  --commonDimensionSpacing10: 8rem;
  --commonDimensionContainer: 75rem;
}

[data-space="compact"] {
  --commonDimensionSpacing0: 0rem;
  --commonDimensionSpacing1: 0.125rem;
  --commonDimensionSpacing2: 0.25rem;
  --commonDimensionSpacing3: 0.375rem;
  --commonDimensionSpacing4: 0.5rem;
  --commonDimensionSpacing5: 0.75rem;
  --commonDimensionSpacing6: 1rem;
  --commonDimensionSpacing7: 1.5rem;
  --commonDimensionSpacing8: 2rem;
  --commonDimensionSpacing9: 3rem;
  --commonDimensionSpacing10: 4rem;
}

[data-space="condensed"] {
  --commonDimensionSpacing0: 0rem;
  --commonDimensionSpacing1: 0.1875rem;
  --commonDimensionSpacing2: 0.375rem;
  --commonDimensionSpacing3: 0.5625rem;
  --commonDimensionSpacing4: 0.75rem;
  --commonDimensionSpacing5: 1.125rem;
  --commonDimensionSpacing6: 1.5rem;
  --commonDimensionSpacing7: 2.25rem;
  --commonDimensionSpacing8: 3rem;
  --commonDimensionSpacing9: 4.5rem;
  --commonDimensionSpacing10: 6rem;
}

[data-space="default"] {
  --commonDimensionSpacing0: 0rem;
  --commonDimensionSpacing1: 0.25rem;
  --commonDimensionSpacing2: 0.5rem;
  --commonDimensionSpacing3: 0.75rem;
  --commonDimensionSpacing4: 1rem;
  --commonDimensionSpacing5: 1.5rem;
  --commonDimensionSpacing6: 2rem;
  --commonDimensionSpacing7: 3rem;
  --commonDimensionSpacing8: 4rem;
  --commonDimensionSpacing9: 6rem;
  --commonDimensionSpacing10: 8rem;
}

[data-space="relaxed"] {
  --commonDimensionSpacing0: 0rem;
  --commonDimensionSpacing1: 0.3125rem;
  --commonDimensionSpacing2: 0.625rem;
  --commonDimensionSpacing3: 0.9375rem;
  --commonDimensionSpacing4: 1.25rem;
  --commonDimensionSpacing5: 1.875rem;
  --commonDimensionSpacing6: 2.5rem;
  --commonDimensionSpacing7: 3.75rem;
  --commonDimensionSpacing8: 5rem;
  --commonDimensionSpacing9: 7.5rem;
  --commonDimensionSpacing10: 10rem;
}

[data-space="spacious"] {
  --commonDimensionSpacing0: 0rem;
  --commonDimensionSpacing1: 0.375rem;
  --commonDimensionSpacing2: 0.75rem;
  --commonDimensionSpacing3: 1.125rem;
  --commonDimensionSpacing4: 1.5rem;
  --commonDimensionSpacing5: 2.25rem;
  --commonDimensionSpacing6: 3rem;
  --commonDimensionSpacing7: 4.5rem;
  --commonDimensionSpacing8: 6rem;
  --commonDimensionSpacing9: 9rem;
  --commonDimensionSpacing10: 12rem;
}

[data-space="default"] {
  --commonDimensionSpacing0: 0rem;
  --commonDimensionSpacing1: 0.25rem;
  --commonDimensionSpacing2: 0.5rem;
  --commonDimensionSpacing3: 0.75rem;
  --commonDimensionSpacing4: 1rem;
  --commonDimensionSpacing5: 1.5rem;
  --commonDimensionSpacing6: 2rem;
  --commonDimensionSpacing7: 3rem;
  --commonDimensionSpacing8: 4rem;
  --commonDimensionSpacing9: 6rem;
  --commonDimensionSpacing10: 8rem;
}

[data-container="narrow"] {
  --commonDimensionContainer: 50rem;
}

[data-container="wide"] {
  --commonDimensionContainer: 100rem;
}

[data-container="default"] {
  --commonDimensionContainer: 75rem;
}