{"version":3,"sourceRoot":"","sources":["../../src/tokens/spacing.scss"],"names":[],"mappings":"AAAA,cACE,MAQE,6BAOA,4BAOA,0CAOA,2BAOA,0CAOA,2BAOA,0BAOA,kDAOA,4BAOA,mDAIF,wBACE,MACE,oCACA,iDACA,0CACA,2CAKJ,uBACE,MACE,kDACA,kDACA,yCACA,0CACA","file":"spacing.css","sourcesContent":["@layer tokens {\n  :root {\n    /* Spacing */\n\n    /**\n    * @name Spacing - XS\n    * @description The smallest spacing.\n    * @type Spacing\n    */\n    --nano-spacing-xs: 0.3125rem; // 5px;\n\n    /*\n    * @name Spacing - SM\n    * @description The small spacing.\n    * @type Spacing\n    */\n    --nano-spacing-sm: 0.625rem; // 10px;\n\n    /*\n    * @name Spacing - L3\n    * @description The spacing for L3.\n    * @type Spacing\n    */\n    --nano-spacing-l3: var(--nano-spacing-sm);\n\n    /*\n    * @name Spacing - MD\n    * @description The medium spacing.\n    * @type Spacing\n    */\n    --nano-spacing-md: 1.25rem; // 20px\n\n    /*\n    * @name Spacing - L2\n    * @description The spacing for L2.\n    * @type Spacing\n    */\n    --nano-spacing-l2: var(--nano-spacing-md);\n\n    /*\n    * @name Spacing - L\n    * @description The large spacing.\n    * @type Spacing\n    */\n    --nano-spacing-l: 1.875rem; // 30px\n\n    /*\n    * @name Spacing - XL\n    * @description The extra large spacing.\n    * @type Spacing\n    */\n    --nano-spacing-xl: 2.5rem; // 40px\n\n    /*\n    * @name Spacing - L1 Default\n    * @description The default spacing for L1.\n    * @type Spacing\n    */\n    --nano-spacing-l1-default: var(--nano-spacing-xl);\n\n    /*\n    * @name Spacing - 2XL\n    * @description The largest spacing.\n    * @type Spacing\n    */\n    --nano-spacing-2xl: 3.75rem; // 60px\n\n    /*\n    * @name Spacing - L1 Feature\n    * @description The spacing for L1 feature.\n    * @type Spacing\n    */\n    --nano-spacing-l1-feature: var(--nano-spacing-2xl);\n  }\n\n  /* Tablet */\n  @media (width <= 1024px) {\n    :root {\n      --nano-spacing-l1-feature: 3.125rem; // 50px\n      --nano-spacing-l1-default: var(--nano-spacing-l);\n      --nano-spacing-l2: var(--nano-spacing-md);\n      --nano-spacing-l3: var(--nano-spacing-sm);\n    }\n  }\n\n  /* Mobile */\n  @media (width <= 767px) {\n    :root {\n      --nano-spacing-l1-feature: var(--nano-spacing-xl);\n      --nano-spacing-l1-default: var(--nano-spacing-md);\n      --nano-spacing-l: var(--nano-spacing-md);\n      --nano-spacing-l2: var(--nano-spacing-sm);\n      --nano-spacing-l3: var(--nano-spacing-sm);\n    }\n  }\n}\n"]}