/* eslint-disable */

/**
 * Do not edit directly
 * Generated by cocokits 'token-generator'
 */

@mixin use_sizing_compact {
  :where(.cck-theme-frames-x__sizing--compact),
  :where([data-cck-theme*='frames-x__sizing--compact']) {
    @include variables_sizing_compact;
  }
}

@mixin variables_sizing_compact {
  --spacing-0: 0;
  --spacing-1: 1px;
  --spacing-2: 2px;
  --spacing-3: 4px;
  --spacing-4: 6px;
  --spacing-5: 8px;
  --spacing-6: 10px;
  --spacing-7: 12px;
  --spacing-8: 16px;
  --spacing-9: 20px;
  --spacing-10: 24px;
  --spacing-11: 28px;
  --spacing-12: 32px;
  --spacing-13: 36px;
  --spacing-14: 40px;
  --spacing-15: 44px;
  --spacing-16: 48px;
  --spacing-17: 56px;
  --spacing-18: 64px;
  --spacing-19: 72px;
  --spacing-20: 80px;
  --spacing-21: 96px;
  --spacing-22: 112px;
  --spacing-23: 120px;
  --spacing-24: 128px;
  --spacing-25: 144px;
  --spacing-26: 160px;
  --spacing-27: 192px;
  --spacing-28: 208px;
  --spacing-29: 224px;
  --spacing-30: 256px;
  --spacing-31: 288px;
  --spacing-32: 320px;
  --spacing-33: 384px;
  --stroke-xs: 0.5px;
  --stroke-sm: 1px;
  --stroke-md: 1.5px;
  --stroke-lg: 2px;
  --stroke-xl: 3px;
  --stroke-2xl: 4px;
  --icon-xs: 12px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-xl: 28px;
  --icon-2xl: 32px;
  --icon-3xl: 40px;
  --icon-4xl: 44px;
}