lumir-design-system-shared/dist/css/foundation-tokens.css

Lumir Design System - Shared Components & Tokens

:root {
  --foundation-foundation-color-transparent-light-100: rgba(0, 0, 0, 0.12);
  --foundation-foundation-color-transparent-light-200: rgba(0, 0, 0, 0.06);
  --foundation-foundation-color-transparent-light-300: rgba(0, 0, 0, 0.20);
  --foundation-foundation-color-transparent-light-400: rgba(0, 0, 0, 0.30);
  --foundation-foundation-color-transparent-light-500: rgba(0, 0, 0, 0.14);
  --foundation-foundation-color-transparent-light-600: rgba(0, 0, 0, 0.07);
  --foundation-foundation-color-transparent-light-700: rgba(0, 0, 0, 0.24);
  --foundation-foundation-color-transparent-light-800: rgba(0, 0, 0, 0.25);
  --foundation-foundation-color-transparent-light-900: rgba(0, 0, 0, 0.40);
  --foundation-foundation-color-transparent-light-1000: rgba(0, 0, 0, 1);
  --foundation-foundation-color-transparent-dark-100: rgba(0, 0, 0, 0.24);
  --foundation-foundation-color-transparent-dark-200: rgba(0, 0, 0, 0.12);
  --foundation-foundation-color-transparent-dark-300: rgba(0, 0, 0, 0.40);
  --foundation-foundation-color-transparent-dark-400: rgba(0, 0, 0, 0.30);
  --foundation-foundation-color-transparent-dark-500: rgba(0, 0, 0, 0.28);
  --foundation-foundation-color-transparent-dark-600: rgba(0, 0, 0, 0.14);
  --foundation-foundation-color-transparent-dark-700: rgba(0, 0, 0, 0.48);
  --foundation-foundation-color-transparent-dark-800: rgba(0, 0, 0, 0.25);
  --foundation-foundation-color-transparent-dark-900: rgba(0, 0, 0, 0.30);
  --foundation-foundation-color-transparent-dark-1000: rgba(0, 0, 0, 1);
  --foundation-foundation-color-grey-light-0: #000000;
  --foundation-foundation-color-grey-light-2: #050505;
  --foundation-foundation-color-grey-light-4: #0A0A0A;
  --foundation-foundation-color-grey-light-6: #0F0F0F;
  --foundation-foundation-color-grey-light-8: #141414;
  --foundation-foundation-color-grey-light-10: #191919;
  --foundation-foundation-color-grey-light-12: #1E1E1E;
  --foundation-foundation-color-grey-light-14: #232323;
  --foundation-foundation-color-grey-light-16: #282828;
  --foundation-foundation-color-grey-light-18: #2D2D2D;
  --foundation-foundation-color-grey-light-20: #333333;
  --foundation-foundation-color-grey-light-22: #383838;
  --foundation-foundation-color-grey-light-24: #3D3D3D;
  --foundation-foundation-color-grey-light-26: #424242;
  --foundation-foundation-color-grey-light-28: #474747;
  --foundation-foundation-color-grey-light-30: #4C4C4C;
  --foundation-foundation-color-grey-light-32: #515151;
  --foundation-foundation-color-grey-light-34: #565656;
  --foundation-foundation-color-grey-light-36: #5B5B5B;
  --foundation-foundation-color-grey-light-38: #606060;
  --foundation-foundation-color-grey-light-40: #666666;
  --foundation-foundation-color-grey-light-42: #6B6B6B;
  --foundation-foundation-color-grey-light-44: #707070;
  --foundation-foundation-color-grey-light-46: #757575;
  --foundation-foundation-color-grey-light-48: #7A7A7A;
  --foundation-foundation-color-grey-light-50: #7F7F7F;
  --foundation-foundation-color-grey-light-52: #848484;
  --foundation-foundation-color-grey-light-54: #898989;
  --foundation-foundation-color-grey-light-56: #8E8E8E;
  --foundation-foundation-color-grey-light-58: #939393;
  --foundation-foundation-color-grey-light-60: #999999;
  --foundation-foundation-color-grey-light-62: #9E9E9E;
  --foundation-foundation-color-grey-light-64: #A3A3A3;
  --foundation-foundation-color-grey-light-66: #A8A8A8;
  --foundation-foundation-color-grey-light-68: #ADADAD;
  --foundation-foundation-color-grey-light-70: #B2B2B2;
  --foundation-foundation-color-grey-light-72: #B7B7B7;
  --foundation-foundation-color-grey-light-74: #BCBCBC;
  --foundation-foundation-color-grey-light-76: #C1C1C1;
  --foundation-foundation-color-grey-light-78: #C6C6C6;
  --foundation-foundation-color-grey-light-80: #CCCCCC;
  --foundation-foundation-color-grey-light-82: #D1D1D1;
  --foundation-foundation-color-grey-light-84: #D6D6D6;
  --foundation-foundation-color-grey-light-86: #DBDBDB;
  --foundation-foundation-color-grey-light-88: #E0E0E0;
  --foundation-foundation-color-grey-light-90: #E5E5E5;
  --foundation-foundation-color-grey-light-92: #EAEAEA;
  --foundation-foundation-color-grey-light-94: #EFEFEF;
  --foundation-foundation-color-grey-light-96: #F4F4F4;
  --foundation-foundation-color-grey-light-98: #F9F9F9;
  --foundation-foundation-color-grey-light-100: #FFFFFF;
  --foundation-foundation-color-grey-dark-0: #FFFFFF;
  --foundation-foundation-color-grey-dark-2: #F9F9F9;
  --foundation-foundation-color-grey-dark-4: #F4F4F4;
  --foundation-foundation-color-grey-dark-6: #EFEFEF;
  --foundation-foundation-color-grey-dark-8: #EAEAEA;
  --foundation-foundation-color-grey-dark-10: #E5E5E5;
  --foundation-foundation-color-grey-dark-12: #E0E0E0;
  --foundation-foundation-color-grey-dark-14: #DBDBDB;
  --foundation-foundation-color-grey-dark-16: #D6D6D6;
  --foundation-foundation-color-grey-dark-18: #D1D1D1;
  --foundation-foundation-color-grey-dark-20: #CCCCCC;
  --foundation-foundation-color-grey-dark-22: #C6C6C6;
  --foundation-foundation-color-grey-dark-24: #C1C1C1;
  --foundation-foundation-color-grey-dark-26: #BCBCBC;
  --foundation-foundation-color-grey-dark-28: #B7B7B7;
  --foundation-foundation-color-grey-dark-30: #B2B2B2;
  --foundation-foundation-color-grey-dark-32: #ADADAD;
  --foundation-foundation-color-grey-dark-34: #A8A8A8;
  --foundation-foundation-color-grey-dark-36: #A3A3A3;
  --foundation-foundation-color-grey-dark-38: #9E9E9E;
  --foundation-foundation-color-grey-dark-40: #999999;
  --foundation-foundation-color-grey-dark-42: #939393;
  --foundation-foundation-color-grey-dark-44: #8E8E8E;
  --foundation-foundation-color-grey-dark-46: #898989;
  --foundation-foundation-color-grey-dark-48: #848484;
  --foundation-foundation-color-grey-dark-50: #7F7F7F;
  --foundation-foundation-color-grey-dark-52: #7A7A7A;
  --foundation-foundation-color-grey-dark-54: #757575;
  --foundation-foundation-color-grey-dark-56: #707070;
  --foundation-foundation-color-grey-dark-58: #6B6B6B;
  --foundation-foundation-color-grey-dark-60: #666666;
  --foundation-foundation-color-grey-dark-62: #606060;
  --foundation-foundation-color-grey-dark-64: #5B5B5B;
  --foundation-foundation-color-grey-dark-66: #565656;
  --foundation-foundation-color-grey-dark-68: #515151;
  --foundation-foundation-color-grey-dark-70: #4C4C4C;
  --foundation-foundation-color-grey-dark-72: #474747;
  --foundation-foundation-color-grey-dark-74: #424242;
  --foundation-foundation-color-grey-dark-76: #3D3D3D;
  --foundation-foundation-color-grey-dark-78: #383838;
  --foundation-foundation-color-grey-dark-80: #333333;
  --foundation-foundation-color-grey-dark-82: #2D2D2D;
  --foundation-foundation-color-grey-dark-84: #282828;
  --foundation-foundation-color-grey-dark-86: #232323;
  --foundation-foundation-color-grey-dark-88: #1E1E1E;
  --foundation-foundation-color-grey-dark-90: #191919;
  --foundation-foundation-color-grey-dark-92: #141414;
  --foundation-foundation-color-grey-dark-94: #0F0F0F;
  --foundation-foundation-color-grey-dark-96: #0A0A0A;
  --foundation-foundation-color-grey-dark-98: #050505;
  --foundation-foundation-color-grey-dark-100: #000000;
  --foundation-foundation-color-blue-light-0: #E6F7FF;
  --foundation-foundation-color-blue-light-10: #CCF0FF;
  --foundation-foundation-color-blue-light-20: #99E0FF;
  --foundation-foundation-color-blue-light-30: #66D1FF;
  --foundation-foundation-color-blue-light-40: #33C1FF;
  --foundation-foundation-color-blue-light-50: #00A0E9;
  --foundation-foundation-color-blue-light-60: #0080BA;
  --foundation-foundation-color-blue-light-70: #00608C;
  --foundation-foundation-color-blue-light-80: #00405D;
  --foundation-foundation-color-blue-light-90: #00202F;
  --foundation-foundation-color-blue-light-100: #001018;
  --foundation-foundation-color-blue-dark-0: #001018;
  --foundation-foundation-color-blue-dark-10: #00202F;
  --foundation-foundation-color-blue-dark-20: #00405D;
  --foundation-foundation-color-blue-dark-30: #00608C;
  --foundation-foundation-color-blue-dark-40: #0080BA;
  --foundation-foundation-color-blue-dark-50: #00A0E9;
  --foundation-foundation-color-blue-dark-60: #33C1FF;
  --foundation-foundation-color-blue-dark-70: #66D1FF;
  --foundation-foundation-color-blue-dark-80: #99E0FF;
  --foundation-foundation-color-blue-dark-90: #CCF0FF;
  --foundation-foundation-color-blue-dark-100: #E6F7FF;
  --foundation-foundation-color-red-light-0: #FFEBEE;
  --foundation-foundation-color-red-light-10: #FFCDD2;
  --foundation-foundation-color-red-light-20: #EF9A9A;
  --foundation-foundation-color-red-light-30: #E57373;
  --foundation-foundation-color-red-light-40: #EF5350;
  --foundation-foundation-color-red-light-50: #F44336;
  --foundation-foundation-color-red-light-60: #E53935;
  --foundation-foundation-color-red-light-70: #D32F2F;
  --foundation-foundation-color-red-light-80: #C62828;
  --foundation-foundation-color-red-light-90: #B71C1C;
  --foundation-foundation-color-red-light-100: #8C0D0D;
  --foundation-foundation-color-red-dark-0: #8C0D0D;
  --foundation-foundation-color-red-dark-10: #B71C1C;
  --foundation-foundation-color-red-dark-20: #C62828;
  --foundation-foundation-color-red-dark-30: #D32F2F;
  --foundation-foundation-color-red-dark-40: #E53935;
  --foundation-foundation-color-red-dark-50: #F44336;
  --foundation-foundation-color-red-dark-60: #EF5350;
  --foundation-foundation-color-red-dark-70: #E57373;
  --foundation-foundation-color-red-dark-80: #EF9A9A;
  --foundation-foundation-color-red-dark-90: #FFCDD2;
  --foundation-foundation-color-red-dark-100: #FFEBEE;
  --foundation-foundation-color-green-light-0: #E8F5E9;
  --foundation-foundation-color-green-light-10: #C8E6C9;
  --foundation-foundation-color-green-light-20: #A5D6A7;
  --foundation-foundation-color-green-light-30: #81C784;
  --foundation-foundation-color-green-light-40: #66BB6A;
  --foundation-foundation-color-green-light-50: #4CAF50;
  --foundation-foundation-color-green-light-60: #43A047;
  --foundation-foundation-color-green-light-70: #388E3C;
  --foundation-foundation-color-green-light-80: #2E7D32;
  --foundation-foundation-color-green-light-90: #1B5E20;
  --foundation-foundation-color-green-light-100: #15411B;
  --foundation-foundation-color-green-dark-0: #15411B;
  --foundation-foundation-color-green-dark-10: #1B5E20;
  --foundation-foundation-color-green-dark-20: #2E7D32;
  --foundation-foundation-color-green-dark-30: #388E3C;
  --foundation-foundation-color-green-dark-40: #43A047;
  --foundation-foundation-color-green-dark-50: #4CAF50;
  --foundation-foundation-color-green-dark-60: #66BB6A;
  --foundation-foundation-color-green-dark-70: #81C784;
  --foundation-foundation-color-green-dark-80: #A5D6A7;
  --foundation-foundation-color-green-dark-90: #C8E6C9;
  --foundation-foundation-color-green-dark-100: #E8F5E9;
  --foundation-foundation-color-yellow-light-0: #FFFDE7;
  --foundation-foundation-color-yellow-light-10: #FFF9C4;
  --foundation-foundation-color-yellow-light-20: #FFF59D;
  --foundation-foundation-color-yellow-light-30: #FFF176;
  --foundation-foundation-color-yellow-light-40: #FFEE58;
  --foundation-foundation-color-yellow-light-50: #FFEB3B;
  --foundation-foundation-color-yellow-light-60: #FDD835;
  --foundation-foundation-color-yellow-light-70: #FBC02D;
  --foundation-foundation-color-yellow-light-80: #F9A825;
  --foundation-foundation-color-yellow-light-90: #F57F17;
  --foundation-foundation-color-yellow-light-100: #B26F11;
  --foundation-foundation-color-yellow-dark-0: #B26F11;
  --foundation-foundation-color-yellow-dark-10: #F57F17;
  --foundation-foundation-color-yellow-dark-20: #F9A825;
  --foundation-foundation-color-yellow-dark-30: #FBC02D;
  --foundation-foundation-color-yellow-dark-40: #FDD835;
  --foundation-foundation-color-yellow-dark-50: #FFEB3B;
  --foundation-foundation-color-yellow-dark-60: #FFEE58;
  --foundation-foundation-color-yellow-dark-70: #FFF176;
  --foundation-foundation-color-yellow-dark-80: #FFF59D;
  --foundation-foundation-color-yellow-dark-90: #FFF9C4;
  --foundation-foundation-color-yellow-dark-100: #FFFDE7;
  --foundation-foundation-color-orange-light-0: #FFF3E0;
  --foundation-foundation-color-orange-light-10: #FFE0B2;
  --foundation-foundation-color-orange-light-20: #FFCC80;
  --foundation-foundation-color-orange-light-30: #FFB74D;
  --foundation-foundation-color-orange-light-40: #FFA726;
  --foundation-foundation-color-orange-light-50: #FF9800;
  --foundation-foundation-color-orange-light-60: #FB8C00;
  --foundation-foundation-color-orange-light-70: #F57C00;
  --foundation-foundation-color-orange-light-80: #EF6C00;
  --foundation-foundation-color-orange-light-90: #E65100;
  --foundation-foundation-color-orange-light-100: #BF360C;
  --foundation-foundation-color-orange-dark-0: #BF360C;
  --foundation-foundation-color-orange-dark-10: #E65100;
  --foundation-foundation-color-orange-dark-20: #EF6C00;
  --foundation-foundation-color-orange-dark-30: #F57C00;
  --foundation-foundation-color-orange-dark-40: #FB8C00;
  --foundation-foundation-color-orange-dark-50: #FF9800;
  --foundation-foundation-color-orange-dark-60: #FFA726;
  --foundation-foundation-color-orange-dark-70: #FFB74D;
  --foundation-foundation-color-orange-dark-80: #FFCC80;
  --foundation-foundation-color-orange-dark-90: #FFE0B2;
  --foundation-foundation-color-orange-dark-100: #FFF3E0;
  --foundation-foundation-color-teal-light-0: #E0F2F1;
  --foundation-foundation-color-teal-light-10: #B2DFDB;
  --foundation-foundation-color-teal-light-20: #80CBC4;
  --foundation-foundation-color-teal-light-30: #4DB6AC;
  --foundation-foundation-color-teal-light-40: #26A69A;
  --foundation-foundation-color-teal-light-50: #009688;
  --foundation-foundation-color-teal-light-60: #00897B;
  --foundation-foundation-color-teal-light-70: #00796B;
  --foundation-foundation-color-teal-light-80: #00695C;
  --foundation-foundation-color-teal-light-90: #004D40;
  --foundation-foundation-color-teal-light-100: #00251A;
  --foundation-foundation-color-teal-dark-0: #00251A;
  --foundation-foundation-color-teal-dark-10: #004D40;
  --foundation-foundation-color-teal-dark-20: #00695C;
  --foundation-foundation-color-teal-dark-30: #00796B;
  --foundation-foundation-color-teal-dark-40: #00897B;
  --foundation-foundation-color-teal-dark-50: #009688;
  --foundation-foundation-color-teal-dark-60: #26A69A;
  --foundation-foundation-color-teal-dark-70: #4DB6AC;
  --foundation-foundation-color-teal-dark-80: #80CBC4;
  --foundation-foundation-color-teal-dark-90: #B2DFDB;
  --foundation-foundation-color-teal-dark-100: #E0F2F1;
  --foundation-foundation-color-purple-light-0: #F4E6F7;
  --foundation-foundation-color-purple-light-10: #E9CCEF;
  --foundation-foundation-color-purple-light-20: #D399DF;
  --foundation-foundation-color-purple-light-30: #BD66CF;
  --foundation-foundation-color-purple-light-40: #A733BF;
  --foundation-foundation-color-purple-light-50: #65127E;
  --foundation-foundation-color-purple-light-60: #510E65;
  --foundation-foundation-color-purple-light-70: #3D0B4C;
  --foundation-foundation-color-purple-light-80: #290732;
  --foundation-foundation-color-purple-light-90: #150419;
  --foundation-foundation-color-purple-light-100: #0A020C;
  --foundation-foundation-color-purple-dark-0: #0A020C;
  --foundation-foundation-color-purple-dark-10: #150419;
  --foundation-foundation-color-purple-dark-20: #290732;
  --foundation-foundation-color-purple-dark-30: #3D0B4C;
  --foundation-foundation-color-purple-dark-40: #510E65;
  --foundation-foundation-color-purple-dark-50: #65127E;
  --foundation-foundation-color-purple-dark-60: #A733BF;
  --foundation-foundation-color-purple-dark-70: #BD66CF;
  --foundation-foundation-color-purple-dark-80: #D399DF;
  --foundation-foundation-color-purple-dark-90: #E9CCEF;
  --foundation-foundation-color-purple-dark-100: #F4E6F7;
  --foundation-foundation-color-pink-light-0: #FCE4EC;
  --foundation-foundation-color-pink-light-10: #F8BBD0;
  --foundation-foundation-color-pink-light-20: #F48FB1;
  --foundation-foundation-color-pink-light-30: #F06292;
  --foundation-foundation-color-pink-light-40: #EC407A;
  --foundation-foundation-color-pink-light-50: #E91E63;
  --foundation-foundation-color-pink-light-60: #D81B60;
  --foundation-foundation-color-pink-light-70: #C2185B;
  --foundation-foundation-color-pink-light-80: #AD1457;
  --foundation-foundation-color-pink-light-90: #880E4F;
  --foundation-foundation-color-pink-light-100: #560027;
  --foundation-foundation-color-pink-dark-0: #560027;
  --foundation-foundation-color-pink-dark-10: #880E4F;
  --foundation-foundation-color-pink-dark-20: #AD1457;
  --foundation-foundation-color-pink-dark-30: #C2185B;
  --foundation-foundation-color-pink-dark-40: #D81B60;
  --foundation-foundation-color-pink-dark-50: #E91E63;
  --foundation-foundation-color-pink-dark-60: #EC407A;
  --foundation-foundation-color-pink-dark-70: #F06292;
  --foundation-foundation-color-pink-dark-80: #F48FB1;
  --foundation-foundation-color-pink-dark-90: #F8BBD0;
  --foundation-foundation-color-pink-dark-100: #FCE4EC;
  --foundation-foundation-color-brown-light-0: #EFEBE9;
  --foundation-foundation-color-brown-light-10: #D7CCC8;
  --foundation-foundation-color-brown-light-20: #BCAAA4;
  --foundation-foundation-color-brown-light-30: #A1887F;
  --foundation-foundation-color-brown-light-40: #8D6E63;
  --foundation-foundation-color-brown-light-50: #795548;
  --foundation-foundation-color-brown-light-60: #6D4C41;
  --foundation-foundation-color-brown-light-70: #5D4037;
  --foundation-foundation-color-brown-light-80: #4E342E;
  --foundation-foundation-color-brown-light-90: #3E2723;
  --foundation-foundation-color-brown-light-100: #1E0F0A;
  --foundation-foundation-color-brown-dark-0: #1E0F0A;
  --foundation-foundation-color-brown-dark-10: #3E2723;
  --foundation-foundation-color-brown-dark-20: #4E342E;
  --foundation-foundation-color-brown-dark-30: #5D4037;
  --foundation-foundation-color-brown-dark-40: #6D4C41;
  --foundation-foundation-color-brown-dark-50: #795548;
  --foundation-foundation-color-brown-dark-60: #8D6E63;
  --foundation-foundation-color-brown-dark-70: #A1887F;
  --foundation-foundation-color-brown-dark-80: #BCAAA4;
  --foundation-foundation-color-brown-dark-90: #D7CCC8;
  --foundation-foundation-color-brown-dark-100: #EFEBE9;
  --foundation-foundation-font-fontfamily-base: 'Pretendard', sans-serif;
  --foundation-foundation-font-fontsize-120: 12px;
  --foundation-foundation-font-fontsize-140: 14px;
  --foundation-foundation-font-fontsize-160: 16px;
  --foundation-foundation-font-fontsize-200: 20px;
  --foundation-foundation-font-fontsize-240: 24px;
  --foundation-foundation-font-fontsize-300: 30px;
  --foundation-foundation-font-fontsize-360: 36px;
  --foundation-foundation-font-fontsize-480: 48px;
  --foundation-foundation-font-fontsize-600: 60px;
  --foundation-foundation-font-fontsize-720: 72px;
  --foundation-foundation-font-lineheight-12: 1.2;
  --foundation-foundation-font-lineheight-14: 1.4;
  --foundation-foundation-font-lineheight-16: 1.6;
  --foundation-foundation-font-lineheight-18: 1.8;
  --foundation-foundation-font-lineheight-20: 2.0;
  --foundation-foundation-font-lineheight-22: 2.2;
  --foundation-foundation-font-lineheight-24: 2.4;
  --foundation-foundation-font-lineheight-26: 2.6;
  --foundation-foundation-font-lineheight-28: 2.8;
  --foundation-foundation-font-lineheight-30: 3.0;
  --foundation-foundation-font-letterspacing-10: -0.05em;
  --foundation-foundation-font-letterspacing-20: -0.025em;
  --foundation-foundation-font-letterspacing-30: 0em;
  --foundation-foundation-font-letterspacing-40: 0.025em;
  --foundation-foundation-font-letterspacing-50: 0.05em;
  --foundation-foundation-font-letterspacing-60: 0.075em;
  --foundation-foundation-font-letterspacing-70: 0.1em;
  --foundation-foundation-font-letterspacing-80: 0.125em;
  --foundation-foundation-font-letterspacing-90: 0.15em;
  --foundation-foundation-font-letterspacing-100: 0.2em;
  --foundation-foundation-font-fontweight-100: 100;
  --foundation-foundation-font-fontweight-200: 200;
  --foundation-foundation-font-fontweight-300: 300;
  --foundation-foundation-font-fontweight-400: 400;
  --foundation-foundation-font-fontweight-500: 500;
  --foundation-foundation-font-fontweight-600: 600;
  --foundation-foundation-font-fontweight-700: 700;
  --foundation-foundation-font-fontweight-800: 800;
  --foundation-foundation-font-fontweight-900: 900;
  --foundation-foundation-spacing-0-vertical: 0px;
  --foundation-foundation-spacing-0-horizontal: 0px;
  --foundation-foundation-spacing-20-vertical: 2px;
  --foundation-foundation-spacing-20-horizontal: 2px;
  --foundation-foundation-spacing-40-vertical: 4px;
  --foundation-foundation-spacing-40-horizontal: 4px;
  --foundation-foundation-spacing-60-vertical: 6px;
  --foundation-foundation-spacing-60-horizontal: 6px;
  --foundation-foundation-spacing-80-vertical: 8px;
  --foundation-foundation-spacing-80-horizontal: 8px;
  --foundation-foundation-spacing-100-vertical: 10px;
  --foundation-foundation-spacing-100-horizontal: 10px;
  --foundation-foundation-spacing-120-vertical: 12px;
  --foundation-foundation-spacing-120-horizontal: 12px;
  --foundation-foundation-spacing-140-vertical: 14px;
  --foundation-foundation-spacing-140-horizontal: 14px;
  --foundation-foundation-spacing-160-vertical: 16px;
  --foundation-foundation-spacing-160-horizontal: 16px;
  --foundation-foundation-spacing-180-vertical: 18px;
  --foundation-foundation-spacing-180-horizontal: 18px;
  --foundation-foundation-spacing-200-vertical: 20px;
  --foundation-foundation-spacing-200-horizontal: 20px;
  --foundation-foundation-spacing-220-vertical: 22px;
  --foundation-foundation-spacing-220-horizontal: 22px;
  --foundation-foundation-spacing-240-vertical: 24px;
  --foundation-foundation-spacing-240-horizontal: 24px;
  --foundation-foundation-spacing-260-vertical: 26px;
  --foundation-foundation-spacing-260-horizontal: 26px;
  --foundation-foundation-spacing-280-vertical: 28px;
  --foundation-foundation-spacing-280-horizontal: 28px;
  --foundation-foundation-spacing-300-vertical: 30px;
  --foundation-foundation-spacing-300-horizontal: 30px;
  --foundation-foundation-spacing-320-vertical: 32px;
  --foundation-foundation-spacing-320-horizontal: 32px;
  --foundation-foundation-spacing-340-vertical: 34px;
  --foundation-foundation-spacing-340-horizontal: 34px;
  --foundation-foundation-spacing-360-vertical: 36px;
  --foundation-foundation-spacing-360-horizontal: 36px;
  --foundation-foundation-spacing-380-vertical: 38px;
  --foundation-foundation-spacing-380-horizontal: 38px;
  --foundation-foundation-spacing-400-vertical: 40px;
  --foundation-foundation-spacing-400-horizontal: 40px;
  --foundation-foundation-size-0: 0px;
  --foundation-foundation-size-20: 2px;
  --foundation-foundation-size-40: 4px;
  --foundation-foundation-size-60: 6px;
  --foundation-foundation-size-80: 8px;
  --foundation-foundation-size-100: 10px;
  --foundation-foundation-size-120: 12px;
  --foundation-foundation-size-140: 14px;
  --foundation-foundation-size-160: 16px;
  --foundation-foundation-size-180: 18px;
  --foundation-foundation-size-200: 20px;
  --foundation-foundation-size-220: 22px;
  --foundation-foundation-size-240: 24px;
  --foundation-foundation-size-260: 26px;
  --foundation-foundation-size-280: 28px;
  --foundation-foundation-size-300: 30px;
  --foundation-foundation-size-320: 32px;
  --foundation-foundation-size-340: 34px;
  --foundation-foundation-size-360: 36px;
  --foundation-foundation-size-380: 38px;
  --foundation-foundation-size-400: 40px;
  --foundation-foundation-radius-0: 0px;
  --foundation-foundation-radius-20: 2px;
  --foundation-foundation-radius-40: 4px;
  --foundation-foundation-radius-60: 6px;
  --foundation-foundation-radius-80: 8px;
  --foundation-foundation-radius-100: 10px;
  --foundation-foundation-radius-120: 12px;
  --foundation-foundation-radius-140: 14px;
  --foundation-foundation-radius-160: 16px;
  --foundation-foundation-radius-180: 18px;
  --foundation-foundation-radius-200: 20px;
  --foundation-foundation-radius-1000: 10000px;
  --foundation-foundation-strokewidth-10: 1px;
  --foundation-foundation-strokewidth-20: 2px;
  --foundation-foundation-strokewidth-30: 3px;
  --foundation-foundation-strokewidth-40: 4px;
  --foundation-foundation-strokewidth-50: 5px;
  --foundation-foundation-strokewidth-60: 6px;
  --foundation-foundation-strokewidth-70: 7px;
  --foundation-foundation-strokewidth-80: 8px;
  --foundation-foundation-strokewidth-90: 9px;
  --foundation-foundation-strokewidth-100: 10px;
  --foundation-foundation-height-120: 12px;
  --foundation-foundation-height-160: 16px;
  --foundation-foundation-height-200: 20px;
  --foundation-foundation-height-240: 24px;
  --foundation-foundation-height-280: 28px;
  --foundation-foundation-height-320: 32px;
  --foundation-foundation-height-360: 36px;
  --foundation-foundation-height-400: 40px;
  --foundation-foundation-height-440: 44px;
  --foundation-foundation-height-480: 48px;
  --foundation-foundation-height-520: 52px;
  --foundation-foundation-height-560: 56px;
  --foundation-foundation-height-600: 60px;
  --foundation-foundation-height-640: 64px;
  --foundation-foundation-height-680: 68px;
  --foundation-foundation-height-720: 72px;
  --foundation-foundation-height-760: 76px;
  --foundation-foundation-height-800: 80px;
  --foundation-foundation-height-840: 84px;
  --foundation-foundation-height-880: 88px;
  --foundation-foundation-duration-100: 100ms;
  --foundation-foundation-duration-200: 200ms;
  --foundation-foundation-duration-300: 300ms;
  --foundation-foundation-duration-400: 400ms;
  --foundation-foundation-duration-500: 500ms;
  --foundation-foundation-duration-600: 600ms;
  --foundation-foundation-duration-700: 700ms;
  --foundation-foundation-duration-800: 800ms;
  --foundation-foundation-duration-900: 900ms;
  --foundation-foundation-duration-1000: 1000ms;
  --foundation-foundation-easing-standard-in: cubic-bezier(0.4, 0.0, 1, 1);
  --foundation-foundation-easing-standard-out: cubic-bezier(0.0, 0.0, 0.2, 1);
  --foundation-foundation-easing-standard-inout: cubic-bezier(0.4, 0.0, 0.2, 1);
  --foundation-foundation-easing-emphasized-in: cubic-bezier(0.0, 0.0, 0.2, 1);
  --foundation-foundation-easing-emphasized-out: cubic-bezier(0.4, 0.0, 1, 1);
  --foundation-foundation-easing-emphasized-inout: cubic-bezier(0.2, 0.0, 0.0, 1);
  --foundation-foundation-easing-overshoot-in: cubic-bezier(0.34, 1.56, 0.64, 1);
  --foundation-foundation-easing-overshoot-out: cubic-bezier(0.36, 0, 0.66, -0.56);
  --foundation-foundation-easing-overshoot-inout: cubic-bezier(0.34, 1.56, 0.64, 1);
  --foundation-foundation-zindex-0: 0;
  --foundation-foundation-zindex-100: 100;
  --foundation-foundation-zindex-200: 200;
  --foundation-foundation-zindex-300: 300;
  --foundation-foundation-zindex-400: 400;
  --foundation-foundation-zindex-500: 500;
  --foundation-foundation-zindex-600: 600;
  --foundation-foundation-zindex-700: 700;
  --foundation-foundation-zindex-800: 800;
  --foundation-foundation-zindex-900: 900;
  --foundation-foundation-zindex-1000: 1000;
  --foundation-foundation-shadow-light-0-x: 0px;
  --foundation-foundation-shadow-light-0-y: 0px;
  --foundation-foundation-shadow-light-0-blur: 0px;
  --foundation-foundation-shadow-light-0-spread: 0px;
  --foundation-foundation-shadow-light-0-color: rgba(0, 0, 0, 0);
  --foundation-foundation-shadow-light-10-x: 0px;
  --foundation-foundation-shadow-light-10-y: 1px;
  --foundation-foundation-shadow-light-10-blur: 3px;
  --foundation-foundation-shadow-light-10-spread: -1px;
  --foundation-foundation-shadow-light-10-color: rgba(0, 0, 0, 0.08);
  --foundation-foundation-shadow-light-20-x: 0px;
  --foundation-foundation-shadow-light-20-y: 2px;
  --foundation-foundation-shadow-light-20-blur: 8px;
  --foundation-foundation-shadow-light-20-spread: -2px;
  --foundation-foundation-shadow-light-20-color: rgba(0, 0, 0, 0.06);
  --foundation-foundation-shadow-light-30-x: 0px;
  --foundation-foundation-shadow-light-30-y: 4px;
  --foundation-foundation-shadow-light-30-blur: 12px;
  --foundation-foundation-shadow-light-30-spread: -4px;
  --foundation-foundation-shadow-light-30-color: rgba(0, 0, 0, 0.08);
  --foundation-foundation-shadow-light-40-x: 0px;
  --foundation-foundation-shadow-light-40-y: 8px;
  --foundation-foundation-shadow-light-40-blur: 16px;
  --foundation-foundation-shadow-light-40-spread: 0px;
  --foundation-foundation-shadow-light-40-color: rgba(0, 0, 0, 0.1);
  --foundation-foundation-shadow-light-50-x: 0px;
  --foundation-foundation-shadow-light-50-y: 16px;
  --foundation-foundation-shadow-light-50-blur: 24px;
  --foundation-foundation-shadow-light-50-spread: 0px;
  --foundation-foundation-shadow-light-50-color: rgba(0, 0, 0, 0.11);
  --foundation-foundation-shadow-dark-0-x: 0px;
  --foundation-foundation-shadow-dark-0-y: 0px;
  --foundation-foundation-shadow-dark-0-blur: 0px;
  --foundation-foundation-shadow-dark-0-spread: 0px;
  --foundation-foundation-shadow-dark-0-color: rgba(0, 0, 0, 0);
  --foundation-foundation-shadow-dark-10-x: 0px;
  --foundation-foundation-shadow-dark-10-y: 1px;
  --foundation-foundation-shadow-dark-10-blur: 3px;
  --foundation-foundation-shadow-dark-10-spread: -1px;
  --foundation-foundation-shadow-dark-10-color: rgba(0, 0, 0, 0.15);
  --foundation-foundation-shadow-dark-20-x: 0px;
  --foundation-foundation-shadow-dark-20-y: 2px;
  --foundation-foundation-shadow-dark-20-blur: 8px;
  --foundation-foundation-shadow-dark-20-spread: -2px;
  --foundation-foundation-shadow-dark-20-color: rgba(0, 0, 0, 0.12);
  --foundation-foundation-shadow-dark-30-x: 0px;
  --foundation-foundation-shadow-dark-30-y: 4px;
  --foundation-foundation-shadow-dark-30-blur: 12px;
  --foundation-foundation-shadow-dark-30-spread: -4px;
  --foundation-foundation-shadow-dark-30-color: rgba(0, 0, 0, 0.15);
  --foundation-foundation-shadow-dark-40-x: 0px;
  --foundation-foundation-shadow-dark-40-y: 8px;
  --foundation-foundation-shadow-dark-40-blur: 16px;
  --foundation-foundation-shadow-dark-40-spread: 0px;
  --foundation-foundation-shadow-dark-40-color: rgba(0, 0, 0, 0.2);
  --foundation-foundation-shadow-dark-50-x: 0px;
  --foundation-foundation-shadow-dark-50-y: 16px;
  --foundation-foundation-shadow-dark-50-blur: 24px;
  --foundation-foundation-shadow-dark-50-spread: 0px;
  --foundation-foundation-shadow-dark-50-color: rgba(0, 0, 0, 0.22);
  --foundation-foundation-objectfit-fill: fill;
  --foundation-foundation-objectfit-contain: contain;
  --foundation-foundation-objectfit-cover: cover;
  --foundation-foundation-objectfit-none: none;
  --foundation-foundation-objectfit-scaledown: scale-down;
  --foundation-foundation-objectfit-stretch: fill;
  --foundation-foundation-objectfit-fitinside: contain;
  --foundation-foundation-objectfit-fillarea: fill;
  --foundation-foundation-objectfit-crop: cover;
  --foundation-foundation-objectposition-center: center;
  --foundation-foundation-objectposition-top: top;
  --foundation-foundation-objectposition-bottom: bottom;
  --foundation-foundation-objectposition-left: left;
  --foundation-foundation-objectposition-right: right;
  --foundation-foundation-objectposition-topleft: top left;
  --foundation-foundation-objectposition-topright: top right;
  --foundation-foundation-objectposition-bottomleft: bottom left;
  --foundation-foundation-objectposition-bottomright: bottom right;
  --foundation-foundation-objectposition-cropcenter: center;
  --foundation-foundation-objectposition-croptop: top;
  --foundation-foundation-objectposition-cropbottom: bottom;
  --foundation-foundation-objectposition-cropleft: left;
  --foundation-foundation-objectposition-cropright: right;
  --foundation-foundation-objectposition-croptopleft: top left;
  --foundation-foundation-objectposition-croptopright: top right;
  --foundation-foundation-objectposition-cropbottomleft: bottom left;
  --foundation-foundation-objectposition-cropbottomright: bottom right;
  --foundation-foundation-animation-duration-instant: 0ms;
  --foundation-foundation-animation-duration-fast: 150ms;
  --foundation-foundation-animation-duration-normal: 300ms;
  --foundation-foundation-animation-duration-slow: 500ms;
  --foundation-foundation-animation-easing-default: ease;
  --foundation-foundation-animation-easing-linear: linear;
  --foundation-foundation-animation-easing-easein: ease-in;
  --foundation-foundation-animation-easing-easeout: ease-out;
  --foundation-foundation-animation-easing-easeinout: ease-in-out;
  --foundation-foundation-opacity-disabled: 0.5;
  --foundation-foundation-opacity-hover: 0.8;
  --foundation-foundation-opacity-active: 0.6;
  --foundation-foundation-opacity-transparent: 0;
  --foundation-foundation-opacity-opaque: 1;
  --foundation-foundation-focus-outline-width: 2px;
  --foundation-foundation-focus-outline-style: solid;
  --foundation-foundation-focus-outline-color: #2196F3;
  --foundation-foundation-focus-outline-offset: 2px;
  --foundation-foundation-blur-0: 0px;
  --foundation-foundation-blur-20: 2px;
  --foundation-foundation-blur-40: 4px;
  --foundation-foundation-blur-60: 6px;
  --foundation-foundation-blur-80: 8px;
  --foundation-foundation-blur-100: 10px;
  --foundation-foundation-blur-200: 20px;
  --foundation-foundation-blur-300: 30px;
  --foundation-foundation-borderstyle-solid: solid;
  --foundation-foundation-borderstyle-dashed: dashed;
  --foundation-foundation-borderstyle-dotted: dotted;
  --foundation-foundation-borderstyle-double: double;
  --foundation-foundation-borderstyle-groove: groove;
  --foundation-foundation-borderstyle-ridge: ridge;
  --foundation-foundation-borderstyle-outset: outset;
  --foundation-foundation-borderstyle-inset: inset;
  --foundation-foundation-scale-0: 0;
  --foundation-foundation-scale-25: 0.25;
  --foundation-foundation-scale-50: 0.5;
  --foundation-foundation-scale-75: 0.75;
  --foundation-foundation-scale-90: 0.9;
  --foundation-foundation-scale-95: 0.95;
  --foundation-foundation-scale-98: 0.98;
  --foundation-foundation-scale-100: 1;
  --foundation-foundation-scale-105: 1.05;
  --foundation-foundation-scale-110: 1.1;
  --foundation-foundation-scale-125: 1.25;
  --foundation-foundation-scale-150: 1.5;
  --foundation-foundation-scale-200: 2;
}

