{"version":3,"sourceRoot":"","sources":["../../src/tokens/misc.scss"],"names":[],"mappings":"AAAA,cACE,MAME,sCASA,qCASA,mCASA,mCASA,iCAOA,kCAOA,gCAOA,8BAOA,gCAOA,8BAOA,iCAOA,6DAOA,+BAOA,6BAOA,0GAQA,8BAOA,6BAOA,kCAOA,mCAOA,6BAOA,kCAOA,oCAOA,mCAOA,+BAOA,iCAOA,kBAOA,yBAOA,2BAOA,wBAOA,6BAOA,0BAOA,0BAOA","file":"misc.css","sourcesContent":["@layer tokens {\n  :root {\n    /*\n    * @name Border Radius - Small\n    * @description A small border radius for subtle rounding.\n    * @type Border Radius\n    */\n    --nano-border-radius-small: 0.1875rem;\n\n    /* 3px */\n\n    /*\n    * @name Border Radius - Medium\n    * @description A medium border radius for moderate rounding.\n    * @type Border Radius\n    */\n    --nano-border-radius-medium: 0.25rem;\n\n    /* 4px */\n\n    /*\n    * @name Border Radius - Large\n    * @description A large border radius for significant rounding.\n    * @type Border Radius\n    */\n    --nano-border-radius-large: 0.5rem;\n\n    /* 8px */\n\n    /*\n    * @name Border Radius - X-Large\n    * @description An extra-large border radius for highly rounded elements.\n    * @type Border Radius\n    */\n    --nano-border-radius-x-large: 1rem;\n\n    /* 16px */\n\n    /*\n    * @name Border Radius - Circle\n    * @description A border radius for creating circular shapes.\n    * @type Border Radius\n    */\n    --nano-border-radius-circle: 50%;\n\n    /*\n    * @name Border Radius - Pill\n    * @description A border radius for creating pill-shaped elements.\n    * @type Border Radius\n    */\n    --nano-border-radius-pill: 9999px;\n\n    /*\n    * @name Transition - X-Fast\n    * @description An extra-fast transition duration.\n    * @type Transitions\n    */\n    --nano-transition-x-fast: 120ms;\n\n    /*\n    * @name Transition - Fast\n    * @description A fast transition duration.\n    * @type Transitions\n    */\n    --nano-transition-fast: 300ms;\n\n    /*\n    * @name Transition - Medium\n    * @description A medium transition duration.\n    * @type Transitions\n    */\n    --nano-transition-medium: 500ms;\n\n    /*\n    * @name Transition - Slow\n    * @description A slow transition duration.\n    * @type Transitions\n    */\n    --nano-transition-slow: 700ms;\n\n    /*\n    * @name Transition - X-Slow\n    * @description An extra-slow transition duration.\n    * @type Transitions\n    */\n    --nano-transition-x-slow: 1000ms;\n\n    /*\n    * @name Focus Ring - Color\n    * @description The color of the focus ring.\n    * @type Focus Rings\n    */\n    --nano-focus-ring-color: var(--nano-color-blue-cerulean-700);\n\n    /*\n    * @name Focus Ring - Style\n    * @description The style of the focus ring.\n    * @type Focus Rings\n    */\n    --nano-focus-ring-style: solid;\n\n    /*\n    * @name Focus Ring - Width\n    * @description The width of the focus ring.\n    * @type Focus Rings\n    */\n    --nano-focus-ring-width: 3px;\n\n    /*\n    * @name Focus Ring - Primary\n    * @description The primary focus ring.\n    * @type Focus Rings\n    */\n    --nano-focus-ring: var(--nano-focus-ring-style) var(--nano-focus-ring-width)\n      var(--nano-focus-ring-color);\n\n    /*\n    * @name Focus Ring - Offset\n    * @description The offset of the focus ring from the element.\n    * @type Focus Rings\n    */\n    --nano-focus-ring-offset: 1px;\n\n    /*\n    * @name Icon Size - Small\n    * @description The size of small icons.\n    * @type Icon Sizes\n    */\n    --nano-icon-size-small: 16px;\n\n    /*\n    * @name Pictogram Size - Small\n    * @description The size of small pictograms.\n    * @type Icon Sizes\n    */\n    --nano-pictogram-size-small: 24px;\n\n    /*\n    * @name Pictogram Size - Medium\n    * @description The size of medium pictograms.\n    * @type Icon Sizes\n    */\n    --nano-pictogram-size-medium: 32px;\n\n    /*\n    * @name Icon Size - Large\n    * @description The size of large icons.\n    * @type Icon Sizes\n    */\n    --nano-icon-size-large: 32px;\n\n    /*\n    * @name Pictogram Size - Large\n    * @description The size of large pictograms.\n    * @type Icon Sizes\n    */\n    --nano-pictogram-size-large: 48px;\n\n    /*\n    * @name Pictogram Size - X-Large\n    * @description The size of extra-large pictograms.\n    * @type Icon Sizes\n    */\n    --nano-pictogram-size-x-large: 64px;\n\n    /*\n    * @name Image Ratio - Landscape\n    * @description The aspect ratio for landscape images.\n    * @type Image Ratios\n    */\n    --nano-image-ratio-landscape: 16/9;\n\n    /*\n    * @name Image Ratio - Square\n    * @description The aspect ratio for square images.\n    * @type Image Ratios\n    */\n    --nano-image-ratio-square: 1/1;\n\n    /*\n    * @name Image Ratio - Portrait\n    * @description The aspect ratio for portrait images.\n    * @type Image Ratios\n    */\n    --nano-image-ratio-portrait: 3/4;\n\n    /*\n    * @name Z-Index - Basic\n    * @description The z-index for basic elements.\n    * @type Z-Index\n    */\n    --nano-z-index: 2;\n\n    /*\n    * @name Z-Index - Raised\n    * @description The z-index for slightly raised elements.\n    * @type Z-Index\n    */\n    --nano-z-index-raised: 5;\n\n    /*\n    * @name Z-Index - Menubar\n    * @description The z-index for menubar elements.\n    * @type Z-Index\n    */\n    --nano-z-index-menubar: 10;\n\n    /*\n    * @name Z-Index - Mask\n    * @description The z-index for mask elements.\n    * @type Z-Index\n    */\n    --nano-z-index-mask: 50;\n\n    /*\n    * @name Z-Index - Dropdown\n    * @description The z-index for dropdown elements.\n    * @type Z-Index\n    */\n    --nano-z-index-dropdown: 300;\n\n    /*\n    * @name Z-Index - Modal\n    * @description The z-index for modal elements.\n    * @type Z-Index\n    */\n    --nano-z-index-modal: 700;\n\n    /*\n    * @name Z-Index - Alert\n    * @description The z-index for alert elements.\n    * @type Z-Index\n    */\n    --nano-z-index-alert: 800;\n\n    /*\n    * @name Z-Index - Tooltip\n    * @description The z-index for tooltip elements.\n    * @type Z-Index\n    */\n    --nano-z-index-tooltip: 1000;\n  }\n}\n"]}