/* Foundation 유틸리티 클래스 */
.f-foundation-color-transparent-light-100 { color: var(--foundation-foundation-color-transparent-light-100); }
.bg-f-foundation-color-transparent-light-100 { background-color: var(--foundation-foundation-color-transparent-light-100); }
.f-foundation-color-transparent-light-200 { color: var(--foundation-foundation-color-transparent-light-200); }
.bg-f-foundation-color-transparent-light-200 { background-color: var(--foundation-foundation-color-transparent-light-200); }
.f-foundation-color-transparent-light-300 { color: var(--foundation-foundation-color-transparent-light-300); }
.bg-f-foundation-color-transparent-light-300 { background-color: var(--foundation-foundation-color-transparent-light-300); }
.f-foundation-color-transparent-light-400 { color: var(--foundation-foundation-color-transparent-light-400); }
.bg-f-foundation-color-transparent-light-400 { background-color: var(--foundation-foundation-color-transparent-light-400); }
.f-foundation-color-transparent-light-500 { color: var(--foundation-foundation-color-transparent-light-500); }
.bg-f-foundation-color-transparent-light-500 { background-color: var(--foundation-foundation-color-transparent-light-500); }
.f-foundation-color-transparent-light-600 { color: var(--foundation-foundation-color-transparent-light-600); }
.bg-f-foundation-color-transparent-light-600 { background-color: var(--foundation-foundation-color-transparent-light-600); }
.f-foundation-color-transparent-light-700 { color: var(--foundation-foundation-color-transparent-light-700); }
.bg-f-foundation-color-transparent-light-700 { background-color: var(--foundation-foundation-color-transparent-light-700); }
.f-foundation-color-transparent-light-800 { color: var(--foundation-foundation-color-transparent-light-800); }
.bg-f-foundation-color-transparent-light-800 { background-color: var(--foundation-foundation-color-transparent-light-800); }
.f-foundation-color-transparent-light-900 { color: var(--foundation-foundation-color-transparent-light-900); }
.bg-f-foundation-color-transparent-light-900 { background-color: var(--foundation-foundation-color-transparent-light-900); }
.f-foundation-color-transparent-light-1000 { color: var(--foundation-foundation-color-transparent-light-1000); }
.bg-f-foundation-color-transparent-light-1000 { background-color: var(--foundation-foundation-color-transparent-light-1000); }
.f-foundation-color-transparent-dark-100 { color: var(--foundation-foundation-color-transparent-dark-100); }
.bg-f-foundation-color-transparent-dark-100 { background-color: var(--foundation-foundation-color-transparent-dark-100); }
.f-foundation-color-transparent-dark-200 { color: var(--foundation-foundation-color-transparent-dark-200); }
.bg-f-foundation-color-transparent-dark-200 { background-color: var(--foundation-foundation-color-transparent-dark-200); }
.f-foundation-color-transparent-dark-300 { color: var(--foundation-foundation-color-transparent-dark-300); }
.bg-f-foundation-color-transparent-dark-300 { background-color: var(--foundation-foundation-color-transparent-dark-300); }
.f-foundation-color-transparent-dark-400 { color: var(--foundation-foundation-color-transparent-dark-400); }
.bg-f-foundation-color-transparent-dark-400 { background-color: var(--foundation-foundation-color-transparent-dark-400); }
.f-foundation-color-transparent-dark-500 { color: var(--foundation-foundation-color-transparent-dark-500); }
.bg-f-foundation-color-transparent-dark-500 { background-color: var(--foundation-foundation-color-transparent-dark-500); }
.f-foundation-color-transparent-dark-600 { color: var(--foundation-foundation-color-transparent-dark-600); }
.bg-f-foundation-color-transparent-dark-600 { background-color: var(--foundation-foundation-color-transparent-dark-600); }
.f-foundation-color-transparent-dark-700 { color: var(--foundation-foundation-color-transparent-dark-700); }
.bg-f-foundation-color-transparent-dark-700 { background-color: var(--foundation-foundation-color-transparent-dark-700); }
.f-foundation-color-transparent-dark-800 { color: var(--foundation-foundation-color-transparent-dark-800); }
.bg-f-foundation-color-transparent-dark-800 { background-color: var(--foundation-foundation-color-transparent-dark-800); }
.f-foundation-color-transparent-dark-900 { color: var(--foundation-foundation-color-transparent-dark-900); }
.bg-f-foundation-color-transparent-dark-900 { background-color: var(--foundation-foundation-color-transparent-dark-900); }
.f-foundation-color-transparent-dark-1000 { color: var(--foundation-foundation-color-transparent-dark-1000); }
.bg-f-foundation-color-transparent-dark-1000 { background-color: var(--foundation-foundation-color-transparent-dark-1000); }
.f-foundation-color-grey-light-0 { color: var(--foundation-foundation-color-grey-light-0); }
.bg-f-foundation-color-grey-light-0 { background-color: var(--foundation-foundation-color-grey-light-0); }
.f-foundation-color-grey-light-2 { color: var(--foundation-foundation-color-grey-light-2); }
.bg-f-foundation-color-grey-light-2 { background-color: var(--foundation-foundation-color-grey-light-2); }
.f-foundation-color-grey-light-4 { color: var(--foundation-foundation-color-grey-light-4); }
.bg-f-foundation-color-grey-light-4 { background-color: var(--foundation-foundation-color-grey-light-4); }
.f-foundation-color-grey-light-6 { color: var(--foundation-foundation-color-grey-light-6); }
.bg-f-foundation-color-grey-light-6 { background-color: var(--foundation-foundation-color-grey-light-6); }
.f-foundation-color-grey-light-8 { color: var(--foundation-foundation-color-grey-light-8); }
.bg-f-foundation-color-grey-light-8 { background-color: var(--foundation-foundation-color-grey-light-8); }
.f-foundation-color-grey-light-10 { color: var(--foundation-foundation-color-grey-light-10); }
.bg-f-foundation-color-grey-light-10 { background-color: var(--foundation-foundation-color-grey-light-10); }
.f-foundation-color-grey-light-12 { color: var(--foundation-foundation-color-grey-light-12); }
.bg-f-foundation-color-grey-light-12 { background-color: var(--foundation-foundation-color-grey-light-12); }
.f-foundation-color-grey-light-14 { color: var(--foundation-foundation-color-grey-light-14); }
.bg-f-foundation-color-grey-light-14 { background-color: var(--foundation-foundation-color-grey-light-14); }
.f-foundation-color-grey-light-16 { color: var(--foundation-foundation-color-grey-light-16); }
.bg-f-foundation-color-grey-light-16 { background-color: var(--foundation-foundation-color-grey-light-16); }
.f-foundation-color-grey-light-18 { color: var(--foundation-foundation-color-grey-light-18); }
.bg-f-foundation-color-grey-light-18 { background-color: var(--foundation-foundation-color-grey-light-18); }
.f-foundation-color-grey-light-20 { color: var(--foundation-foundation-color-grey-light-20); }
.bg-f-foundation-color-grey-light-20 { background-color: var(--foundation-foundation-color-grey-light-20); }
.f-foundation-color-grey-light-22 { color: var(--foundation-foundation-color-grey-light-22); }
.bg-f-foundation-color-grey-light-22 { background-color: var(--foundation-foundation-color-grey-light-22); }
.f-foundation-color-grey-light-24 { color: var(--foundation-foundation-color-grey-light-24); }
.bg-f-foundation-color-grey-light-24 { background-color: var(--foundation-foundation-color-grey-light-24); }
.f-foundation-color-grey-light-26 { color: var(--foundation-foundation-color-grey-light-26); }
.bg-f-foundation-color-grey-light-26 { background-color: var(--foundation-foundation-color-grey-light-26); }
.f-foundation-color-grey-light-28 { color: var(--foundation-foundation-color-grey-light-28); }
.bg-f-foundation-color-grey-light-28 { background-color: var(--foundation-foundation-color-grey-light-28); }
.f-foundation-color-grey-light-30 { color: var(--foundation-foundation-color-grey-light-30); }
.bg-f-foundation-color-grey-light-30 { background-color: var(--foundation-foundation-color-grey-light-30); }
.f-foundation-color-grey-light-32 { color: var(--foundation-foundation-color-grey-light-32); }
.bg-f-foundation-color-grey-light-32 { background-color: var(--foundation-foundation-color-grey-light-32); }
.f-foundation-color-grey-light-34 { color: var(--foundation-foundation-color-grey-light-34); }
.bg-f-foundation-color-grey-light-34 { background-color: var(--foundation-foundation-color-grey-light-34); }
.f-foundation-color-grey-light-36 { color: var(--foundation-foundation-color-grey-light-36); }
.bg-f-foundation-color-grey-light-36 { background-color: var(--foundation-foundation-color-grey-light-36); }
.f-foundation-color-grey-light-38 { color: var(--foundation-foundation-color-grey-light-38); }
.bg-f-foundation-color-grey-light-38 { background-color: var(--foundation-foundation-color-grey-light-38); }
.f-foundation-color-grey-light-40 { color: var(--foundation-foundation-color-grey-light-40); }
.bg-f-foundation-color-grey-light-40 { background-color: var(--foundation-foundation-color-grey-light-40); }
.f-foundation-color-grey-light-42 { color: var(--foundation-foundation-color-grey-light-42); }
.bg-f-foundation-color-grey-light-42 { background-color: var(--foundation-foundation-color-grey-light-42); }
.f-foundation-color-grey-light-44 { color: var(--foundation-foundation-color-grey-light-44); }
.bg-f-foundation-color-grey-light-44 { background-color: var(--foundation-foundation-color-grey-light-44); }
.f-foundation-color-grey-light-46 { color: var(--foundation-foundation-color-grey-light-46); }
.bg-f-foundation-color-grey-light-46 { background-color: var(--foundation-foundation-color-grey-light-46); }
.f-foundation-color-grey-light-48 { color: var(--foundation-foundation-color-grey-light-48); }
.bg-f-foundation-color-grey-light-48 { background-color: var(--foundation-foundation-color-grey-light-48); }
.f-foundation-color-grey-light-50 { color: var(--foundation-foundation-color-grey-light-50); }
.bg-f-foundation-color-grey-light-50 { background-color: var(--foundation-foundation-color-grey-light-50); }
.f-foundation-color-grey-light-52 { color: var(--foundation-foundation-color-grey-light-52); }
.bg-f-foundation-color-grey-light-52 { background-color: var(--foundation-foundation-color-grey-light-52); }
.f-foundation-color-grey-light-54 { color: var(--foundation-foundation-color-grey-light-54); }
.bg-f-foundation-color-grey-light-54 { background-color: var(--foundation-foundation-color-grey-light-54); }
.f-foundation-color-grey-light-56 { color: var(--foundation-foundation-color-grey-light-56); }
.bg-f-foundation-color-grey-light-56 { background-color: var(--foundation-foundation-color-grey-light-56); }
.f-foundation-color-grey-light-58 { color: var(--foundation-foundation-color-grey-light-58); }
.bg-f-foundation-color-grey-light-58 { background-color: var(--foundation-foundation-color-grey-light-58); }
.f-foundation-color-grey-light-60 { color: var(--foundation-foundation-color-grey-light-60); }
.bg-f-foundation-color-grey-light-60 { background-color: var(--foundation-foundation-color-grey-light-60); }
.f-foundation-color-grey-light-62 { color: var(--foundation-foundation-color-grey-light-62); }
.bg-f-foundation-color-grey-light-62 { background-color: var(--foundation-foundation-color-grey-light-62); }
.f-foundation-color-grey-light-64 { color: var(--foundation-foundation-color-grey-light-64); }
.bg-f-foundation-color-grey-light-64 { background-color: var(--foundation-foundation-color-grey-light-64); }
.f-foundation-color-grey-light-66 { color: var(--foundation-foundation-color-grey-light-66); }
.bg-f-foundation-color-grey-light-66 { background-color: var(--foundation-foundation-color-grey-light-66); }
.f-foundation-color-grey-light-68 { color: var(--foundation-foundation-color-grey-light-68); }
.bg-f-foundation-color-grey-light-68 { background-color: var(--foundation-foundation-color-grey-light-68); }
.f-foundation-color-grey-light-70 { color: var(--foundation-foundation-color-grey-light-70); }
.bg-f-foundation-color-grey-light-70 { background-color: var(--foundation-foundation-color-grey-light-70); }
.f-foundation-color-grey-light-72 { color: var(--foundation-foundation-color-grey-light-72); }
.bg-f-foundation-color-grey-light-72 { background-color: var(--foundation-foundation-color-grey-light-72); }
.f-foundation-color-grey-light-74 { color: var(--foundation-foundation-color-grey-light-74); }
.bg-f-foundation-color-grey-light-74 { background-color: var(--foundation-foundation-color-grey-light-74); }
.f-foundation-color-grey-light-76 { color: var(--foundation-foundation-color-grey-light-76); }
.bg-f-foundation-color-grey-light-76 { background-color: var(--foundation-foundation-color-grey-light-76); }
.f-foundation-color-grey-light-78 { color: var(--foundation-foundation-color-grey-light-78); }
.bg-f-foundation-color-grey-light-78 { background-color: var(--foundation-foundation-color-grey-light-78); }
.f-foundation-color-grey-light-80 { color: var(--foundation-foundation-color-grey-light-80); }
.bg-f-foundation-color-grey-light-80 { background-color: var(--foundation-foundation-color-grey-light-80); }
.f-foundation-color-grey-light-82 { color: var(--foundation-foundation-color-grey-light-82); }
.bg-f-foundation-color-grey-light-82 { background-color: var(--foundation-foundation-color-grey-light-82); }
.f-foundation-color-grey-light-84 { color: var(--foundation-foundation-color-grey-light-84); }
.bg-f-foundation-color-grey-light-84 { background-color: var(--foundation-foundation-color-grey-light-84); }
.f-foundation-color-grey-light-86 { color: var(--foundation-foundation-color-grey-light-86); }
.bg-f-foundation-color-grey-light-86 { background-color: var(--foundation-foundation-color-grey-light-86); }
.f-foundation-color-grey-light-88 { color: var(--foundation-foundation-color-grey-light-88); }
.bg-f-foundation-color-grey-light-88 { background-color: var(--foundation-foundation-color-grey-light-88); }
.f-foundation-color-grey-light-90 { color: var(--foundation-foundation-color-grey-light-90); }
.bg-f-foundation-color-grey-light-90 { background-color: var(--foundation-foundation-color-grey-light-90); }
.f-foundation-color-grey-light-92 { color: var(--foundation-foundation-color-grey-light-92); }
.bg-f-foundation-color-grey-light-92 { background-color: var(--foundation-foundation-color-grey-light-92); }
.f-foundation-color-grey-light-94 { color: var(--foundation-foundation-color-grey-light-94); }
.bg-f-foundation-color-grey-light-94 { background-color: var(--foundation-foundation-color-grey-light-94); }
.f-foundation-color-grey-light-96 { color: var(--foundation-foundation-color-grey-light-96); }
.bg-f-foundation-color-grey-light-96 { background-color: var(--foundation-foundation-color-grey-light-96); }
.f-foundation-color-grey-light-98 { color: var(--foundation-foundation-color-grey-light-98); }
.bg-f-foundation-color-grey-light-98 { background-color: var(--foundation-foundation-color-grey-light-98); }
.f-foundation-color-grey-light-100 { color: var(--foundation-foundation-color-grey-light-100); }
.bg-f-foundation-color-grey-light-100 { background-color: var(--foundation-foundation-color-grey-light-100); }
.f-foundation-color-grey-dark-0 { color: var(--foundation-foundation-color-grey-dark-0); }
.bg-f-foundation-color-grey-dark-0 { background-color: var(--foundation-foundation-color-grey-dark-0); }
.f-foundation-color-grey-dark-2 { color: var(--foundation-foundation-color-grey-dark-2); }
.bg-f-foundation-color-grey-dark-2 { background-color: var(--foundation-foundation-color-grey-dark-2); }
.f-foundation-color-grey-dark-4 { color: var(--foundation-foundation-color-grey-dark-4); }
.bg-f-foundation-color-grey-dark-4 { background-color: var(--foundation-foundation-color-grey-dark-4); }
.f-foundation-