/*
======================================================
color-primary [COLOR_STEP_TOKENS]
======================================================
*/
$color-primary-01-color: var( --color-primary-01-color , rgba(42,73,1,1) );
$color-primary-02-color: var( --color-primary-02-color , rgba(58,99,3,1) );
$color-primary-darkest-color: var( --color-primary-darkest-color , rgba(58,99,3,1) );
$color-primary-03-color: var( --color-primary-03-color , rgba(72,121,6,1) );
$color-primary-darker-color: var( --color-primary-darker-color , rgba(72,121,6,1) );
$color-primary-04-color: var( --color-primary-04-color , rgba(86,144,8,1) );
$color-primary-dark-color: var( --color-primary-dark-color , rgba(86,144,8,1) );
$color-primary-05-color: var( --color-primary-05-color , rgba(99,166,10,1) );
$color-primary-color: var( --color-primary-color , rgba(99,166,10,1) );
$color-primary-06-color: var( --color-primary-06-color , rgba(126,182,51,1) );
$color-primary-light-color: var( --color-primary-light-color , rgba(126,182,51,1) );
$color-primary-07-color: var( --color-primary-07-color , rgba(158,201,101,1) );
$color-primary-lighter-color: var( --color-primary-lighter-color , rgba(158,201,101,1) );
$color-primary-08-color: var( --color-primary-08-color , rgba(187,218,146,1) );
$color-primary-lightest-color: var( --color-primary-lightest-color , rgba(187,218,146,1) );
$color-primary-09-color: var( --color-primary-09-color , rgba(213,233,187,1) );
$color-primary-095-color: var( --color-primary-095-color , rgba(251,255,246,1) );

/*
======================================================
color-primary-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-primary-text-color: var( --color-primary-text-color , rgba(35,61,0,1) );
$color-primary-text-light-color: var( --color-primary-text-light-color , rgba(58,99,3,1) );
$color-primary-text-lighter-color: var( --color-primary-text-lighter-color , rgba(64,109,3,1) );
$color-primary-text-lightest-color: var( --color-primary-text-lightest-color , rgba(86,144,8,1) );
$color-primary-text-inv-color: var( --color-primary-text-inv-color , rgba(245,252,236,1) );
$color-primary-text-inv-dark-color: var( --color-primary-text-inv-dark-color , rgba(223,239,203,1) );
$color-primary-text-inv-darker-color: var( --color-primary-text-inv-darker-color , rgba(201,227,166,1) );
$color-primary-text-inv-darkest-color: var( --color-primary-text-inv-darkest-color , rgba(180,216,133,1) );

/*
======================================================
color-grey [COLOR_STEP_TOKENS]
======================================================
*/
$color-grey-00-color: var( --color-grey-00-color , rgba(0,0,0,1) );
$color-grey-01-color: var( --color-grey-01-color , rgba(35,35,35,1) );
$color-grey-02-color: var( --color-grey-02-color , rgba(57,57,57,1) );
$color-grey-darkest-color: var( --color-grey-darkest-color , rgba(57,57,57,1) );
$color-grey-03-color: var( --color-grey-03-color , rgba(82,82,82,1) );
$color-grey-darker-color: var( --color-grey-darker-color , rgba(82,82,82,1) );
$color-grey-04-color: var( --color-grey-04-color , rgba(104,104,104,1) );
$color-grey-dark-color: var( --color-grey-dark-color , rgba(104,104,104,1) );
$color-grey-05-color: var( --color-grey-05-color , rgba(127,127,127,1) );
$color-grey-color: var( --color-grey-color , rgba(127,127,127,1) );
$color-grey-06-color: var( --color-grey-06-color , rgba(149,149,149,1) );
$color-grey-light-color: var( --color-grey-light-color , rgba(149,149,149,1) );
$color-grey-07-color: var( --color-grey-07-color , rgba(173,173,173,1) );
$color-grey-lighter-color: var( --color-grey-lighter-color , rgba(173,173,173,1) );
$color-grey-08-color: var( --color-grey-08-color , rgba(196,196,196,1) );
$color-grey-lightest-color: var( --color-grey-lightest-color , rgba(196,196,196,1) );
$color-grey-09-color: var( --color-grey-09-color , rgba(219,219,219,1) );
$color-grey-092-color: var( --color-grey-092-color , rgba(235,235,235,1) );
$color-grey-095-color: var( --color-grey-095-color , rgba(248,248,248,1) );
$color-grey-10-color: var( --color-grey-10-color , rgba(255,255,255,1) );

/*
======================================================
color-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-text-color: var( --color-text-color , rgba(0,0,0,1) );
$color-text-light-color: var( --color-text-light-color , rgba(29,29,29,1) );
$color-text-lighter-color: var( --color-text-lighter-color , rgba(54,54,54,1) );
$color-text-lightest-color: var( --color-text-lightest-color , rgba(89,89,89,1) );
$color-text-inv-color: var( --color-text-inv-color , rgba(255,255,255,1) );
$color-text-inv-dark-color: var( --color-text-inv-dark-color , rgba(238,238,238,1) );
$color-text-inv-darker-color: var( --color-text-inv-darker-color , rgba(221,221,221,1) );
$color-text-inv-darkest-color: var( --color-text-inv-darkest-color , rgba(196,196,196,1) );

/*
======================================================
color-error [COLOR_STEP_TOKENS]
======================================================
*/
$color-error-color: var( --color-error-color , rgba(208,51,57,1) );
$color-error-light-color: var( --color-error-light-color , rgba(247,169,172,1) );
$color-error-dark-color: var( --color-error-dark-color , rgba(158,0,0,1) );

/*
======================================================
color-warning [COLOR_STEP_TOKENS]
======================================================
*/
$color-warning-color: var( --color-warning-color , rgba(255,134,66,1) );
$color-warning-light-color: var( --color-warning-light-color , rgba(255,214,191,1) );
$color-warning-dark-color: var( --color-warning-dark-color , rgba(128,46,0,1) );

/*
======================================================
color-success [COLOR_STEP_TOKENS]
======================================================
*/
$color-success-color: var( --color-success-color , rgba(99,166,10,1) );
$color-success-light-color: var( --color-success-light-color , rgba(213,233,187,1) );
$color-success-dark-color: var( --color-success-dark-color , rgba(58,99,3,1) );

/*
======================================================
color-information [COLOR_STEP_TOKENS]
======================================================
*/
$color-information-color: var( --color-information-color , rgba(252,231,40,1) );
$color-information-light-color: var( --color-information-light-color , rgba(255,250,208,1) );
$color-information-dark-color: var( --color-information-dark-color , rgba(170,153,0,1) );

/*
======================================================
color-accent-mortgage [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-mortgage-01-color: var( --color-accent-mortgage-01-color , rgba(50,1,39,1) );
$color-accent-mortgage-02-color: var( --color-accent-mortgage-02-color , rgba(79,1,61,1) );
$color-accent-mortgage-darkest-color: var( --color-accent-mortgage-darkest-color , rgba(79,1,61,1) );
$color-accent-mortgage-03-color: var( --color-accent-mortgage-03-color , rgba(107,1,83,1) );
$color-accent-mortgage-darker-color: var( --color-accent-mortgage-darker-color , rgba(107,1,83,1) );
$color-accent-mortgage-04-color: var( --color-accent-mortgage-04-color , rgba(136,1,105,1) );
$color-accent-mortgage-dark-color: var( --color-accent-mortgage-dark-color , rgba(136,1,105,1) );
$color-accent-mortgage-05-color: var( --color-accent-mortgage-05-color , rgba(162,0,125,1) );
$color-accent-mortgage-color: var( --color-accent-mortgage-color , rgba(162,0,125,1) );
$color-accent-mortgage-06-color: var( --color-accent-mortgage-06-color , rgba(180,47,150,1) );
$color-accent-mortgage-light-color: var( --color-accent-mortgage-light-color , rgba(180,47,150,1) );
$color-accent-mortgage-07-color: var( --color-accent-mortgage-07-color , rgba(198,92,174,1) );
$color-accent-mortgage-lighter-color: var( --color-accent-mortgage-lighter-color , rgba(198,92,174,1) );
$color-accent-mortgage-08-color: var( --color-accent-mortgage-08-color , rgba(215,138,197,1) );
$color-accent-mortgage-lightest-color: var( --color-accent-mortgage-lightest-color , rgba(215,138,197,1) );
$color-accent-mortgage-09-color: var( --color-accent-mortgage-09-color , rgba(234,187,223,1) );
$color-accent-mortgage-095-color: var( --color-accent-mortgage-095-color , rgba(254,239,251,1) );

/*
======================================================
color-accent-mortgage-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-mortgage-text-color: var( --color-accent-mortgage-text-color , rgba(50,1,39,1) );
$color-accent-mortgage-text-light-color: var( --color-accent-mortgage-text-light-color , rgba(79,1,61,1) );
$color-accent-mortgage-text-lighter-color: var( --color-accent-mortgage-text-lighter-color , rgba(107,1,83,1) );
$color-accent-mortgage-text-lightest-color: var( --color-accent-mortgage-text-lightest-color , rgba(102,0,79,1) );
$color-accent-mortgage-text-inv-color: var( --color-accent-mortgage-text-inv-color , rgba(254,239,251,1) );
$color-accent-mortgage-text-inv-dark-color: var( --color-accent-mortgage-text-inv-dark-color , rgba(250,208,241,1) );
$color-accent-mortgage-text-inv-darker-color: var( --color-accent-mortgage-text-inv-darker-color , rgba(227,170,214,1) );
$color-accent-mortgage-text-inv-darkest-color: var( --color-accent-mortgage-text-inv-darkest-color , rgba(215,131,196,1) );

/*
======================================================
color-accent-investments [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-investments-01-color: var( --color-accent-investments-01-color , rgba(7,4,97,1) );
$color-accent-investments-02-color: var( --color-accent-investments-02-color , rgba(33,31,118,1) );
$color-accent-investments-darkest-color: var( --color-accent-investments-darkest-color , rgba(33,31,118,1) );
$color-accent-investments-03-color: var( --color-accent-investments-03-color , rgba(60,58,139,1) );
$color-accent-investments-darker-color: var( --color-accent-investments-darker-color , rgba(60,58,139,1) );
$color-accent-investments-04-color: var( --color-accent-investments-04-color , rgba(85,82,158,1) );
$color-accent-investments-dark-color: var( --color-accent-investments-dark-color , rgba(85,82,158,1) );
$color-accent-investments-05-color: var( --color-accent-investments-05-color , rgba(113,111,180,1) );
$color-accent-investments-color: var( --color-accent-investments-color , rgba(113,111,180,1) );
$color-accent-investments-06-color: var( --color-accent-investments-06-color , rgba(139,137,195,1) );
$color-accent-investments-light-color: var( --color-accent-investments-light-color , rgba(139,137,195,1) );
$color-accent-investments-07-color: var( --color-accent-investments-07-color , rgba(167,165,211,1) );
$color-accent-investments-lighter-color: var( --color-accent-investments-lighter-color , rgba(167,165,211,1) );
$color-accent-investments-08-color: var( --color-accent-investments-08-color , rgba(190,189,225,1) );
$color-accent-investments-lightest-color: var( --color-accent-investments-lightest-color , rgba(190,189,225,1) );
$color-accent-investments-09-color: var( --color-accent-investments-09-color , rgba(217,216,240,1) );
$color-accent-investments-095-color: var( --color-accent-investments-095-color , rgba(240,240,255,1) );

/*
======================================================
color-accent-investments-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-investments-text-color: var( --color-accent-investments-text-color , rgba(1,1,72,1) );
$color-accent-investments-text-light-color: var( --color-accent-investments-text-light-color , rgba(18,18,108,1) );
$color-accent-investments-text-lighter-color: var( --color-accent-investments-text-lighter-color , rgba(34,34,139,1) );
$color-accent-investments-text-lightest-color: var( --color-accent-investments-text-lightest-color , rgba(47,47,134,1) );
$color-accent-investments-text-inv-color: var( --color-accent-investments-text-inv-color , rgba(238,238,255,1) );
$color-accent-investments-text-inv-dark-color: var( --color-accent-investments-text-inv-dark-color , rgba(214,214,242,1) );
$color-accent-investments-text-inv-darker-color: var( --color-accent-investments-text-inv-darker-color , rgba(171,171,219,1) );
$color-accent-investments-text-inv-darkest-color: var( --color-accent-investments-text-inv-darkest-color , rgba(139,139,199,1) );

/*
======================================================
color-accent-credit-cards [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-credit-cards-01-color: var( --color-accent-credit-cards-01-color , rgba(1,51,77,1) );
$color-accent-credit-cards-02-color: var( --color-accent-credit-cards-02-color , rgba(1,70,106,1) );
$color-accent-credit-cards-darkest-color: var( --color-accent-credit-cards-darkest-color , rgba(1,70,106,1) );
$color-accent-credit-cards-03-color: var( --color-accent-credit-cards-03-color , rgba(1,88,132,1) );
$color-accent-credit-cards-darker-color: var( --color-accent-credit-cards-darker-color , rgba(1,88,132,1) );
$color-accent-credit-cards-04-color: var( --color-accent-credit-cards-04-color , rgba(1,104,157,1) );
$color-accent-credit-cards-dark-color: var( --color-accent-credit-cards-dark-color , rgba(1,104,157,1) );
$color-accent-credit-cards-05-color: var( --color-accent-credit-cards-05-color , rgba(0,122,185,1) );
$color-accent-credit-cards-color: var( --color-accent-credit-cards-color , rgba(0,122,185,1) );
$color-accent-credit-cards-06-color: var( --color-accent-credit-cards-06-color , rgba(46,147,199,1) );
$color-accent-credit-cards-light-color: var( --color-accent-credit-cards-light-color , rgba(46,147,199,1) );
$color-accent-credit-cards-07-color: var( --color-accent-credit-cards-07-color , rgba(94,173,213,1) );
$color-accent-credit-cards-lighter-color: var( --color-accent-credit-cards-lighter-color , rgba(94,173,213,1) );
$color-accent-credit-cards-08-color: var( --color-accent-credit-cards-08-color , rgba(140,197,227,1) );
$color-accent-credit-cards-lightest-color: var( --color-accent-credit-cards-lightest-color , rgba(140,197,227,1) );
$color-accent-credit-cards-09-color: var( --color-accent-credit-cards-09-color , rgba(189,224,242,1) );
$color-accent-credit-cards-095-color: var( --color-accent-credit-cards-095-color , rgba(236,249,255,1) );

/*
======================================================
color-accent-credit-cards-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-credit-cards-text-color: var( --color-accent-credit-cards-text-color , rgba(1,51,77,1) );
$color-accent-credit-cards-text-light-color: var( --color-accent-credit-cards-text-light-color , rgba(2,64,96,1) );
$color-accent-credit-cards-text-lighter-color: var( --color-accent-credit-cards-text-lighter-color , rgba(1,79,118,1) );
$color-accent-credit-cards-text-lightest-color: var( --color-accent-credit-cards-text-lightest-color , rgba(1,88,132,1) );
$color-accent-credit-cards-text-inv-color: var( --color-accent-credit-cards-text-inv-color , rgba(236,249,255,1) );
$color-accent-credit-cards-text-inv-dark-color: var( --color-accent-credit-cards-text-inv-dark-color , rgba(211,235,248,1) );
$color-accent-credit-cards-text-inv-darker-color: var( --color-accent-credit-cards-text-inv-darker-color , rgba(180,219,240,1) );
$color-accent-credit-cards-text-inv-darkest-color: var( --color-accent-credit-cards-text-inv-darkest-color , rgba(140,197,227,1) );

/*
======================================================
color-accent-student [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-student-01-color: var( --color-accent-student-01-color , rgba(1,56,49,1) );
$color-accent-student-02-color: var( --color-accent-student-02-color , rgba(1,75,67,1) );
$color-accent-student-darkest-color: var( --color-accent-student-darkest-color , rgba(1,75,67,1) );
$color-accent-student-03-color: var( --color-accent-student-03-color , rgba(1,94,83,1) );
$color-accent-student-darker-color: var( --color-accent-student-darker-color , rgba(1,94,83,1) );
$color-accent-student-04-color: var( --color-accent-student-04-color , rgba(1,113,100,1) );
$color-accent-student-dark-color: var( --color-accent-student-dark-color , rgba(1,113,100,1) );
$color-accent-student-05-color: var( --color-accent-student-05-color , rgba(0,131,116,1) );
$color-accent-student-color: var( --color-accent-student-color , rgba(0,131,116,1) );
$color-accent-student-06-color: var( --color-accent-student-06-color , rgba(47,156,143,1) );
$color-accent-student-light-color: var( --color-accent-student-light-color , rgba(47,156,143,1) );
$color-accent-student-07-color: var( --color-accent-student-07-color , rgba(97,181,172,1) );
$color-accent-student-lighter-color: var( --color-accent-student-lighter-color , rgba(97,181,172,1) );
$color-accent-student-08-color: var( --color-accent-student-08-color , rgba(144,206,199,1) );
$color-accent-student-lightest-color: var( --color-accent-student-lightest-color , rgba(144,206,199,1) );
$color-accent-student-09-color: var( --color-accent-student-09-color , rgba(192,231,226,1) );
$color-accent-student-095-color: var( --color-accent-student-095-color , rgba(239,255,254,1) );

/*
======================================================
color-accent-student-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-student-text-color: var( --color-accent-student-text-color , rgba(1,56,49,1) );
$color-accent-student-text-light-color: var( --color-accent-student-text-light-color , rgba(0,73,64,1) );
$color-accent-student-text-lighter-color: var( --color-accent-student-text-lighter-color , rgba(0,80,70,1) );
$color-accent-student-text-lightest-color: var( --color-accent-student-text-lightest-color , rgba(0,111,97,1) );
$color-accent-student-text-inv-color: var( --color-accent-student-text-inv-color , rgba(239,255,254,1) );
$color-accent-student-text-inv-dark-color: var( --color-accent-student-text-inv-dark-color , rgba(208,245,243,1) );
$color-accent-student-text-inv-darker-color: var( --color-accent-student-text-inv-darker-color , rgba(140,214,206,1) );
$color-accent-student-text-inv-darkest-color: var( --color-accent-student-text-inv-darkest-color , rgba(97,181,172,1) );

/*
======================================================
color-accent-savings [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-savings-01-color: var( --color-accent-savings-01-color , rgba(45,17,1,1) );
$color-accent-savings-02-color: var( --color-accent-savings-02-color , rgba(83,32,1,1) );
$color-accent-savings-darkest-color: var( --color-accent-savings-darkest-color , rgba(83,32,1,1) );
$color-accent-savings-03-color: var( --color-accent-savings-03-color , rgba(123,47,1,1) );
$color-accent-savings-darker-color: var( --color-accent-savings-darker-color , rgba(123,47,1,1) );
$color-accent-savings-04-color: var( --color-accent-savings-04-color , rgba(161,61,1,1) );
$color-accent-savings-dark-color: var( --color-accent-savings-dark-color , rgba(161,61,1,1) );
$color-accent-savings-05-color: var( --color-accent-savings-05-color , rgba(203,77,0,1) );
$color-accent-savings-color: var( --color-accent-savings-color , rgba(203,77,0,1) );
$color-accent-savings-06-color: var( --color-accent-savings-06-color , rgba(214,110,47,1) );
$color-accent-savings-light-color: var( --color-accent-savings-light-color , rgba(214,110,47,1) );
$color-accent-savings-07-color: var( --color-accent-savings-07-color , rgba(224,143,94,1) );
$color-accent-savings-lighter-color: var( --color-accent-savings-lighter-color , rgba(224,143,94,1) );
$color-accent-savings-08-color: var( --color-accent-savings-08-color , rgba(234,177,142,1) );
$color-accent-savings-lightest-color: var( --color-accent-savings-lightest-color , rgba(234,177,142,1) );
$color-accent-savings-09-color: var( --color-accent-savings-09-color , rgba(245,213,193,1) );
$color-accent-savings-095-color: var( --color-accent-savings-095-color , rgba(255,246,241,1) );

/*
======================================================
color-accent-savings-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-savings-text-color: var( --color-accent-savings-text-color , rgba(45,17,1,1) );
$color-accent-savings-text-light-color: var( --color-accent-savings-text-light-color , rgba(71,26,1,1) );
$color-accent-savings-text-lighter-color: var( --color-accent-savings-text-lighter-color , rgba(99,37,0,1) );
$color-accent-savings-text-lightest-color: var( --color-accent-savings-text-lightest-color , rgba(123,47,1,1) );
$color-accent-savings-text-inv-color: var( --color-accent-savings-text-inv-color , rgba(255,246,241,1) );
$color-accent-savings-text-inv-dark-color: var( --color-accent-savings-text-inv-dark-color , rgba(255,229,215,1) );
$color-accent-savings-text-inv-darker-color: var( --color-accent-savings-text-inv-darker-color , rgba(246,202,175,1) );
$color-accent-savings-text-inv-darkest-color: var( --color-accent-savings-text-inv-darkest-color , rgba(224,143,94,1) );

/*
======================================================
color-accent-checking [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-checking-01-color: var( --color-accent-checking-01-color , rgba(69,1,3,1) );
$color-accent-checking-02-color: var( --color-accent-checking-02-color , rgba(101,11,13,1) );
$color-accent-checking-darkest-color: var( --color-accent-checking-darkest-color , rgba(101,11,13,1) );
$color-accent-checking-03-color: var( --color-accent-checking-03-color , rgba(134,21,24,1) );
$color-accent-checking-darker-color: var( --color-accent-checking-darker-color , rgba(134,21,24,1) );
$color-accent-checking-04-color: var( --color-accent-checking-04-color , rgba(167,30,34,1) );
$color-accent-checking-dark-color: var( --color-accent-checking-dark-color , rgba(167,30,34,1) );
$color-accent-checking-05-color: var( --color-accent-checking-05-color , rgba(201,40,45,1) );
$color-accent-checking-color: var( --color-accent-checking-color , rgba(201,40,45,1) );
$color-accent-checking-06-color: var( --color-accent-checking-06-color , rgba(212,78,82,1) );
$color-accent-checking-light-color: var( --color-accent-checking-light-color , rgba(212,78,82,1) );
$color-accent-checking-07-color: var( --color-accent-checking-07-color , rgba(222,115,118,1) );
$color-accent-checking-lighter-color: var( --color-accent-checking-lighter-color , rgba(222,115,118,1) );
$color-accent-checking-08-color: var( --color-accent-checking-08-color , rgba(233,155,158,1) );
$color-accent-checking-lightest-color: var( --color-accent-checking-lightest-color , rgba(233,155,158,1) );
$color-accent-checking-09-color: var( --color-accent-checking-09-color , rgba(245,197,199,1) );
$color-accent-checking-095-color: var( --color-accent-checking-095-color , rgba(255,236,237,1) );

/*
======================================================
color-accent-checking-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-checking-text-color: var( --color-accent-checking-text-color , rgba(69,1,3,1) );
$color-accent-checking-text-light-color: var( --color-accent-checking-text-light-color , rgba(69,1,3,1) );
$color-accent-checking-text-lighter-color: var( --color-accent-checking-text-lighter-color , rgba(134,21,24,1) );
$color-accent-checking-text-lightest-color: var( --color-accent-checking-text-lightest-color , rgba(134,21,24,1) );
$color-accent-checking-text-inv-color: var( --color-accent-checking-text-inv-color , rgba(255,236,237,1) );
$color-accent-checking-text-inv-dark-color: var( --color-accent-checking-text-inv-dark-color , rgba(243,181,185,1) );
$color-accent-checking-text-inv-darker-color: var( --color-accent-checking-text-inv-darker-color , rgba(236,146,149,1) );
$color-accent-checking-text-inv-darkest-color: var( --color-accent-checking-text-inv-darkest-color , rgba(222,115,118,1) );

/*
======================================================
color-accent-checking-purple [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-checking-purple-01-color: var( --color-accent-checking-purple-01-color , rgba(36,1,51,1) );
$color-accent-checking-purple-02-color: var( --color-accent-checking-purple-02-color , rgba(64,20,83,1) );
$color-accent-checking-purple-darkest-color: var( --color-accent-checking-purple-darkest-color , rgba(64,20,83,1) );
$color-accent-checking-purple-03-color: var( --color-accent-checking-purple-03-color , rgba(92,39,114,1) );
$color-accent-checking-purple-darker-color: var( --color-accent-checking-purple-darker-color , rgba(92,39,114,1) );
$color-accent-checking-purple-04-color: var( --color-accent-checking-purple-04-color , rgba(119,58,145,1) );
$color-accent-checking-purple-dark-color: var( --color-accent-checking-purple-dark-color , rgba(119,58,145,1) );
$color-accent-checking-purple-05-color: var( --color-accent-checking-purple-05-color , rgba(148,77,178,1) );
$color-accent-checking-purple-color: var( --color-accent-checking-purple-color , rgba(148,77,178,1) );
$color-accent-checking-purple-06-color: var( --color-accent-checking-purple-06-color , rgba(168,109,193,1) );
$color-accent-checking-purple-light-color: var( --color-accent-checking-purple-light-color , rgba(168,109,193,1) );
$color-accent-checking-purple-07-color: var( --color-accent-checking-purple-07-color , rgba(188,140,208,1) );
$color-accent-checking-purple-lighter-color: var( --color-accent-checking-purple-lighter-color , rgba(188,140,208,1) );
$color-accent-checking-purple-08-color: var( --color-accent-checking-purple-08-color , rgba(208,172,224,1) );
$color-accent-checking-purple-lightest-color: var( --color-accent-checking-purple-lightest-color , rgba(208,172,224,1) );
$color-accent-checking-purple-09-color: var( --color-accent-checking-purple-09-color , rgba(230,206,240,1) );
$color-accent-checking-purple-095-color: var( --color-accent-checking-purple-095-color , rgba(251,239,255,1) );

/*
======================================================
color-accent-checking-purple-text [COLOR_STEP_TOKENS]
======================================================
*/
$color-accent-checking-purple-text-color: var( --color-accent-checking-purple-text-color , rgba(36,1,51,1) );
$color-accent-checking-purple-text-light-color: var( --color-accent-checking-purple-text-light-color , rgba(36,1,51,1) );
$color-accent-checking-purple-text-lighter-color: var( --color-accent-checking-purple-text-lighter-color , rgba(92,39,114,1) );
$color-accent-checking-purple-text-lightest-color: var( --color-accent-checking-purple-text-lightest-color , rgba(92,39,114,1) );
$color-accent-checking-purple-text-inv-color: var( --color-accent-checking-purple-text-inv-color , rgba(251,239,255,1) );
$color-accent-checking-purple-text-inv-dark-color: var( --color-accent-checking-purple-text-inv-dark-color , rgba(244,212,255,1) );
$color-accent-checking-purple-text-inv-darker-color: var( --color-accent-checking-purple-text-inv-darker-color , rgba(216,176,233,1) );
$color-accent-checking-purple-text-inv-darkest-color: var( --color-accent-checking-purple-text-inv-darkest-color , rgba(188,140,208,1) );

/*
======================================================
color-icon [COLOR_TOKEN]
======================================================
*/
$color-icon-color: var( --color-icon-color , rgba(1,1,1,1) );

/*
======================================================
type-header-1 [TEXT_TOKEN]
======================================================
*/
$type-header-1-characters: var( --type-header-1-characters , 'The quick brown fox jumps over the lazy dog' );
$type-header-1-font-size: var( --type-header-1-font-size , 22px );
$type-header-1-text-align-horizontal: var( --type-header-1-text-align-horizontal , LEFT );
$type-header-1-text-align-vertical: var( --type-header-1-text-align-vertical , TOP );
$type-header-1-color: var( --type-header-1-color , rgba(0,0,0,1) );
$type-header-1-font-family: var( --type-header-1-font-family , 'Open Sans' );
$type-header-1-font-weight: var( --type-header-1-font-weight , 400 );
$type-header-1-line-height: var( --type-header-1-line-height , 25.3px );
$type-header-1-letter-spacing: var( --type-header-1-letter-spacing , 0px );

/*
======================================================
type-header-2 [TEXT_TOKEN]
======================================================
*/
$type-header-2-characters: var( --type-header-2-characters , 'The quick brown fox jumps over the lazy dog' );
$type-header-2-font-size: var( --type-header-2-font-size , 20px );
$type-header-2-text-align-horizontal: var( --type-header-2-text-align-horizontal , LEFT );
$type-header-2-text-align-vertical: var( --type-header-2-text-align-vertical , TOP );
$type-header-2-color: var( --type-header-2-color , rgba(0,0,0,1) );
$type-header-2-font-family: var( --type-header-2-font-family , 'Open Sans' );
$type-header-2-font-weight: var( --type-header-2-font-weight , 400 );
$type-header-2-line-height: var( --type-header-2-line-height , 23.44px );
$type-header-2-letter-spacing: var( --type-header-2-letter-spacing , 0px );

/*
======================================================
type-header-3 [TEXT_TOKEN]
======================================================
*/
$type-header-3-characters: var( --type-header-3-characters , 'The quick brown fox jumps over the lazy dog' );
$type-header-3-font-size: var( --type-header-3-font-size , 18px );
$type-header-3-text-align-horizontal: var( --type-header-3-text-align-horizontal , LEFT );
$type-header-3-text-align-vertical: var( --type-header-3-text-align-vertical , TOP );
$type-header-3-color: var( --type-header-3-color , rgba(0,0,0,1) );
$type-header-3-font-family: var( --type-header-3-font-family , 'Open Sans' );
$type-header-3-font-weight: var( --type-header-3-font-weight , 600 );
$type-header-3-line-height: var( --type-header-3-line-height , 25.2px );
$type-header-3-letter-spacing: var( --type-header-3-letter-spacing , 0.18px );

/*
======================================================
type-paragraph-1 [TEXT_TOKEN]
======================================================
*/
$type-paragraph-1-characters: var( --type-paragraph-1-characters , 'The quick brown fox jumps over the lazy dog' );
$type-paragraph-1-font-size: var( --type-paragraph-1-font-size , 14px );
$type-paragraph-1-text-align-horizontal: var( --type-paragraph-1-text-align-horizontal , LEFT );
$type-paragraph-1-text-align-vertical: var( --type-paragraph-1-text-align-vertical , TOP );
$type-paragraph-1-color: var( --type-paragraph-1-color , rgba(0,0,0,1) );
$type-paragraph-1-font-family: var( --type-paragraph-1-font-family , 'Open Sans' );
$type-paragraph-1-font-weight: var( --type-paragraph-1-font-weight , 400 );
$type-paragraph-1-line-height: var( --type-paragraph-1-line-height , 16.41px );
$type-paragraph-1-letter-spacing: var( --type-paragraph-1-letter-spacing , 0px );

/*
======================================================
type-paragraph-2 [TEXT_TOKEN]
======================================================
*/
$type-paragraph-2-characters: var( --type-paragraph-2-characters , 'The quick brown fox jumps over the lazy dog' );
$type-paragraph-2-font-size: var( --type-paragraph-2-font-size , 12px );
$type-paragraph-2-text-align-horizontal: var( --type-paragraph-2-text-align-horizontal , LEFT );
$type-paragraph-2-text-align-vertical: var( --type-paragraph-2-text-align-vertical , TOP );
$type-paragraph-2-color: var( --type-paragraph-2-color , rgba(0,0,0,1) );
$type-paragraph-2-font-family: var( --type-paragraph-2-font-family , 'Open Sans' );
$type-paragraph-2-font-weight: var( --type-paragraph-2-font-weight , 400 );
$type-paragraph-2-line-height: var( --type-paragraph-2-line-height , 14.06px );
$type-paragraph-2-letter-spacing: var( --type-paragraph-2-letter-spacing , 0px );

/*
======================================================
type-paragraph-3 [TEXT_TOKEN]
======================================================
*/
$type-paragraph-3-characters: var( --type-paragraph-3-characters , 'The quick brown fox jumps over the lazy dog' );
$type-paragraph-3-font-size: var( --type-paragraph-3-font-size , 11px );
$type-paragraph-3-text-align-horizontal: var( --type-paragraph-3-text-align-horizontal , LEFT );
$type-paragraph-3-text-align-vertical: var( --type-paragraph-3-text-align-vertical , TOP );
$type-paragraph-3-color: var( --type-paragraph-3-color , rgba(0,0,0,1) );
$type-paragraph-3-font-family: var( --type-paragraph-3-font-family , 'Open Sans' );
$type-paragraph-3-font-weight: var( --type-paragraph-3-font-weight , 400 );
$type-paragraph-3-line-height: var( --type-paragraph-3-line-height , 12.89px );
$type-paragraph-3-letter-spacing: var( --type-paragraph-3-letter-spacing , 0px );

/*
======================================================
type-text [TEXT_STEP_TOKENS]
======================================================
*/
$type-text-10-characters: var( --type-text-10-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-10-font-size: var( --type-text-10-font-size , 30px );
$type-text-10-text-align-horizontal: var( --type-text-10-text-align-horizontal , LEFT );
$type-text-10-text-align-vertical: var( --type-text-10-text-align-vertical , TOP );
$type-text-10-color: var( --type-text-10-color , rgba(0,0,0,1) );
$type-text-10-font-family: var( --type-text-10-font-family , 'Proxima Nova' );
$type-text-10-font-weight: var( --type-text-10-font-weight , 400 );
$type-text-10-line-height: var( --type-text-10-line-height , 35.16px );
$type-text-10-letter-spacing: var( --type-text-10-letter-spacing , 0px );
$type-text-09-characters: var( --type-text-09-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-09-font-size: var( --type-text-09-font-size , 24px );
$type-text-09-text-align-horizontal: var( --type-text-09-text-align-horizontal , LEFT );
$type-text-09-text-align-vertical: var( --type-text-09-text-align-vertical , TOP );
$type-text-09-color: var( --type-text-09-color , rgba(0,0,0,1) );
$type-text-09-font-family: var( --type-text-09-font-family , 'Proxima Nova' );
$type-text-09-font-weight: var( --type-text-09-font-weight , 400 );
$type-text-09-line-height: var( --type-text-09-line-height , 28.13px );
$type-text-09-letter-spacing: var( --type-text-09-letter-spacing , 0px );
$type-text-08-characters: var( --type-text-08-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-08-font-size: var( --type-text-08-font-size , 21px );
$type-text-08-text-align-horizontal: var( --type-text-08-text-align-horizontal , LEFT );
$type-text-08-text-align-vertical: var( --type-text-08-text-align-vertical , TOP );
$type-text-08-color: var( --type-text-08-color , rgba(0,0,0,1) );
$type-text-08-font-family: var( --type-text-08-font-family , 'Proxima Nova' );
$type-text-08-font-weight: var( --type-text-08-font-weight , 400 );
$type-text-08-line-height: var( --type-text-08-line-height , 24.61px );
$type-text-08-letter-spacing: var( --type-text-08-letter-spacing , 0px );
$type-text-largest-characters: var( --type-text-largest-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-largest-font-size: var( --type-text-largest-font-size , 21px );
$type-text-largest-text-align-horizontal: var( --type-text-largest-text-align-horizontal , LEFT );
$type-text-largest-text-align-vertical: var( --type-text-largest-text-align-vertical , TOP );
$type-text-largest-color: var( --type-text-largest-color , rgba(0,0,0,1) );
$type-text-largest-font-family: var( --type-text-largest-font-family , 'Proxima Nova' );
$type-text-largest-font-weight: var( --type-text-largest-font-weight , 400 );
$type-text-largest-line-height: var( --type-text-largest-line-height , 24.61px );
$type-text-largest-letter-spacing: var( --type-text-largest-letter-spacing , 0px );
$type-text-07-characters: var( --type-text-07-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-07-font-size: var( --type-text-07-font-size , 18px );
$type-text-07-text-align-horizontal: var( --type-text-07-text-align-horizontal , LEFT );
$type-text-07-text-align-vertical: var( --type-text-07-text-align-vertical , TOP );
$type-text-07-color: var( --type-text-07-color , rgba(0,0,0,1) );
$type-text-07-font-family: var( --type-text-07-font-family , 'Proxima Nova' );
$type-text-07-font-weight: var( --type-text-07-font-weight , 400 );
$type-text-07-line-height: var( --type-text-07-line-height , 21.09px );
$type-text-07-letter-spacing: var( --type-text-07-letter-spacing , 0px );
$type-text-larger-characters: var( --type-text-larger-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-larger-font-size: var( --type-text-larger-font-size , 18px );
$type-text-larger-text-align-horizontal: var( --type-text-larger-text-align-horizontal , LEFT );
$type-text-larger-text-align-vertical: var( --type-text-larger-text-align-vertical , TOP );
$type-text-larger-color: var( --type-text-larger-color , rgba(0,0,0,1) );
$type-text-larger-font-family: var( --type-text-larger-font-family , 'Proxima Nova' );
$type-text-larger-font-weight: var( --type-text-larger-font-weight , 400 );
$type-text-larger-line-height: var( --type-text-larger-line-height , 21.09px );
$type-text-larger-letter-spacing: var( --type-text-larger-letter-spacing , 0px );
$type-text-06-characters: var( --type-text-06-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-06-font-size: var( --type-text-06-font-size , 16px );
$type-text-06-text-align-horizontal: var( --type-text-06-text-align-horizontal , LEFT );
$type-text-06-text-align-vertical: var( --type-text-06-text-align-vertical , TOP );
$type-text-06-color: var( --type-text-06-color , rgba(0,0,0,1) );
$type-text-06-font-family: var( --type-text-06-font-family , 'Proxima Nova' );
$type-text-06-font-weight: var( --type-text-06-font-weight , 400 );
$type-text-06-line-height: var( --type-text-06-line-height , 18.75px );
$type-text-06-letter-spacing: var( --type-text-06-letter-spacing , 0px );
$type-text-large-characters: var( --type-text-large-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-large-font-size: var( --type-text-large-font-size , 16px );
$type-text-large-text-align-horizontal: var( --type-text-large-text-align-horizontal , LEFT );
$type-text-large-text-align-vertical: var( --type-text-large-text-align-vertical , TOP );
$type-text-large-color: var( --type-text-large-color , rgba(0,0,0,1) );
$type-text-large-font-family: var( --type-text-large-font-family , 'Proxima Nova' );
$type-text-large-font-weight: var( --type-text-large-font-weight , 400 );
$type-text-large-line-height: var( --type-text-large-line-height , 18.75px );
$type-text-large-letter-spacing: var( --type-text-large-letter-spacing , 0px );
$type-text-05-characters: var( --type-text-05-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-05-font-size: var( --type-text-05-font-size , 15px );
$type-text-05-text-align-horizontal: var( --type-text-05-text-align-horizontal , LEFT );
$type-text-05-text-align-vertical: var( --type-text-05-text-align-vertical , TOP );
$type-text-05-color: var( --type-text-05-color , rgba(0,0,0,1) );
$type-text-05-font-family: var( --type-text-05-font-family , 'Proxima Nova' );
$type-text-05-font-weight: var( --type-text-05-font-weight , 400 );
$type-text-05-line-height: var( --type-text-05-line-height , 17.58px );
$type-text-05-letter-spacing: var( --type-text-05-letter-spacing , 0px );
$type-text-characters: var( --type-text-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-font-size: var( --type-text-font-size , 15px );
$type-text-text-align-horizontal: var( --type-text-text-align-horizontal , LEFT );
$type-text-text-align-vertical: var( --type-text-text-align-vertical , TOP );
$type-text-color: var( --type-text-color , rgba(0,0,0,1) );
$type-text-font-family: var( --type-text-font-family , 'Proxima Nova' );
$type-text-font-weight: var( --type-text-font-weight , 400 );
$type-text-line-height: var( --type-text-line-height , 17.58px );
$type-text-letter-spacing: var( --type-text-letter-spacing , 0px );
$type-text-04-characters: var( --type-text-04-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-04-font-size: var( --type-text-04-font-size , 12px );
$type-text-04-text-align-horizontal: var( --type-text-04-text-align-horizontal , LEFT );
$type-text-04-text-align-vertical: var( --type-text-04-text-align-vertical , TOP );
$type-text-04-color: var( --type-text-04-color , rgba(0,0,0,1) );
$type-text-04-font-family: var( --type-text-04-font-family , 'Proxima Nova' );
$type-text-04-font-weight: var( --type-text-04-font-weight , 400 );
$type-text-04-line-height: var( --type-text-04-line-height , 14.06px );
$type-text-04-letter-spacing: var( --type-text-04-letter-spacing , 0px );
$type-text-small-characters: var( --type-text-small-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-small-font-size: var( --type-text-small-font-size , 12px );
$type-text-small-text-align-horizontal: var( --type-text-small-text-align-horizontal , LEFT );
$type-text-small-text-align-vertical: var( --type-text-small-text-align-vertical , TOP );
$type-text-small-color: var( --type-text-small-color , rgba(0,0,0,1) );
$type-text-small-font-family: var( --type-text-small-font-family , 'Proxima Nova' );
$type-text-small-font-weight: var( --type-text-small-font-weight , 400 );
$type-text-small-line-height: var( --type-text-small-line-height , 14.06px );
$type-text-small-letter-spacing: var( --type-text-small-letter-spacing , 0px );
$type-text-03-characters: var( --type-text-03-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-03-font-size: var( --type-text-03-font-size , 11px );
$type-text-03-text-align-horizontal: var( --type-text-03-text-align-horizontal , LEFT );
$type-text-03-text-align-vertical: var( --type-text-03-text-align-vertical , TOP );
$type-text-03-color: var( --type-text-03-color , rgba(0,0,0,1) );
$type-text-03-font-family: var( --type-text-03-font-family , 'Proxima Nova' );
$type-text-03-font-weight: var( --type-text-03-font-weight , 400 );
$type-text-03-line-height: var( --type-text-03-line-height , 12.89px );
$type-text-03-letter-spacing: var( --type-text-03-letter-spacing , 0px );
$type-text-smaller-characters: var( --type-text-smaller-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-smaller-font-size: var( --type-text-smaller-font-size , 11px );
$type-text-smaller-text-align-horizontal: var( --type-text-smaller-text-align-horizontal , LEFT );
$type-text-smaller-text-align-vertical: var( --type-text-smaller-text-align-vertical , TOP );
$type-text-smaller-color: var( --type-text-smaller-color , rgba(0,0,0,1) );
$type-text-smaller-font-family: var( --type-text-smaller-font-family , 'Proxima Nova' );
$type-text-smaller-font-weight: var( --type-text-smaller-font-weight , 400 );
$type-text-smaller-line-height: var( --type-text-smaller-line-height , 12.89px );
$type-text-smaller-letter-spacing: var( --type-text-smaller-letter-spacing , 0px );
$type-text-02-characters: var( --type-text-02-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-02-font-size: var( --type-text-02-font-size , 9px );
$type-text-02-text-align-horizontal: var( --type-text-02-text-align-horizontal , LEFT );
$type-text-02-text-align-vertical: var( --type-text-02-text-align-vertical , TOP );
$type-text-02-color: var( --type-text-02-color , rgba(0,0,0,1) );
$type-text-02-font-family: var( --type-text-02-font-family , 'Proxima Nova' );
$type-text-02-font-weight: var( --type-text-02-font-weight , 400 );
$type-text-02-line-height: var( --type-text-02-line-height , 10.55px );
$type-text-02-letter-spacing: var( --type-text-02-letter-spacing , 0px );
$type-text-smallest-characters: var( --type-text-smallest-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-smallest-font-size: var( --type-text-smallest-font-size , 9px );
$type-text-smallest-text-align-horizontal: var( --type-text-smallest-text-align-horizontal , LEFT );
$type-text-smallest-text-align-vertical: var( --type-text-smallest-text-align-vertical , TOP );
$type-text-smallest-color: var( --type-text-smallest-color , rgba(0,0,0,1) );
$type-text-smallest-font-family: var( --type-text-smallest-font-family , 'Proxima Nova' );
$type-text-smallest-font-weight: var( --type-text-smallest-font-weight , 400 );
$type-text-smallest-line-height: var( --type-text-smallest-line-height , 10.55px );
$type-text-smallest-letter-spacing: var( --type-text-smallest-letter-spacing , 0px );
$type-text-01-characters: var( --type-text-01-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-01-font-size: var( --type-text-01-font-size , 8px );
$type-text-01-text-align-horizontal: var( --type-text-01-text-align-horizontal , LEFT );
$type-text-01-text-align-vertical: var( --type-text-01-text-align-vertical , TOP );
$type-text-01-color: var( --type-text-01-color , rgba(0,0,0,1) );
$type-text-01-font-family: var( --type-text-01-font-family , 'Proxima Nova' );
$type-text-01-font-weight: var( --type-text-01-font-weight , 400 );
$type-text-01-line-height: var( --type-text-01-line-height , 9.38px );
$type-text-01-letter-spacing: var( --type-text-01-letter-spacing , 0px );

/*
======================================================
type-text-semibold [TEXT_STEP_TOKENS]
======================================================
*/
$type-text-semibold-10-characters: var( --type-text-semibold-10-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-10-font-size: var( --type-text-semibold-10-font-size , 30px );
$type-text-semibold-10-text-align-horizontal: var( --type-text-semibold-10-text-align-horizontal , LEFT );
$type-text-semibold-10-text-align-vertical: var( --type-text-semibold-10-text-align-vertical , TOP );
$type-text-semibold-10-color: var( --type-text-semibold-10-color , rgba(0,0,0,1) );
$type-text-semibold-10-font-family: var( --type-text-semibold-10-font-family , 'Proxima Nova' );
$type-text-semibold-10-font-weight: var( --type-text-semibold-10-font-weight , 600 );
$type-text-semibold-10-line-height: var( --type-text-semibold-10-line-height , 35.16px );
$type-text-semibold-10-letter-spacing: var( --type-text-semibold-10-letter-spacing , 0px );
$type-text-semibold-09-characters: var( --type-text-semibold-09-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-09-font-size: var( --type-text-semibold-09-font-size , 24px );
$type-text-semibold-09-text-align-horizontal: var( --type-text-semibold-09-text-align-horizontal , LEFT );
$type-text-semibold-09-text-align-vertical: var( --type-text-semibold-09-text-align-vertical , TOP );
$type-text-semibold-09-color: var( --type-text-semibold-09-color , rgba(0,0,0,1) );
$type-text-semibold-09-font-family: var( --type-text-semibold-09-font-family , 'Proxima Nova' );
$type-text-semibold-09-font-weight: var( --type-text-semibold-09-font-weight , 600 );
$type-text-semibold-09-line-height: var( --type-text-semibold-09-line-height , 28.13px );
$type-text-semibold-09-letter-spacing: var( --type-text-semibold-09-letter-spacing , 0px );
$type-text-semibold-08-characters: var( --type-text-semibold-08-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-08-font-size: var( --type-text-semibold-08-font-size , 21px );
$type-text-semibold-08-text-align-horizontal: var( --type-text-semibold-08-text-align-horizontal , LEFT );
$type-text-semibold-08-text-align-vertical: var( --type-text-semibold-08-text-align-vertical , TOP );
$type-text-semibold-08-color: var( --type-text-semibold-08-color , rgba(0,0,0,1) );
$type-text-semibold-08-font-family: var( --type-text-semibold-08-font-family , 'Proxima Nova' );
$type-text-semibold-08-font-weight: var( --type-text-semibold-08-font-weight , 600 );
$type-text-semibold-08-line-height: var( --type-text-semibold-08-line-height , 24.61px );
$type-text-semibold-08-letter-spacing: var( --type-text-semibold-08-letter-spacing , 0px );
$type-text-semibold-largest-characters: var( --type-text-semibold-largest-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-largest-font-size: var( --type-text-semibold-largest-font-size , 21px );
$type-text-semibold-largest-text-align-horizontal: var( --type-text-semibold-largest-text-align-horizontal , LEFT );
$type-text-semibold-largest-text-align-vertical: var( --type-text-semibold-largest-text-align-vertical , TOP );
$type-text-semibold-largest-color: var( --type-text-semibold-largest-color , rgba(0,0,0,1) );
$type-text-semibold-largest-font-family: var( --type-text-semibold-largest-font-family , 'Proxima Nova' );
$type-text-semibold-largest-font-weight: var( --type-text-semibold-largest-font-weight , 600 );
$type-text-semibold-largest-line-height: var( --type-text-semibold-largest-line-height , 24.61px );
$type-text-semibold-largest-letter-spacing: var( --type-text-semibold-largest-letter-spacing , 0px );
$type-text-semibold-07-characters: var( --type-text-semibold-07-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-07-font-size: var( --type-text-semibold-07-font-size , 18px );
$type-text-semibold-07-text-align-horizontal: var( --type-text-semibold-07-text-align-horizontal , LEFT );
$type-text-semibold-07-text-align-vertical: var( --type-text-semibold-07-text-align-vertical , TOP );
$type-text-semibold-07-color: var( --type-text-semibold-07-color , rgba(0,0,0,1) );
$type-text-semibold-07-font-family: var( --type-text-semibold-07-font-family , 'Proxima Nova' );
$type-text-semibold-07-font-weight: var( --type-text-semibold-07-font-weight , 600 );
$type-text-semibold-07-line-height: var( --type-text-semibold-07-line-height , 21.09px );
$type-text-semibold-07-letter-spacing: var( --type-text-semibold-07-letter-spacing , 0px );
$type-text-semibold-larger-characters: var( --type-text-semibold-larger-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-larger-font-size: var( --type-text-semibold-larger-font-size , 18px );
$type-text-semibold-larger-text-align-horizontal: var( --type-text-semibold-larger-text-align-horizontal , LEFT );
$type-text-semibold-larger-text-align-vertical: var( --type-text-semibold-larger-text-align-vertical , TOP );
$type-text-semibold-larger-color: var( --type-text-semibold-larger-color , rgba(0,0,0,1) );
$type-text-semibold-larger-font-family: var( --type-text-semibold-larger-font-family , 'Proxima Nova' );
$type-text-semibold-larger-font-weight: var( --type-text-semibold-larger-font-weight , 600 );
$type-text-semibold-larger-line-height: var( --type-text-semibold-larger-line-height , 21.09px );
$type-text-semibold-larger-letter-spacing: var( --type-text-semibold-larger-letter-spacing , 0px );
$type-text-semibold-06-characters: var( --type-text-semibold-06-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-06-font-size: var( --type-text-semibold-06-font-size , 16px );
$type-text-semibold-06-text-align-horizontal: var( --type-text-semibold-06-text-align-horizontal , LEFT );
$type-text-semibold-06-text-align-vertical: var( --type-text-semibold-06-text-align-vertical , TOP );
$type-text-semibold-06-color: var( --type-text-semibold-06-color , rgba(0,0,0,1) );
$type-text-semibold-06-font-family: var( --type-text-semibold-06-font-family , 'Proxima Nova' );
$type-text-semibold-06-font-weight: var( --type-text-semibold-06-font-weight , 600 );
$type-text-semibold-06-line-height: var( --type-text-semibold-06-line-height , 18.75px );
$type-text-semibold-06-letter-spacing: var( --type-text-semibold-06-letter-spacing , 0px );
$type-text-semibold-large-characters: var( --type-text-semibold-large-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-large-font-size: var( --type-text-semibold-large-font-size , 16px );
$type-text-semibold-large-text-align-horizontal: var( --type-text-semibold-large-text-align-horizontal , LEFT );
$type-text-semibold-large-text-align-vertical: var( --type-text-semibold-large-text-align-vertical , TOP );
$type-text-semibold-large-color: var( --type-text-semibold-large-color , rgba(0,0,0,1) );
$type-text-semibold-large-font-family: var( --type-text-semibold-large-font-family , 'Proxima Nova' );
$type-text-semibold-large-font-weight: var( --type-text-semibold-large-font-weight , 600 );
$type-text-semibold-large-line-height: var( --type-text-semibold-large-line-height , 18.75px );
$type-text-semibold-large-letter-spacing: var( --type-text-semibold-large-letter-spacing , 0px );
$type-text-semibold-05-characters: var( --type-text-semibold-05-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-05-font-size: var( --type-text-semibold-05-font-size , 15px );
$type-text-semibold-05-text-align-horizontal: var( --type-text-semibold-05-text-align-horizontal , LEFT );
$type-text-semibold-05-text-align-vertical: var( --type-text-semibold-05-text-align-vertical , TOP );
$type-text-semibold-05-color: var( --type-text-semibold-05-color , rgba(0,0,0,1) );
$type-text-semibold-05-font-family: var( --type-text-semibold-05-font-family , 'Proxima Nova' );
$type-text-semibold-05-font-weight: var( --type-text-semibold-05-font-weight , 600 );
$type-text-semibold-05-line-height: var( --type-text-semibold-05-line-height , 17.58px );
$type-text-semibold-05-letter-spacing: var( --type-text-semibold-05-letter-spacing , 0px );
$type-text-semibold-characters: var( --type-text-semibold-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-font-size: var( --type-text-semibold-font-size , 15px );
$type-text-semibold-text-align-horizontal: var( --type-text-semibold-text-align-horizontal , LEFT );
$type-text-semibold-text-align-vertical: var( --type-text-semibold-text-align-vertical , TOP );
$type-text-semibold-color: var( --type-text-semibold-color , rgba(0,0,0,1) );
$type-text-semibold-font-family: var( --type-text-semibold-font-family , 'Proxima Nova' );
$type-text-semibold-font-weight: var( --type-text-semibold-font-weight , 600 );
$type-text-semibold-line-height: var( --type-text-semibold-line-height , 17.58px );
$type-text-semibold-letter-spacing: var( --type-text-semibold-letter-spacing , 0px );
$type-text-semibold-04-characters: var( --type-text-semibold-04-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-04-font-size: var( --type-text-semibold-04-font-size , 12px );
$type-text-semibold-04-text-align-horizontal: var( --type-text-semibold-04-text-align-horizontal , LEFT );
$type-text-semibold-04-text-align-vertical: var( --type-text-semibold-04-text-align-vertical , TOP );
$type-text-semibold-04-color: var( --type-text-semibold-04-color , rgba(0,0,0,1) );
$type-text-semibold-04-font-family: var( --type-text-semibold-04-font-family , 'Proxima Nova' );
$type-text-semibold-04-font-weight: var( --type-text-semibold-04-font-weight , 600 );
$type-text-semibold-04-line-height: var( --type-text-semibold-04-line-height , 14.06px );
$type-text-semibold-04-letter-spacing: var( --type-text-semibold-04-letter-spacing , 0px );
$type-text-semibold-small-characters: var( --type-text-semibold-small-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-small-font-size: var( --type-text-semibold-small-font-size , 12px );
$type-text-semibold-small-text-align-horizontal: var( --type-text-semibold-small-text-align-horizontal , LEFT );
$type-text-semibold-small-text-align-vertical: var( --type-text-semibold-small-text-align-vertical , TOP );
$type-text-semibold-small-color: var( --type-text-semibold-small-color , rgba(0,0,0,1) );
$type-text-semibold-small-font-family: var( --type-text-semibold-small-font-family , 'Proxima Nova' );
$type-text-semibold-small-font-weight: var( --type-text-semibold-small-font-weight , 600 );
$type-text-semibold-small-line-height: var( --type-text-semibold-small-line-height , 14.06px );
$type-text-semibold-small-letter-spacing: var( --type-text-semibold-small-letter-spacing , 0px );
$type-text-semibold-03-characters: var( --type-text-semibold-03-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-semibold-03-font-size: var( --type-text-semibold-03-font-size , 11px );
$type-text-semibold-03-text-align-horizontal: var( --type-text-semibold-03-text-align-horizontal , LEFT );
$type-text-semibold-03-text-align-vertical: var( --type-text-semibold-03-text-align-vertical , TOP );
$type-text-semibold-03-color: var( --type-text-semibold-03-color , rgba(0,0,0,1) );
$type-text-semibold-03-font-family: var( --type-text-semibold-03-font-family , 'Proxima Nova' );
$type-text-semibold-03-font-weight: var( --type-text-semibold-03-font-weight , 600 );
$type-text-semibold-03-line-height: var( --type-text-semibold-03-line-height , 12.89px );
$type-text-semibold-03-letter-spacing: var( --type-text-semibold-03-letter-spacing , 0px );
$type-text-semibold-smaller-characters: var( --type-text-semibold-smaller-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-semibold-smaller-font-size: var( --type-text-semibold-smaller-font-size , 11px );
$type-text-semibold-smaller-text-align-horizontal: var( --type-text-semibold-smaller-text-align-horizontal , LEFT );
$type-text-semibold-smaller-text-align-vertical: var( --type-text-semibold-smaller-text-align-vertical , TOP );
$type-text-semibold-smaller-color: var( --type-text-semibold-smaller-color , rgba(0,0,0,1) );
$type-text-semibold-smaller-font-family: var( --type-text-semibold-smaller-font-family , 'Proxima Nova' );
$type-text-semibold-smaller-font-weight: var( --type-text-semibold-smaller-font-weight , 600 );
$type-text-semibold-smaller-line-height: var( --type-text-semibold-smaller-line-height , 12.89px );
$type-text-semibold-smaller-letter-spacing: var( --type-text-semibold-smaller-letter-spacing , 0px );
$type-text-semibold-02-characters: var( --type-text-semibold-02-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-semibold-02-font-size: var( --type-text-semibold-02-font-size , 9px );
$type-text-semibold-02-text-align-horizontal: var( --type-text-semibold-02-text-align-horizontal , LEFT );
$type-text-semibold-02-text-align-vertical: var( --type-text-semibold-02-text-align-vertical , TOP );
$type-text-semibold-02-color: var( --type-text-semibold-02-color , rgba(0,0,0,1) );
$type-text-semibold-02-font-family: var( --type-text-semibold-02-font-family , 'Proxima Nova' );
$type-text-semibold-02-font-weight: var( --type-text-semibold-02-font-weight , 600 );
$type-text-semibold-02-line-height: var( --type-text-semibold-02-line-height , 10.55px );
$type-text-semibold-02-letter-spacing: var( --type-text-semibold-02-letter-spacing , 0px );
$type-text-semibold-smallest-characters: var( --type-text-semibold-smallest-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-semibold-smallest-font-size: var( --type-text-semibold-smallest-font-size , 9px );
$type-text-semibold-smallest-text-align-horizontal: var( --type-text-semibold-smallest-text-align-horizontal , LEFT );
$type-text-semibold-smallest-text-align-vertical: var( --type-text-semibold-smallest-text-align-vertical , TOP );
$type-text-semibold-smallest-color: var( --type-text-semibold-smallest-color , rgba(0,0,0,1) );
$type-text-semibold-smallest-font-family: var( --type-text-semibold-smallest-font-family , 'Proxima Nova' );
$type-text-semibold-smallest-font-weight: var( --type-text-semibold-smallest-font-weight , 600 );
$type-text-semibold-smallest-line-height: var( --type-text-semibold-smallest-line-height , 10.55px );
$type-text-semibold-smallest-letter-spacing: var( --type-text-semibold-smallest-letter-spacing , 0px );
$type-text-semibold-01-characters: var( --type-text-semibold-01-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-semibold-01-font-size: var( --type-text-semibold-01-font-size , 8px );
$type-text-semibold-01-text-align-horizontal: var( --type-text-semibold-01-text-align-horizontal , LEFT );
$type-text-semibold-01-text-align-vertical: var( --type-text-semibold-01-text-align-vertical , TOP );
$type-text-semibold-01-color: var( --type-text-semibold-01-color , rgba(0,0,0,1) );
$type-text-semibold-01-font-family: var( --type-text-semibold-01-font-family , 'Proxima Nova' );
$type-text-semibold-01-font-weight: var( --type-text-semibold-01-font-weight , 600 );
$type-text-semibold-01-line-height: var( --type-text-semibold-01-line-height , 9.38px );
$type-text-semibold-01-letter-spacing: var( --type-text-semibold-01-letter-spacing , 0px );

/*
======================================================
type-text-bold [TEXT_STEP_TOKENS]
======================================================
*/
$type-text-bold-10-characters: var( --type-text-bold-10-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-10-font-size: var( --type-text-bold-10-font-size , 30px );
$type-text-bold-10-text-align-horizontal: var( --type-text-bold-10-text-align-horizontal , LEFT );
$type-text-bold-10-text-align-vertical: var( --type-text-bold-10-text-align-vertical , TOP );
$type-text-bold-10-color: var( --type-text-bold-10-color , rgba(0,0,0,1) );
$type-text-bold-10-font-family: var( --type-text-bold-10-font-family , 'Proxima Nova' );
$type-text-bold-10-font-weight: var( --type-text-bold-10-font-weight , 700 );
$type-text-bold-10-line-height: var( --type-text-bold-10-line-height , 35.16px );
$type-text-bold-10-letter-spacing: var( --type-text-bold-10-letter-spacing , 0px );
$type-text-bold-09-characters: var( --type-text-bold-09-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-09-font-size: var( --type-text-bold-09-font-size , 24px );
$type-text-bold-09-text-align-horizontal: var( --type-text-bold-09-text-align-horizontal , LEFT );
$type-text-bold-09-text-align-vertical: var( --type-text-bold-09-text-align-vertical , TOP );
$type-text-bold-09-color: var( --type-text-bold-09-color , rgba(0,0,0,1) );
$type-text-bold-09-font-family: var( --type-text-bold-09-font-family , 'Proxima Nova' );
$type-text-bold-09-font-weight: var( --type-text-bold-09-font-weight , 700 );
$type-text-bold-09-line-height: var( --type-text-bold-09-line-height , 28.13px );
$type-text-bold-09-letter-spacing: var( --type-text-bold-09-letter-spacing , 0px );
$type-text-bold-08-characters: var( --type-text-bold-08-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-08-font-size: var( --type-text-bold-08-font-size , 21px );
$type-text-bold-08-text-align-horizontal: var( --type-text-bold-08-text-align-horizontal , LEFT );
$type-text-bold-08-text-align-vertical: var( --type-text-bold-08-text-align-vertical , TOP );
$type-text-bold-08-color: var( --type-text-bold-08-color , rgba(0,0,0,1) );
$type-text-bold-08-font-family: var( --type-text-bold-08-font-family , 'Open Sans' );
$type-text-bold-08-font-weight: var( --type-text-bold-08-font-weight , 700 );
$type-text-bold-08-line-height: var( --type-text-bold-08-line-height , 24.61px );
$type-text-bold-08-letter-spacing: var( --type-text-bold-08-letter-spacing , 0px );
$type-text-bold-largest-characters: var( --type-text-bold-largest-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-largest-font-size: var( --type-text-bold-largest-font-size , 21px );
$type-text-bold-largest-text-align-horizontal: var( --type-text-bold-largest-text-align-horizontal , LEFT );
$type-text-bold-largest-text-align-vertical: var( --type-text-bold-largest-text-align-vertical , TOP );
$type-text-bold-largest-color: var( --type-text-bold-largest-color , rgba(0,0,0,1) );
$type-text-bold-largest-font-family: var( --type-text-bold-largest-font-family , 'Open Sans' );
$type-text-bold-largest-font-weight: var( --type-text-bold-largest-font-weight , 700 );
$type-text-bold-largest-line-height: var( --type-text-bold-largest-line-height , 24.61px );
$type-text-bold-largest-letter-spacing: var( --type-text-bold-largest-letter-spacing , 0px );
$type-text-bold-07-characters: var( --type-text-bold-07-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-07-font-size: var( --type-text-bold-07-font-size , 18px );
$type-text-bold-07-text-align-horizontal: var( --type-text-bold-07-text-align-horizontal , LEFT );
$type-text-bold-07-text-align-vertical: var( --type-text-bold-07-text-align-vertical , TOP );
$type-text-bold-07-color: var( --type-text-bold-07-color , rgba(0,0,0,1) );
$type-text-bold-07-font-family: var( --type-text-bold-07-font-family , 'Proxima Nova' );
$type-text-bold-07-font-weight: var( --type-text-bold-07-font-weight , 700 );
$type-text-bold-07-line-height: var( --type-text-bold-07-line-height , 21.09px );
$type-text-bold-07-letter-spacing: var( --type-text-bold-07-letter-spacing , 0px );
$type-text-bold-larger-characters: var( --type-text-bold-larger-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-larger-font-size: var( --type-text-bold-larger-font-size , 18px );
$type-text-bold-larger-text-align-horizontal: var( --type-text-bold-larger-text-align-horizontal , LEFT );
$type-text-bold-larger-text-align-vertical: var( --type-text-bold-larger-text-align-vertical , TOP );
$type-text-bold-larger-color: var( --type-text-bold-larger-color , rgba(0,0,0,1) );
$type-text-bold-larger-font-family: var( --type-text-bold-larger-font-family , 'Proxima Nova' );
$type-text-bold-larger-font-weight: var( --type-text-bold-larger-font-weight , 700 );
$type-text-bold-larger-line-height: var( --type-text-bold-larger-line-height , 21.09px );
$type-text-bold-larger-letter-spacing: var( --type-text-bold-larger-letter-spacing , 0px );
$type-text-bold-06-characters: var( --type-text-bold-06-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-06-font-size: var( --type-text-bold-06-font-size , 16px );
$type-text-bold-06-text-align-horizontal: var( --type-text-bold-06-text-align-horizontal , LEFT );
$type-text-bold-06-text-align-vertical: var( --type-text-bold-06-text-align-vertical , TOP );
$type-text-bold-06-color: var( --type-text-bold-06-color , rgba(0,0,0,1) );
$type-text-bold-06-font-family: var( --type-text-bold-06-font-family , 'Proxima Nova' );
$type-text-bold-06-font-weight: var( --type-text-bold-06-font-weight , 700 );
$type-text-bold-06-line-height: var( --type-text-bold-06-line-height , 18.75px );
$type-text-bold-06-letter-spacing: var( --type-text-bold-06-letter-spacing , 0px );
$type-text-bold-large-characters: var( --type-text-bold-large-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-large-font-size: var( --type-text-bold-large-font-size , 16px );
$type-text-bold-large-text-align-horizontal: var( --type-text-bold-large-text-align-horizontal , LEFT );
$type-text-bold-large-text-align-vertical: var( --type-text-bold-large-text-align-vertical , TOP );
$type-text-bold-large-color: var( --type-text-bold-large-color , rgba(0,0,0,1) );
$type-text-bold-large-font-family: var( --type-text-bold-large-font-family , 'Proxima Nova' );
$type-text-bold-large-font-weight: var( --type-text-bold-large-font-weight , 700 );
$type-text-bold-large-line-height: var( --type-text-bold-large-line-height , 18.75px );
$type-text-bold-large-letter-spacing: var( --type-text-bold-large-letter-spacing , 0px );
$type-text-bold-05-characters: var( --type-text-bold-05-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-05-font-size: var( --type-text-bold-05-font-size , 15px );
$type-text-bold-05-text-align-horizontal: var( --type-text-bold-05-text-align-horizontal , LEFT );
$type-text-bold-05-text-align-vertical: var( --type-text-bold-05-text-align-vertical , TOP );
$type-text-bold-05-color: var( --type-text-bold-05-color , rgba(0,0,0,1) );
$type-text-bold-05-font-family: var( --type-text-bold-05-font-family , 'Proxima Nova' );
$type-text-bold-05-font-weight: var( --type-text-bold-05-font-weight , 700 );
$type-text-bold-05-line-height: var( --type-text-bold-05-line-height , 17.58px );
$type-text-bold-05-letter-spacing: var( --type-text-bold-05-letter-spacing , 0px );
$type-text-bold-characters: var( --type-text-bold-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-font-size: var( --type-text-bold-font-size , 15px );
$type-text-bold-text-align-horizontal: var( --type-text-bold-text-align-horizontal , LEFT );
$type-text-bold-text-align-vertical: var( --type-text-bold-text-align-vertical , TOP );
$type-text-bold-color: var( --type-text-bold-color , rgba(0,0,0,1) );
$type-text-bold-font-family: var( --type-text-bold-font-family , 'Proxima Nova' );
$type-text-bold-font-weight: var( --type-text-bold-font-weight , 700 );
$type-text-bold-line-height: var( --type-text-bold-line-height , 17.58px );
$type-text-bold-letter-spacing: var( --type-text-bold-letter-spacing , 0px );
$type-text-bold-04-characters: var( --type-text-bold-04-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-04-font-size: var( --type-text-bold-04-font-size , 12px );
$type-text-bold-04-text-align-horizontal: var( --type-text-bold-04-text-align-horizontal , LEFT );
$type-text-bold-04-text-align-vertical: var( --type-text-bold-04-text-align-vertical , TOP );
$type-text-bold-04-color: var( --type-text-bold-04-color , rgba(0,0,0,1) );
$type-text-bold-04-font-family: var( --type-text-bold-04-font-family , 'Proxima Nova' );
$type-text-bold-04-font-weight: var( --type-text-bold-04-font-weight , 700 );
$type-text-bold-04-line-height: var( --type-text-bold-04-line-height , 14.06px );
$type-text-bold-04-letter-spacing: var( --type-text-bold-04-letter-spacing , 0px );
$type-text-bold-small-characters: var( --type-text-bold-small-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-small-font-size: var( --type-text-bold-small-font-size , 12px );
$type-text-bold-small-text-align-horizontal: var( --type-text-bold-small-text-align-horizontal , LEFT );
$type-text-bold-small-text-align-vertical: var( --type-text-bold-small-text-align-vertical , TOP );
$type-text-bold-small-color: var( --type-text-bold-small-color , rgba(0,0,0,1) );
$type-text-bold-small-font-family: var( --type-text-bold-small-font-family , 'Proxima Nova' );
$type-text-bold-small-font-weight: var( --type-text-bold-small-font-weight , 700 );
$type-text-bold-small-line-height: var( --type-text-bold-small-line-height , 14.06px );
$type-text-bold-small-letter-spacing: var( --type-text-bold-small-letter-spacing , 0px );
$type-text-bold-03-characters: var( --type-text-bold-03-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-bold-03-font-size: var( --type-text-bold-03-font-size , 11px );
$type-text-bold-03-text-align-horizontal: var( --type-text-bold-03-text-align-horizontal , LEFT );
$type-text-bold-03-text-align-vertical: var( --type-text-bold-03-text-align-vertical , TOP );
$type-text-bold-03-color: var( --type-text-bold-03-color , rgba(0,0,0,1) );
$type-text-bold-03-font-family: var( --type-text-bold-03-font-family , 'Proxima Nova' );
$type-text-bold-03-font-weight: var( --type-text-bold-03-font-weight , 700 );
$type-text-bold-03-line-height: var( --type-text-bold-03-line-height , 12.89px );
$type-text-bold-03-letter-spacing: var( --type-text-bold-03-letter-spacing , 0px );
$type-text-bold-smaller-characters: var( --type-text-bold-smaller-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-bold-smaller-font-size: var( --type-text-bold-smaller-font-size , 11px );
$type-text-bold-smaller-text-align-horizontal: var( --type-text-bold-smaller-text-align-horizontal , LEFT );
$type-text-bold-smaller-text-align-vertical: var( --type-text-bold-smaller-text-align-vertical , TOP );
$type-text-bold-smaller-color: var( --type-text-bold-smaller-color , rgba(0,0,0,1) );
$type-text-bold-smaller-font-family: var( --type-text-bold-smaller-font-family , 'Proxima Nova' );
$type-text-bold-smaller-font-weight: var( --type-text-bold-smaller-font-weight , 700 );
$type-text-bold-smaller-line-height: var( --type-text-bold-smaller-line-height , 12.89px );
$type-text-bold-smaller-letter-spacing: var( --type-text-bold-smaller-letter-spacing , 0px );
$type-text-bold-02-characters: var( --type-text-bold-02-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-bold-02-font-size: var( --type-text-bold-02-font-size , 9px );
$type-text-bold-02-text-align-horizontal: var( --type-text-bold-02-text-align-horizontal , LEFT );
$type-text-bold-02-text-align-vertical: var( --type-text-bold-02-text-align-vertical , TOP );
$type-text-bold-02-color: var( --type-text-bold-02-color , rgba(0,0,0,1) );
$type-text-bold-02-font-family: var( --type-text-bold-02-font-family , 'Proxima Nova' );
$type-text-bold-02-font-weight: var( --type-text-bold-02-font-weight , 700 );
$type-text-bold-02-line-height: var( --type-text-bold-02-line-height , 10.55px );
$type-text-bold-02-letter-spacing: var( --type-text-bold-02-letter-spacing , 0px );
$type-text-bold-smallest-characters: var( --type-text-bold-smallest-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-bold-smallest-font-size: var( --type-text-bold-smallest-font-size , 9px );
$type-text-bold-smallest-text-align-horizontal: var( --type-text-bold-smallest-text-align-horizontal , LEFT );
$type-text-bold-smallest-text-align-vertical: var( --type-text-bold-smallest-text-align-vertical , TOP );
$type-text-bold-smallest-color: var( --type-text-bold-smallest-color , rgba(0,0,0,1) );
$type-text-bold-smallest-font-family: var( --type-text-bold-smallest-font-family , 'Proxima Nova' );
$type-text-bold-smallest-font-weight: var( --type-text-bold-smallest-font-weight , 700 );
$type-text-bold-smallest-line-height: var( --type-text-bold-smallest-line-height , 10.55px );
$type-text-bold-smallest-letter-spacing: var( --type-text-bold-smallest-letter-spacing , 0px );
$type-text-bold-01-characters: var( --type-text-bold-01-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-bold-01-font-size: var( --type-text-bold-01-font-size , 8px );
$type-text-bold-01-text-align-horizontal: var( --type-text-bold-01-text-align-horizontal , LEFT );
$type-text-bold-01-text-align-vertical: var( --type-text-bold-01-text-align-vertical , TOP );
$type-text-bold-01-color: var( --type-text-bold-01-color , rgba(0,0,0,1) );
$type-text-bold-01-font-family: var( --type-text-bold-01-font-family , 'Proxima Nova' );
$type-text-bold-01-font-weight: var( --type-text-bold-01-font-weight , 700 );
$type-text-bold-01-line-height: var( --type-text-bold-01-line-height , 9.38px );
$type-text-bold-01-letter-spacing: var( --type-text-bold-01-letter-spacing , 0px );

/*
======================================================
type-text-uppercase [TEXT_STEP_TOKENS]
======================================================
*/
$type-text-uppercase-10-characters: var( --type-text-uppercase-10-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-uppercase-10-font-size: var( --type-text-uppercase-10-font-size , 30px );
$type-text-uppercase-10-text-align-horizontal: var( --type-text-uppercase-10-text-align-horizontal , LEFT );
$type-text-uppercase-10-text-align-vertical: var( --type-text-uppercase-10-text-align-vertical , TOP );
$type-text-uppercase-10-color: var( --type-text-uppercase-10-color , rgba(0,0,0,1) );
$type-text-uppercase-10-font-family: var( --type-text-uppercase-10-font-family , 'Proxima Nova' );
$type-text-uppercase-10-font-weight: var( --type-text-uppercase-10-font-weight , 500 );
$type-text-uppercase-10-line-height: var( --type-text-uppercase-10-line-height , 35.16px );
$type-text-uppercase-10-letter-spacing: var( --type-text-uppercase-10-letter-spacing , 0px );
$type-text-uppercase-09-characters: var( --type-text-uppercase-09-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-uppercase-09-font-size: var( --type-text-uppercase-09-font-size , 24px );
$type-text-uppercase-09-text-align-horizontal: var( --type-text-uppercase-09-text-align-horizontal , LEFT );
$type-text-uppercase-09-text-align-vertical: var( --type-text-uppercase-09-text-align-vertical , TOP );
$type-text-uppercase-09-color: var( --type-text-uppercase-09-color , rgba(0,0,0,1) );
$type-text-uppercase-09-font-family: var( --type-text-uppercase-09-font-family , 'Proxima Nova' );
$type-text-uppercase-09-font-weight: var( --type-text-uppercase-09-font-weight , 500 );
$type-text-uppercase-09-line-height: var( --type-text-uppercase-09-line-height , 28.13px );
$type-text-uppercase-09-letter-spacing: var( --type-text-uppercase-09-letter-spacing , 0px );
$type-text-uppercase-08-characters: var( --type-text-uppercase-08-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-08-font-size: var( --type-text-uppercase-08-font-size , 21px );
$type-text-uppercase-08-text-align-horizontal: var( --type-text-uppercase-08-text-align-horizontal , LEFT );
$type-text-uppercase-08-text-align-vertical: var( --type-text-uppercase-08-text-align-vertical , TOP );
$type-text-uppercase-08-color: var( --type-text-uppercase-08-color , rgba(0,0,0,1) );
$type-text-uppercase-08-font-family: var( --type-text-uppercase-08-font-family , 'Proxima Nova' );
$type-text-uppercase-08-font-weight: var( --type-text-uppercase-08-font-weight , 500 );
$type-text-uppercase-08-line-height: var( --type-text-uppercase-08-line-height , 24.61px );
$type-text-uppercase-08-letter-spacing: var( --type-text-uppercase-08-letter-spacing , 0px );
$type-text-uppercase-largest-characters: var( --type-text-uppercase-largest-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-largest-font-size: var( --type-text-uppercase-largest-font-size , 21px );
$type-text-uppercase-largest-text-align-horizontal: var( --type-text-uppercase-largest-text-align-horizontal , LEFT );
$type-text-uppercase-largest-text-align-vertical: var( --type-text-uppercase-largest-text-align-vertical , TOP );
$type-text-uppercase-largest-color: var( --type-text-uppercase-largest-color , rgba(0,0,0,1) );
$type-text-uppercase-largest-font-family: var( --type-text-uppercase-largest-font-family , 'Proxima Nova' );
$type-text-uppercase-largest-font-weight: var( --type-text-uppercase-largest-font-weight , 500 );
$type-text-uppercase-largest-line-height: var( --type-text-uppercase-largest-line-height , 24.61px );
$type-text-uppercase-largest-letter-spacing: var( --type-text-uppercase-largest-letter-spacing , 0px );
$type-text-uppercase-07-characters: var( --type-text-uppercase-07-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-07-font-size: var( --type-text-uppercase-07-font-size , 18px );
$type-text-uppercase-07-text-align-horizontal: var( --type-text-uppercase-07-text-align-horizontal , LEFT );
$type-text-uppercase-07-text-align-vertical: var( --type-text-uppercase-07-text-align-vertical , TOP );
$type-text-uppercase-07-color: var( --type-text-uppercase-07-color , rgba(0,0,0,1) );
$type-text-uppercase-07-font-family: var( --type-text-uppercase-07-font-family , 'Proxima Nova' );
$type-text-uppercase-07-font-weight: var( --type-text-uppercase-07-font-weight , 500 );
$type-text-uppercase-07-line-height: var( --type-text-uppercase-07-line-height , 21.09px );
$type-text-uppercase-07-letter-spacing: var( --type-text-uppercase-07-letter-spacing , 0px );
$type-text-uppercase-larger-characters: var( --type-text-uppercase-larger-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-larger-font-size: var( --type-text-uppercase-larger-font-size , 18px );
$type-text-uppercase-larger-text-align-horizontal: var( --type-text-uppercase-larger-text-align-horizontal , LEFT );
$type-text-uppercase-larger-text-align-vertical: var( --type-text-uppercase-larger-text-align-vertical , TOP );
$type-text-uppercase-larger-color: var( --type-text-uppercase-larger-color , rgba(0,0,0,1) );
$type-text-uppercase-larger-font-family: var( --type-text-uppercase-larger-font-family , 'Proxima Nova' );
$type-text-uppercase-larger-font-weight: var( --type-text-uppercase-larger-font-weight , 500 );
$type-text-uppercase-larger-line-height: var( --type-text-uppercase-larger-line-height , 21.09px );
$type-text-uppercase-larger-letter-spacing: var( --type-text-uppercase-larger-letter-spacing , 0px );
$type-text-uppercase-06-characters: var( --type-text-uppercase-06-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-06-font-size: var( --type-text-uppercase-06-font-size , 16px );
$type-text-uppercase-06-text-align-horizontal: var( --type-text-uppercase-06-text-align-horizontal , LEFT );
$type-text-uppercase-06-text-align-vertical: var( --type-text-uppercase-06-text-align-vertical , TOP );
$type-text-uppercase-06-color: var( --type-text-uppercase-06-color , rgba(0,0,0,1) );
$type-text-uppercase-06-font-family: var( --type-text-uppercase-06-font-family , 'Proxima Nova' );
$type-text-uppercase-06-font-weight: var( --type-text-uppercase-06-font-weight , 500 );
$type-text-uppercase-06-line-height: var( --type-text-uppercase-06-line-height , 18.75px );
$type-text-uppercase-06-letter-spacing: var( --type-text-uppercase-06-letter-spacing , 0px );
$type-text-uppercase-large-characters: var( --type-text-uppercase-large-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-large-font-size: var( --type-text-uppercase-large-font-size , 16px );
$type-text-uppercase-large-text-align-horizontal: var( --type-text-uppercase-large-text-align-horizontal , LEFT );
$type-text-uppercase-large-text-align-vertical: var( --type-text-uppercase-large-text-align-vertical , TOP );
$type-text-uppercase-large-color: var( --type-text-uppercase-large-color , rgba(0,0,0,1) );
$type-text-uppercase-large-font-family: var( --type-text-uppercase-large-font-family , 'Proxima Nova' );
$type-text-uppercase-large-font-weight: var( --type-text-uppercase-large-font-weight , 500 );
$type-text-uppercase-large-line-height: var( --type-text-uppercase-large-line-height , 18.75px );
$type-text-uppercase-large-letter-spacing: var( --type-text-uppercase-large-letter-spacing , 0px );
$type-text-uppercase-05-characters: var( --type-text-uppercase-05-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-05-font-size: var( --type-text-uppercase-05-font-size , 15px );
$type-text-uppercase-05-text-align-horizontal: var( --type-text-uppercase-05-text-align-horizontal , LEFT );
$type-text-uppercase-05-text-align-vertical: var( --type-text-uppercase-05-text-align-vertical , TOP );
$type-text-uppercase-05-color: var( --type-text-uppercase-05-color , rgba(0,0,0,1) );
$type-text-uppercase-05-font-family: var( --type-text-uppercase-05-font-family , 'Proxima Nova' );
$type-text-uppercase-05-font-weight: var( --type-text-uppercase-05-font-weight , 500 );
$type-text-uppercase-05-line-height: var( --type-text-uppercase-05-line-height , 17.58px );
$type-text-uppercase-05-letter-spacing: var( --type-text-uppercase-05-letter-spacing , 0px );
$type-text-uppercase-characters: var( --type-text-uppercase-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-font-size: var( --type-text-uppercase-font-size , 15px );
$type-text-uppercase-text-align-horizontal: var( --type-text-uppercase-text-align-horizontal , LEFT );
$type-text-uppercase-text-align-vertical: var( --type-text-uppercase-text-align-vertical , TOP );
$type-text-uppercase-color: var( --type-text-uppercase-color , rgba(0,0,0,1) );
$type-text-uppercase-font-family: var( --type-text-uppercase-font-family , 'Proxima Nova' );
$type-text-uppercase-font-weight: var( --type-text-uppercase-font-weight , 500 );
$type-text-uppercase-line-height: var( --type-text-uppercase-line-height , 17.58px );
$type-text-uppercase-letter-spacing: var( --type-text-uppercase-letter-spacing , 0px );
$type-text-uppercase-04-characters: var( --type-text-uppercase-04-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-04-font-size: var( --type-text-uppercase-04-font-size , 12px );
$type-text-uppercase-04-text-align-horizontal: var( --type-text-uppercase-04-text-align-horizontal , LEFT );
$type-text-uppercase-04-text-align-vertical: var( --type-text-uppercase-04-text-align-vertical , TOP );
$type-text-uppercase-04-color: var( --type-text-uppercase-04-color , rgba(0,0,0,1) );
$type-text-uppercase-04-font-family: var( --type-text-uppercase-04-font-family , 'Proxima Nova' );
$type-text-uppercase-04-font-weight: var( --type-text-uppercase-04-font-weight , 500 );
$type-text-uppercase-04-line-height: var( --type-text-uppercase-04-line-height , 14.06px );
$type-text-uppercase-04-letter-spacing: var( --type-text-uppercase-04-letter-spacing , 0px );
$type-text-uppercase-small-characters: var( --type-text-uppercase-small-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-small-font-size: var( --type-text-uppercase-small-font-size , 12px );
$type-text-uppercase-small-text-align-horizontal: var( --type-text-uppercase-small-text-align-horizontal , LEFT );
$type-text-uppercase-small-text-align-vertical: var( --type-text-uppercase-small-text-align-vertical , TOP );
$type-text-uppercase-small-color: var( --type-text-uppercase-small-color , rgba(0,0,0,1) );
$type-text-uppercase-small-font-family: var( --type-text-uppercase-small-font-family , 'Proxima Nova' );
$type-text-uppercase-small-font-weight: var( --type-text-uppercase-small-font-weight , 500 );
$type-text-uppercase-small-line-height: var( --type-text-uppercase-small-line-height , 14.06px );
$type-text-uppercase-small-letter-spacing: var( --type-text-uppercase-small-letter-spacing , 0px );
$type-text-uppercase-03-characters: var( --type-text-uppercase-03-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-03-font-size: var( --type-text-uppercase-03-font-size , 11px );
$type-text-uppercase-03-text-align-horizontal: var( --type-text-uppercase-03-text-align-horizontal , LEFT );
$type-text-uppercase-03-text-align-vertical: var( --type-text-uppercase-03-text-align-vertical , TOP );
$type-text-uppercase-03-color: var( --type-text-uppercase-03-color , rgba(0,0,0,1) );
$type-text-uppercase-03-font-family: var( --type-text-uppercase-03-font-family , 'Proxima Nova' );
$type-text-uppercase-03-font-weight: var( --type-text-uppercase-03-font-weight , 500 );
$type-text-uppercase-03-line-height: var( --type-text-uppercase-03-line-height , 12.89px );
$type-text-uppercase-03-letter-spacing: var( --type-text-uppercase-03-letter-spacing , 0px );
$type-text-uppercase-smaller-characters: var( --type-text-uppercase-smaller-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-smaller-font-size: var( --type-text-uppercase-smaller-font-size , 11px );
$type-text-uppercase-smaller-text-align-horizontal: var( --type-text-uppercase-smaller-text-align-horizontal , LEFT );
$type-text-uppercase-smaller-text-align-vertical: var( --type-text-uppercase-smaller-text-align-vertical , TOP );
$type-text-uppercase-smaller-color: var( --type-text-uppercase-smaller-color , rgba(0,0,0,1) );
$type-text-uppercase-smaller-font-family: var( --type-text-uppercase-smaller-font-family , 'Proxima Nova' );
$type-text-uppercase-smaller-font-weight: var( --type-text-uppercase-smaller-font-weight , 500 );
$type-text-uppercase-smaller-line-height: var( --type-text-uppercase-smaller-line-height , 12.89px );
$type-text-uppercase-smaller-letter-spacing: var( --type-text-uppercase-smaller-letter-spacing , 0px );
$type-text-uppercase-02-characters: var( --type-text-uppercase-02-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-02-font-size: var( --type-text-uppercase-02-font-size , 9px );
$type-text-uppercase-02-text-align-horizontal: var( --type-text-uppercase-02-text-align-horizontal , LEFT );
$type-text-uppercase-02-text-align-vertical: var( --type-text-uppercase-02-text-align-vertical , TOP );
$type-text-uppercase-02-color: var( --type-text-uppercase-02-color , rgba(0,0,0,1) );
$type-text-uppercase-02-font-family: var( --type-text-uppercase-02-font-family , 'Proxima Nova' );
$type-text-uppercase-02-font-weight: var( --type-text-uppercase-02-font-weight , 500 );
$type-text-uppercase-02-line-height: var( --type-text-uppercase-02-line-height , 10.55px );
$type-text-uppercase-02-letter-spacing: var( --type-text-uppercase-02-letter-spacing , 0px );
$type-text-uppercase-smallest-characters: var( --type-text-uppercase-smallest-characters , 'The quick brown fox jumps over the lazy dog' );
$type-text-uppercase-smallest-font-size: var( --type-text-uppercase-smallest-font-size , 9px );
$type-text-uppercase-smallest-text-align-horizontal: var( --type-text-uppercase-smallest-text-align-horizontal , LEFT );
$type-text-uppercase-smallest-text-align-vertical: var( --type-text-uppercase-smallest-text-align-vertical , TOP );
$type-text-uppercase-smallest-color: var( --type-text-uppercase-smallest-color , rgba(0,0,0,1) );
$type-text-uppercase-smallest-font-family: var( --type-text-uppercase-smallest-font-family , 'Proxima Nova' );
$type-text-uppercase-smallest-font-weight: var( --type-text-uppercase-smallest-font-weight , 500 );
$type-text-uppercase-smallest-line-height: var( --type-text-uppercase-smallest-line-height , 10.55px );
$type-text-uppercase-smallest-letter-spacing: var( --type-text-uppercase-smallest-letter-spacing , 0px );
$type-text-uppercase-01-characters: var( --type-text-uppercase-01-characters , 'The quick brown fox jumps over the lazy dog.' );
$type-text-uppercase-01-font-size: var( --type-text-uppercase-01-font-size , 8px );
$type-text-uppercase-01-text-align-horizontal: var( --type-text-uppercase-01-text-align-horizontal , LEFT );
$type-text-uppercase-01-text-align-vertical: var( --type-text-uppercase-01-text-align-vertical , TOP );
$type-text-uppercase-01-color: var( --type-text-uppercase-01-color , rgba(0,0,0,1) );
$type-text-uppercase-01-font-family: var( --type-text-uppercase-01-font-family , 'Proxima Nova' );
$type-text-uppercase-01-font-weight: var( --type-text-uppercase-01-font-weight , 500 );
$type-text-uppercase-01-line-height: var( --type-text-uppercase-01-line-height , 9.38px );
$type-text-uppercase-01-letter-spacing: var( --type-text-uppercase-01-letter-spacing , 0px );

/*
======================================================
effect-shadow [EFFECT_TOKEN]
======================================================
*/
$effect-shadow-shadow-color: var( --effect-shadow-shadow-color , rgba(0,0,0,0.27) );
$effect-shadow-shadow-offset-x: var( --effect-shadow-shadow-offset-x , 0px );
$effect-shadow-shadow-offset-y: var( --effect-shadow-shadow-offset-y , 0px );
$effect-shadow-shadow-radius: var( --effect-shadow-shadow-radius , 8px );
$effect-shadow-shadow-spread: var( --effect-shadow-shadow-spread , 0px );
$effect-shadow-shadow: var( --effect-shadow-shadow , 0px 0px 8px 0px rgba(0,0,0,0.27) );

/*
======================================================
effect-shadow-dark [EFFECT_TOKEN]
======================================================
*/
$effect-shadow-dark-shadow-color: var( --effect-shadow-dark-shadow-color , rgba(0,0,0,0.27) );
$effect-shadow-dark-shadow-offset-x: var( --effect-shadow-dark-shadow-offset-x , 0px );
$effect-shadow-dark-shadow-offset-y: var( --effect-shadow-dark-shadow-offset-y , 0px );
$effect-shadow-dark-shadow-radius: var( --effect-shadow-dark-shadow-radius , 8px );
$effect-shadow-dark-shadow-spread: var( --effect-shadow-dark-shadow-spread , 0px );
$effect-shadow-dark-shadow: var( --effect-shadow-dark-shadow , 0px 0px 8px 0px rgba(0,0,0,0.27) );

/*
======================================================
effect-focus [EFFECT_TOKEN]
======================================================
*/
$effect-focus-shadow-color: var( --effect-focus-shadow-color , rgba(53,155,249,1) );
$effect-focus-shadow-offset-x: var( --effect-focus-shadow-offset-x , 0px );
$effect-focus-shadow-offset-y: var( --effect-focus-shadow-offset-y , 0px );
$effect-focus-shadow-radius: var( --effect-focus-shadow-radius , 0px );
$effect-focus-shadow-spread: var( --effect-focus-shadow-spread , 2px );
$effect-focus-shadow: var( --effect-focus-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );

/*
======================================================
icon-edit [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-edit-svg: var( --icon-edit-svg );
$icon-edit-12-width: var( --icon-edit-12-width , 12px );
$icon-edit-12-height: var( --icon-edit-12-height , 12px );
$icon-edit-16-width: var( --icon-edit-16-width , 16px );
$icon-edit-16-height: var( --icon-edit-16-height , 16px );
$icon-edit-width: var( --icon-edit-width , 24px );
$icon-edit-height: var( --icon-edit-height , 24px );
$icon-edit-24-width: var( --icon-edit-24-width , 24px );
$icon-edit-24-height: var( --icon-edit-24-height , 24px );
$icon-edit-32-width: var( --icon-edit-32-width , 32px );
$icon-edit-32-height: var( --icon-edit-32-height , 32px );
$icon-edit-48-width: var( --icon-edit-48-width , 48px );
$icon-edit-48-height: var( --icon-edit-48-height , 48px );
$icon-edit-64-width: var( --icon-edit-64-width , 64px );
$icon-edit-64-height: var( --icon-edit-64-height , 64px );

/*
======================================================
icon-pin-verification [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-pin-verification-svg: var( --icon-pin-verification-svg );
$icon-pin-verification-12-width: var( --icon-pin-verification-12-width , 12px );
$icon-pin-verification-12-height: var( --icon-pin-verification-12-height , 12px );
$icon-pin-verification-16-width: var( --icon-pin-verification-16-width , 16px );
$icon-pin-verification-16-height: var( --icon-pin-verification-16-height , 16px );
$icon-pin-verification-width: var( --icon-pin-verification-width , 24px );
$icon-pin-verification-height: var( --icon-pin-verification-height , 24px );
$icon-pin-verification-24-width: var( --icon-pin-verification-24-width , 24px );
$icon-pin-verification-24-height: var( --icon-pin-verification-24-height , 24px );
$icon-pin-verification-32-width: var( --icon-pin-verification-32-width , 32px );
$icon-pin-verification-32-height: var( --icon-pin-verification-32-height , 32px );
$icon-pin-verification-48-width: var( --icon-pin-verification-48-width , 48px );
$icon-pin-verification-48-height: var( --icon-pin-verification-48-height , 48px );
$icon-pin-verification-64-width: var( --icon-pin-verification-64-width , 64px );
$icon-pin-verification-64-height: var( --icon-pin-verification-64-height , 64px );

/*
======================================================
icon-show-password [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-show-password-svg: var( --icon-show-password-svg );
$icon-show-password-12-width: var( --icon-show-password-12-width , 12px );
$icon-show-password-12-height: var( --icon-show-password-12-height , 12px );
$icon-show-password-16-width: var( --icon-show-password-16-width , 16px );
$icon-show-password-16-height: var( --icon-show-password-16-height , 16px );
$icon-show-password-width: var( --icon-show-password-width , 24px );
$icon-show-password-height: var( --icon-show-password-height , 24px );
$icon-show-password-24-width: var( --icon-show-password-24-width , 24px );
$icon-show-password-24-height: var( --icon-show-password-24-height , 24px );
$icon-show-password-32-width: var( --icon-show-password-32-width , 32px );
$icon-show-password-32-height: var( --icon-show-password-32-height , 32px );
$icon-show-password-48-width: var( --icon-show-password-48-width , 48px );
$icon-show-password-48-height: var( --icon-show-password-48-height , 48px );
$icon-show-password-64-width: var( --icon-show-password-64-width , 64px );
$icon-show-password-64-height: var( --icon-show-password-64-height , 64px );

/*
======================================================
icon-placeholder [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-placeholder-svg: var( --icon-placeholder-svg );
$icon-placeholder-12-width: var( --icon-placeholder-12-width , 12px );
$icon-placeholder-12-height: var( --icon-placeholder-12-height , 12px );
$icon-placeholder-16-width: var( --icon-placeholder-16-width , 16px );
$icon-placeholder-16-height: var( --icon-placeholder-16-height , 16px );
$icon-placeholder-width: var( --icon-placeholder-width , 24px );
$icon-placeholder-height: var( --icon-placeholder-height , 24px );
$icon-placeholder-24-width: var( --icon-placeholder-24-width , 24px );
$icon-placeholder-24-height: var( --icon-placeholder-24-height , 24px );
$icon-placeholder-32-width: var( --icon-placeholder-32-width , 32px );
$icon-placeholder-32-height: var( --icon-placeholder-32-height , 32px );
$icon-placeholder-48-width: var( --icon-placeholder-48-width , 48px );
$icon-placeholder-48-height: var( --icon-placeholder-48-height , 48px );
$icon-placeholder-64-width: var( --icon-placeholder-64-width , 64px );
$icon-placeholder-64-height: var( --icon-placeholder-64-height , 64px );

/*
======================================================
icon-summit-central-logo [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-summit-central-logo-svg: var( --icon-summit-central-logo-svg );
$icon-summit-central-logo-12-width: var( --icon-summit-central-logo-12-width , 12px );
$icon-summit-central-logo-12-height: var( --icon-summit-central-logo-12-height , 12px );
$icon-summit-central-logo-16-width: var( --icon-summit-central-logo-16-width , 16px );
$icon-summit-central-logo-16-height: var( --icon-summit-central-logo-16-height , 16px );
$icon-summit-central-logo-width: var( --icon-summit-central-logo-width , 24px );
$icon-summit-central-logo-height: var( --icon-summit-central-logo-height , 24px );
$icon-summit-central-logo-24-width: var( --icon-summit-central-logo-24-width , 24px );
$icon-summit-central-logo-24-height: var( --icon-summit-central-logo-24-height , 24px );
$icon-summit-central-logo-32-width: var( --icon-summit-central-logo-32-width , 32px );
$icon-summit-central-logo-32-height: var( --icon-summit-central-logo-32-height , 32px );
$icon-summit-central-logo-48-width: var( --icon-summit-central-logo-48-width , 48px );
$icon-summit-central-logo-48-height: var( --icon-summit-central-logo-48-height , 48px );
$icon-summit-central-logo-64-width: var( --icon-summit-central-logo-64-width , 64px );
$icon-summit-central-logo-64-height: var( --icon-summit-central-logo-64-height , 64px );

/*
======================================================
icon-dashboard [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-dashboard-svg: var( --icon-dashboard-svg );
$icon-dashboard-12-width: var( --icon-dashboard-12-width , 12px );
$icon-dashboard-12-height: var( --icon-dashboard-12-height , 12px );
$icon-dashboard-16-width: var( --icon-dashboard-16-width , 16px );
$icon-dashboard-16-height: var( --icon-dashboard-16-height , 16px );
$icon-dashboard-width: var( --icon-dashboard-width , 24px );
$icon-dashboard-height: var( --icon-dashboard-height , 24px );
$icon-dashboard-24-width: var( --icon-dashboard-24-width , 24px );
$icon-dashboard-24-height: var( --icon-dashboard-24-height , 24px );
$icon-dashboard-32-width: var( --icon-dashboard-32-width , 32px );
$icon-dashboard-32-height: var( --icon-dashboard-32-height , 32px );
$icon-dashboard-48-width: var( --icon-dashboard-48-width , 48px );
$icon-dashboard-48-height: var( --icon-dashboard-48-height , 48px );
$icon-dashboard-64-width: var( --icon-dashboard-64-width , 64px );
$icon-dashboard-64-height: var( --icon-dashboard-64-height , 64px );

/*
======================================================
icon-member-banking [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-member-banking-svg: var( --icon-member-banking-svg );
$icon-member-banking-12-width: var( --icon-member-banking-12-width , 12px );
$icon-member-banking-12-height: var( --icon-member-banking-12-height , 12px );
$icon-member-banking-16-width: var( --icon-member-banking-16-width , 16px );
$icon-member-banking-16-height: var( --icon-member-banking-16-height , 16px );
$icon-member-banking-width: var( --icon-member-banking-width , 24px );
$icon-member-banking-height: var( --icon-member-banking-height , 24px );
$icon-member-banking-24-width: var( --icon-member-banking-24-width , 24px );
$icon-member-banking-24-height: var( --icon-member-banking-24-height , 24px );
$icon-member-banking-32-width: var( --icon-member-banking-32-width , 32px );
$icon-member-banking-32-height: var( --icon-member-banking-32-height , 32px );
$icon-member-banking-48-width: var( --icon-member-banking-48-width , 48px );
$icon-member-banking-48-height: var( --icon-member-banking-48-height , 48px );
$icon-member-banking-64-width: var( --icon-member-banking-64-width , 64px );
$icon-member-banking-64-height: var( --icon-member-banking-64-height , 64px );

/*
======================================================
icon-search [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-search-svg: var( --icon-search-svg );
$icon-search-12-width: var( --icon-search-12-width , 12px );
$icon-search-12-height: var( --icon-search-12-height , 12px );
$icon-search-16-width: var( --icon-search-16-width , 16px );
$icon-search-16-height: var( --icon-search-16-height , 16px );
$icon-search-width: var( --icon-search-width , 24px );
$icon-search-height: var( --icon-search-height , 24px );
$icon-search-24-width: var( --icon-search-24-width , 24px );
$icon-search-24-height: var( --icon-search-24-height , 24px );
$icon-search-32-width: var( --icon-search-32-width , 32px );
$icon-search-32-height: var( --icon-search-32-height , 32px );
$icon-search-48-width: var( --icon-search-48-width , 48px );
$icon-search-48-height: var( --icon-search-48-height , 48px );
$icon-search-64-width: var( --icon-search-64-width , 64px );
$icon-search-64-height: var( --icon-search-64-height , 64px );

/*
======================================================
icon-profile [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-profile-svg: var( --icon-profile-svg );
$icon-profile-12-width: var( --icon-profile-12-width , 12px );
$icon-profile-12-height: var( --icon-profile-12-height , 12px );
$icon-profile-16-width: var( --icon-profile-16-width , 16px );
$icon-profile-16-height: var( --icon-profile-16-height , 16px );
$icon-profile-width: var( --icon-profile-width , 24px );
$icon-profile-height: var( --icon-profile-height , 24px );
$icon-profile-24-width: var( --icon-profile-24-width , 24px );
$icon-profile-24-height: var( --icon-profile-24-height , 24px );
$icon-profile-32-width: var( --icon-profile-32-width , 32px );
$icon-profile-32-height: var( --icon-profile-32-height , 32px );
$icon-profile-48-width: var( --icon-profile-48-width , 48px );
$icon-profile-48-height: var( --icon-profile-48-height , 48px );
$icon-profile-64-width: var( --icon-profile-64-width , 64px );
$icon-profile-64-height: var( --icon-profile-64-height , 64px );

/*
======================================================
icon-insights [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-insights-svg: var( --icon-insights-svg );
$icon-insights-12-width: var( --icon-insights-12-width , 12px );
$icon-insights-12-height: var( --icon-insights-12-height , 12px );
$icon-insights-16-width: var( --icon-insights-16-width , 16px );
$icon-insights-16-height: var( --icon-insights-16-height , 16px );
$icon-insights-width: var( --icon-insights-width , 24px );
$icon-insights-height: var( --icon-insights-height , 24px );
$icon-insights-24-width: var( --icon-insights-24-width , 24px );
$icon-insights-24-height: var( --icon-insights-24-height , 24px );
$icon-insights-32-width: var( --icon-insights-32-width , 32px );
$icon-insights-32-height: var( --icon-insights-32-height , 32px );
$icon-insights-48-width: var( --icon-insights-48-width , 48px );
$icon-insights-48-height: var( --icon-insights-48-height , 48px );
$icon-insights-64-width: var( --icon-insights-64-width , 64px );
$icon-insights-64-height: var( --icon-insights-64-height , 64px );

/*
======================================================
icon-comment [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-comment-svg: var( --icon-comment-svg );
$icon-comment-12-width: var( --icon-comment-12-width , 12px );
$icon-comment-12-height: var( --icon-comment-12-height , 12px );
$icon-comment-16-width: var( --icon-comment-16-width , 16px );
$icon-comment-16-height: var( --icon-comment-16-height , 16px );
$icon-comment-width: var( --icon-comment-width , 24px );
$icon-comment-height: var( --icon-comment-height , 24px );
$icon-comment-24-width: var( --icon-comment-24-width , 24px );
$icon-comment-24-height: var( --icon-comment-24-height , 24px );
$icon-comment-32-width: var( --icon-comment-32-width , 32px );
$icon-comment-32-height: var( --icon-comment-32-height , 32px );
$icon-comment-48-width: var( --icon-comment-48-width , 48px );
$icon-comment-48-height: var( --icon-comment-48-height , 48px );
$icon-comment-64-width: var( --icon-comment-64-width , 64px );
$icon-comment-64-height: var( --icon-comment-64-height , 64px );

/*
======================================================
icon-accounts [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-accounts-svg: var( --icon-accounts-svg );
$icon-accounts-12-width: var( --icon-accounts-12-width , 12px );
$icon-accounts-12-height: var( --icon-accounts-12-height , 12px );
$icon-accounts-16-width: var( --icon-accounts-16-width , 16px );
$icon-accounts-16-height: var( --icon-accounts-16-height , 16px );
$icon-accounts-width: var( --icon-accounts-width , 24px );
$icon-accounts-height: var( --icon-accounts-height , 24px );
$icon-accounts-24-width: var( --icon-accounts-24-width , 24px );
$icon-accounts-24-height: var( --icon-accounts-24-height , 24px );
$icon-accounts-32-width: var( --icon-accounts-32-width , 32px );
$icon-accounts-32-height: var( --icon-accounts-32-height , 32px );
$icon-accounts-48-width: var( --icon-accounts-48-width , 48px );
$icon-accounts-48-height: var( --icon-accounts-48-height , 48px );
$icon-accounts-64-width: var( --icon-accounts-64-width , 64px );
$icon-accounts-64-height: var( --icon-accounts-64-height , 64px );

/*
======================================================
icon-appointment [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-appointment-svg: var( --icon-appointment-svg );
$icon-appointment-12-width: var( --icon-appointment-12-width , 12px );
$icon-appointment-12-height: var( --icon-appointment-12-height , 12px );
$icon-appointment-16-width: var( --icon-appointment-16-width , 16px );
$icon-appointment-16-height: var( --icon-appointment-16-height , 16px );
$icon-appointment-width: var( --icon-appointment-width , 24px );
$icon-appointment-height: var( --icon-appointment-height , 24px );
$icon-appointment-24-width: var( --icon-appointment-24-width , 24px );
$icon-appointment-24-height: var( --icon-appointment-24-height , 24px );
$icon-appointment-32-width: var( --icon-appointment-32-width , 32px );
$icon-appointment-32-height: var( --icon-appointment-32-height , 32px );
$icon-appointment-48-width: var( --icon-appointment-48-width , 48px );
$icon-appointment-48-height: var( --icon-appointment-48-height , 48px );
$icon-appointment-64-width: var( --icon-appointment-64-width , 64px );
$icon-appointment-64-height: var( --icon-appointment-64-height , 64px );

/*
======================================================
icon-relationship [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-relationship-svg: var( --icon-relationship-svg );
$icon-relationship-12-width: var( --icon-relationship-12-width , 12px );
$icon-relationship-12-height: var( --icon-relationship-12-height , 12px );
$icon-relationship-16-width: var( --icon-relationship-16-width , 16px );
$icon-relationship-16-height: var( --icon-relationship-16-height , 16px );
$icon-relationship-width: var( --icon-relationship-width , 24px );
$icon-relationship-height: var( --icon-relationship-height , 24px );
$icon-relationship-24-width: var( --icon-relationship-24-width , 24px );
$icon-relationship-24-height: var( --icon-relationship-24-height , 24px );
$icon-relationship-32-width: var( --icon-relationship-32-width , 32px );
$icon-relationship-32-height: var( --icon-relationship-32-height , 32px );
$icon-relationship-48-width: var( --icon-relationship-48-width , 48px );
$icon-relationship-48-height: var( --icon-relationship-48-height , 48px );
$icon-relationship-64-width: var( --icon-relationship-64-width , 64px );
$icon-relationship-64-height: var( --icon-relationship-64-height , 64px );

/*
======================================================
icon-deposit [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-deposit-svg: var( --icon-deposit-svg );
$icon-deposit-12-width: var( --icon-deposit-12-width , 12px );
$icon-deposit-12-height: var( --icon-deposit-12-height , 12px );
$icon-deposit-16-width: var( --icon-deposit-16-width , 16px );
$icon-deposit-16-height: var( --icon-deposit-16-height , 16px );
$icon-deposit-width: var( --icon-deposit-width , 24px );
$icon-deposit-height: var( --icon-deposit-height , 24px );
$icon-deposit-24-width: var( --icon-deposit-24-width , 24px );
$icon-deposit-24-height: var( --icon-deposit-24-height , 24px );
$icon-deposit-32-width: var( --icon-deposit-32-width , 32px );
$icon-deposit-32-height: var( --icon-deposit-32-height , 32px );
$icon-deposit-48-width: var( --icon-deposit-48-width , 48px );
$icon-deposit-48-height: var( --icon-deposit-48-height , 48px );
$icon-deposit-64-width: var( --icon-deposit-64-width , 64px );
$icon-deposit-64-height: var( --icon-deposit-64-height , 64px );

/*
======================================================
icon-withdrawl [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-withdrawl-svg: var( --icon-withdrawl-svg );
$icon-withdrawl-12-width: var( --icon-withdrawl-12-width , 12px );
$icon-withdrawl-12-height: var( --icon-withdrawl-12-height , 12px );
$icon-withdrawl-16-width: var( --icon-withdrawl-16-width , 16px );
$icon-withdrawl-16-height: var( --icon-withdrawl-16-height , 16px );
$icon-withdrawl-width: var( --icon-withdrawl-width , 24px );
$icon-withdrawl-height: var( --icon-withdrawl-height , 24px );
$icon-withdrawl-24-width: var( --icon-withdrawl-24-width , 24px );
$icon-withdrawl-24-height: var( --icon-withdrawl-24-height , 24px );
$icon-withdrawl-32-width: var( --icon-withdrawl-32-width , 32px );
$icon-withdrawl-32-height: var( --icon-withdrawl-32-height , 32px );
$icon-withdrawl-48-width: var( --icon-withdrawl-48-width , 48px );
$icon-withdrawl-48-height: var( --icon-withdrawl-48-height , 48px );
$icon-withdrawl-64-width: var( --icon-withdrawl-64-width , 64px );
$icon-withdrawl-64-height: var( --icon-withdrawl-64-height , 64px );

/*
======================================================
icon-transfer [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-transfer-svg: var( --icon-transfer-svg );
$icon-transfer-12-width: var( --icon-transfer-12-width , 12px );
$icon-transfer-12-height: var( --icon-transfer-12-height , 12px );
$icon-transfer-16-width: var( --icon-transfer-16-width , 16px );
$icon-transfer-16-height: var( --icon-transfer-16-height , 16px );
$icon-transfer-width: var( --icon-transfer-width , 24px );
$icon-transfer-height: var( --icon-transfer-height , 24px );
$icon-transfer-24-width: var( --icon-transfer-24-width , 24px );
$icon-transfer-24-height: var( --icon-transfer-24-height , 24px );
$icon-transfer-32-width: var( --icon-transfer-32-width , 32px );
$icon-transfer-32-height: var( --icon-transfer-32-height , 32px );
$icon-transfer-48-width: var( --icon-transfer-48-width , 48px );
$icon-transfer-48-height: var( --icon-transfer-48-height , 48px );
$icon-transfer-64-width: var( --icon-transfer-64-width , 64px );
$icon-transfer-64-height: var( --icon-transfer-64-height , 64px );

/*
======================================================
icon-correct [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-correct-svg: var( --icon-correct-svg );
$icon-correct-12-width: var( --icon-correct-12-width , 12px );
$icon-correct-12-height: var( --icon-correct-12-height , 12px );
$icon-correct-16-width: var( --icon-correct-16-width , 16px );
$icon-correct-16-height: var( --icon-correct-16-height , 16px );
$icon-correct-width: var( --icon-correct-width , 24px );
$icon-correct-height: var( --icon-correct-height , 24px );
$icon-correct-24-width: var( --icon-correct-24-width , 24px );
$icon-correct-24-height: var( --icon-correct-24-height , 24px );
$icon-correct-32-width: var( --icon-correct-32-width , 32px );
$icon-correct-32-height: var( --icon-correct-32-height , 32px );
$icon-correct-48-width: var( --icon-correct-48-width , 48px );
$icon-correct-48-height: var( --icon-correct-48-height , 48px );
$icon-correct-64-width: var( --icon-correct-64-width , 64px );
$icon-correct-64-height: var( --icon-correct-64-height , 64px );

/*
======================================================
icon-radio [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-radio-svg: var( --icon-radio-svg );
$icon-radio-12-width: var( --icon-radio-12-width , 12px );
$icon-radio-12-height: var( --icon-radio-12-height , 12px );
$icon-radio-16-width: var( --icon-radio-16-width , 16px );
$icon-radio-16-height: var( --icon-radio-16-height , 16px );
$icon-radio-width: var( --icon-radio-width , 24px );
$icon-radio-height: var( --icon-radio-height , 24px );
$icon-radio-24-width: var( --icon-radio-24-width , 24px );
$icon-radio-24-height: var( --icon-radio-24-height , 24px );
$icon-radio-32-width: var( --icon-radio-32-width , 32px );
$icon-radio-32-height: var( --icon-radio-32-height , 32px );
$icon-radio-48-width: var( --icon-radio-48-width , 48px );
$icon-radio-48-height: var( --icon-radio-48-height , 48px );
$icon-radio-64-width: var( --icon-radio-64-width , 64px );
$icon-radio-64-height: var( --icon-radio-64-height , 64px );

/*
======================================================
icon-radio-selected [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-radio-selected-svg: var( --icon-radio-selected-svg );
$icon-radio-selected-12-width: var( --icon-radio-selected-12-width , 12px );
$icon-radio-selected-12-height: var( --icon-radio-selected-12-height , 12px );
$icon-radio-selected-16-width: var( --icon-radio-selected-16-width , 16px );
$icon-radio-selected-16-height: var( --icon-radio-selected-16-height , 16px );
$icon-radio-selected-width: var( --icon-radio-selected-width , 24px );
$icon-radio-selected-height: var( --icon-radio-selected-height , 24px );
$icon-radio-selected-24-width: var( --icon-radio-selected-24-width , 24px );
$icon-radio-selected-24-height: var( --icon-radio-selected-24-height , 24px );
$icon-radio-selected-32-width: var( --icon-radio-selected-32-width , 32px );
$icon-radio-selected-32-height: var( --icon-radio-selected-32-height , 32px );
$icon-radio-selected-48-width: var( --icon-radio-selected-48-width , 48px );
$icon-radio-selected-48-height: var( --icon-radio-selected-48-height , 48px );
$icon-radio-selected-64-width: var( --icon-radio-selected-64-width , 64px );
$icon-radio-selected-64-height: var( --icon-radio-selected-64-height , 64px );

/*
======================================================
icon-checkbox [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-checkbox-svg: var( --icon-checkbox-svg );
$icon-checkbox-12-width: var( --icon-checkbox-12-width , 12px );
$icon-checkbox-12-height: var( --icon-checkbox-12-height , 12px );
$icon-checkbox-16-width: var( --icon-checkbox-16-width , 16px );
$icon-checkbox-16-height: var( --icon-checkbox-16-height , 16px );
$icon-checkbox-width: var( --icon-checkbox-width , 24px );
$icon-checkbox-height: var( --icon-checkbox-height , 24px );
$icon-checkbox-24-width: var( --icon-checkbox-24-width , 24px );
$icon-checkbox-24-height: var( --icon-checkbox-24-height , 24px );
$icon-checkbox-32-width: var( --icon-checkbox-32-width , 32px );
$icon-checkbox-32-height: var( --icon-checkbox-32-height , 32px );
$icon-checkbox-48-width: var( --icon-checkbox-48-width , 48px );
$icon-checkbox-48-height: var( --icon-checkbox-48-height , 48px );
$icon-checkbox-64-width: var( --icon-checkbox-64-width , 64px );
$icon-checkbox-64-height: var( --icon-checkbox-64-height , 64px );

/*
======================================================
icon-checkbox-selected [ICON_STEPPED_TOKEN]
======================================================
*/
$icon-checkbox-selected-svg: var( --icon-checkbox-selected-svg );
$icon-checkbox-selected-12-width: var( --icon-checkbox-selected-12-width , 12px );
$icon-checkbox-selected-12-height: var( --icon-checkbox-selected-12-height , 12px );
$icon-checkbox-selected-16-width: var( --icon-checkbox-selected-16-width , 16px );
$icon-checkbox-selected-16-height: var( --icon-checkbox-selected-16-height , 16px );
$icon-checkbox-selected-width: var( --icon-checkbox-selected-width , 24px );
$icon-checkbox-selected-height: var( --icon-checkbox-selected-height , 24px );
$icon-checkbox-selected-24-width: var( --icon-checkbox-selected-24-width , 24px );
$icon-checkbox-selected-24-height: var( --icon-checkbox-selected-24-height , 24px );
$icon-checkbox-selected-32-width: var( --icon-checkbox-selected-32-width , 32px );
$icon-checkbox-selected-32-height: var( --icon-checkbox-selected-32-height , 32px );
$icon-checkbox-selected-48-width: var( --icon-checkbox-selected-48-width , 48px );
$icon-checkbox-selected-48-height: var( --icon-checkbox-selected-48-height , 48px );
$icon-checkbox-selected-64-width: var( --icon-checkbox-selected-64-width , 64px );
$icon-checkbox-selected-64-height: var( --icon-checkbox-selected-64-height , 64px );

/*
======================================================
graphic-scu-logo [GRAPHIC_TOKEN]
======================================================
*/
$graphic-scu-logo-svg: var( --graphic-scu-logo-svg );
$graphic-scu-logo-width: var( --graphic-scu-logo-width , 144px );
$graphic-scu-logo-height: var( --graphic-scu-logo-height , 80px );
$graphic-scu-logo-background-size: var( --graphic-scu-logo-background-size , 144px 80px );

/*
======================================================
comp-scu-button-primary [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-primary-corner-radius: var( --comp-scu-button-primary-corner-radius , 0px );
$comp-scu-button-primary-width: var( --comp-scu-button-primary-width , 83px );
$comp-scu-button-primary-height: var( --comp-scu-button-primary-height , 41px );
$comp-scu-button-primary-constraint-horizontal: var( --comp-scu-button-primary-constraint-horizontal , STRETCH );
$comp-scu-button-primary-constraint-vertical: var( --comp-scu-button-primary-constraint-vertical , STRETCH );
$comp-scu-button-primary-constrain-proportions: var( --comp-scu-button-primary-constrain-proportions , false );
$comp-scu-button-primary-layout-context: var( --comp-scu-button-primary-layout-context , NONE );
$comp-scu-button-primary-layout-mode: var( --comp-scu-button-primary-layout-mode , VERTICAL );
$comp-scu-button-primary-item-spacing: var( --comp-scu-button-primary-item-spacing , 0px );
$comp-scu-button-primary-layout-align: var( --comp-scu-button-primary-layout-align , MIN );
$comp-scu-button-primary-top: var( --comp-scu-button-primary-top , 0px );
$comp-scu-button-primary-top-percent: var( --comp-scu-button-primary-top-percent , 0% );
$comp-scu-button-primary-bottom: var( --comp-scu-button-primary-bottom , 0px );
$comp-scu-button-primary-left: var( --comp-scu-button-primary-left , 0px );
$comp-scu-button-primary-left-percent: var( --comp-scu-button-primary-left-percent , 0% );
$comp-scu-button-primary-right: var( --comp-scu-button-primary-right , 0px );
$comp-scu-button-primary-padding-left: var( --comp-scu-button-primary-padding-left , 0px );
$comp-scu-button-primary-padding-right: var( --comp-scu-button-primary-padding-right , 0px );
$comp-scu-button-primary-padding-top: var( --comp-scu-button-primary-padding-top , 0px );
$comp-scu-button-primary-padding-bottom: var( --comp-scu-button-primary-padding-bottom , 0px );

/*
======================================================
comp-scu-button-primary-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-primary-default-background-color: var( --comp-scu-button-primary-default-background-color , rgba(99,166,10,1) );
$comp-scu-button-primary-default-blend-mode: var( --comp-scu-button-primary-default-blend-mode , NORMAL );
$comp-scu-button-primary-default-corner-radius: var( --comp-scu-button-primary-default-corner-radius , 200px );
$comp-scu-button-primary-default-width: var( --comp-scu-button-primary-default-width , 83px );
$comp-scu-button-primary-default-height: var( --comp-scu-button-primary-default-height , 41px );
$comp-scu-button-primary-default-constraint-horizontal: var( --comp-scu-button-primary-default-constraint-horizontal , STRETCH );
$comp-scu-button-primary-default-constraint-vertical: var( --comp-scu-button-primary-default-constraint-vertical , STRETCH );
$comp-scu-button-primary-default-constrain-proportions: var( --comp-scu-button-primary-default-constrain-proportions , false );
$comp-scu-button-primary-default-layout-context: var( --comp-scu-button-primary-default-layout-context , FLEX );
$comp-scu-button-primary-default-layout-mode: var( --comp-scu-button-primary-default-layout-mode , HORIZONTAL );
$comp-scu-button-primary-default-item-spacing: var( --comp-scu-button-primary-default-item-spacing , 0px );
$comp-scu-button-primary-default-layout-align: var( --comp-scu-button-primary-default-layout-align , CENTER );
$comp-scu-button-primary-default-top: var( --comp-scu-button-primary-default-top , 0px );
$comp-scu-button-primary-default-top-percent: var( --comp-scu-button-primary-default-top-percent , 50% );
$comp-scu-button-primary-default-bottom: var( --comp-scu-button-primary-default-bottom , 0px );
$comp-scu-button-primary-default-left: var( --comp-scu-button-primary-default-left , 0px );
$comp-scu-button-primary-default-left-percent: var( --comp-scu-button-primary-default-left-percent , 50% );
$comp-scu-button-primary-default-right: var( --comp-scu-button-primary-default-right , 0px );
$comp-scu-button-primary-default-padding-left: var( --comp-scu-button-primary-default-padding-left , 24px );
$comp-scu-button-primary-default-padding-right: var( --comp-scu-button-primary-default-padding-right , 24px );
$comp-scu-button-primary-default-padding-top: var( --comp-scu-button-primary-default-padding-top , 11px );
$comp-scu-button-primary-default-padding-bottom: var( --comp-scu-button-primary-default-padding-bottom , 11px );

/*
======================================================
comp-scu-button-primary-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-primary-default-label-characters: var( --comp-scu-button-primary-default-label-characters , 'label' );
$comp-scu-button-primary-default-label-font-size: var( --comp-scu-button-primary-default-label-font-size , 16px );
$comp-scu-button-primary-default-label-text-align-horizontal: var( --comp-scu-button-primary-default-label-text-align-horizontal , CENTER );
$comp-scu-button-primary-default-label-text-align-vertical: var( --comp-scu-button-primary-default-label-text-align-vertical , CENTER );
$comp-scu-button-primary-default-label-color: var( --comp-scu-button-primary-default-label-color , rgba(255,255,255,1) );
$comp-scu-button-primary-default-label-font-family: var( --comp-scu-button-primary-default-label-font-family , 'Proxima Nova' );
$comp-scu-button-primary-default-label-font-weight: var( --comp-scu-button-primary-default-label-font-weight , 700 );
$comp-scu-button-primary-default-label-line-height: var( --comp-scu-button-primary-default-label-line-height , 18.75px );
$comp-scu-button-primary-default-label-letter-spacing: var( --comp-scu-button-primary-default-label-letter-spacing , 0px );
$comp-scu-button-primary-default-label-width: var( --comp-scu-button-primary-default-label-width , 35px );
$comp-scu-button-primary-default-label-height: var( --comp-scu-button-primary-default-label-height , 19px );
$comp-scu-button-primary-default-label-constraint-horizontal: var( --comp-scu-button-primary-default-label-constraint-horizontal , STRETCH );
$comp-scu-button-primary-default-label-constraint-vertical: var( --comp-scu-button-primary-default-label-constraint-vertical , STRETCH );
$comp-scu-button-primary-default-label-constrain-proportions: var( --comp-scu-button-primary-default-label-constrain-proportions , false );
$comp-scu-button-primary-default-label-layout-context: var( --comp-scu-button-primary-default-label-layout-context , FLEX );
$comp-scu-button-primary-default-label-layout-mode: var( --comp-scu-button-primary-default-label-layout-mode , NONE );
$comp-scu-button-primary-default-label-item-spacing: var( --comp-scu-button-primary-default-label-item-spacing , 0px );
$comp-scu-button-primary-default-label-layout-align: var( --comp-scu-button-primary-default-label-layout-align , CENTER );
$comp-scu-button-primary-default-label-top: var( --comp-scu-button-primary-default-label-top , 11px );
$comp-scu-button-primary-default-label-top-percent: var( --comp-scu-button-primary-default-label-top-percent , 50% );
$comp-scu-button-primary-default-label-bottom: var( --comp-scu-button-primary-default-label-bottom , 11px );
$comp-scu-button-primary-default-label-left: var( --comp-scu-button-primary-default-label-left , 24px );
$comp-scu-button-primary-default-label-left-percent: var( --comp-scu-button-primary-default-label-left-percent , 50% );
$comp-scu-button-primary-default-label-right: var( --comp-scu-button-primary-default-label-right , 24px );

/*
======================================================
comp-scu-button-primary-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-primary-hover-background-color: var( --comp-scu-button-primary-hover-background-color , rgba(42,73,1,1) );
$comp-scu-button-primary-hover-blend-mode: var( --comp-scu-button-primary-hover-blend-mode , NORMAL );
$comp-scu-button-primary-hover-corner-radius: var( --comp-scu-button-primary-hover-corner-radius , 200px );
$comp-scu-button-primary-hover-width: var( --comp-scu-button-primary-hover-width , 93px );
$comp-scu-button-primary-hover-height: var( --comp-scu-button-primary-hover-height , 32px );
$comp-scu-button-primary-hover-constraint-horizontal: var( --comp-scu-button-primary-hover-constraint-horizontal , STRETCH );
$comp-scu-button-primary-hover-constraint-vertical: var( --comp-scu-button-primary-hover-constraint-vertical , STRETCH );
$comp-scu-button-primary-hover-constrain-proportions: var( --comp-scu-button-primary-hover-constrain-proportions , false );
$comp-scu-button-primary-hover-layout-context: var( --comp-scu-button-primary-hover-layout-context , FLEX );
$comp-scu-button-primary-hover-layout-mode: var( --comp-scu-button-primary-hover-layout-mode , HORIZONTAL );
$comp-scu-button-primary-hover-item-spacing: var( --comp-scu-button-primary-hover-item-spacing , 0px );
$comp-scu-button-primary-hover-layout-align: var( --comp-scu-button-primary-hover-layout-align , CENTER );
$comp-scu-button-primary-hover-top: var( --comp-scu-button-primary-hover-top , 42px );
$comp-scu-button-primary-hover-top-percent: var( --comp-scu-button-primary-hover-top-percent , 141.46% );
$comp-scu-button-primary-hover-bottom: var( --comp-scu-button-primary-hover-bottom , -33px );
$comp-scu-button-primary-hover-left: var( --comp-scu-button-primary-hover-left , 0px );
$comp-scu-button-primary-hover-left-percent: var( --comp-scu-button-primary-hover-left-percent , 56.02% );
$comp-scu-button-primary-hover-right: var( --comp-scu-button-primary-hover-right , -10px );
$comp-scu-button-primary-hover-padding-left: var( --comp-scu-button-primary-hover-padding-left , 24px );
$comp-scu-button-primary-hover-padding-right: var( --comp-scu-button-primary-hover-padding-right , 24px );
$comp-scu-button-primary-hover-padding-top: var( --comp-scu-button-primary-hover-padding-top , 11px );
$comp-scu-button-primary-hover-padding-bottom: var( --comp-scu-button-primary-hover-padding-bottom , 11px );

/*
======================================================
comp-scu-button-primary-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-primary-hover-label-characters: var( --comp-scu-button-primary-hover-label-characters , 'label' );
$comp-scu-button-primary-hover-label-font-size: var( --comp-scu-button-primary-hover-label-font-size , 16px );
$comp-scu-button-primary-hover-label-text-align-horizontal: var( --comp-scu-button-primary-hover-label-text-align-horizontal , CENTER );
$comp-scu-button-primary-hover-label-text-align-vertical: var( --comp-scu-button-primary-hover-label-text-align-vertical , CENTER );
$comp-scu-button-primary-hover-label-color: var( --comp-scu-button-primary-hover-label-color , rgba(255,255,255,1) );
$comp-scu-button-primary-hover-label-font-family: var( --comp-scu-button-primary-hover-label-font-family , 'Proxima Nova' );
$comp-scu-button-primary-hover-label-font-weight: var( --comp-scu-button-primary-hover-label-font-weight , 700 );
$comp-scu-button-primary-hover-label-line-height: var( --comp-scu-button-primary-hover-label-line-height , 18.75px );
$comp-scu-button-primary-hover-label-letter-spacing: var( --comp-scu-button-primary-hover-label-letter-spacing , 0px );
$comp-scu-button-primary-hover-label-width: var( --comp-scu-button-primary-hover-label-width , 35px );
$comp-scu-button-primary-hover-label-height: var( --comp-scu-button-primary-hover-label-height , 19px );
$comp-scu-button-primary-hover-label-constraint-horizontal: var( --comp-scu-button-primary-hover-label-constraint-horizontal , STRETCH );
$comp-scu-button-primary-hover-label-constraint-vertical: var( --comp-scu-button-primary-hover-label-constraint-vertical , STRETCH );
$comp-scu-button-primary-hover-label-constrain-proportions: var( --comp-scu-button-primary-hover-label-constrain-proportions , false );
$comp-scu-button-primary-hover-label-layout-context: var( --comp-scu-button-primary-hover-label-layout-context , FLEX );
$comp-scu-button-primary-hover-label-layout-mode: var( --comp-scu-button-primary-hover-label-layout-mode , NONE );
$comp-scu-button-primary-hover-label-item-spacing: var( --comp-scu-button-primary-hover-label-item-spacing , 0px );
$comp-scu-button-primary-hover-label-layout-align: var( --comp-scu-button-primary-hover-label-layout-align , CENTER );
$comp-scu-button-primary-hover-label-top: var( --comp-scu-button-primary-hover-label-top , 7px );
$comp-scu-button-primary-hover-label-top-percent: var( --comp-scu-button-primary-hover-label-top-percent , 51.56% );
$comp-scu-button-primary-hover-label-bottom: var( --comp-scu-button-primary-hover-label-bottom , 6px );
$comp-scu-button-primary-hover-label-left: var( --comp-scu-button-primary-hover-label-left , 29px );
$comp-scu-button-primary-hover-label-left-percent: var( --comp-scu-button-primary-hover-label-left-percent , 50% );
$comp-scu-button-primary-hover-label-right: var( --comp-scu-button-primary-hover-label-right , 29px );

/*
======================================================
comp-scu-button-primary-focus [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-primary-focus-background-color: var( --comp-scu-button-primary-focus-background-color , rgba(126,182,51,1) );
$comp-scu-button-primary-focus-blend-mode: var( --comp-scu-button-primary-focus-blend-mode , NORMAL );
$comp-scu-button-primary-focus-corner-radius: var( --comp-scu-button-primary-focus-corner-radius , 200px );
$comp-scu-button-primary-focus-shadow-color: var( --comp-scu-button-primary-focus-shadow-color , rgba(53,155,249,1) );
$comp-scu-button-primary-focus-shadow-offset-x: var( --comp-scu-button-primary-focus-shadow-offset-x , 0px );
$comp-scu-button-primary-focus-shadow-offset-y: var( --comp-scu-button-primary-focus-shadow-offset-y , 0px );
$comp-scu-button-primary-focus-shadow-radius: var( --comp-scu-button-primary-focus-shadow-radius , 0px );
$comp-scu-button-primary-focus-shadow-spread: var( --comp-scu-button-primary-focus-shadow-spread , 2px );
$comp-scu-button-primary-focus-shadow: var( --comp-scu-button-primary-focus-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );
$comp-scu-button-primary-focus-width: var( --comp-scu-button-primary-focus-width , 93px );
$comp-scu-button-primary-focus-height: var( --comp-scu-button-primary-focus-height , 32px );
$comp-scu-button-primary-focus-constraint-horizontal: var( --comp-scu-button-primary-focus-constraint-horizontal , STRETCH );
$comp-scu-button-primary-focus-constraint-vertical: var( --comp-scu-button-primary-focus-constraint-vertical , STRETCH );
$comp-scu-button-primary-focus-constrain-proportions: var( --comp-scu-button-primary-focus-constrain-proportions , false );
$comp-scu-button-primary-focus-layout-context: var( --comp-scu-button-primary-focus-layout-context , FLEX );
$comp-scu-button-primary-focus-layout-mode: var( --comp-scu-button-primary-focus-layout-mode , HORIZONTAL );
$comp-scu-button-primary-focus-item-spacing: var( --comp-scu-button-primary-focus-item-spacing , 0px );
$comp-scu-button-primary-focus-layout-align: var( --comp-scu-button-primary-focus-layout-align , CENTER );
$comp-scu-button-primary-focus-top: var( --comp-scu-button-primary-focus-top , 84px );
$comp-scu-button-primary-focus-top-percent: var( --comp-scu-button-primary-focus-top-percent , 243.9% );
$comp-scu-button-primary-focus-bottom: var( --comp-scu-button-primary-focus-bottom , -75px );
$comp-scu-button-primary-focus-left: var( --comp-scu-button-primary-focus-left , 0px );
$comp-scu-button-primary-focus-left-percent: var( --comp-scu-button-primary-focus-left-percent , 56.02% );
$comp-scu-button-primary-focus-right: var( --comp-scu-button-primary-focus-right , -10px );
$comp-scu-button-primary-focus-padding-left: var( --comp-scu-button-primary-focus-padding-left , 24px );
$comp-scu-button-primary-focus-padding-right: var( --comp-scu-button-primary-focus-padding-right , 24px );
$comp-scu-button-primary-focus-padding-top: var( --comp-scu-button-primary-focus-padding-top , 11px );
$comp-scu-button-primary-focus-padding-bottom: var( --comp-scu-button-primary-focus-padding-bottom , 11px );

/*
======================================================
comp-scu-button-primary-focus-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-primary-focus-label-characters: var( --comp-scu-button-primary-focus-label-characters , 'label' );
$comp-scu-button-primary-focus-label-font-size: var( --comp-scu-button-primary-focus-label-font-size , 16px );
$comp-scu-button-primary-focus-label-text-align-horizontal: var( --comp-scu-button-primary-focus-label-text-align-horizontal , CENTER );
$comp-scu-button-primary-focus-label-text-align-vertical: var( --comp-scu-button-primary-focus-label-text-align-vertical , CENTER );
$comp-scu-button-primary-focus-label-color: var( --comp-scu-button-primary-focus-label-color , rgba(255,255,255,1) );
$comp-scu-button-primary-focus-label-font-family: var( --comp-scu-button-primary-focus-label-font-family , 'Proxima Nova' );
$comp-scu-button-primary-focus-label-font-weight: var( --comp-scu-button-primary-focus-label-font-weight , 700 );
$comp-scu-button-primary-focus-label-line-height: var( --comp-scu-button-primary-focus-label-line-height , 18.75px );
$comp-scu-button-primary-focus-label-letter-spacing: var( --comp-scu-button-primary-focus-label-letter-spacing , 0px );
$comp-scu-button-primary-focus-label-width: var( --comp-scu-button-primary-focus-label-width , 35px );
$comp-scu-button-primary-focus-label-height: var( --comp-scu-button-primary-focus-label-height , 19px );
$comp-scu-button-primary-focus-label-constraint-horizontal: var( --comp-scu-button-primary-focus-label-constraint-horizontal , STRETCH );
$comp-scu-button-primary-focus-label-constraint-vertical: var( --comp-scu-button-primary-focus-label-constraint-vertical , STRETCH );
$comp-scu-button-primary-focus-label-constrain-proportions: var( --comp-scu-button-primary-focus-label-constrain-proportions , false );
$comp-scu-button-primary-focus-label-layout-context: var( --comp-scu-button-primary-focus-label-layout-context , FLEX );
$comp-scu-button-primary-focus-label-layout-mode: var( --comp-scu-button-primary-focus-label-layout-mode , NONE );
$comp-scu-button-primary-focus-label-item-spacing: var( --comp-scu-button-primary-focus-label-item-spacing , 0px );
$comp-scu-button-primary-focus-label-layout-align: var( --comp-scu-button-primary-focus-label-layout-align , CENTER );
$comp-scu-button-primary-focus-label-top: var( --comp-scu-button-primary-focus-label-top , 7px );
$comp-scu-button-primary-focus-label-top-percent: var( --comp-scu-button-primary-focus-label-top-percent , 51.56% );
$comp-scu-button-primary-focus-label-bottom: var( --comp-scu-button-primary-focus-label-bottom , 6px );
$comp-scu-button-primary-focus-label-left: var( --comp-scu-button-primary-focus-label-left , 29px );
$comp-scu-button-primary-focus-label-left-percent: var( --comp-scu-button-primary-focus-label-left-percent , 50% );
$comp-scu-button-primary-focus-label-right: var( --comp-scu-button-primary-focus-label-right , 29px );

/*
======================================================
comp-scu-button-primary-disabled [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-primary-disabled-background-color: var( --comp-scu-button-primary-disabled-background-color , rgba(126,182,51,1) );
$comp-scu-button-primary-disabled-blend-mode: var( --comp-scu-button-primary-disabled-blend-mode , NORMAL );
$comp-scu-button-primary-disabled-corner-radius: var( --comp-scu-button-primary-disabled-corner-radius , 200px );
$comp-scu-button-primary-disabled-width: var( --comp-scu-button-primary-disabled-width , 93px );
$comp-scu-button-primary-disabled-height: var( --comp-scu-button-primary-disabled-height , 32px );
$comp-scu-button-primary-disabled-constraint-horizontal: var( --comp-scu-button-primary-disabled-constraint-horizontal , MAX );
$comp-scu-button-primary-disabled-constraint-vertical: var( --comp-scu-button-primary-disabled-constraint-vertical , MAX );
$comp-scu-button-primary-disabled-constrain-proportions: var( --comp-scu-button-primary-disabled-constrain-proportions , false );
$comp-scu-button-primary-disabled-layout-context: var( --comp-scu-button-primary-disabled-layout-context , FLEX );
$comp-scu-button-primary-disabled-layout-mode: var( --comp-scu-button-primary-disabled-layout-mode , HORIZONTAL );
$comp-scu-button-primary-disabled-item-spacing: var( --comp-scu-button-primary-disabled-item-spacing , 0px );
$comp-scu-button-primary-disabled-layout-align: var( --comp-scu-button-primary-disabled-layout-align , CENTER );
$comp-scu-button-primary-disabled-top: var( --comp-scu-button-primary-disabled-top , 0px );
$comp-scu-button-primary-disabled-top-percent: var( --comp-scu-button-primary-disabled-top-percent , 39.02% );
$comp-scu-button-primary-disabled-bottom: var( --comp-scu-button-primary-disabled-bottom , 9px );
$comp-scu-button-primary-disabled-left: var( --comp-scu-button-primary-disabled-left , 0px );
$comp-scu-button-primary-disabled-left-percent: var( --comp-scu-button-primary-disabled-left-percent , 56.02% );
$comp-scu-button-primary-disabled-right: var( --comp-scu-button-primary-disabled-right , -10px );
$comp-scu-button-primary-disabled-padding-left: var( --comp-scu-button-primary-disabled-padding-left , 24px );
$comp-scu-button-primary-disabled-padding-right: var( --comp-scu-button-primary-disabled-padding-right , 24px );
$comp-scu-button-primary-disabled-padding-top: var( --comp-scu-button-primary-disabled-padding-top , 11px );
$comp-scu-button-primary-disabled-padding-bottom: var( --comp-scu-button-primary-disabled-padding-bottom , 11px );

/*
======================================================
comp-scu-button-primary-disabled-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-primary-disabled-label-characters: var( --comp-scu-button-primary-disabled-label-characters , 'label' );
$comp-scu-button-primary-disabled-label-font-size: var( --comp-scu-button-primary-disabled-label-font-size , 16px );
$comp-scu-button-primary-disabled-label-text-align-horizontal: var( --comp-scu-button-primary-disabled-label-text-align-horizontal , CENTER );
$comp-scu-button-primary-disabled-label-text-align-vertical: var( --comp-scu-button-primary-disabled-label-text-align-vertical , CENTER );
$comp-scu-button-primary-disabled-label-color: var( --comp-scu-button-primary-disabled-label-color , rgba(180,216,133,1) );
$comp-scu-button-primary-disabled-label-font-family: var( --comp-scu-button-primary-disabled-label-font-family , 'Proxima Nova' );
$comp-scu-button-primary-disabled-label-font-weight: var( --comp-scu-button-primary-disabled-label-font-weight , 700 );
$comp-scu-button-primary-disabled-label-line-height: var( --comp-scu-button-primary-disabled-label-line-height , 18.75px );
$comp-scu-button-primary-disabled-label-letter-spacing: var( --comp-scu-button-primary-disabled-label-letter-spacing , 0px );
$comp-scu-button-primary-disabled-label-width: var( --comp-scu-button-primary-disabled-label-width , 35px );
$comp-scu-button-primary-disabled-label-height: var( --comp-scu-button-primary-disabled-label-height , 19px );
$comp-scu-button-primary-disabled-label-constraint-horizontal: var( --comp-scu-button-primary-disabled-label-constraint-horizontal , STRETCH );
$comp-scu-button-primary-disabled-label-constraint-vertical: var( --comp-scu-button-primary-disabled-label-constraint-vertical , STRETCH );
$comp-scu-button-primary-disabled-label-constrain-proportions: var( --comp-scu-button-primary-disabled-label-constrain-proportions , false );
$comp-scu-button-primary-disabled-label-layout-context: var( --comp-scu-button-primary-disabled-label-layout-context , FLEX );
$comp-scu-button-primary-disabled-label-layout-mode: var( --comp-scu-button-primary-disabled-label-layout-mode , NONE );
$comp-scu-button-primary-disabled-label-item-spacing: var( --comp-scu-button-primary-disabled-label-item-spacing , 0px );
$comp-scu-button-primary-disabled-label-layout-align: var( --comp-scu-button-primary-disabled-label-layout-align , CENTER );
$comp-scu-button-primary-disabled-label-top: var( --comp-scu-button-primary-disabled-label-top , 7px );
$comp-scu-button-primary-disabled-label-top-percent: var( --comp-scu-button-primary-disabled-label-top-percent , 51.56% );
$comp-scu-button-primary-disabled-label-bottom: var( --comp-scu-button-primary-disabled-label-bottom , 6px );
$comp-scu-button-primary-disabled-label-left: var( --comp-scu-button-primary-disabled-label-left , 29px );
$comp-scu-button-primary-disabled-label-left-percent: var( --comp-scu-button-primary-disabled-label-left-percent , 50% );
$comp-scu-button-primary-disabled-label-right: var( --comp-scu-button-primary-disabled-label-right , 29px );

/*
======================================================
comp-scu-button-outline [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-outline-corner-radius: var( --comp-scu-button-outline-corner-radius , 0px );
$comp-scu-button-outline-width: var( --comp-scu-button-outline-width , 90px );
$comp-scu-button-outline-height: var( --comp-scu-button-outline-height , 17px );
$comp-scu-button-outline-constraint-horizontal: var( --comp-scu-button-outline-constraint-horizontal , STRETCH );
$comp-scu-button-outline-constraint-vertical: var( --comp-scu-button-outline-constraint-vertical , STRETCH );
$comp-scu-button-outline-constrain-proportions: var( --comp-scu-button-outline-constrain-proportions , false );
$comp-scu-button-outline-layout-context: var( --comp-scu-button-outline-layout-context , NONE );
$comp-scu-button-outline-layout-mode: var( --comp-scu-button-outline-layout-mode , NONE );
$comp-scu-button-outline-item-spacing: var( --comp-scu-button-outline-item-spacing , 0px );
$comp-scu-button-outline-layout-align: var( --comp-scu-button-outline-layout-align , MIN );
$comp-scu-button-outline-top: var( --comp-scu-button-outline-top , 0px );
$comp-scu-button-outline-top-percent: var( --comp-scu-button-outline-top-percent , 0% );
$comp-scu-button-outline-bottom: var( --comp-scu-button-outline-bottom , 0px );
$comp-scu-button-outline-left: var( --comp-scu-button-outline-left , 0px );
$comp-scu-button-outline-left-percent: var( --comp-scu-button-outline-left-percent , 0% );
$comp-scu-button-outline-right: var( --comp-scu-button-outline-right , 0px );
$comp-scu-button-outline-padding-left: var( --comp-scu-button-outline-padding-left , 0px );
$comp-scu-button-outline-padding-right: var( --comp-scu-button-outline-padding-right , 0px );
$comp-scu-button-outline-padding-top: var( --comp-scu-button-outline-padding-top , 0px );
$comp-scu-button-outline-padding-bottom: var( --comp-scu-button-outline-padding-bottom , 0px );

/*
======================================================
comp-scu-button-outline-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-outline-default-background-color: var( --comp-scu-button-outline-default-background-color , rgba(255,255,255,1) );
$comp-scu-button-outline-default-blend-mode: var( --comp-scu-button-outline-default-blend-mode , NORMAL );
$comp-scu-button-outline-default-stroke-color: var( --comp-scu-button-outline-default-stroke-color , rgba(99,166,10,1) );
$comp-scu-button-outline-default-stroke-weight: var( --comp-scu-button-outline-default-stroke-weight , 1px );
$comp-scu-button-outline-default-stroke-align: var( --comp-scu-button-outline-default-stroke-align , INSIDE );
$comp-scu-button-outline-default-corner-radius: var( --comp-scu-button-outline-default-corner-radius , 200px );
$comp-scu-button-outline-default-width: var( --comp-scu-button-outline-default-width , 82px );
$comp-scu-button-outline-default-height: var( --comp-scu-button-outline-default-height , 41px );
$comp-scu-button-outline-default-constraint-horizontal: var( --comp-scu-button-outline-default-constraint-horizontal , STRETCH );
$comp-scu-button-outline-default-constraint-vertical: var( --comp-scu-button-outline-default-constraint-vertical , STRETCH );
$comp-scu-button-outline-default-constrain-proportions: var( --comp-scu-button-outline-default-constrain-proportions , false );
$comp-scu-button-outline-default-layout-context: var( --comp-scu-button-outline-default-layout-context , ABSOLUTE );
$comp-scu-button-outline-default-layout-mode: var( --comp-scu-button-outline-default-layout-mode , HORIZONTAL );
$comp-scu-button-outline-default-item-spacing: var( --comp-scu-button-outline-default-item-spacing , 0px );
$comp-scu-button-outline-default-layout-align: var( --comp-scu-button-outline-default-layout-align , MIN );
$comp-scu-button-outline-default-top: var( --comp-scu-button-outline-default-top , -12px );
$comp-scu-button-outline-default-top-percent: var( --comp-scu-button-outline-default-top-percent , 50% );
$comp-scu-button-outline-default-bottom: var( --comp-scu-button-outline-default-bottom , -12px );
$comp-scu-button-outline-default-left: var( --comp-scu-button-outline-default-left , 4px );
$comp-scu-button-outline-default-left-percent: var( --comp-scu-button-outline-default-left-percent , 50% );
$comp-scu-button-outline-default-right: var( --comp-scu-button-outline-default-right , 4px );
$comp-scu-button-outline-default-padding-left: var( --comp-scu-button-outline-default-padding-left , 24px );
$comp-scu-button-outline-default-padding-right: var( --comp-scu-button-outline-default-padding-right , 24px );
$comp-scu-button-outline-default-padding-top: var( --comp-scu-button-outline-default-padding-top , 11px );
$comp-scu-button-outline-default-padding-bottom: var( --comp-scu-button-outline-default-padding-bottom , 11px );

/*
======================================================
comp-scu-button-outline-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-outline-default-label-characters: var( --comp-scu-button-outline-default-label-characters , 'label' );
$comp-scu-button-outline-default-label-font-size: var( --comp-scu-button-outline-default-label-font-size , 16px );
$comp-scu-button-outline-default-label-text-align-horizontal: var( --comp-scu-button-outline-default-label-text-align-horizontal , CENTER );
$comp-scu-button-outline-default-label-text-align-vertical: var( --comp-scu-button-outline-default-label-text-align-vertical , CENTER );
$comp-scu-button-outline-default-label-color: var( --comp-scu-button-outline-default-label-color , rgba(58,99,3,1) );
$comp-scu-button-outline-default-label-font-family: var( --comp-scu-button-outline-default-label-font-family , 'Proxima Nova' );
$comp-scu-button-outline-default-label-font-weight: var( --comp-scu-button-outline-default-label-font-weight , 400 );
$comp-scu-button-outline-default-label-line-height: var( --comp-scu-button-outline-default-label-line-height , 18.75px );
$comp-scu-button-outline-default-label-letter-spacing: var( --comp-scu-button-outline-default-label-letter-spacing , 0px );
$comp-scu-button-outline-default-label-width: var( --comp-scu-button-outline-default-label-width , 34px );
$comp-scu-button-outline-default-label-height: var( --comp-scu-button-outline-default-label-height , 19px );
$comp-scu-button-outline-default-label-constraint-horizontal: var( --comp-scu-button-outline-default-label-constraint-horizontal , STRETCH );
$comp-scu-button-outline-default-label-constraint-vertical: var( --comp-scu-button-outline-default-label-constraint-vertical , STRETCH );
$comp-scu-button-outline-default-label-constrain-proportions: var( --comp-scu-button-outline-default-label-constrain-proportions , false );
$comp-scu-button-outline-default-label-layout-context: var( --comp-scu-button-outline-default-label-layout-context , FLEX );
$comp-scu-button-outline-default-label-layout-mode: var( --comp-scu-button-outline-default-label-layout-mode , NONE );
$comp-scu-button-outline-default-label-item-spacing: var( --comp-scu-button-outline-default-label-item-spacing , 0px );
$comp-scu-button-outline-default-label-layout-align: var( --comp-scu-button-outline-default-label-layout-align , CENTER );
$comp-scu-button-outline-default-label-top: var( --comp-scu-button-outline-default-label-top , 11px );
$comp-scu-button-outline-default-label-top-percent: var( --comp-scu-button-outline-default-label-top-percent , 50% );
$comp-scu-button-outline-default-label-bottom: var( --comp-scu-button-outline-default-label-bottom , 11px );
$comp-scu-button-outline-default-label-left: var( --comp-scu-button-outline-default-label-left , 24px );
$comp-scu-button-outline-default-label-left-percent: var( --comp-scu-button-outline-default-label-left-percent , 50% );
$comp-scu-button-outline-default-label-right: var( --comp-scu-button-outline-default-label-right , 24px );

/*
======================================================
comp-scu-button-outline-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-outline-hover-background-color: var( --comp-scu-button-outline-hover-background-color , rgba(251,255,246,1) );
$comp-scu-button-outline-hover-blend-mode: var( --comp-scu-button-outline-hover-blend-mode , NORMAL );
$comp-scu-button-outline-hover-stroke-color: var( --comp-scu-button-outline-hover-stroke-color , rgba(99,166,10,1) );
$comp-scu-button-outline-hover-stroke-weight: var( --comp-scu-button-outline-hover-stroke-weight , 1px );
$comp-scu-button-outline-hover-stroke-align: var( --comp-scu-button-outline-hover-stroke-align , INSIDE );
$comp-scu-button-outline-hover-corner-radius: var( --comp-scu-button-outline-hover-corner-radius , 200px );
$comp-scu-button-outline-hover-width: var( --comp-scu-button-outline-hover-width , 90px );
$comp-scu-button-outline-hover-height: var( --comp-scu-button-outline-hover-height , 17px );
$comp-scu-button-outline-hover-constraint-horizontal: var( --comp-scu-button-outline-hover-constraint-horizontal , STRETCH );
$comp-scu-button-outline-hover-constraint-vertical: var( --comp-scu-button-outline-hover-constraint-vertical , STRETCH );
$comp-scu-button-outline-hover-constrain-proportions: var( --comp-scu-button-outline-hover-constrain-proportions , false );
$comp-scu-button-outline-hover-layout-context: var( --comp-scu-button-outline-hover-layout-context , ABSOLUTE );
$comp-scu-button-outline-hover-layout-mode: var( --comp-scu-button-outline-hover-layout-mode , HORIZONTAL );
$comp-scu-button-outline-hover-item-spacing: var( --comp-scu-button-outline-hover-item-spacing , 0px );
$comp-scu-button-outline-hover-layout-align: var( --comp-scu-button-outline-hover-layout-align , MIN );
$comp-scu-button-outline-hover-top: var( --comp-scu-button-outline-hover-top , 0px );
$comp-scu-button-outline-hover-top-percent: var( --comp-scu-button-outline-hover-top-percent , 50% );
$comp-scu-button-outline-hover-bottom: var( --comp-scu-button-outline-hover-bottom , 0px );
$comp-scu-button-outline-hover-left: var( --comp-scu-button-outline-hover-left , 0px );
$comp-scu-button-outline-hover-left-percent: var( --comp-scu-button-outline-hover-left-percent , 50% );
$comp-scu-button-outline-hover-right: var( --comp-scu-button-outline-hover-right , 0px );
$comp-scu-button-outline-hover-padding-left: var( --comp-scu-button-outline-hover-padding-left , 24px );
$comp-scu-button-outline-hover-padding-right: var( --comp-scu-button-outline-hover-padding-right , 24px );
$comp-scu-button-outline-hover-padding-top: var( --comp-scu-button-outline-hover-padding-top , 11px );
$comp-scu-button-outline-hover-padding-bottom: var( --comp-scu-button-outline-hover-padding-bottom , 11px );

/*
======================================================
comp-scu-button-outline-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-outline-hover-label-characters: var( --comp-scu-button-outline-hover-label-characters , 'label' );
$comp-scu-button-outline-hover-label-font-size: var( --comp-scu-button-outline-hover-label-font-size , 16px );
$comp-scu-button-outline-hover-label-text-align-horizontal: var( --comp-scu-button-outline-hover-label-text-align-horizontal , CENTER );
$comp-scu-button-outline-hover-label-text-align-vertical: var( --comp-scu-button-outline-hover-label-text-align-vertical , CENTER );
$comp-scu-button-outline-hover-label-color: var( --comp-scu-button-outline-hover-label-color , rgba(58,99,3,1) );
$comp-scu-button-outline-hover-label-font-family: var( --comp-scu-button-outline-hover-label-font-family , 'Proxima Nova' );
$comp-scu-button-outline-hover-label-font-weight: var( --comp-scu-button-outline-hover-label-font-weight , 400 );
$comp-scu-button-outline-hover-label-line-height: var( --comp-scu-button-outline-hover-label-line-height , 18.75px );
$comp-scu-button-outline-hover-label-letter-spacing: var( --comp-scu-button-outline-hover-label-letter-spacing , 0px );
$comp-scu-button-outline-hover-label-width: var( --comp-scu-button-outline-hover-label-width , 34px );
$comp-scu-button-outline-hover-label-height: var( --comp-scu-button-outline-hover-label-height , 19px );
$comp-scu-button-outline-hover-label-constraint-horizontal: var( --comp-scu-button-outline-hover-label-constraint-horizontal , STRETCH );
$comp-scu-button-outline-hover-label-constraint-vertical: var( --comp-scu-button-outline-hover-label-constraint-vertical , STRETCH );
$comp-scu-button-outline-hover-label-constrain-proportions: var( --comp-scu-button-outline-hover-label-constrain-proportions , false );
$comp-scu-button-outline-hover-label-layout-context: var( --comp-scu-button-outline-hover-label-layout-context , FLEX );
$comp-scu-button-outline-hover-label-layout-mode: var( --comp-scu-button-outline-hover-label-layout-mode , NONE );
$comp-scu-button-outline-hover-label-item-spacing: var( --comp-scu-button-outline-hover-label-item-spacing , 0px );
$comp-scu-button-outline-hover-label-layout-align: var( --comp-scu-button-outline-hover-label-layout-align , CENTER );
$comp-scu-button-outline-hover-label-top: var( --comp-scu-button-outline-hover-label-top , 11px );
$comp-scu-button-outline-hover-label-top-percent: var( --comp-scu-button-outline-hover-label-top-percent , 120.59% );
$comp-scu-button-outline-hover-label-bottom: var( --comp-scu-button-outline-hover-label-bottom , -13px );
$comp-scu-button-outline-hover-label-left: var( --comp-scu-button-outline-hover-label-left , 23px );
$comp-scu-button-outline-hover-label-left-percent: var( --comp-scu-button-outline-hover-label-left-percent , 44.44% );
$comp-scu-button-outline-hover-label-right: var( --comp-scu-button-outline-hover-label-right , 33px );

/*
======================================================
comp-scu-button-outline-focus [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-outline-focus-background-color: var( --comp-scu-button-outline-focus-background-color , rgba(255,255,255,1) );
$comp-scu-button-outline-focus-blend-mode: var( --comp-scu-button-outline-focus-blend-mode , NORMAL );
$comp-scu-button-outline-focus-stroke-color: var( --comp-scu-button-outline-focus-stroke-color , rgba(99,166,10,1) );
$comp-scu-button-outline-focus-stroke-weight: var( --comp-scu-button-outline-focus-stroke-weight , 1px );
$comp-scu-button-outline-focus-stroke-align: var( --comp-scu-button-outline-focus-stroke-align , INSIDE );
$comp-scu-button-outline-focus-corner-radius: var( --comp-scu-button-outline-focus-corner-radius , 200px );
$comp-scu-button-outline-focus-shadow-color: var( --comp-scu-button-outline-focus-shadow-color , rgba(53,155,249,1) );
$comp-scu-button-outline-focus-shadow-offset-x: var( --comp-scu-button-outline-focus-shadow-offset-x , 0px );
$comp-scu-button-outline-focus-shadow-offset-y: var( --comp-scu-button-outline-focus-shadow-offset-y , 0px );
$comp-scu-button-outline-focus-shadow-radius: var( --comp-scu-button-outline-focus-shadow-radius , 0px );
$comp-scu-button-outline-focus-shadow-spread: var( --comp-scu-button-outline-focus-shadow-spread , 2px );
$comp-scu-button-outline-focus-shadow: var( --comp-scu-button-outline-focus-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );
$comp-scu-button-outline-focus-width: var( --comp-scu-button-outline-focus-width , 90px );
$comp-scu-button-outline-focus-height: var( --comp-scu-button-outline-focus-height , 17px );
$comp-scu-button-outline-focus-constraint-horizontal: var( --comp-scu-button-outline-focus-constraint-horizontal , STRETCH );
$comp-scu-button-outline-focus-constraint-vertical: var( --comp-scu-button-outline-focus-constraint-vertical , STRETCH );
$comp-scu-button-outline-focus-constrain-proportions: var( --comp-scu-button-outline-focus-constrain-proportions , false );
$comp-scu-button-outline-focus-layout-context: var( --comp-scu-button-outline-focus-layout-context , ABSOLUTE );
$comp-scu-button-outline-focus-layout-mode: var( --comp-scu-button-outline-focus-layout-mode , HORIZONTAL );
$comp-scu-button-outline-focus-item-spacing: var( --comp-scu-button-outline-focus-item-spacing , 0px );
$comp-scu-button-outline-focus-layout-align: var( --comp-scu-button-outline-focus-layout-align , MIN );
$comp-scu-button-outline-focus-top: var( --comp-scu-button-outline-focus-top , 0px );
$comp-scu-button-outline-focus-top-percent: var( --comp-scu-button-outline-focus-top-percent , 50% );
$comp-scu-button-outline-focus-bottom: var( --comp-scu-button-outline-focus-bottom , 0px );
$comp-scu-button-outline-focus-left: var( --comp-scu-button-outline-focus-left , 0px );
$comp-scu-button-outline-focus-left-percent: var( --comp-scu-button-outline-focus-left-percent , 50% );
$comp-scu-button-outline-focus-right: var( --comp-scu-button-outline-focus-right , 0px );
$comp-scu-button-outline-focus-padding-left: var( --comp-scu-button-outline-focus-padding-left , 24px );
$comp-scu-button-outline-focus-padding-right: var( --comp-scu-button-outline-focus-padding-right , 24px );
$comp-scu-button-outline-focus-padding-top: var( --comp-scu-button-outline-focus-padding-top , 11px );
$comp-scu-button-outline-focus-padding-bottom: var( --comp-scu-button-outline-focus-padding-bottom , 11px );

/*
======================================================
comp-scu-button-outline-focus-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-outline-focus-label-characters: var( --comp-scu-button-outline-focus-label-characters , 'label' );
$comp-scu-button-outline-focus-label-font-size: var( --comp-scu-button-outline-focus-label-font-size , 16px );
$comp-scu-button-outline-focus-label-text-align-horizontal: var( --comp-scu-button-outline-focus-label-text-align-horizontal , CENTER );
$comp-scu-button-outline-focus-label-text-align-vertical: var( --comp-scu-button-outline-focus-label-text-align-vertical , CENTER );
$comp-scu-button-outline-focus-label-color: var( --comp-scu-button-outline-focus-label-color , rgba(58,99,3,1) );
$comp-scu-button-outline-focus-label-font-family: var( --comp-scu-button-outline-focus-label-font-family , 'Proxima Nova' );
$comp-scu-button-outline-focus-label-font-weight: var( --comp-scu-button-outline-focus-label-font-weight , 400 );
$comp-scu-button-outline-focus-label-line-height: var( --comp-scu-button-outline-focus-label-line-height , 18.75px );
$comp-scu-button-outline-focus-label-letter-spacing: var( --comp-scu-button-outline-focus-label-letter-spacing , 0px );
$comp-scu-button-outline-focus-label-width: var( --comp-scu-button-outline-focus-label-width , 34px );
$comp-scu-button-outline-focus-label-height: var( --comp-scu-button-outline-focus-label-height , 19px );
$comp-scu-button-outline-focus-label-constraint-horizontal: var( --comp-scu-button-outline-focus-label-constraint-horizontal , STRETCH );
$comp-scu-button-outline-focus-label-constraint-vertical: var( --comp-scu-button-outline-focus-label-constraint-vertical , STRETCH );
$comp-scu-button-outline-focus-label-constrain-proportions: var( --comp-scu-button-outline-focus-label-constrain-proportions , false );
$comp-scu-button-outline-focus-label-layout-context: var( --comp-scu-button-outline-focus-label-layout-context , FLEX );
$comp-scu-button-outline-focus-label-layout-mode: var( --comp-scu-button-outline-focus-label-layout-mode , NONE );
$comp-scu-button-outline-focus-label-item-spacing: var( --comp-scu-button-outline-focus-label-item-spacing , 0px );
$comp-scu-button-outline-focus-label-layout-align: var( --comp-scu-button-outline-focus-label-layout-align , CENTER );
$comp-scu-button-outline-focus-label-top: var( --comp-scu-button-outline-focus-label-top , 11px );
$comp-scu-button-outline-focus-label-top-percent: var( --comp-scu-button-outline-focus-label-top-percent , 120.59% );
$comp-scu-button-outline-focus-label-bottom: var( --comp-scu-button-outline-focus-label-bottom , -13px );
$comp-scu-button-outline-focus-label-left: var( --comp-scu-button-outline-focus-label-left , 23px );
$comp-scu-button-outline-focus-label-left-percent: var( --comp-scu-button-outline-focus-label-left-percent , 44.44% );
$comp-scu-button-outline-focus-label-right: var( --comp-scu-button-outline-focus-label-right , 33px );

/*
======================================================
comp-scu-button-outline-disabled [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-outline-disabled-background-color: var( --comp-scu-button-outline-disabled-background-color , rgba(255,255,255,1) );
$comp-scu-button-outline-disabled-blend-mode: var( --comp-scu-button-outline-disabled-blend-mode , NORMAL );
$comp-scu-button-outline-disabled-stroke-color: var( --comp-scu-button-outline-disabled-stroke-color , rgba(187,218,146,1) );
$comp-scu-button-outline-disabled-stroke-weight: var( --comp-scu-button-outline-disabled-stroke-weight , 1px );
$comp-scu-button-outline-disabled-stroke-align: var( --comp-scu-button-outline-disabled-stroke-align , INSIDE );
$comp-scu-button-outline-disabled-corner-radius: var( --comp-scu-button-outline-disabled-corner-radius , 200px );
$comp-scu-button-outline-disabled-width: var( --comp-scu-button-outline-disabled-width , 80px );
$comp-scu-button-outline-disabled-height: var( --comp-scu-button-outline-disabled-height , 40px );
$comp-scu-button-outline-disabled-constraint-horizontal: var( --comp-scu-button-outline-disabled-constraint-horizontal , MAX );
$comp-scu-button-outline-disabled-constraint-vertical: var( --comp-scu-button-outline-disabled-constraint-vertical , MAX );
$comp-scu-button-outline-disabled-constrain-proportions: var( --comp-scu-button-outline-disabled-constrain-proportions , false );
$comp-scu-button-outline-disabled-layout-context: var( --comp-scu-button-outline-disabled-layout-context , ABSOLUTE );
$comp-scu-button-outline-disabled-layout-mode: var( --comp-scu-button-outline-disabled-layout-mode , HORIZONTAL );
$comp-scu-button-outline-disabled-item-spacing: var( --comp-scu-button-outline-disabled-item-spacing , 0px );
$comp-scu-button-outline-disabled-layout-align: var( --comp-scu-button-outline-disabled-layout-align , MIN );
$comp-scu-button-outline-disabled-top: var( --comp-scu-button-outline-disabled-top , -23px );
$comp-scu-button-outline-disabled-top-percent: var( --comp-scu-button-outline-disabled-top-percent , -17.65% );
$comp-scu-button-outline-disabled-bottom: var( --comp-scu-button-outline-disabled-bottom , 0px );
$comp-scu-button-outline-disabled-left: var( --comp-scu-button-outline-disabled-left , 10px );
$comp-scu-button-outline-disabled-left-percent: var( --comp-scu-button-outline-disabled-left-percent , 55.56% );
$comp-scu-button-outline-disabled-right: var( --comp-scu-button-outline-disabled-right , 0px );
$comp-scu-button-outline-disabled-padding-left: var( --comp-scu-button-outline-disabled-padding-left , 24px );
$comp-scu-button-outline-disabled-padding-right: var( --comp-scu-button-outline-disabled-padding-right , 24px );
$comp-scu-button-outline-disabled-padding-top: var( --comp-scu-button-outline-disabled-padding-top , 11px );
$comp-scu-button-outline-disabled-padding-bottom: var( --comp-scu-button-outline-disabled-padding-bottom , 11px );

/*
======================================================
comp-scu-button-outline-disabled-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-outline-disabled-label-characters: var( --comp-scu-button-outline-disabled-label-characters , 'label' );
$comp-scu-button-outline-disabled-label-font-size: var( --comp-scu-button-outline-disabled-label-font-size , 16px );
$comp-scu-button-outline-disabled-label-text-align-horizontal: var( --comp-scu-button-outline-disabled-label-text-align-horizontal , CENTER );
$comp-scu-button-outline-disabled-label-text-align-vertical: var( --comp-scu-button-outline-disabled-label-text-align-vertical , CENTER );
$comp-scu-button-outline-disabled-label-color: var( --comp-scu-button-outline-disabled-label-color , rgba(201,227,166,1) );
$comp-scu-button-outline-disabled-label-font-family: var( --comp-scu-button-outline-disabled-label-font-family , 'Proxima Nova' );
$comp-scu-button-outline-disabled-label-font-weight: var( --comp-scu-button-outline-disabled-label-font-weight , 400 );
$comp-scu-button-outline-disabled-label-line-height: var( --comp-scu-button-outline-disabled-label-line-height , 18.75px );
$comp-scu-button-outline-disabled-label-letter-spacing: var( --comp-scu-button-outline-disabled-label-letter-spacing , 0px );
$comp-scu-button-outline-disabled-label-width: var( --comp-scu-button-outline-disabled-label-width , 34px );
$comp-scu-button-outline-disabled-label-height: var( --comp-scu-button-outline-disabled-label-height , 19px );
$comp-scu-button-outline-disabled-label-constraint-horizontal: var( --comp-scu-button-outline-disabled-label-constraint-horizontal , STRETCH );
$comp-scu-button-outline-disabled-label-constraint-vertical: var( --comp-scu-button-outline-disabled-label-constraint-vertical , STRETCH );
$comp-scu-button-outline-disabled-label-constrain-proportions: var( --comp-scu-button-outline-disabled-label-constrain-proportions , false );
$comp-scu-button-outline-disabled-label-layout-context: var( --comp-scu-button-outline-disabled-label-layout-context , FLEX );
$comp-scu-button-outline-disabled-label-layout-mode: var( --comp-scu-button-outline-disabled-label-layout-mode , NONE );
$comp-scu-button-outline-disabled-label-item-spacing: var( --comp-scu-button-outline-disabled-label-item-spacing , 0px );
$comp-scu-button-outline-disabled-label-layout-align: var( --comp-scu-button-outline-disabled-label-layout-align , CENTER );
$comp-scu-button-outline-disabled-label-top: var( --comp-scu-button-outline-disabled-label-top , 11px );
$comp-scu-button-outline-disabled-label-top-percent: var( --comp-scu-button-outline-disabled-label-top-percent , 51.25% );
$comp-scu-button-outline-disabled-label-bottom: var( --comp-scu-button-outline-disabled-label-bottom , 10px );
$comp-scu-button-outline-disabled-label-left: var( --comp-scu-button-outline-disabled-label-left , 23px );
$comp-scu-button-outline-disabled-label-left-percent: var( --comp-scu-button-outline-disabled-label-left-percent , 50% );
$comp-scu-button-outline-disabled-label-right: var( --comp-scu-button-outline-disabled-label-right , 23px );

/*
======================================================
comp-scu-button-grey [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-grey-corner-radius: var( --comp-scu-button-grey-corner-radius , 0px );
$comp-scu-button-grey-width: var( --comp-scu-button-grey-width , 93px );
$comp-scu-button-grey-height: var( --comp-scu-button-grey-height , 17px );
$comp-scu-button-grey-constraint-horizontal: var( --comp-scu-button-grey-constraint-horizontal , STRETCH );
$comp-scu-button-grey-constraint-vertical: var( --comp-scu-button-grey-constraint-vertical , STRETCH );
$comp-scu-button-grey-constrain-proportions: var( --comp-scu-button-grey-constrain-proportions , false );
$comp-scu-button-grey-layout-context: var( --comp-scu-button-grey-layout-context , NONE );
$comp-scu-button-grey-layout-mode: var( --comp-scu-button-grey-layout-mode , NONE );
$comp-scu-button-grey-item-spacing: var( --comp-scu-button-grey-item-spacing , 0px );
$comp-scu-button-grey-layout-align: var( --comp-scu-button-grey-layout-align , MIN );
$comp-scu-button-grey-top: var( --comp-scu-button-grey-top , 0px );
$comp-scu-button-grey-top-percent: var( --comp-scu-button-grey-top-percent , 0% );
$comp-scu-button-grey-bottom: var( --comp-scu-button-grey-bottom , 0px );
$comp-scu-button-grey-left: var( --comp-scu-button-grey-left , 0px );
$comp-scu-button-grey-left-percent: var( --comp-scu-button-grey-left-percent , 0% );
$comp-scu-button-grey-right: var( --comp-scu-button-grey-right , 0px );
$comp-scu-button-grey-padding-left: var( --comp-scu-button-grey-padding-left , 0px );
$comp-scu-button-grey-padding-right: var( --comp-scu-button-grey-padding-right , 0px );
$comp-scu-button-grey-padding-top: var( --comp-scu-button-grey-padding-top , 0px );
$comp-scu-button-grey-padding-bottom: var( --comp-scu-button-grey-padding-bottom , 0px );

/*
======================================================
comp-scu-button-grey-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-grey-default-background-color: var( --comp-scu-button-grey-default-background-color , rgba(219,219,219,1) );
$comp-scu-button-grey-default-blend-mode: var( --comp-scu-button-grey-default-blend-mode , NORMAL );
$comp-scu-button-grey-default-corner-radius: var( --comp-scu-button-grey-default-corner-radius , 200px );
$comp-scu-button-grey-default-width: var( --comp-scu-button-grey-default-width , 82px );
$comp-scu-button-grey-default-height: var( --comp-scu-button-grey-default-height , 41px );
$comp-scu-button-grey-default-constraint-horizontal: var( --comp-scu-button-grey-default-constraint-horizontal , STRETCH );
$comp-scu-button-grey-default-constraint-vertical: var( --comp-scu-button-grey-default-constraint-vertical , STRETCH );
$comp-scu-button-grey-default-constrain-proportions: var( --comp-scu-button-grey-default-constrain-proportions , false );
$comp-scu-button-grey-default-layout-context: var( --comp-scu-button-grey-default-layout-context , ABSOLUTE );
$comp-scu-button-grey-default-layout-mode: var( --comp-scu-button-grey-default-layout-mode , HORIZONTAL );
$comp-scu-button-grey-default-item-spacing: var( --comp-scu-button-grey-default-item-spacing , 0px );
$comp-scu-button-grey-default-layout-align: var( --comp-scu-button-grey-default-layout-align , MIN );
$comp-scu-button-grey-default-top: var( --comp-scu-button-grey-default-top , -12px );
$comp-scu-button-grey-default-top-percent: var( --comp-scu-button-grey-default-top-percent , 50% );
$comp-scu-button-grey-default-bottom: var( --comp-scu-button-grey-default-bottom , -12px );
$comp-scu-button-grey-default-left: var( --comp-scu-button-grey-default-left , 5.5px );
$comp-scu-button-grey-default-left-percent: var( --comp-scu-button-grey-default-left-percent , 50% );
$comp-scu-button-grey-default-right: var( --comp-scu-button-grey-default-right , 5.5px );
$comp-scu-button-grey-default-padding-left: var( --comp-scu-button-grey-default-padding-left , 24px );
$comp-scu-button-grey-default-padding-right: var( --comp-scu-button-grey-default-padding-right , 24px );
$comp-scu-button-grey-default-padding-top: var( --comp-scu-button-grey-default-padding-top , 11px );
$comp-scu-button-grey-default-padding-bottom: var( --comp-scu-button-grey-default-padding-bottom , 11px );

/*
======================================================
comp-scu-button-grey-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-grey-default-label-characters: var( --comp-scu-button-grey-default-label-characters , 'label' );
$comp-scu-button-grey-default-label-font-size: var( --comp-scu-button-grey-default-label-font-size , 16px );
$comp-scu-button-grey-default-label-text-align-horizontal: var( --comp-scu-button-grey-default-label-text-align-horizontal , CENTER );
$comp-scu-button-grey-default-label-text-align-vertical: var( --comp-scu-button-grey-default-label-text-align-vertical , CENTER );
$comp-scu-button-grey-default-label-color: var( --comp-scu-button-grey-default-label-color , rgba(0,0,0,1) );
$comp-scu-button-grey-default-label-font-family: var( --comp-scu-button-grey-default-label-font-family , 'Proxima Nova' );
$comp-scu-button-grey-default-label-font-weight: var( --comp-scu-button-grey-default-label-font-weight , 400 );
$comp-scu-button-grey-default-label-line-height: var( --comp-scu-button-grey-default-label-line-height , 18.75px );
$comp-scu-button-grey-default-label-letter-spacing: var( --comp-scu-button-grey-default-label-letter-spacing , 0px );
$comp-scu-button-grey-default-label-width: var( --comp-scu-button-grey-default-label-width , 34px );
$comp-scu-button-grey-default-label-height: var( --comp-scu-button-grey-default-label-height , 19px );
$comp-scu-button-grey-default-label-constraint-horizontal: var( --comp-scu-button-grey-default-label-constraint-horizontal , STRETCH );
$comp-scu-button-grey-default-label-constraint-vertical: var( --comp-scu-button-grey-default-label-constraint-vertical , STRETCH );
$comp-scu-button-grey-default-label-constrain-proportions: var( --comp-scu-button-grey-default-label-constrain-proportions , false );
$comp-scu-button-grey-default-label-layout-context: var( --comp-scu-button-grey-default-label-layout-context , FLEX );
$comp-scu-button-grey-default-label-layout-mode: var( --comp-scu-button-grey-default-label-layout-mode , NONE );
$comp-scu-button-grey-default-label-item-spacing: var( --comp-scu-button-grey-default-label-item-spacing , 0px );
$comp-scu-button-grey-default-label-layout-align: var( --comp-scu-button-grey-default-label-layout-align , CENTER );
$comp-scu-button-grey-default-label-top: var( --comp-scu-button-grey-default-label-top , 11px );
$comp-scu-button-grey-default-label-top-percent: var( --comp-scu-button-grey-default-label-top-percent , 50% );
$comp-scu-button-grey-default-label-bottom: var( --comp-scu-button-grey-default-label-bottom , 11px );
$comp-scu-button-grey-default-label-left: var( --comp-scu-button-grey-default-label-left , 24px );
$comp-scu-button-grey-default-label-left-percent: var( --comp-scu-button-grey-default-label-left-percent , 50% );
$comp-scu-button-grey-default-label-right: var( --comp-scu-button-grey-default-label-right , 24px );

/*
======================================================
comp-scu-button-grey-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-grey-hover-background-color: var( --comp-scu-button-grey-hover-background-color , rgba(235,235,235,1) );
$comp-scu-button-grey-hover-blend-mode: var( --comp-scu-button-grey-hover-blend-mode , NORMAL );
$comp-scu-button-grey-hover-corner-radius: var( --comp-scu-button-grey-hover-corner-radius , 200px );
$comp-scu-button-grey-hover-width: var( --comp-scu-button-grey-hover-width , 93px );
$comp-scu-button-grey-hover-height: var( --comp-scu-button-grey-hover-height , 17px );
$comp-scu-button-grey-hover-constraint-horizontal: var( --comp-scu-button-grey-hover-constraint-horizontal , STRETCH );
$comp-scu-button-grey-hover-constraint-vertical: var( --comp-scu-button-grey-hover-constraint-vertical , STRETCH );
$comp-scu-button-grey-hover-constrain-proportions: var( --comp-scu-button-grey-hover-constrain-proportions , false );
$comp-scu-button-grey-hover-layout-context: var( --comp-scu-button-grey-hover-layout-context , ABSOLUTE );
$comp-scu-button-grey-hover-layout-mode: var( --comp-scu-button-grey-hover-layout-mode , HORIZONTAL );
$comp-scu-button-grey-hover-item-spacing: var( --comp-scu-button-grey-hover-item-spacing , 0px );
$comp-scu-button-grey-hover-layout-align: var( --comp-scu-button-grey-hover-layout-align , MIN );
$comp-scu-button-grey-hover-top: var( --comp-scu-button-grey-hover-top , 0px );
$comp-scu-button-grey-hover-top-percent: var( --comp-scu-button-grey-hover-top-percent , 50% );
$comp-scu-button-grey-hover-bottom: var( --comp-scu-button-grey-hover-bottom , 0px );
$comp-scu-button-grey-hover-left: var( --comp-scu-button-grey-hover-left , 0px );
$comp-scu-button-grey-hover-left-percent: var( --comp-scu-button-grey-hover-left-percent , 50% );
$comp-scu-button-grey-hover-right: var( --comp-scu-button-grey-hover-right , 0px );
$comp-scu-button-grey-hover-padding-left: var( --comp-scu-button-grey-hover-padding-left , 24px );
$comp-scu-button-grey-hover-padding-right: var( --comp-scu-button-grey-hover-padding-right , 24px );
$comp-scu-button-grey-hover-padding-top: var( --comp-scu-button-grey-hover-padding-top , 11px );
$comp-scu-button-grey-hover-padding-bottom: var( --comp-scu-button-grey-hover-padding-bottom , 11px );

/*
======================================================
comp-scu-button-grey-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-grey-hover-label-characters: var( --comp-scu-button-grey-hover-label-characters , 'label' );
$comp-scu-button-grey-hover-label-font-size: var( --comp-scu-button-grey-hover-label-font-size , 16px );
$comp-scu-button-grey-hover-label-text-align-horizontal: var( --comp-scu-button-grey-hover-label-text-align-horizontal , CENTER );
$comp-scu-button-grey-hover-label-text-align-vertical: var( --comp-scu-button-grey-hover-label-text-align-vertical , CENTER );
$comp-scu-button-grey-hover-label-color: var( --comp-scu-button-grey-hover-label-color , rgba(0,0,0,1) );
$comp-scu-button-grey-hover-label-font-family: var( --comp-scu-button-grey-hover-label-font-family , 'Proxima Nova' );
$comp-scu-button-grey-hover-label-font-weight: var( --comp-scu-button-grey-hover-label-font-weight , 400 );
$comp-scu-button-grey-hover-label-line-height: var( --comp-scu-button-grey-hover-label-line-height , 18.75px );
$comp-scu-button-grey-hover-label-letter-spacing: var( --comp-scu-button-grey-hover-label-letter-spacing , 0px );
$comp-scu-button-grey-hover-label-width: var( --comp-scu-button-grey-hover-label-width , 34px );
$comp-scu-button-grey-hover-label-height: var( --comp-scu-button-grey-hover-label-height , 19px );
$comp-scu-button-grey-hover-label-constraint-horizontal: var( --comp-scu-button-grey-hover-label-constraint-horizontal , STRETCH );
$comp-scu-button-grey-hover-label-constraint-vertical: var( --comp-scu-button-grey-hover-label-constraint-vertical , STRETCH );
$comp-scu-button-grey-hover-label-constrain-proportions: var( --comp-scu-button-grey-hover-label-constrain-proportions , false );
$comp-scu-button-grey-hover-label-layout-context: var( --comp-scu-button-grey-hover-label-layout-context , FLEX );
$comp-scu-button-grey-hover-label-layout-mode: var( --comp-scu-button-grey-hover-label-layout-mode , NONE );
$comp-scu-button-grey-hover-label-item-spacing: var( --comp-scu-button-grey-hover-label-item-spacing , 0px );
$comp-scu-button-grey-hover-label-layout-align: var( --comp-scu-button-grey-hover-label-layout-align , CENTER );
$comp-scu-button-grey-hover-label-top: var( --comp-scu-button-grey-hover-label-top , 11px );
$comp-scu-button-grey-hover-label-top-percent: var( --comp-scu-button-grey-hover-label-top-percent , 120.59% );
$comp-scu-button-grey-hover-label-bottom: var( --comp-scu-button-grey-hover-label-bottom , -13px );
$comp-scu-button-grey-hover-label-left: var( --comp-scu-button-grey-hover-label-left , 23px );
$comp-scu-button-grey-hover-label-left-percent: var( --comp-scu-button-grey-hover-label-left-percent , 43.01% );
$comp-scu-button-grey-hover-label-right: var( --comp-scu-button-grey-hover-label-right , 36px );

/*
======================================================
comp-scu-button-grey-focus [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-grey-focus-background-color: var( --comp-scu-button-grey-focus-background-color , rgba(219,219,219,1) );
$comp-scu-button-grey-focus-blend-mode: var( --comp-scu-button-grey-focus-blend-mode , NORMAL );
$comp-scu-button-grey-focus-corner-radius: var( --comp-scu-button-grey-focus-corner-radius , 200px );
$comp-scu-button-grey-focus-shadow-color: var( --comp-scu-button-grey-focus-shadow-color , rgba(53,155,249,1) );
$comp-scu-button-grey-focus-shadow-offset-x: var( --comp-scu-button-grey-focus-shadow-offset-x , 0px );
$comp-scu-button-grey-focus-shadow-offset-y: var( --comp-scu-button-grey-focus-shadow-offset-y , 0px );
$comp-scu-button-grey-focus-shadow-radius: var( --comp-scu-button-grey-focus-shadow-radius , 0px );
$comp-scu-button-grey-focus-shadow-spread: var( --comp-scu-button-grey-focus-shadow-spread , 2px );
$comp-scu-button-grey-focus-shadow: var( --comp-scu-button-grey-focus-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );
$comp-scu-button-grey-focus-width: var( --comp-scu-button-grey-focus-width , 93px );
$comp-scu-button-grey-focus-height: var( --comp-scu-button-grey-focus-height , 17px );
$comp-scu-button-grey-focus-constraint-horizontal: var( --comp-scu-button-grey-focus-constraint-horizontal , STRETCH );
$comp-scu-button-grey-focus-constraint-vertical: var( --comp-scu-button-grey-focus-constraint-vertical , STRETCH );
$comp-scu-button-grey-focus-constrain-proportions: var( --comp-scu-button-grey-focus-constrain-proportions , false );
$comp-scu-button-grey-focus-layout-context: var( --comp-scu-button-grey-focus-layout-context , ABSOLUTE );
$comp-scu-button-grey-focus-layout-mode: var( --comp-scu-button-grey-focus-layout-mode , HORIZONTAL );
$comp-scu-button-grey-focus-item-spacing: var( --comp-scu-button-grey-focus-item-spacing , 0px );
$comp-scu-button-grey-focus-layout-align: var( --comp-scu-button-grey-focus-layout-align , MIN );
$comp-scu-button-grey-focus-top: var( --comp-scu-button-grey-focus-top , 0px );
$comp-scu-button-grey-focus-top-percent: var( --comp-scu-button-grey-focus-top-percent , 50% );
$comp-scu-button-grey-focus-bottom: var( --comp-scu-button-grey-focus-bottom , 0px );
$comp-scu-button-grey-focus-left: var( --comp-scu-button-grey-focus-left , 0px );
$comp-scu-button-grey-focus-left-percent: var( --comp-scu-button-grey-focus-left-percent , 50% );
$comp-scu-button-grey-focus-right: var( --comp-scu-button-grey-focus-right , 0px );
$comp-scu-button-grey-focus-padding-left: var( --comp-scu-button-grey-focus-padding-left , 24px );
$comp-scu-button-grey-focus-padding-right: var( --comp-scu-button-grey-focus-padding-right , 24px );
$comp-scu-button-grey-focus-padding-top: var( --comp-scu-button-grey-focus-padding-top , 11px );
$comp-scu-button-grey-focus-padding-bottom: var( --comp-scu-button-grey-focus-padding-bottom , 11px );

/*
======================================================
comp-scu-button-grey-focus-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-grey-focus-label-characters: var( --comp-scu-button-grey-focus-label-characters , 'label' );
$comp-scu-button-grey-focus-label-font-size: var( --comp-scu-button-grey-focus-label-font-size , 16px );
$comp-scu-button-grey-focus-label-text-align-horizontal: var( --comp-scu-button-grey-focus-label-text-align-horizontal , CENTER );
$comp-scu-button-grey-focus-label-text-align-vertical: var( --comp-scu-button-grey-focus-label-text-align-vertical , CENTER );
$comp-scu-button-grey-focus-label-color: var( --comp-scu-button-grey-focus-label-color , rgba(0,0,0,1) );
$comp-scu-button-grey-focus-label-font-family: var( --comp-scu-button-grey-focus-label-font-family , 'Proxima Nova' );
$comp-scu-button-grey-focus-label-font-weight: var( --comp-scu-button-grey-focus-label-font-weight , 400 );
$comp-scu-button-grey-focus-label-line-height: var( --comp-scu-button-grey-focus-label-line-height , 18.75px );
$comp-scu-button-grey-focus-label-letter-spacing: var( --comp-scu-button-grey-focus-label-letter-spacing , 0px );
$comp-scu-button-grey-focus-label-width: var( --comp-scu-button-grey-focus-label-width , 34px );
$comp-scu-button-grey-focus-label-height: var( --comp-scu-button-grey-focus-label-height , 19px );
$comp-scu-button-grey-focus-label-constraint-horizontal: var( --comp-scu-button-grey-focus-label-constraint-horizontal , STRETCH );
$comp-scu-button-grey-focus-label-constraint-vertical: var( --comp-scu-button-grey-focus-label-constraint-vertical , STRETCH );
$comp-scu-button-grey-focus-label-constrain-proportions: var( --comp-scu-button-grey-focus-label-constrain-proportions , false );
$comp-scu-button-grey-focus-label-layout-context: var( --comp-scu-button-grey-focus-label-layout-context , FLEX );
$comp-scu-button-grey-focus-label-layout-mode: var( --comp-scu-button-grey-focus-label-layout-mode , NONE );
$comp-scu-button-grey-focus-label-item-spacing: var( --comp-scu-button-grey-focus-label-item-spacing , 0px );
$comp-scu-button-grey-focus-label-layout-align: var( --comp-scu-button-grey-focus-label-layout-align , CENTER );
$comp-scu-button-grey-focus-label-top: var( --comp-scu-button-grey-focus-label-top , 11px );
$comp-scu-button-grey-focus-label-top-percent: var( --comp-scu-button-grey-focus-label-top-percent , 120.59% );
$comp-scu-button-grey-focus-label-bottom: var( --comp-scu-button-grey-focus-label-bottom , -13px );
$comp-scu-button-grey-focus-label-left: var( --comp-scu-button-grey-focus-label-left , 23px );
$comp-scu-button-grey-focus-label-left-percent: var( --comp-scu-button-grey-focus-label-left-percent , 43.01% );
$comp-scu-button-grey-focus-label-right: var( --comp-scu-button-grey-focus-label-right , 36px );

/*
======================================================
comp-scu-button-grey-disabled [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-grey-disabled-background-color: var( --comp-scu-button-grey-disabled-background-color , rgba(235,235,235,1) );
$comp-scu-button-grey-disabled-blend-mode: var( --comp-scu-button-grey-disabled-blend-mode , NORMAL );
$comp-scu-button-grey-disabled-corner-radius: var( --comp-scu-button-grey-disabled-corner-radius , 200px );
$comp-scu-button-grey-disabled-width: var( --comp-scu-button-grey-disabled-width , 93px );
$comp-scu-button-grey-disabled-height: var( --comp-scu-button-grey-disabled-height , 17px );
$comp-scu-button-grey-disabled-constraint-horizontal: var( --comp-scu-button-grey-disabled-constraint-horizontal , STRETCH );
$comp-scu-button-grey-disabled-constraint-vertical: var( --comp-scu-button-grey-disabled-constraint-vertical , STRETCH );
$comp-scu-button-grey-disabled-constrain-proportions: var( --comp-scu-button-grey-disabled-constrain-proportions , false );
$comp-scu-button-grey-disabled-layout-context: var( --comp-scu-button-grey-disabled-layout-context , ABSOLUTE );
$comp-scu-button-grey-disabled-layout-mode: var( --comp-scu-button-grey-disabled-layout-mode , HORIZONTAL );
$comp-scu-button-grey-disabled-item-spacing: var( --comp-scu-button-grey-disabled-item-spacing , 0px );
$comp-scu-button-grey-disabled-layout-align: var( --comp-scu-button-grey-disabled-layout-align , MIN );
$comp-scu-button-grey-disabled-top: var( --comp-scu-button-grey-disabled-top , 0px );
$comp-scu-button-grey-disabled-top-percent: var( --comp-scu-button-grey-disabled-top-percent , 50% );
$comp-scu-button-grey-disabled-bottom: var( --comp-scu-button-grey-disabled-bottom , 0px );
$comp-scu-button-grey-disabled-left: var( --comp-scu-button-grey-disabled-left , 0px );
$comp-scu-button-grey-disabled-left-percent: var( --comp-scu-button-grey-disabled-left-percent , 50% );
$comp-scu-button-grey-disabled-right: var( --comp-scu-button-grey-disabled-right , 0px );
$comp-scu-button-grey-disabled-padding-left: var( --comp-scu-button-grey-disabled-padding-left , 24px );
$comp-scu-button-grey-disabled-padding-right: var( --comp-scu-button-grey-disabled-padding-right , 24px );
$comp-scu-button-grey-disabled-padding-top: var( --comp-scu-button-grey-disabled-padding-top , 11px );
$comp-scu-button-grey-disabled-padding-bottom: var( --comp-scu-button-grey-disabled-padding-bottom , 11px );

/*
======================================================
comp-scu-button-grey-disabled-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-grey-disabled-label-characters: var( --comp-scu-button-grey-disabled-label-characters , 'label' );
$comp-scu-button-grey-disabled-label-font-size: var( --comp-scu-button-grey-disabled-label-font-size , 16px );
$comp-scu-button-grey-disabled-label-text-align-horizontal: var( --comp-scu-button-grey-disabled-label-text-align-horizontal , CENTER );
$comp-scu-button-grey-disabled-label-text-align-vertical: var( --comp-scu-button-grey-disabled-label-text-align-vertical , CENTER );
$comp-scu-button-grey-disabled-label-color: var( --comp-scu-button-grey-disabled-label-color , rgba(196,196,196,1) );
$comp-scu-button-grey-disabled-label-font-family: var( --comp-scu-button-grey-disabled-label-font-family , 'Proxima Nova' );
$comp-scu-button-grey-disabled-label-font-weight: var( --comp-scu-button-grey-disabled-label-font-weight , 400 );
$comp-scu-button-grey-disabled-label-line-height: var( --comp-scu-button-grey-disabled-label-line-height , 18.75px );
$comp-scu-button-grey-disabled-label-letter-spacing: var( --comp-scu-button-grey-disabled-label-letter-spacing , 0px );
$comp-scu-button-grey-disabled-label-width: var( --comp-scu-button-grey-disabled-label-width , 34px );
$comp-scu-button-grey-disabled-label-height: var( --comp-scu-button-grey-disabled-label-height , 19px );
$comp-scu-button-grey-disabled-label-constraint-horizontal: var( --comp-scu-button-grey-disabled-label-constraint-horizontal , STRETCH );
$comp-scu-button-grey-disabled-label-constraint-vertical: var( --comp-scu-button-grey-disabled-label-constraint-vertical , STRETCH );
$comp-scu-button-grey-disabled-label-constrain-proportions: var( --comp-scu-button-grey-disabled-label-constrain-proportions , false );
$comp-scu-button-grey-disabled-label-layout-context: var( --comp-scu-button-grey-disabled-label-layout-context , FLEX );
$comp-scu-button-grey-disabled-label-layout-mode: var( --comp-scu-button-grey-disabled-label-layout-mode , NONE );
$comp-scu-button-grey-disabled-label-item-spacing: var( --comp-scu-button-grey-disabled-label-item-spacing , 0px );
$comp-scu-button-grey-disabled-label-layout-align: var( --comp-scu-button-grey-disabled-label-layout-align , CENTER );
$comp-scu-button-grey-disabled-label-top: var( --comp-scu-button-grey-disabled-label-top , 11px );
$comp-scu-button-grey-disabled-label-top-percent: var( --comp-scu-button-grey-disabled-label-top-percent , 120.59% );
$comp-scu-button-grey-disabled-label-bottom: var( --comp-scu-button-grey-disabled-label-bottom , -13px );
$comp-scu-button-grey-disabled-label-left: var( --comp-scu-button-grey-disabled-label-left , 23px );
$comp-scu-button-grey-disabled-label-left-percent: var( --comp-scu-button-grey-disabled-label-left-percent , 43.01% );
$comp-scu-button-grey-disabled-label-right: var( --comp-scu-button-grey-disabled-label-right , 36px );

/*
======================================================
comp-scu-button-link [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-link-corner-radius: var( --comp-scu-button-link-corner-radius , 0px );
$comp-scu-button-link-width: var( --comp-scu-button-link-width , 90px );
$comp-scu-button-link-height: var( --comp-scu-button-link-height , 17px );
$comp-scu-button-link-constraint-horizontal: var( --comp-scu-button-link-constraint-horizontal , STRETCH );
$comp-scu-button-link-constraint-vertical: var( --comp-scu-button-link-constraint-vertical , STRETCH );
$comp-scu-button-link-constrain-proportions: var( --comp-scu-button-link-constrain-proportions , false );
$comp-scu-button-link-layout-context: var( --comp-scu-button-link-layout-context , NONE );
$comp-scu-button-link-layout-mode: var( --comp-scu-button-link-layout-mode , NONE );
$comp-scu-button-link-item-spacing: var( --comp-scu-button-link-item-spacing , 0px );
$comp-scu-button-link-layout-align: var( --comp-scu-button-link-layout-align , MIN );
$comp-scu-button-link-top: var( --comp-scu-button-link-top , 0px );
$comp-scu-button-link-top-percent: var( --comp-scu-button-link-top-percent , 0% );
$comp-scu-button-link-bottom: var( --comp-scu-button-link-bottom , 0px );
$comp-scu-button-link-left: var( --comp-scu-button-link-left , 0px );
$comp-scu-button-link-left-percent: var( --comp-scu-button-link-left-percent , 0% );
$comp-scu-button-link-right: var( --comp-scu-button-link-right , 0px );
$comp-scu-button-link-padding-left: var( --comp-scu-button-link-padding-left , 0px );
$comp-scu-button-link-padding-right: var( --comp-scu-button-link-padding-right , 0px );
$comp-scu-button-link-padding-top: var( --comp-scu-button-link-padding-top , 0px );
$comp-scu-button-link-padding-bottom: var( --comp-scu-button-link-padding-bottom , 0px );

/*
======================================================
comp-scu-button-link-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-link-default-corner-radius: var( --comp-scu-button-link-default-corner-radius , 200px );
$comp-scu-button-link-default-width: var( --comp-scu-button-link-default-width , 82px );
$comp-scu-button-link-default-height: var( --comp-scu-button-link-default-height , 41px );
$comp-scu-button-link-default-constraint-horizontal: var( --comp-scu-button-link-default-constraint-horizontal , STRETCH );
$comp-scu-button-link-default-constraint-vertical: var( --comp-scu-button-link-default-constraint-vertical , STRETCH );
$comp-scu-button-link-default-constrain-proportions: var( --comp-scu-button-link-default-constrain-proportions , false );
$comp-scu-button-link-default-layout-context: var( --comp-scu-button-link-default-layout-context , ABSOLUTE );
$comp-scu-button-link-default-layout-mode: var( --comp-scu-button-link-default-layout-mode , HORIZONTAL );
$comp-scu-button-link-default-item-spacing: var( --comp-scu-button-link-default-item-spacing , 0px );
$comp-scu-button-link-default-layout-align: var( --comp-scu-button-link-default-layout-align , MIN );
$comp-scu-button-link-default-top: var( --comp-scu-button-link-default-top , -12px );
$comp-scu-button-link-default-top-percent: var( --comp-scu-button-link-default-top-percent , 50% );
$comp-scu-button-link-default-bottom: var( --comp-scu-button-link-default-bottom , -12px );
$comp-scu-button-link-default-left: var( --comp-scu-button-link-default-left , 4px );
$comp-scu-button-link-default-left-percent: var( --comp-scu-button-link-default-left-percent , 50% );
$comp-scu-button-link-default-right: var( --comp-scu-button-link-default-right , 4px );
$comp-scu-button-link-default-padding-left: var( --comp-scu-button-link-default-padding-left , 24px );
$comp-scu-button-link-default-padding-right: var( --comp-scu-button-link-default-padding-right , 24px );
$comp-scu-button-link-default-padding-top: var( --comp-scu-button-link-default-padding-top , 11px );
$comp-scu-button-link-default-padding-bottom: var( --comp-scu-button-link-default-padding-bottom , 11px );

/*
======================================================
comp-scu-button-link-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-link-default-label-characters: var( --comp-scu-button-link-default-label-characters , 'label' );
$comp-scu-button-link-default-label-font-size: var( --comp-scu-button-link-default-label-font-size , 16px );
$comp-scu-button-link-default-label-text-align-horizontal: var( --comp-scu-button-link-default-label-text-align-horizontal , CENTER );
$comp-scu-button-link-default-label-text-align-vertical: var( --comp-scu-button-link-default-label-text-align-vertical , CENTER );
$comp-scu-button-link-default-label-color: var( --comp-scu-button-link-default-label-color , rgba(0,0,0,1) );
$comp-scu-button-link-default-label-font-family: var( --comp-scu-button-link-default-label-font-family , 'Proxima Nova' );
$comp-scu-button-link-default-label-font-weight: var( --comp-scu-button-link-default-label-font-weight , 400 );
$comp-scu-button-link-default-label-line-height: var( --comp-scu-button-link-default-label-line-height , 18.75px );
$comp-scu-button-link-default-label-letter-spacing: var( --comp-scu-button-link-default-label-letter-spacing , 0px );
$comp-scu-button-link-default-label-width: var( --comp-scu-button-link-default-label-width , 34px );
$comp-scu-button-link-default-label-height: var( --comp-scu-button-link-default-label-height , 19px );
$comp-scu-button-link-default-label-constraint-horizontal: var( --comp-scu-button-link-default-label-constraint-horizontal , STRETCH );
$comp-scu-button-link-default-label-constraint-vertical: var( --comp-scu-button-link-default-label-constraint-vertical , STRETCH );
$comp-scu-button-link-default-label-constrain-proportions: var( --comp-scu-button-link-default-label-constrain-proportions , false );
$comp-scu-button-link-default-label-layout-context: var( --comp-scu-button-link-default-label-layout-context , FLEX );
$comp-scu-button-link-default-label-layout-mode: var( --comp-scu-button-link-default-label-layout-mode , NONE );
$comp-scu-button-link-default-label-item-spacing: var( --comp-scu-button-link-default-label-item-spacing , 0px );
$comp-scu-button-link-default-label-layout-align: var( --comp-scu-button-link-default-label-layout-align , CENTER );
$comp-scu-button-link-default-label-top: var( --comp-scu-button-link-default-label-top , 11px );
$comp-scu-button-link-default-label-top-percent: var( --comp-scu-button-link-default-label-top-percent , 50% );
$comp-scu-button-link-default-label-bottom: var( --comp-scu-button-link-default-label-bottom , 11px );
$comp-scu-button-link-default-label-left: var( --comp-scu-button-link-default-label-left , 24px );
$comp-scu-button-link-default-label-left-percent: var( --comp-scu-button-link-default-label-left-percent , 50% );
$comp-scu-button-link-default-label-right: var( --comp-scu-button-link-default-label-right , 24px );

/*
======================================================
comp-scu-button-link-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-link-hover-corner-radius: var( --comp-scu-button-link-hover-corner-radius , 200px );
$comp-scu-button-link-hover-width: var( --comp-scu-button-link-hover-width , 90px );
$comp-scu-button-link-hover-height: var( --comp-scu-button-link-hover-height , 17px );
$comp-scu-button-link-hover-constraint-horizontal: var( --comp-scu-button-link-hover-constraint-horizontal , STRETCH );
$comp-scu-button-link-hover-constraint-vertical: var( --comp-scu-button-link-hover-constraint-vertical , STRETCH );
$comp-scu-button-link-hover-constrain-proportions: var( --comp-scu-button-link-hover-constrain-proportions , false );
$comp-scu-button-link-hover-layout-context: var( --comp-scu-button-link-hover-layout-context , ABSOLUTE );
$comp-scu-button-link-hover-layout-mode: var( --comp-scu-button-link-hover-layout-mode , HORIZONTAL );
$comp-scu-button-link-hover-item-spacing: var( --comp-scu-button-link-hover-item-spacing , 0px );
$comp-scu-button-link-hover-layout-align: var( --comp-scu-button-link-hover-layout-align , MIN );
$comp-scu-button-link-hover-top: var( --comp-scu-button-link-hover-top , 0px );
$comp-scu-button-link-hover-top-percent: var( --comp-scu-button-link-hover-top-percent , 50% );
$comp-scu-button-link-hover-bottom: var( --comp-scu-button-link-hover-bottom , 0px );
$comp-scu-button-link-hover-left: var( --comp-scu-button-link-hover-left , 0px );
$comp-scu-button-link-hover-left-percent: var( --comp-scu-button-link-hover-left-percent , 50% );
$comp-scu-button-link-hover-right: var( --comp-scu-button-link-hover-right , 0px );
$comp-scu-button-link-hover-padding-left: var( --comp-scu-button-link-hover-padding-left , 24px );
$comp-scu-button-link-hover-padding-right: var( --comp-scu-button-link-hover-padding-right , 24px );
$comp-scu-button-link-hover-padding-top: var( --comp-scu-button-link-hover-padding-top , 11px );
$comp-scu-button-link-hover-padding-bottom: var( --comp-scu-button-link-hover-padding-bottom , 11px );

/*
======================================================
comp-scu-button-link-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-link-hover-label-characters: var( --comp-scu-button-link-hover-label-characters , 'label' );
$comp-scu-button-link-hover-label-font-size: var( --comp-scu-button-link-hover-label-font-size , 16px );
$comp-scu-button-link-hover-label-text-align-horizontal: var( --comp-scu-button-link-hover-label-text-align-horizontal , CENTER );
$comp-scu-button-link-hover-label-text-align-vertical: var( --comp-scu-button-link-hover-label-text-align-vertical , CENTER );
$comp-scu-button-link-hover-label-color: var( --comp-scu-button-link-hover-label-color , rgba(0,0,0,1) );
$comp-scu-button-link-hover-label-font-family: var( --comp-scu-button-link-hover-label-font-family , 'Proxima Nova' );
$comp-scu-button-link-hover-label-font-weight: var( --comp-scu-button-link-hover-label-font-weight , 400 );
$comp-scu-button-link-hover-label-line-height: var( --comp-scu-button-link-hover-label-line-height , 18.75px );
$comp-scu-button-link-hover-label-letter-spacing: var( --comp-scu-button-link-hover-label-letter-spacing , 0px );
$comp-scu-button-link-hover-label-width: var( --comp-scu-button-link-hover-label-width , 34px );
$comp-scu-button-link-hover-label-height: var( --comp-scu-button-link-hover-label-height , 19px );
$comp-scu-button-link-hover-label-constraint-horizontal: var( --comp-scu-button-link-hover-label-constraint-horizontal , STRETCH );
$comp-scu-button-link-hover-label-constraint-vertical: var( --comp-scu-button-link-hover-label-constraint-vertical , STRETCH );
$comp-scu-button-link-hover-label-constrain-proportions: var( --comp-scu-button-link-hover-label-constrain-proportions , false );
$comp-scu-button-link-hover-label-layout-context: var( --comp-scu-button-link-hover-label-layout-context , FLEX );
$comp-scu-button-link-hover-label-layout-mode: var( --comp-scu-button-link-hover-label-layout-mode , NONE );
$comp-scu-button-link-hover-label-item-spacing: var( --comp-scu-button-link-hover-label-item-spacing , 0px );
$comp-scu-button-link-hover-label-layout-align: var( --comp-scu-button-link-hover-label-layout-align , CENTER );
$comp-scu-button-link-hover-label-top: var( --comp-scu-button-link-hover-label-top , 11px );
$comp-scu-button-link-hover-label-top-percent: var( --comp-scu-button-link-hover-label-top-percent , 120.59% );
$comp-scu-button-link-hover-label-bottom: var( --comp-scu-button-link-hover-label-bottom , -13px );
$comp-scu-button-link-hover-label-left: var( --comp-scu-button-link-hover-label-left , 23px );
$comp-scu-button-link-hover-label-left-percent: var( --comp-scu-button-link-hover-label-left-percent , 44.44% );
$comp-scu-button-link-hover-label-right: var( --comp-scu-button-link-hover-label-right , 33px );

/*
======================================================
comp-scu-button-link-focus [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-link-focus-background-color: var( --comp-scu-button-link-focus-background-color , rgba(255,255,255,1) );
$comp-scu-button-link-focus-blend-mode: var( --comp-scu-button-link-focus-blend-mode , NORMAL );
$comp-scu-button-link-focus-corner-radius: var( --comp-scu-button-link-focus-corner-radius , 200px );
$comp-scu-button-link-focus-shadow-color: var( --comp-scu-button-link-focus-shadow-color , rgba(53,155,249,1) );
$comp-scu-button-link-focus-shadow-offset-x: var( --comp-scu-button-link-focus-shadow-offset-x , 0px );
$comp-scu-button-link-focus-shadow-offset-y: var( --comp-scu-button-link-focus-shadow-offset-y , 0px );
$comp-scu-button-link-focus-shadow-radius: var( --comp-scu-button-link-focus-shadow-radius , 0px );
$comp-scu-button-link-focus-shadow-spread: var( --comp-scu-button-link-focus-shadow-spread , 2px );
$comp-scu-button-link-focus-shadow: var( --comp-scu-button-link-focus-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );
$comp-scu-button-link-focus-width: var( --comp-scu-button-link-focus-width , 90px );
$comp-scu-button-link-focus-height: var( --comp-scu-button-link-focus-height , 17px );
$comp-scu-button-link-focus-constraint-horizontal: var( --comp-scu-button-link-focus-constraint-horizontal , STRETCH );
$comp-scu-button-link-focus-constraint-vertical: var( --comp-scu-button-link-focus-constraint-vertical , STRETCH );
$comp-scu-button-link-focus-constrain-proportions: var( --comp-scu-button-link-focus-constrain-proportions , false );
$comp-scu-button-link-focus-layout-context: var( --comp-scu-button-link-focus-layout-context , ABSOLUTE );
$comp-scu-button-link-focus-layout-mode: var( --comp-scu-button-link-focus-layout-mode , HORIZONTAL );
$comp-scu-button-link-focus-item-spacing: var( --comp-scu-button-link-focus-item-spacing , 0px );
$comp-scu-button-link-focus-layout-align: var( --comp-scu-button-link-focus-layout-align , MIN );
$comp-scu-button-link-focus-top: var( --comp-scu-button-link-focus-top , 0px );
$comp-scu-button-link-focus-top-percent: var( --comp-scu-button-link-focus-top-percent , 50% );
$comp-scu-button-link-focus-bottom: var( --comp-scu-button-link-focus-bottom , 0px );
$comp-scu-button-link-focus-left: var( --comp-scu-button-link-focus-left , 0px );
$comp-scu-button-link-focus-left-percent: var( --comp-scu-button-link-focus-left-percent , 50% );
$comp-scu-button-link-focus-right: var( --comp-scu-button-link-focus-right , 0px );
$comp-scu-button-link-focus-padding-left: var( --comp-scu-button-link-focus-padding-left , 24px );
$comp-scu-button-link-focus-padding-right: var( --comp-scu-button-link-focus-padding-right , 24px );
$comp-scu-button-link-focus-padding-top: var( --comp-scu-button-link-focus-padding-top , 11px );
$comp-scu-button-link-focus-padding-bottom: var( --comp-scu-button-link-focus-padding-bottom , 11px );

/*
======================================================
comp-scu-button-link-focus-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-link-focus-label-characters: var( --comp-scu-button-link-focus-label-characters , 'label' );
$comp-scu-button-link-focus-label-font-size: var( --comp-scu-button-link-focus-label-font-size , 16px );
$comp-scu-button-link-focus-label-text-align-horizontal: var( --comp-scu-button-link-focus-label-text-align-horizontal , CENTER );
$comp-scu-button-link-focus-label-text-align-vertical: var( --comp-scu-button-link-focus-label-text-align-vertical , CENTER );
$comp-scu-button-link-focus-label-color: var( --comp-scu-button-link-focus-label-color , rgba(0,0,0,1) );
$comp-scu-button-link-focus-label-font-family: var( --comp-scu-button-link-focus-label-font-family , 'Proxima Nova' );
$comp-scu-button-link-focus-label-font-weight: var( --comp-scu-button-link-focus-label-font-weight , 400 );
$comp-scu-button-link-focus-label-line-height: var( --comp-scu-button-link-focus-label-line-height , 18.75px );
$comp-scu-button-link-focus-label-letter-spacing: var( --comp-scu-button-link-focus-label-letter-spacing , 0px );
$comp-scu-button-link-focus-label-width: var( --comp-scu-button-link-focus-label-width , 34px );
$comp-scu-button-link-focus-label-height: var( --comp-scu-button-link-focus-label-height , 19px );
$comp-scu-button-link-focus-label-constraint-horizontal: var( --comp-scu-button-link-focus-label-constraint-horizontal , STRETCH );
$comp-scu-button-link-focus-label-constraint-vertical: var( --comp-scu-button-link-focus-label-constraint-vertical , STRETCH );
$comp-scu-button-link-focus-label-constrain-proportions: var( --comp-scu-button-link-focus-label-constrain-proportions , false );
$comp-scu-button-link-focus-label-layout-context: var( --comp-scu-button-link-focus-label-layout-context , FLEX );
$comp-scu-button-link-focus-label-layout-mode: var( --comp-scu-button-link-focus-label-layout-mode , NONE );
$comp-scu-button-link-focus-label-item-spacing: var( --comp-scu-button-link-focus-label-item-spacing , 0px );
$comp-scu-button-link-focus-label-layout-align: var( --comp-scu-button-link-focus-label-layout-align , CENTER );
$comp-scu-button-link-focus-label-top: var( --comp-scu-button-link-focus-label-top , 11px );
$comp-scu-button-link-focus-label-top-percent: var( --comp-scu-button-link-focus-label-top-percent , 120.59% );
$comp-scu-button-link-focus-label-bottom: var( --comp-scu-button-link-focus-label-bottom , -13px );
$comp-scu-button-link-focus-label-left: var( --comp-scu-button-link-focus-label-left , 23px );
$comp-scu-button-link-focus-label-left-percent: var( --comp-scu-button-link-focus-label-left-percent , 44.44% );
$comp-scu-button-link-focus-label-right: var( --comp-scu-button-link-focus-label-right , 33px );

/*
======================================================
comp-scu-button-link-disabled [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-button-link-disabled-corner-radius: var( --comp-scu-button-link-disabled-corner-radius , 200px );
$comp-scu-button-link-disabled-width: var( --comp-scu-button-link-disabled-width , 80px );
$comp-scu-button-link-disabled-height: var( --comp-scu-button-link-disabled-height , 40px );
$comp-scu-button-link-disabled-constraint-horizontal: var( --comp-scu-button-link-disabled-constraint-horizontal , MAX );
$comp-scu-button-link-disabled-constraint-vertical: var( --comp-scu-button-link-disabled-constraint-vertical , MAX );
$comp-scu-button-link-disabled-constrain-proportions: var( --comp-scu-button-link-disabled-constrain-proportions , false );
$comp-scu-button-link-disabled-layout-context: var( --comp-scu-button-link-disabled-layout-context , ABSOLUTE );
$comp-scu-button-link-disabled-layout-mode: var( --comp-scu-button-link-disabled-layout-mode , HORIZONTAL );
$comp-scu-button-link-disabled-item-spacing: var( --comp-scu-button-link-disabled-item-spacing , 0px );
$comp-scu-button-link-disabled-layout-align: var( --comp-scu-button-link-disabled-layout-align , MIN );
$comp-scu-button-link-disabled-top: var( --comp-scu-button-link-disabled-top , -23px );
$comp-scu-button-link-disabled-top-percent: var( --comp-scu-button-link-disabled-top-percent , -17.65% );
$comp-scu-button-link-disabled-bottom: var( --comp-scu-button-link-disabled-bottom , 0px );
$comp-scu-button-link-disabled-left: var( --comp-scu-button-link-disabled-left , 10px );
$comp-scu-button-link-disabled-left-percent: var( --comp-scu-button-link-disabled-left-percent , 55.56% );
$comp-scu-button-link-disabled-right: var( --comp-scu-button-link-disabled-right , 0px );
$comp-scu-button-link-disabled-padding-left: var( --comp-scu-button-link-disabled-padding-left , 24px );
$comp-scu-button-link-disabled-padding-right: var( --comp-scu-button-link-disabled-padding-right , 24px );
$comp-scu-button-link-disabled-padding-top: var( --comp-scu-button-link-disabled-padding-top , 11px );
$comp-scu-button-link-disabled-padding-bottom: var( --comp-scu-button-link-disabled-padding-bottom , 11px );

/*
======================================================
comp-scu-button-link-disabled-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-button-link-disabled-label-characters: var( --comp-scu-button-link-disabled-label-characters , 'label' );
$comp-scu-button-link-disabled-label-font-size: var( --comp-scu-button-link-disabled-label-font-size , 16px );
$comp-scu-button-link-disabled-label-text-align-horizontal: var( --comp-scu-button-link-disabled-label-text-align-horizontal , CENTER );
$comp-scu-button-link-disabled-label-text-align-vertical: var( --comp-scu-button-link-disabled-label-text-align-vertical , CENTER );
$comp-scu-button-link-disabled-label-color: var( --comp-scu-button-link-disabled-label-color , rgba(89,89,89,1) );
$comp-scu-button-link-disabled-label-font-family: var( --comp-scu-button-link-disabled-label-font-family , 'Proxima Nova' );
$comp-scu-button-link-disabled-label-font-weight: var( --comp-scu-button-link-disabled-label-font-weight , 400 );
$comp-scu-button-link-disabled-label-line-height: var( --comp-scu-button-link-disabled-label-line-height , 18.75px );
$comp-scu-button-link-disabled-label-letter-spacing: var( --comp-scu-button-link-disabled-label-letter-spacing , 0px );
$comp-scu-button-link-disabled-label-width: var( --comp-scu-button-link-disabled-label-width , 34px );
$comp-scu-button-link-disabled-label-height: var( --comp-scu-button-link-disabled-label-height , 19px );
$comp-scu-button-link-disabled-label-constraint-horizontal: var( --comp-scu-button-link-disabled-label-constraint-horizontal , STRETCH );
$comp-scu-button-link-disabled-label-constraint-vertical: var( --comp-scu-button-link-disabled-label-constraint-vertical , STRETCH );
$comp-scu-button-link-disabled-label-constrain-proportions: var( --comp-scu-button-link-disabled-label-constrain-proportions , false );
$comp-scu-button-link-disabled-label-layout-context: var( --comp-scu-button-link-disabled-label-layout-context , FLEX );
$comp-scu-button-link-disabled-label-layout-mode: var( --comp-scu-button-link-disabled-label-layout-mode , NONE );
$comp-scu-button-link-disabled-label-item-spacing: var( --comp-scu-button-link-disabled-label-item-spacing , 0px );
$comp-scu-button-link-disabled-label-layout-align: var( --comp-scu-button-link-disabled-label-layout-align , CENTER );
$comp-scu-button-link-disabled-label-top: var( --comp-scu-button-link-disabled-label-top , 11px );
$comp-scu-button-link-disabled-label-top-percent: var( --comp-scu-button-link-disabled-label-top-percent , 51.25% );
$comp-scu-button-link-disabled-label-bottom: var( --comp-scu-button-link-disabled-label-bottom , 10px );
$comp-scu-button-link-disabled-label-left: var( --comp-scu-button-link-disabled-label-left , 23px );
$comp-scu-button-link-disabled-label-left-percent: var( --comp-scu-button-link-disabled-label-left-percent , 50% );
$comp-scu-button-link-disabled-label-right: var( --comp-scu-button-link-disabled-label-right , 23px );

/*
======================================================
comp-scu-icon-button-primary [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-corner-radius: var( --comp-scu-icon-button-primary-corner-radius , 0px );
$comp-scu-icon-button-primary-width: var( --comp-scu-icon-button-primary-width , 113px );
$comp-scu-icon-button-primary-height: var( --comp-scu-icon-button-primary-height , 37px );
$comp-scu-icon-button-primary-constraint-horizontal: var( --comp-scu-icon-button-primary-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-constraint-vertical: var( --comp-scu-icon-button-primary-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-constrain-proportions: var( --comp-scu-icon-button-primary-constrain-proportions , false );
$comp-scu-icon-button-primary-layout-context: var( --comp-scu-icon-button-primary-layout-context , NONE );
$comp-scu-icon-button-primary-layout-mode: var( --comp-scu-icon-button-primary-layout-mode , NONE );
$comp-scu-icon-button-primary-item-spacing: var( --comp-scu-icon-button-primary-item-spacing , 0px );
$comp-scu-icon-button-primary-layout-align: var( --comp-scu-icon-button-primary-layout-align , MIN );
$comp-scu-icon-button-primary-top: var( --comp-scu-icon-button-primary-top , 0px );
$comp-scu-icon-button-primary-top-percent: var( --comp-scu-icon-button-primary-top-percent , 0% );
$comp-scu-icon-button-primary-bottom: var( --comp-scu-icon-button-primary-bottom , 0px );
$comp-scu-icon-button-primary-left: var( --comp-scu-icon-button-primary-left , 0px );
$comp-scu-icon-button-primary-left-percent: var( --comp-scu-icon-button-primary-left-percent , 0% );
$comp-scu-icon-button-primary-right: var( --comp-scu-icon-button-primary-right , 0px );
$comp-scu-icon-button-primary-padding-left: var( --comp-scu-icon-button-primary-padding-left , 0px );
$comp-scu-icon-button-primary-padding-right: var( --comp-scu-icon-button-primary-padding-right , 0px );
$comp-scu-icon-button-primary-padding-top: var( --comp-scu-icon-button-primary-padding-top , 0px );
$comp-scu-icon-button-primary-padding-bottom: var( --comp-scu-icon-button-primary-padding-bottom , 0px );

/*
======================================================
comp-scu-icon-button-primary-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-default-background-color: var( --comp-scu-icon-button-primary-default-background-color , rgba(99,166,10,1) );
$comp-scu-icon-button-primary-default-blend-mode: var( --comp-scu-icon-button-primary-default-blend-mode , NORMAL );
$comp-scu-icon-button-primary-default-corner-radius: var( --comp-scu-icon-button-primary-default-corner-radius , 200px );
$comp-scu-icon-button-primary-default-width: var( --comp-scu-icon-button-primary-default-width , 115px );
$comp-scu-icon-button-primary-default-height: var( --comp-scu-icon-button-primary-default-height , 40px );
$comp-scu-icon-button-primary-default-constraint-horizontal: var( --comp-scu-icon-button-primary-default-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-default-constraint-vertical: var( --comp-scu-icon-button-primary-default-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-default-constrain-proportions: var( --comp-scu-icon-button-primary-default-constrain-proportions , false );
$comp-scu-icon-button-primary-default-layout-context: var( --comp-scu-icon-button-primary-default-layout-context , ABSOLUTE );
$comp-scu-icon-button-primary-default-layout-mode: var( --comp-scu-icon-button-primary-default-layout-mode , HORIZONTAL );
$comp-scu-icon-button-primary-default-item-spacing: var( --comp-scu-icon-button-primary-default-item-spacing , 8px );
$comp-scu-icon-button-primary-default-layout-align: var( --comp-scu-icon-button-primary-default-layout-align , MIN );
$comp-scu-icon-button-primary-default-top: var( --comp-scu-icon-button-primary-default-top , -1.5px );
$comp-scu-icon-button-primary-default-top-percent: var( --comp-scu-icon-button-primary-default-top-percent , 50% );
$comp-scu-icon-button-primary-default-bottom: var( --comp-scu-icon-button-primary-default-bottom , -1.5px );
$comp-scu-icon-button-primary-default-left: var( --comp-scu-icon-button-primary-default-left , -1px );
$comp-scu-icon-button-primary-default-left-percent: var( --comp-scu-icon-button-primary-default-left-percent , 50% );
$comp-scu-icon-button-primary-default-right: var( --comp-scu-icon-button-primary-default-right , -1px );
$comp-scu-icon-button-primary-default-padding-left: var( --comp-scu-icon-button-primary-default-padding-left , 24px );
$comp-scu-icon-button-primary-default-padding-right: var( --comp-scu-icon-button-primary-default-padding-right , 24px );
$comp-scu-icon-button-primary-default-padding-top: var( --comp-scu-icon-button-primary-default-padding-top , 8px );
$comp-scu-icon-button-primary-default-padding-bottom: var( --comp-scu-icon-button-primary-default-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-primary-default-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-default-icon-background-color: var( --comp-scu-icon-button-primary-default-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-primary-default-icon-blend-mode: var( --comp-scu-icon-button-primary-default-icon-blend-mode , NORMAL );
$comp-scu-icon-button-primary-default-icon-corner-radius: var( --comp-scu-icon-button-primary-default-icon-corner-radius , 0px );
$comp-scu-icon-button-primary-default-icon-width: var( --comp-scu-icon-button-primary-default-icon-width , 24px );
$comp-scu-icon-button-primary-default-icon-height: var( --comp-scu-icon-button-primary-default-icon-height , 24px );
$comp-scu-icon-button-primary-default-icon-constraint-horizontal: var( --comp-scu-icon-button-primary-default-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-primary-default-icon-constraint-vertical: var( --comp-scu-icon-button-primary-default-icon-constraint-vertical , MIN );
$comp-scu-icon-button-primary-default-icon-constrain-proportions: var( --comp-scu-icon-button-primary-default-icon-constrain-proportions , false );
$comp-scu-icon-button-primary-default-icon-layout-context: var( --comp-scu-icon-button-primary-default-icon-layout-context , FLEX );
$comp-scu-icon-button-primary-default-icon-layout-mode: var( --comp-scu-icon-button-primary-default-icon-layout-mode , NONE );
$comp-scu-icon-button-primary-default-icon-item-spacing: var( --comp-scu-icon-button-primary-default-icon-item-spacing , 0px );
$comp-scu-icon-button-primary-default-icon-layout-align: var( --comp-scu-icon-button-primary-default-icon-layout-align , MAX );
$comp-scu-icon-button-primary-default-icon-top: var( --comp-scu-icon-button-primary-default-icon-top , 8px );
$comp-scu-icon-button-primary-default-icon-top-percent: var( --comp-scu-icon-button-primary-default-icon-top-percent , 50% );
$comp-scu-icon-button-primary-default-icon-bottom: var( --comp-scu-icon-button-primary-default-icon-bottom , 8px );
$comp-scu-icon-button-primary-default-icon-left: var( --comp-scu-icon-button-primary-default-icon-left , 24px );
$comp-scu-icon-button-primary-default-icon-left-percent: var( --comp-scu-icon-button-primary-default-icon-left-percent , 31.3% );
$comp-scu-icon-button-primary-default-icon-right: var( --comp-scu-icon-button-primary-default-icon-right , 67px );
$comp-scu-icon-button-primary-default-icon-padding-left: var( --comp-scu-icon-button-primary-default-icon-padding-left , 0px );
$comp-scu-icon-button-primary-default-icon-padding-right: var( --comp-scu-icon-button-primary-default-icon-padding-right , 0px );
$comp-scu-icon-button-primary-default-icon-padding-top: var( --comp-scu-icon-button-primary-default-icon-padding-top , 0px );
$comp-scu-icon-button-primary-default-icon-padding-bottom: var( --comp-scu-icon-button-primary-default-icon-padding-bottom , 0px );
$comp-scu-icon-button-primary-default-icon-margin-right: var( --comp-scu-icon-button-primary-default-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-primary-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-default-label-characters: var( --comp-scu-icon-button-primary-default-label-characters , 'label' );
$comp-scu-icon-button-primary-default-label-font-size: var( --comp-scu-icon-button-primary-default-label-font-size , 16px );
$comp-scu-icon-button-primary-default-label-text-align-horizontal: var( --comp-scu-icon-button-primary-default-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-primary-default-label-text-align-vertical: var( --comp-scu-icon-button-primary-default-label-text-align-vertical , CENTER );
$comp-scu-icon-button-primary-default-label-color: var( --comp-scu-icon-button-primary-default-label-color , rgba(255,255,255,1) );
$comp-scu-icon-button-primary-default-label-font-family: var( --comp-scu-icon-button-primary-default-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-primary-default-label-font-weight: var( --comp-scu-icon-button-primary-default-label-font-weight , 700 );
$comp-scu-icon-button-primary-default-label-line-height: var( --comp-scu-icon-button-primary-default-label-line-height , 18.75px );
$comp-scu-icon-button-primary-default-label-letter-spacing: var( --comp-scu-icon-button-primary-default-label-letter-spacing , 0px );
$comp-scu-icon-button-primary-default-label-width: var( --comp-scu-icon-button-primary-default-label-width , 35px );
$comp-scu-icon-button-primary-default-label-height: var( --comp-scu-icon-button-primary-default-label-height , 19px );
$comp-scu-icon-button-primary-default-label-constraint-horizontal: var( --comp-scu-icon-button-primary-default-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-default-label-constraint-vertical: var( --comp-scu-icon-button-primary-default-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-default-label-constrain-proportions: var( --comp-scu-icon-button-primary-default-label-constrain-proportions , false );
$comp-scu-icon-button-primary-default-label-layout-context: var( --comp-scu-icon-button-primary-default-label-layout-context , FLEX );
$comp-scu-icon-button-primary-default-label-layout-mode: var( --comp-scu-icon-button-primary-default-label-layout-mode , NONE );
$comp-scu-icon-button-primary-default-label-item-spacing: var( --comp-scu-icon-button-primary-default-label-item-spacing , 0px );
$comp-scu-icon-button-primary-default-label-layout-align: var( --comp-scu-icon-button-primary-default-label-layout-align , CENTER );
$comp-scu-icon-button-primary-default-label-top: var( --comp-scu-icon-button-primary-default-label-top , 10.5px );
$comp-scu-icon-button-primary-default-label-top-percent: var( --comp-scu-icon-button-primary-default-label-top-percent , 50% );
$comp-scu-icon-button-primary-default-label-bottom: var( --comp-scu-icon-button-primary-default-label-bottom , 10.5px );
$comp-scu-icon-button-primary-default-label-left: var( --comp-scu-icon-button-primary-default-label-left , 56px );
$comp-scu-icon-button-primary-default-label-left-percent: var( --comp-scu-icon-button-primary-default-label-left-percent , 63.91% );
$comp-scu-icon-button-primary-default-label-right: var( --comp-scu-icon-button-primary-default-label-right , 24px );

/*
======================================================
comp-scu-icon-button-primary-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-hover-background-color: var( --comp-scu-icon-button-primary-hover-background-color , rgba(42,73,1,1) );
$comp-scu-icon-button-primary-hover-blend-mode: var( --comp-scu-icon-button-primary-hover-blend-mode , NORMAL );
$comp-scu-icon-button-primary-hover-corner-radius: var( --comp-scu-icon-button-primary-hover-corner-radius , 200px );
$comp-scu-icon-button-primary-hover-width: var( --comp-scu-icon-button-primary-hover-width , 113px );
$comp-scu-icon-button-primary-hover-height: var( --comp-scu-icon-button-primary-hover-height , 37px );
$comp-scu-icon-button-primary-hover-constraint-horizontal: var( --comp-scu-icon-button-primary-hover-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-hover-constraint-vertical: var( --comp-scu-icon-button-primary-hover-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-hover-constrain-proportions: var( --comp-scu-icon-button-primary-hover-constrain-proportions , false );
$comp-scu-icon-button-primary-hover-layout-context: var( --comp-scu-icon-button-primary-hover-layout-context , ABSOLUTE );
$comp-scu-icon-button-primary-hover-layout-mode: var( --comp-scu-icon-button-primary-hover-layout-mode , HORIZONTAL );
$comp-scu-icon-button-primary-hover-item-spacing: var( --comp-scu-icon-button-primary-hover-item-spacing , 8px );
$comp-scu-icon-button-primary-hover-layout-align: var( --comp-scu-icon-button-primary-hover-layout-align , MIN );
$comp-scu-icon-button-primary-hover-top: var( --comp-scu-icon-button-primary-hover-top , 0px );
$comp-scu-icon-button-primary-hover-top-percent: var( --comp-scu-icon-button-primary-hover-top-percent , 50% );
$comp-scu-icon-button-primary-hover-bottom: var( --comp-scu-icon-button-primary-hover-bottom , 0px );
$comp-scu-icon-button-primary-hover-left: var( --comp-scu-icon-button-primary-hover-left , 0px );
$comp-scu-icon-button-primary-hover-left-percent: var( --comp-scu-icon-button-primary-hover-left-percent , 50% );
$comp-scu-icon-button-primary-hover-right: var( --comp-scu-icon-button-primary-hover-right , 0px );
$comp-scu-icon-button-primary-hover-padding-left: var( --comp-scu-icon-button-primary-hover-padding-left , 24px );
$comp-scu-icon-button-primary-hover-padding-right: var( --comp-scu-icon-button-primary-hover-padding-right , 24px );
$comp-scu-icon-button-primary-hover-padding-top: var( --comp-scu-icon-button-primary-hover-padding-top , 8px );
$comp-scu-icon-button-primary-hover-padding-bottom: var( --comp-scu-icon-button-primary-hover-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-primary-hover-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-hover-icon-background-color: var( --comp-scu-icon-button-primary-hover-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-primary-hover-icon-blend-mode: var( --comp-scu-icon-button-primary-hover-icon-blend-mode , NORMAL );
$comp-scu-icon-button-primary-hover-icon-corner-radius: var( --comp-scu-icon-button-primary-hover-icon-corner-radius , 0px );
$comp-scu-icon-button-primary-hover-icon-width: var( --comp-scu-icon-button-primary-hover-icon-width , 24px );
$comp-scu-icon-button-primary-hover-icon-height: var( --comp-scu-icon-button-primary-hover-icon-height , 24px );
$comp-scu-icon-button-primary-hover-icon-constraint-horizontal: var( --comp-scu-icon-button-primary-hover-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-primary-hover-icon-constraint-vertical: var( --comp-scu-icon-button-primary-hover-icon-constraint-vertical , MIN );
$comp-scu-icon-button-primary-hover-icon-constrain-proportions: var( --comp-scu-icon-button-primary-hover-icon-constrain-proportions , false );
$comp-scu-icon-button-primary-hover-icon-layout-context: var( --comp-scu-icon-button-primary-hover-icon-layout-context , FLEX );
$comp-scu-icon-button-primary-hover-icon-layout-mode: var( --comp-scu-icon-button-primary-hover-icon-layout-mode , NONE );
$comp-scu-icon-button-primary-hover-icon-item-spacing: var( --comp-scu-icon-button-primary-hover-icon-item-spacing , 0px );
$comp-scu-icon-button-primary-hover-icon-layout-align: var( --comp-scu-icon-button-primary-hover-icon-layout-align , MAX );
$comp-scu-icon-button-primary-hover-icon-top: var( --comp-scu-icon-button-primary-hover-icon-top , 8px );
$comp-scu-icon-button-primary-hover-icon-top-percent: var( --comp-scu-icon-button-primary-hover-icon-top-percent , 54.05% );
$comp-scu-icon-button-primary-hover-icon-bottom: var( --comp-scu-icon-button-primary-hover-icon-bottom , 5px );
$comp-scu-icon-button-primary-hover-icon-left: var( --comp-scu-icon-button-primary-hover-icon-left , 24px );
$comp-scu-icon-button-primary-hover-icon-left-percent: var( --comp-scu-icon-button-primary-hover-icon-left-percent , 31.86% );
$comp-scu-icon-button-primary-hover-icon-right: var( --comp-scu-icon-button-primary-hover-icon-right , 65px );
$comp-scu-icon-button-primary-hover-icon-padding-left: var( --comp-scu-icon-button-primary-hover-icon-padding-left , 0px );
$comp-scu-icon-button-primary-hover-icon-padding-right: var( --comp-scu-icon-button-primary-hover-icon-padding-right , 0px );
$comp-scu-icon-button-primary-hover-icon-padding-top: var( --comp-scu-icon-button-primary-hover-icon-padding-top , 0px );
$comp-scu-icon-button-primary-hover-icon-padding-bottom: var( --comp-scu-icon-button-primary-hover-icon-padding-bottom , 0px );
$comp-scu-icon-button-primary-hover-icon-margin-right: var( --comp-scu-icon-button-primary-hover-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-primary-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-hover-label-characters: var( --comp-scu-icon-button-primary-hover-label-characters , 'label' );
$comp-scu-icon-button-primary-hover-label-font-size: var( --comp-scu-icon-button-primary-hover-label-font-size , 16px );
$comp-scu-icon-button-primary-hover-label-text-align-horizontal: var( --comp-scu-icon-button-primary-hover-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-primary-hover-label-text-align-vertical: var( --comp-scu-icon-button-primary-hover-label-text-align-vertical , CENTER );
$comp-scu-icon-button-primary-hover-label-color: var( --comp-scu-icon-button-primary-hover-label-color , rgba(255,255,255,1) );
$comp-scu-icon-button-primary-hover-label-font-family: var( --comp-scu-icon-button-primary-hover-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-primary-hover-label-font-weight: var( --comp-scu-icon-button-primary-hover-label-font-weight , 700 );
$comp-scu-icon-button-primary-hover-label-line-height: var( --comp-scu-icon-button-primary-hover-label-line-height , 18.75px );
$comp-scu-icon-button-primary-hover-label-letter-spacing: var( --comp-scu-icon-button-primary-hover-label-letter-spacing , 0px );
$comp-scu-icon-button-primary-hover-label-width: var( --comp-scu-icon-button-primary-hover-label-width , 35px );
$comp-scu-icon-button-primary-hover-label-height: var( --comp-scu-icon-button-primary-hover-label-height , 19px );
$comp-scu-icon-button-primary-hover-label-constraint-horizontal: var( --comp-scu-icon-button-primary-hover-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-hover-label-constraint-vertical: var( --comp-scu-icon-button-primary-hover-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-hover-label-constrain-proportions: var( --comp-scu-icon-button-primary-hover-label-constrain-proportions , false );
$comp-scu-icon-button-primary-hover-label-layout-context: var( --comp-scu-icon-button-primary-hover-label-layout-context , FLEX );
$comp-scu-icon-button-primary-hover-label-layout-mode: var( --comp-scu-icon-button-primary-hover-label-layout-mode , NONE );
$comp-scu-icon-button-primary-hover-label-item-spacing: var( --comp-scu-icon-button-primary-hover-label-item-spacing , 0px );
$comp-scu-icon-button-primary-hover-label-layout-align: var( --comp-scu-icon-button-primary-hover-label-layout-align , CENTER );
$comp-scu-icon-button-primary-hover-label-top: var( --comp-scu-icon-button-primary-hover-label-top , 11px );
$comp-scu-icon-button-primary-hover-label-top-percent: var( --comp-scu-icon-button-primary-hover-label-top-percent , 55.41% );
$comp-scu-icon-button-primary-hover-label-bottom: var( --comp-scu-icon-button-primary-hover-label-bottom , 7px );
$comp-scu-icon-button-primary-hover-label-left: var( --comp-scu-icon-button-primary-hover-label-left , 55px );
$comp-scu-icon-button-primary-hover-label-left-percent: var( --comp-scu-icon-button-primary-hover-label-left-percent , 64.16% );
$comp-scu-icon-button-primary-hover-label-right: var( --comp-scu-icon-button-primary-hover-label-right , 23px );

/*
======================================================
comp-scu-icon-button-primary-focus [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-focus-background-color: var( --comp-scu-icon-button-primary-focus-background-color , rgba(126,182,51,1) );
$comp-scu-icon-button-primary-focus-blend-mode: var( --comp-scu-icon-button-primary-focus-blend-mode , NORMAL );
$comp-scu-icon-button-primary-focus-corner-radius: var( --comp-scu-icon-button-primary-focus-corner-radius , 200px );
$comp-scu-icon-button-primary-focus-shadow-color: var( --comp-scu-icon-button-primary-focus-shadow-color , rgba(53,155,249,1) );
$comp-scu-icon-button-primary-focus-shadow-offset-x: var( --comp-scu-icon-button-primary-focus-shadow-offset-x , 0px );
$comp-scu-icon-button-primary-focus-shadow-offset-y: var( --comp-scu-icon-button-primary-focus-shadow-offset-y , 0px );
$comp-scu-icon-button-primary-focus-shadow-radius: var( --comp-scu-icon-button-primary-focus-shadow-radius , 0px );
$comp-scu-icon-button-primary-focus-shadow-spread: var( --comp-scu-icon-button-primary-focus-shadow-spread , 2px );
$comp-scu-icon-button-primary-focus-shadow: var( --comp-scu-icon-button-primary-focus-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );
$comp-scu-icon-button-primary-focus-width: var( --comp-scu-icon-button-primary-focus-width , 113px );
$comp-scu-icon-button-primary-focus-height: var( --comp-scu-icon-button-primary-focus-height , 37px );
$comp-scu-icon-button-primary-focus-constraint-horizontal: var( --comp-scu-icon-button-primary-focus-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-focus-constraint-vertical: var( --comp-scu-icon-button-primary-focus-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-focus-constrain-proportions: var( --comp-scu-icon-button-primary-focus-constrain-proportions , false );
$comp-scu-icon-button-primary-focus-layout-context: var( --comp-scu-icon-button-primary-focus-layout-context , ABSOLUTE );
$comp-scu-icon-button-primary-focus-layout-mode: var( --comp-scu-icon-button-primary-focus-layout-mode , HORIZONTAL );
$comp-scu-icon-button-primary-focus-item-spacing: var( --comp-scu-icon-button-primary-focus-item-spacing , 8px );
$comp-scu-icon-button-primary-focus-layout-align: var( --comp-scu-icon-button-primary-focus-layout-align , MIN );
$comp-scu-icon-button-primary-focus-top: var( --comp-scu-icon-button-primary-focus-top , 0px );
$comp-scu-icon-button-primary-focus-top-percent: var( --comp-scu-icon-button-primary-focus-top-percent , 50% );
$comp-scu-icon-button-primary-focus-bottom: var( --comp-scu-icon-button-primary-focus-bottom , 0px );
$comp-scu-icon-button-primary-focus-left: var( --comp-scu-icon-button-primary-focus-left , 0px );
$comp-scu-icon-button-primary-focus-left-percent: var( --comp-scu-icon-button-primary-focus-left-percent , 50% );
$comp-scu-icon-button-primary-focus-right: var( --comp-scu-icon-button-primary-focus-right , 0px );
$comp-scu-icon-button-primary-focus-padding-left: var( --comp-scu-icon-button-primary-focus-padding-left , 24px );
$comp-scu-icon-button-primary-focus-padding-right: var( --comp-scu-icon-button-primary-focus-padding-right , 24px );
$comp-scu-icon-button-primary-focus-padding-top: var( --comp-scu-icon-button-primary-focus-padding-top , 8px );
$comp-scu-icon-button-primary-focus-padding-bottom: var( --comp-scu-icon-button-primary-focus-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-primary-focus-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-focus-icon-background-color: var( --comp-scu-icon-button-primary-focus-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-primary-focus-icon-blend-mode: var( --comp-scu-icon-button-primary-focus-icon-blend-mode , NORMAL );
$comp-scu-icon-button-primary-focus-icon-corner-radius: var( --comp-scu-icon-button-primary-focus-icon-corner-radius , 0px );
$comp-scu-icon-button-primary-focus-icon-width: var( --comp-scu-icon-button-primary-focus-icon-width , 24px );
$comp-scu-icon-button-primary-focus-icon-height: var( --comp-scu-icon-button-primary-focus-icon-height , 24px );
$comp-scu-icon-button-primary-focus-icon-constraint-horizontal: var( --comp-scu-icon-button-primary-focus-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-primary-focus-icon-constraint-vertical: var( --comp-scu-icon-button-primary-focus-icon-constraint-vertical , MIN );
$comp-scu-icon-button-primary-focus-icon-constrain-proportions: var( --comp-scu-icon-button-primary-focus-icon-constrain-proportions , false );
$comp-scu-icon-button-primary-focus-icon-layout-context: var( --comp-scu-icon-button-primary-focus-icon-layout-context , FLEX );
$comp-scu-icon-button-primary-focus-icon-layout-mode: var( --comp-scu-icon-button-primary-focus-icon-layout-mode , NONE );
$comp-scu-icon-button-primary-focus-icon-item-spacing: var( --comp-scu-icon-button-primary-focus-icon-item-spacing , 0px );
$comp-scu-icon-button-primary-focus-icon-layout-align: var( --comp-scu-icon-button-primary-focus-icon-layout-align , MAX );
$comp-scu-icon-button-primary-focus-icon-top: var( --comp-scu-icon-button-primary-focus-icon-top , 8px );
$comp-scu-icon-button-primary-focus-icon-top-percent: var( --comp-scu-icon-button-primary-focus-icon-top-percent , 54.05% );
$comp-scu-icon-button-primary-focus-icon-bottom: var( --comp-scu-icon-button-primary-focus-icon-bottom , 5px );
$comp-scu-icon-button-primary-focus-icon-left: var( --comp-scu-icon-button-primary-focus-icon-left , 24px );
$comp-scu-icon-button-primary-focus-icon-left-percent: var( --comp-scu-icon-button-primary-focus-icon-left-percent , 31.86% );
$comp-scu-icon-button-primary-focus-icon-right: var( --comp-scu-icon-button-primary-focus-icon-right , 65px );
$comp-scu-icon-button-primary-focus-icon-padding-left: var( --comp-scu-icon-button-primary-focus-icon-padding-left , 0px );
$comp-scu-icon-button-primary-focus-icon-padding-right: var( --comp-scu-icon-button-primary-focus-icon-padding-right , 0px );
$comp-scu-icon-button-primary-focus-icon-padding-top: var( --comp-scu-icon-button-primary-focus-icon-padding-top , 0px );
$comp-scu-icon-button-primary-focus-icon-padding-bottom: var( --comp-scu-icon-button-primary-focus-icon-padding-bottom , 0px );
$comp-scu-icon-button-primary-focus-icon-margin-right: var( --comp-scu-icon-button-primary-focus-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-primary-focus-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-focus-label-characters: var( --comp-scu-icon-button-primary-focus-label-characters , 'label' );
$comp-scu-icon-button-primary-focus-label-font-size: var( --comp-scu-icon-button-primary-focus-label-font-size , 16px );
$comp-scu-icon-button-primary-focus-label-text-align-horizontal: var( --comp-scu-icon-button-primary-focus-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-primary-focus-label-text-align-vertical: var( --comp-scu-icon-button-primary-focus-label-text-align-vertical , CENTER );
$comp-scu-icon-button-primary-focus-label-color: var( --comp-scu-icon-button-primary-focus-label-color , rgba(255,255,255,1) );
$comp-scu-icon-button-primary-focus-label-font-family: var( --comp-scu-icon-button-primary-focus-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-primary-focus-label-font-weight: var( --comp-scu-icon-button-primary-focus-label-font-weight , 700 );
$comp-scu-icon-button-primary-focus-label-line-height: var( --comp-scu-icon-button-primary-focus-label-line-height , 18.75px );
$comp-scu-icon-button-primary-focus-label-letter-spacing: var( --comp-scu-icon-button-primary-focus-label-letter-spacing , 0px );
$comp-scu-icon-button-primary-focus-label-width: var( --comp-scu-icon-button-primary-focus-label-width , 35px );
$comp-scu-icon-button-primary-focus-label-height: var( --comp-scu-icon-button-primary-focus-label-height , 19px );
$comp-scu-icon-button-primary-focus-label-constraint-horizontal: var( --comp-scu-icon-button-primary-focus-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-focus-label-constraint-vertical: var( --comp-scu-icon-button-primary-focus-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-focus-label-constrain-proportions: var( --comp-scu-icon-button-primary-focus-label-constrain-proportions , false );
$comp-scu-icon-button-primary-focus-label-layout-context: var( --comp-scu-icon-button-primary-focus-label-layout-context , FLEX );
$comp-scu-icon-button-primary-focus-label-layout-mode: var( --comp-scu-icon-button-primary-focus-label-layout-mode , NONE );
$comp-scu-icon-button-primary-focus-label-item-spacing: var( --comp-scu-icon-button-primary-focus-label-item-spacing , 0px );
$comp-scu-icon-button-primary-focus-label-layout-align: var( --comp-scu-icon-button-primary-focus-label-layout-align , CENTER );
$comp-scu-icon-button-primary-focus-label-top: var( --comp-scu-icon-button-primary-focus-label-top , 11px );
$comp-scu-icon-button-primary-focus-label-top-percent: var( --comp-scu-icon-button-primary-focus-label-top-percent , 55.41% );
$comp-scu-icon-button-primary-focus-label-bottom: var( --comp-scu-icon-button-primary-focus-label-bottom , 7px );
$comp-scu-icon-button-primary-focus-label-left: var( --comp-scu-icon-button-primary-focus-label-left , 55px );
$comp-scu-icon-button-primary-focus-label-left-percent: var( --comp-scu-icon-button-primary-focus-label-left-percent , 64.16% );
$comp-scu-icon-button-primary-focus-label-right: var( --comp-scu-icon-button-primary-focus-label-right , 23px );

/*
======================================================
comp-scu-icon-button-primary-disabled [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-disabled-background-color: var( --comp-scu-icon-button-primary-disabled-background-color , rgba(126,182,51,1) );
$comp-scu-icon-button-primary-disabled-blend-mode: var( --comp-scu-icon-button-primary-disabled-blend-mode , NORMAL );
$comp-scu-icon-button-primary-disabled-corner-radius: var( --comp-scu-icon-button-primary-disabled-corner-radius , 200px );
$comp-scu-icon-button-primary-disabled-width: var( --comp-scu-icon-button-primary-disabled-width , 113px );
$comp-scu-icon-button-primary-disabled-height: var( --comp-scu-icon-button-primary-disabled-height , 40px );
$comp-scu-icon-button-primary-disabled-constraint-horizontal: var( --comp-scu-icon-button-primary-disabled-constraint-horizontal , MAX );
$comp-scu-icon-button-primary-disabled-constraint-vertical: var( --comp-scu-icon-button-primary-disabled-constraint-vertical , MAX );
$comp-scu-icon-button-primary-disabled-constrain-proportions: var( --comp-scu-icon-button-primary-disabled-constrain-proportions , false );
$comp-scu-icon-button-primary-disabled-layout-context: var( --comp-scu-icon-button-primary-disabled-layout-context , ABSOLUTE );
$comp-scu-icon-button-primary-disabled-layout-mode: var( --comp-scu-icon-button-primary-disabled-layout-mode , HORIZONTAL );
$comp-scu-icon-button-primary-disabled-item-spacing: var( --comp-scu-icon-button-primary-disabled-item-spacing , 8px );
$comp-scu-icon-button-primary-disabled-layout-align: var( --comp-scu-icon-button-primary-disabled-layout-align , MIN );
$comp-scu-icon-button-primary-disabled-top: var( --comp-scu-icon-button-primary-disabled-top , -3px );
$comp-scu-icon-button-primary-disabled-top-percent: var( --comp-scu-icon-button-primary-disabled-top-percent , 45.95% );
$comp-scu-icon-button-primary-disabled-bottom: var( --comp-scu-icon-button-primary-disabled-bottom , 0px );
$comp-scu-icon-button-primary-disabled-left: var( --comp-scu-icon-button-primary-disabled-left , 0px );
$comp-scu-icon-button-primary-disabled-left-percent: var( --comp-scu-icon-button-primary-disabled-left-percent , 50% );
$comp-scu-icon-button-primary-disabled-right: var( --comp-scu-icon-button-primary-disabled-right , 0px );
$comp-scu-icon-button-primary-disabled-padding-left: var( --comp-scu-icon-button-primary-disabled-padding-left , 24px );
$comp-scu-icon-button-primary-disabled-padding-right: var( --comp-scu-icon-button-primary-disabled-padding-right , 24px );
$comp-scu-icon-button-primary-disabled-padding-top: var( --comp-scu-icon-button-primary-disabled-padding-top , 8px );
$comp-scu-icon-button-primary-disabled-padding-bottom: var( --comp-scu-icon-button-primary-disabled-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-primary-disabled-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-disabled-icon-background-color: var( --comp-scu-icon-button-primary-disabled-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-primary-disabled-icon-blend-mode: var( --comp-scu-icon-button-primary-disabled-icon-blend-mode , NORMAL );
$comp-scu-icon-button-primary-disabled-icon-corner-radius: var( --comp-scu-icon-button-primary-disabled-icon-corner-radius , 0px );
$comp-scu-icon-button-primary-disabled-icon-width: var( --comp-scu-icon-button-primary-disabled-icon-width , 24px );
$comp-scu-icon-button-primary-disabled-icon-height: var( --comp-scu-icon-button-primary-disabled-icon-height , 24px );
$comp-scu-icon-button-primary-disabled-icon-constraint-horizontal: var( --comp-scu-icon-button-primary-disabled-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-primary-disabled-icon-constraint-vertical: var( --comp-scu-icon-button-primary-disabled-icon-constraint-vertical , MIN );
$comp-scu-icon-button-primary-disabled-icon-constrain-proportions: var( --comp-scu-icon-button-primary-disabled-icon-constrain-proportions , false );
$comp-scu-icon-button-primary-disabled-icon-layout-context: var( --comp-scu-icon-button-primary-disabled-icon-layout-context , FLEX );
$comp-scu-icon-button-primary-disabled-icon-layout-mode: var( --comp-scu-icon-button-primary-disabled-icon-layout-mode , NONE );
$comp-scu-icon-button-primary-disabled-icon-item-spacing: var( --comp-scu-icon-button-primary-disabled-icon-item-spacing , 0px );
$comp-scu-icon-button-primary-disabled-icon-layout-align: var( --comp-scu-icon-button-primary-disabled-icon-layout-align , MAX );
$comp-scu-icon-button-primary-disabled-icon-top: var( --comp-scu-icon-button-primary-disabled-icon-top , 8px );
$comp-scu-icon-button-primary-disabled-icon-top-percent: var( --comp-scu-icon-button-primary-disabled-icon-top-percent , 50% );
$comp-scu-icon-button-primary-disabled-icon-bottom: var( --comp-scu-icon-button-primary-disabled-icon-bottom , 8px );
$comp-scu-icon-button-primary-disabled-icon-left: var( --comp-scu-icon-button-primary-disabled-icon-left , 24px );
$comp-scu-icon-button-primary-disabled-icon-left-percent: var( --comp-scu-icon-button-primary-disabled-icon-left-percent , 31.86% );
$comp-scu-icon-button-primary-disabled-icon-right: var( --comp-scu-icon-button-primary-disabled-icon-right , 65px );
$comp-scu-icon-button-primary-disabled-icon-padding-left: var( --comp-scu-icon-button-primary-disabled-icon-padding-left , 0px );
$comp-scu-icon-button-primary-disabled-icon-padding-right: var( --comp-scu-icon-button-primary-disabled-icon-padding-right , 0px );
$comp-scu-icon-button-primary-disabled-icon-padding-top: var( --comp-scu-icon-button-primary-disabled-icon-padding-top , 0px );
$comp-scu-icon-button-primary-disabled-icon-padding-bottom: var( --comp-scu-icon-button-primary-disabled-icon-padding-bottom , 0px );
$comp-scu-icon-button-primary-disabled-icon-margin-right: var( --comp-scu-icon-button-primary-disabled-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-primary-disabled-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-primary-disabled-label-characters: var( --comp-scu-icon-button-primary-disabled-label-characters , 'label' );
$comp-scu-icon-button-primary-disabled-label-font-size: var( --comp-scu-icon-button-primary-disabled-label-font-size , 16px );
$comp-scu-icon-button-primary-disabled-label-text-align-horizontal: var( --comp-scu-icon-button-primary-disabled-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-primary-disabled-label-text-align-vertical: var( --comp-scu-icon-button-primary-disabled-label-text-align-vertical , CENTER );
$comp-scu-icon-button-primary-disabled-label-color: var( --comp-scu-icon-button-primary-disabled-label-color , rgba(180,216,133,1) );
$comp-scu-icon-button-primary-disabled-label-font-family: var( --comp-scu-icon-button-primary-disabled-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-primary-disabled-label-font-weight: var( --comp-scu-icon-button-primary-disabled-label-font-weight , 700 );
$comp-scu-icon-button-primary-disabled-label-line-height: var( --comp-scu-icon-button-primary-disabled-label-line-height , 18.75px );
$comp-scu-icon-button-primary-disabled-label-letter-spacing: var( --comp-scu-icon-button-primary-disabled-label-letter-spacing , 0px );
$comp-scu-icon-button-primary-disabled-label-width: var( --comp-scu-icon-button-primary-disabled-label-width , 35px );
$comp-scu-icon-button-primary-disabled-label-height: var( --comp-scu-icon-button-primary-disabled-label-height , 19px );
$comp-scu-icon-button-primary-disabled-label-constraint-horizontal: var( --comp-scu-icon-button-primary-disabled-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-primary-disabled-label-constraint-vertical: var( --comp-scu-icon-button-primary-disabled-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-primary-disabled-label-constrain-proportions: var( --comp-scu-icon-button-primary-disabled-label-constrain-proportions , false );
$comp-scu-icon-button-primary-disabled-label-layout-context: var( --comp-scu-icon-button-primary-disabled-label-layout-context , FLEX );
$comp-scu-icon-button-primary-disabled-label-layout-mode: var( --comp-scu-icon-button-primary-disabled-label-layout-mode , NONE );
$comp-scu-icon-button-primary-disabled-label-item-spacing: var( --comp-scu-icon-button-primary-disabled-label-item-spacing , 0px );
$comp-scu-icon-button-primary-disabled-label-layout-align: var( --comp-scu-icon-button-primary-disabled-label-layout-align , CENTER );
$comp-scu-icon-button-primary-disabled-label-top: var( --comp-scu-icon-button-primary-disabled-label-top , 11px );
$comp-scu-icon-button-primary-disabled-label-top-percent: var( --comp-scu-icon-button-primary-disabled-label-top-percent , 51.25% );
$comp-scu-icon-button-primary-disabled-label-bottom: var( --comp-scu-icon-button-primary-disabled-label-bottom , 10px );
$comp-scu-icon-button-primary-disabled-label-left: var( --comp-scu-icon-button-primary-disabled-label-left , 55px );
$comp-scu-icon-button-primary-disabled-label-left-percent: var( --comp-scu-icon-button-primary-disabled-label-left-percent , 64.16% );
$comp-scu-icon-button-primary-disabled-label-right: var( --comp-scu-icon-button-primary-disabled-label-right , 23px );

/*
======================================================
comp-scu-icon-button-outline [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-corner-radius: var( --comp-scu-icon-button-outline-corner-radius , 0px );
$comp-scu-icon-button-outline-width: var( --comp-scu-icon-button-outline-width , 116px );
$comp-scu-icon-button-outline-height: var( --comp-scu-icon-button-outline-height , 37px );
$comp-scu-icon-button-outline-constraint-horizontal: var( --comp-scu-icon-button-outline-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-constraint-vertical: var( --comp-scu-icon-button-outline-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-constrain-proportions: var( --comp-scu-icon-button-outline-constrain-proportions , false );
$comp-scu-icon-button-outline-layout-context: var( --comp-scu-icon-button-outline-layout-context , NONE );
$comp-scu-icon-button-outline-layout-mode: var( --comp-scu-icon-button-outline-layout-mode , NONE );
$comp-scu-icon-button-outline-item-spacing: var( --comp-scu-icon-button-outline-item-spacing , 0px );
$comp-scu-icon-button-outline-layout-align: var( --comp-scu-icon-button-outline-layout-align , MIN );
$comp-scu-icon-button-outline-top: var( --comp-scu-icon-button-outline-top , 0px );
$comp-scu-icon-button-outline-top-percent: var( --comp-scu-icon-button-outline-top-percent , 0% );
$comp-scu-icon-button-outline-bottom: var( --comp-scu-icon-button-outline-bottom , 0px );
$comp-scu-icon-button-outline-left: var( --comp-scu-icon-button-outline-left , 0px );
$comp-scu-icon-button-outline-left-percent: var( --comp-scu-icon-button-outline-left-percent , 0% );
$comp-scu-icon-button-outline-right: var( --comp-scu-icon-button-outline-right , 0px );
$comp-scu-icon-button-outline-padding-left: var( --comp-scu-icon-button-outline-padding-left , 0px );
$comp-scu-icon-button-outline-padding-right: var( --comp-scu-icon-button-outline-padding-right , 0px );
$comp-scu-icon-button-outline-padding-top: var( --comp-scu-icon-button-outline-padding-top , 0px );
$comp-scu-icon-button-outline-padding-bottom: var( --comp-scu-icon-button-outline-padding-bottom , 0px );

/*
======================================================
comp-scu-icon-button-outline-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-default-background-color: var( --comp-scu-icon-button-outline-default-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-outline-default-blend-mode: var( --comp-scu-icon-button-outline-default-blend-mode , NORMAL );
$comp-scu-icon-button-outline-default-stroke-color: var( --comp-scu-icon-button-outline-default-stroke-color , rgba(99,166,10,1) );
$comp-scu-icon-button-outline-default-stroke-weight: var( --comp-scu-icon-button-outline-default-stroke-weight , 1px );
$comp-scu-icon-button-outline-default-stroke-align: var( --comp-scu-icon-button-outline-default-stroke-align , INSIDE );
$comp-scu-icon-button-outline-default-corner-radius: var( --comp-scu-icon-button-outline-default-corner-radius , 200px );
$comp-scu-icon-button-outline-default-width: var( --comp-scu-icon-button-outline-default-width , 114px );
$comp-scu-icon-button-outline-default-height: var( --comp-scu-icon-button-outline-default-height , 40px );
$comp-scu-icon-button-outline-default-constraint-horizontal: var( --comp-scu-icon-button-outline-default-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-default-constraint-vertical: var( --comp-scu-icon-button-outline-default-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-default-constrain-proportions: var( --comp-scu-icon-button-outline-default-constrain-proportions , false );
$comp-scu-icon-button-outline-default-layout-context: var( --comp-scu-icon-button-outline-default-layout-context , ABSOLUTE );
$comp-scu-icon-button-outline-default-layout-mode: var( --comp-scu-icon-button-outline-default-layout-mode , HORIZONTAL );
$comp-scu-icon-button-outline-default-item-spacing: var( --comp-scu-icon-button-outline-default-item-spacing , 8px );
$comp-scu-icon-button-outline-default-layout-align: var( --comp-scu-icon-button-outline-default-layout-align , MIN );
$comp-scu-icon-button-outline-default-top: var( --comp-scu-icon-button-outline-default-top , -1.5px );
$comp-scu-icon-button-outline-default-top-percent: var( --comp-scu-icon-button-outline-default-top-percent , 50% );
$comp-scu-icon-button-outline-default-bottom: var( --comp-scu-icon-button-outline-default-bottom , -1.5px );
$comp-scu-icon-button-outline-default-left: var( --comp-scu-icon-button-outline-default-left , 1px );
$comp-scu-icon-button-outline-default-left-percent: var( --comp-scu-icon-button-outline-default-left-percent , 50% );
$comp-scu-icon-button-outline-default-right: var( --comp-scu-icon-button-outline-default-right , 1px );
$comp-scu-icon-button-outline-default-padding-left: var( --comp-scu-icon-button-outline-default-padding-left , 24px );
$comp-scu-icon-button-outline-default-padding-right: var( --comp-scu-icon-button-outline-default-padding-right , 24px );
$comp-scu-icon-button-outline-default-padding-top: var( --comp-scu-icon-button-outline-default-padding-top , 8px );
$comp-scu-icon-button-outline-default-padding-bottom: var( --comp-scu-icon-button-outline-default-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-outline-default-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-default-icon-background-color: var( --comp-scu-icon-button-outline-default-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-outline-default-icon-blend-mode: var( --comp-scu-icon-button-outline-default-icon-blend-mode , NORMAL );
$comp-scu-icon-button-outline-default-icon-corner-radius: var( --comp-scu-icon-button-outline-default-icon-corner-radius , 0px );
$comp-scu-icon-button-outline-default-icon-width: var( --comp-scu-icon-button-outline-default-icon-width , 24px );
$comp-scu-icon-button-outline-default-icon-height: var( --comp-scu-icon-button-outline-default-icon-height , 24px );
$comp-scu-icon-button-outline-default-icon-constraint-horizontal: var( --comp-scu-icon-button-outline-default-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-outline-default-icon-constraint-vertical: var( --comp-scu-icon-button-outline-default-icon-constraint-vertical , MIN );
$comp-scu-icon-button-outline-default-icon-constrain-proportions: var( --comp-scu-icon-button-outline-default-icon-constrain-proportions , false );
$comp-scu-icon-button-outline-default-icon-layout-context: var( --comp-scu-icon-button-outline-default-icon-layout-context , FLEX );
$comp-scu-icon-button-outline-default-icon-layout-mode: var( --comp-scu-icon-button-outline-default-icon-layout-mode , NONE );
$comp-scu-icon-button-outline-default-icon-item-spacing: var( --comp-scu-icon-button-outline-default-icon-item-spacing , 0px );
$comp-scu-icon-button-outline-default-icon-layout-align: var( --comp-scu-icon-button-outline-default-icon-layout-align , MAX );
$comp-scu-icon-button-outline-default-icon-top: var( --comp-scu-icon-button-outline-default-icon-top , 8px );
$comp-scu-icon-button-outline-default-icon-top-percent: var( --comp-scu-icon-button-outline-default-icon-top-percent , 50% );
$comp-scu-icon-button-outline-default-icon-bottom: var( --comp-scu-icon-button-outline-default-icon-bottom , 8px );
$comp-scu-icon-button-outline-default-icon-left: var( --comp-scu-icon-button-outline-default-icon-left , 24px );
$comp-scu-icon-button-outline-default-icon-left-percent: var( --comp-scu-icon-button-outline-default-icon-left-percent , 31.58% );
$comp-scu-icon-button-outline-default-icon-right: var( --comp-scu-icon-button-outline-default-icon-right , 66px );
$comp-scu-icon-button-outline-default-icon-padding-left: var( --comp-scu-icon-button-outline-default-icon-padding-left , 0px );
$comp-scu-icon-button-outline-default-icon-padding-right: var( --comp-scu-icon-button-outline-default-icon-padding-right , 0px );
$comp-scu-icon-button-outline-default-icon-padding-top: var( --comp-scu-icon-button-outline-default-icon-padding-top , 0px );
$comp-scu-icon-button-outline-default-icon-padding-bottom: var( --comp-scu-icon-button-outline-default-icon-padding-bottom , 0px );
$comp-scu-icon-button-outline-default-icon-margin-right: var( --comp-scu-icon-button-outline-default-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-outline-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-default-label-characters: var( --comp-scu-icon-button-outline-default-label-characters , 'label' );
$comp-scu-icon-button-outline-default-label-font-size: var( --comp-scu-icon-button-outline-default-label-font-size , 16px );
$comp-scu-icon-button-outline-default-label-text-align-horizontal: var( --comp-scu-icon-button-outline-default-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-outline-default-label-text-align-vertical: var( --comp-scu-icon-button-outline-default-label-text-align-vertical , CENTER );
$comp-scu-icon-button-outline-default-label-color: var( --comp-scu-icon-button-outline-default-label-color , rgba(86,144,8,1) );
$comp-scu-icon-button-outline-default-label-font-family: var( --comp-scu-icon-button-outline-default-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-outline-default-label-font-weight: var( --comp-scu-icon-button-outline-default-label-font-weight , 400 );
$comp-scu-icon-button-outline-default-label-line-height: var( --comp-scu-icon-button-outline-default-label-line-height , 18.75px );
$comp-scu-icon-button-outline-default-label-letter-spacing: var( --comp-scu-icon-button-outline-default-label-letter-spacing , 0px );
$comp-scu-icon-button-outline-default-label-width: var( --comp-scu-icon-button-outline-default-label-width , 34px );
$comp-scu-icon-button-outline-default-label-height: var( --comp-scu-icon-button-outline-default-label-height , 19px );
$comp-scu-icon-button-outline-default-label-constraint-horizontal: var( --comp-scu-icon-button-outline-default-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-default-label-constraint-vertical: var( --comp-scu-icon-button-outline-default-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-default-label-constrain-proportions: var( --comp-scu-icon-button-outline-default-label-constrain-proportions , false );
$comp-scu-icon-button-outline-default-label-layout-context: var( --comp-scu-icon-button-outline-default-label-layout-context , FLEX );
$comp-scu-icon-button-outline-default-label-layout-mode: var( --comp-scu-icon-button-outline-default-label-layout-mode , NONE );
$comp-scu-icon-button-outline-default-label-item-spacing: var( --comp-scu-icon-button-outline-default-label-item-spacing , 0px );
$comp-scu-icon-button-outline-default-label-layout-align: var( --comp-scu-icon-button-outline-default-label-layout-align , CENTER );
$comp-scu-icon-button-outline-default-label-top: var( --comp-scu-icon-button-outline-default-label-top , 10.5px );
$comp-scu-icon-button-outline-default-label-top-percent: var( --comp-scu-icon-button-outline-default-label-top-percent , 50% );
$comp-scu-icon-button-outline-default-label-bottom: var( --comp-scu-icon-button-outline-default-label-bottom , 10.5px );
$comp-scu-icon-button-outline-default-label-left: var( --comp-scu-icon-button-outline-default-label-left , 56px );
$comp-scu-icon-button-outline-default-label-left-percent: var( --comp-scu-icon-button-outline-default-label-left-percent , 64.04% );
$comp-scu-icon-button-outline-default-label-right: var( --comp-scu-icon-button-outline-default-label-right , 24px );

/*
======================================================
comp-scu-icon-button-outline-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-hover-background-color: var( --comp-scu-icon-button-outline-hover-background-color , rgba(251,255,246,1) );
$comp-scu-icon-button-outline-hover-blend-mode: var( --comp-scu-icon-button-outline-hover-blend-mode , NORMAL );
$comp-scu-icon-button-outline-hover-stroke-color: var( --comp-scu-icon-button-outline-hover-stroke-color , rgba(99,166,10,1) );
$comp-scu-icon-button-outline-hover-stroke-weight: var( --comp-scu-icon-button-outline-hover-stroke-weight , 1px );
$comp-scu-icon-button-outline-hover-stroke-align: var( --comp-scu-icon-button-outline-hover-stroke-align , INSIDE );
$comp-scu-icon-button-outline-hover-corner-radius: var( --comp-scu-icon-button-outline-hover-corner-radius , 200px );
$comp-scu-icon-button-outline-hover-width: var( --comp-scu-icon-button-outline-hover-width , 116px );
$comp-scu-icon-button-outline-hover-height: var( --comp-scu-icon-button-outline-hover-height , 37px );
$comp-scu-icon-button-outline-hover-constraint-horizontal: var( --comp-scu-icon-button-outline-hover-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-hover-constraint-vertical: var( --comp-scu-icon-button-outline-hover-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-hover-constrain-proportions: var( --comp-scu-icon-button-outline-hover-constrain-proportions , false );
$comp-scu-icon-button-outline-hover-layout-context: var( --comp-scu-icon-button-outline-hover-layout-context , ABSOLUTE );
$comp-scu-icon-button-outline-hover-layout-mode: var( --comp-scu-icon-button-outline-hover-layout-mode , HORIZONTAL );
$comp-scu-icon-button-outline-hover-item-spacing: var( --comp-scu-icon-button-outline-hover-item-spacing , 8px );
$comp-scu-icon-button-outline-hover-layout-align: var( --comp-scu-icon-button-outline-hover-layout-align , MIN );
$comp-scu-icon-button-outline-hover-top: var( --comp-scu-icon-button-outline-hover-top , 0px );
$comp-scu-icon-button-outline-hover-top-percent: var( --comp-scu-icon-button-outline-hover-top-percent , 50% );
$comp-scu-icon-button-outline-hover-bottom: var( --comp-scu-icon-button-outline-hover-bottom , 0px );
$comp-scu-icon-button-outline-hover-left: var( --comp-scu-icon-button-outline-hover-left , 0px );
$comp-scu-icon-button-outline-hover-left-percent: var( --comp-scu-icon-button-outline-hover-left-percent , 50% );
$comp-scu-icon-button-outline-hover-right: var( --comp-scu-icon-button-outline-hover-right , 0px );
$comp-scu-icon-button-outline-hover-padding-left: var( --comp-scu-icon-button-outline-hover-padding-left , 24px );
$comp-scu-icon-button-outline-hover-padding-right: var( --comp-scu-icon-button-outline-hover-padding-right , 24px );
$comp-scu-icon-button-outline-hover-padding-top: var( --comp-scu-icon-button-outline-hover-padding-top , 8px );
$comp-scu-icon-button-outline-hover-padding-bottom: var( --comp-scu-icon-button-outline-hover-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-outline-hover-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-hover-icon-background-color: var( --comp-scu-icon-button-outline-hover-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-outline-hover-icon-blend-mode: var( --comp-scu-icon-button-outline-hover-icon-blend-mode , NORMAL );
$comp-scu-icon-button-outline-hover-icon-corner-radius: var( --comp-scu-icon-button-outline-hover-icon-corner-radius , 0px );
$comp-scu-icon-button-outline-hover-icon-width: var( --comp-scu-icon-button-outline-hover-icon-width , 24px );
$comp-scu-icon-button-outline-hover-icon-height: var( --comp-scu-icon-button-outline-hover-icon-height , 24px );
$comp-scu-icon-button-outline-hover-icon-constraint-horizontal: var( --comp-scu-icon-button-outline-hover-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-outline-hover-icon-constraint-vertical: var( --comp-scu-icon-button-outline-hover-icon-constraint-vertical , MIN );
$comp-scu-icon-button-outline-hover-icon-constrain-proportions: var( --comp-scu-icon-button-outline-hover-icon-constrain-proportions , false );
$comp-scu-icon-button-outline-hover-icon-layout-context: var( --comp-scu-icon-button-outline-hover-icon-layout-context , FLEX );
$comp-scu-icon-button-outline-hover-icon-layout-mode: var( --comp-scu-icon-button-outline-hover-icon-layout-mode , NONE );
$comp-scu-icon-button-outline-hover-icon-item-spacing: var( --comp-scu-icon-button-outline-hover-icon-item-spacing , 0px );
$comp-scu-icon-button-outline-hover-icon-layout-align: var( --comp-scu-icon-button-outline-hover-icon-layout-align , MAX );
$comp-scu-icon-button-outline-hover-icon-top: var( --comp-scu-icon-button-outline-hover-icon-top , 8px );
$comp-scu-icon-button-outline-hover-icon-top-percent: var( --comp-scu-icon-button-outline-hover-icon-top-percent , 54.05% );
$comp-scu-icon-button-outline-hover-icon-bottom: var( --comp-scu-icon-button-outline-hover-icon-bottom , 5px );
$comp-scu-icon-button-outline-hover-icon-left: var( --comp-scu-icon-button-outline-hover-icon-left , 24px );
$comp-scu-icon-button-outline-hover-icon-left-percent: var( --comp-scu-icon-button-outline-hover-icon-left-percent , 31.03% );
$comp-scu-icon-button-outline-hover-icon-right: var( --comp-scu-icon-button-outline-hover-icon-right , 68px );
$comp-scu-icon-button-outline-hover-icon-padding-left: var( --comp-scu-icon-button-outline-hover-icon-padding-left , 0px );
$comp-scu-icon-button-outline-hover-icon-padding-right: var( --comp-scu-icon-button-outline-hover-icon-padding-right , 0px );
$comp-scu-icon-button-outline-hover-icon-padding-top: var( --comp-scu-icon-button-outline-hover-icon-padding-top , 0px );
$comp-scu-icon-button-outline-hover-icon-padding-bottom: var( --comp-scu-icon-button-outline-hover-icon-padding-bottom , 0px );
$comp-scu-icon-button-outline-hover-icon-margin-right: var( --comp-scu-icon-button-outline-hover-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-outline-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-hover-label-characters: var( --comp-scu-icon-button-outline-hover-label-characters , 'label' );
$comp-scu-icon-button-outline-hover-label-font-size: var( --comp-scu-icon-button-outline-hover-label-font-size , 16px );
$comp-scu-icon-button-outline-hover-label-text-align-horizontal: var( --comp-scu-icon-button-outline-hover-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-outline-hover-label-text-align-vertical: var( --comp-scu-icon-button-outline-hover-label-text-align-vertical , CENTER );
$comp-scu-icon-button-outline-hover-label-color: var( --comp-scu-icon-button-outline-hover-label-color , rgba(86,144,8,1) );
$comp-scu-icon-button-outline-hover-label-font-family: var( --comp-scu-icon-button-outline-hover-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-outline-hover-label-font-weight: var( --comp-scu-icon-button-outline-hover-label-font-weight , 400 );
$comp-scu-icon-button-outline-hover-label-line-height: var( --comp-scu-icon-button-outline-hover-label-line-height , 18.75px );
$comp-scu-icon-button-outline-hover-label-letter-spacing: var( --comp-scu-icon-button-outline-hover-label-letter-spacing , 0px );
$comp-scu-icon-button-outline-hover-label-width: var( --comp-scu-icon-button-outline-hover-label-width , 34px );
$comp-scu-icon-button-outline-hover-label-height: var( --comp-scu-icon-button-outline-hover-label-height , 19px );
$comp-scu-icon-button-outline-hover-label-constraint-horizontal: var( --comp-scu-icon-button-outline-hover-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-hover-label-constraint-vertical: var( --comp-scu-icon-button-outline-hover-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-hover-label-constrain-proportions: var( --comp-scu-icon-button-outline-hover-label-constrain-proportions , false );
$comp-scu-icon-button-outline-hover-label-layout-context: var( --comp-scu-icon-button-outline-hover-label-layout-context , FLEX );
$comp-scu-icon-button-outline-hover-label-layout-mode: var( --comp-scu-icon-button-outline-hover-label-layout-mode , NONE );
$comp-scu-icon-button-outline-hover-label-item-spacing: var( --comp-scu-icon-button-outline-hover-label-item-spacing , 0px );
$comp-scu-icon-button-outline-hover-label-layout-align: var( --comp-scu-icon-button-outline-hover-label-layout-align , CENTER );
$comp-scu-icon-button-outline-hover-label-top: var( --comp-scu-icon-button-outline-hover-label-top , 11px );
$comp-scu-icon-button-outline-hover-label-top-percent: var( --comp-scu-icon-button-outline-hover-label-top-percent , 55.41% );
$comp-scu-icon-button-outline-hover-label-bottom: var( --comp-scu-icon-button-outline-hover-label-bottom , 7px );
$comp-scu-icon-button-outline-hover-label-left: var( --comp-scu-icon-button-outline-hover-label-left , 55px );
$comp-scu-icon-button-outline-hover-label-left-percent: var( --comp-scu-icon-button-outline-hover-label-left-percent , 62.07% );
$comp-scu-icon-button-outline-hover-label-right: var( --comp-scu-icon-button-outline-hover-label-right , 27px );

/*
======================================================
comp-scu-icon-button-outline-focus [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-focus-background-color: var( --comp-scu-icon-button-outline-focus-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-outline-focus-blend-mode: var( --comp-scu-icon-button-outline-focus-blend-mode , NORMAL );
$comp-scu-icon-button-outline-focus-corner-radius: var( --comp-scu-icon-button-outline-focus-corner-radius , 200px );
$comp-scu-icon-button-outline-focus-shadow-color: var( --comp-scu-icon-button-outline-focus-shadow-color , rgba(53,155,249,1) );
$comp-scu-icon-button-outline-focus-shadow-offset-x: var( --comp-scu-icon-button-outline-focus-shadow-offset-x , 0px );
$comp-scu-icon-button-outline-focus-shadow-offset-y: var( --comp-scu-icon-button-outline-focus-shadow-offset-y , 0px );
$comp-scu-icon-button-outline-focus-shadow-radius: var( --comp-scu-icon-button-outline-focus-shadow-radius , 0px );
$comp-scu-icon-button-outline-focus-shadow-spread: var( --comp-scu-icon-button-outline-focus-shadow-spread , 2px );
$comp-scu-icon-button-outline-focus-shadow: var( --comp-scu-icon-button-outline-focus-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );
$comp-scu-icon-button-outline-focus-width: var( --comp-scu-icon-button-outline-focus-width , 116px );
$comp-scu-icon-button-outline-focus-height: var( --comp-scu-icon-button-outline-focus-height , 37px );
$comp-scu-icon-button-outline-focus-constraint-horizontal: var( --comp-scu-icon-button-outline-focus-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-focus-constraint-vertical: var( --comp-scu-icon-button-outline-focus-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-focus-constrain-proportions: var( --comp-scu-icon-button-outline-focus-constrain-proportions , false );
$comp-scu-icon-button-outline-focus-layout-context: var( --comp-scu-icon-button-outline-focus-layout-context , ABSOLUTE );
$comp-scu-icon-button-outline-focus-layout-mode: var( --comp-scu-icon-button-outline-focus-layout-mode , HORIZONTAL );
$comp-scu-icon-button-outline-focus-item-spacing: var( --comp-scu-icon-button-outline-focus-item-spacing , 8px );
$comp-scu-icon-button-outline-focus-layout-align: var( --comp-scu-icon-button-outline-focus-layout-align , MIN );
$comp-scu-icon-button-outline-focus-top: var( --comp-scu-icon-button-outline-focus-top , 0px );
$comp-scu-icon-button-outline-focus-top-percent: var( --comp-scu-icon-button-outline-focus-top-percent , 50% );
$comp-scu-icon-button-outline-focus-bottom: var( --comp-scu-icon-button-outline-focus-bottom , 0px );
$comp-scu-icon-button-outline-focus-left: var( --comp-scu-icon-button-outline-focus-left , 0px );
$comp-scu-icon-button-outline-focus-left-percent: var( --comp-scu-icon-button-outline-focus-left-percent , 50% );
$comp-scu-icon-button-outline-focus-right: var( --comp-scu-icon-button-outline-focus-right , 0px );
$comp-scu-icon-button-outline-focus-padding-left: var( --comp-scu-icon-button-outline-focus-padding-left , 24px );
$comp-scu-icon-button-outline-focus-padding-right: var( --comp-scu-icon-button-outline-focus-padding-right , 24px );
$comp-scu-icon-button-outline-focus-padding-top: var( --comp-scu-icon-button-outline-focus-padding-top , 8px );
$comp-scu-icon-button-outline-focus-padding-bottom: var( --comp-scu-icon-button-outline-focus-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-outline-focus-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-focus-icon-background-color: var( --comp-scu-icon-button-outline-focus-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-outline-focus-icon-blend-mode: var( --comp-scu-icon-button-outline-focus-icon-blend-mode , NORMAL );
$comp-scu-icon-button-outline-focus-icon-corner-radius: var( --comp-scu-icon-button-outline-focus-icon-corner-radius , 0px );
$comp-scu-icon-button-outline-focus-icon-width: var( --comp-scu-icon-button-outline-focus-icon-width , 24px );
$comp-scu-icon-button-outline-focus-icon-height: var( --comp-scu-icon-button-outline-focus-icon-height , 24px );
$comp-scu-icon-button-outline-focus-icon-constraint-horizontal: var( --comp-scu-icon-button-outline-focus-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-outline-focus-icon-constraint-vertical: var( --comp-scu-icon-button-outline-focus-icon-constraint-vertical , MIN );
$comp-scu-icon-button-outline-focus-icon-constrain-proportions: var( --comp-scu-icon-button-outline-focus-icon-constrain-proportions , false );
$comp-scu-icon-button-outline-focus-icon-layout-context: var( --comp-scu-icon-button-outline-focus-icon-layout-context , FLEX );
$comp-scu-icon-button-outline-focus-icon-layout-mode: var( --comp-scu-icon-button-outline-focus-icon-layout-mode , NONE );
$comp-scu-icon-button-outline-focus-icon-item-spacing: var( --comp-scu-icon-button-outline-focus-icon-item-spacing , 0px );
$comp-scu-icon-button-outline-focus-icon-layout-align: var( --comp-scu-icon-button-outline-focus-icon-layout-align , MAX );
$comp-scu-icon-button-outline-focus-icon-top: var( --comp-scu-icon-button-outline-focus-icon-top , 8px );
$comp-scu-icon-button-outline-focus-icon-top-percent: var( --comp-scu-icon-button-outline-focus-icon-top-percent , 54.05% );
$comp-scu-icon-button-outline-focus-icon-bottom: var( --comp-scu-icon-button-outline-focus-icon-bottom , 5px );
$comp-scu-icon-button-outline-focus-icon-left: var( --comp-scu-icon-button-outline-focus-icon-left , 24px );
$comp-scu-icon-button-outline-focus-icon-left-percent: var( --comp-scu-icon-button-outline-focus-icon-left-percent , 31.03% );
$comp-scu-icon-button-outline-focus-icon-right: var( --comp-scu-icon-button-outline-focus-icon-right , 68px );
$comp-scu-icon-button-outline-focus-icon-padding-left: var( --comp-scu-icon-button-outline-focus-icon-padding-left , 0px );
$comp-scu-icon-button-outline-focus-icon-padding-right: var( --comp-scu-icon-button-outline-focus-icon-padding-right , 0px );
$comp-scu-icon-button-outline-focus-icon-padding-top: var( --comp-scu-icon-button-outline-focus-icon-padding-top , 0px );
$comp-scu-icon-button-outline-focus-icon-padding-bottom: var( --comp-scu-icon-button-outline-focus-icon-padding-bottom , 0px );
$comp-scu-icon-button-outline-focus-icon-margin-right: var( --comp-scu-icon-button-outline-focus-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-outline-focus-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-focus-label-characters: var( --comp-scu-icon-button-outline-focus-label-characters , 'label' );
$comp-scu-icon-button-outline-focus-label-font-size: var( --comp-scu-icon-button-outline-focus-label-font-size , 16px );
$comp-scu-icon-button-outline-focus-label-text-align-horizontal: var( --comp-scu-icon-button-outline-focus-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-outline-focus-label-text-align-vertical: var( --comp-scu-icon-button-outline-focus-label-text-align-vertical , CENTER );
$comp-scu-icon-button-outline-focus-label-color: var( --comp-scu-icon-button-outline-focus-label-color , rgba(86,144,8,1) );
$comp-scu-icon-button-outline-focus-label-font-family: var( --comp-scu-icon-button-outline-focus-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-outline-focus-label-font-weight: var( --comp-scu-icon-button-outline-focus-label-font-weight , 400 );
$comp-scu-icon-button-outline-focus-label-line-height: var( --comp-scu-icon-button-outline-focus-label-line-height , 18.75px );
$comp-scu-icon-button-outline-focus-label-letter-spacing: var( --comp-scu-icon-button-outline-focus-label-letter-spacing , 0px );
$comp-scu-icon-button-outline-focus-label-width: var( --comp-scu-icon-button-outline-focus-label-width , 34px );
$comp-scu-icon-button-outline-focus-label-height: var( --comp-scu-icon-button-outline-focus-label-height , 19px );
$comp-scu-icon-button-outline-focus-label-constraint-horizontal: var( --comp-scu-icon-button-outline-focus-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-focus-label-constraint-vertical: var( --comp-scu-icon-button-outline-focus-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-focus-label-constrain-proportions: var( --comp-scu-icon-button-outline-focus-label-constrain-proportions , false );
$comp-scu-icon-button-outline-focus-label-layout-context: var( --comp-scu-icon-button-outline-focus-label-layout-context , FLEX );
$comp-scu-icon-button-outline-focus-label-layout-mode: var( --comp-scu-icon-button-outline-focus-label-layout-mode , NONE );
$comp-scu-icon-button-outline-focus-label-item-spacing: var( --comp-scu-icon-button-outline-focus-label-item-spacing , 0px );
$comp-scu-icon-button-outline-focus-label-layout-align: var( --comp-scu-icon-button-outline-focus-label-layout-align , CENTER );
$comp-scu-icon-button-outline-focus-label-top: var( --comp-scu-icon-button-outline-focus-label-top , 11px );
$comp-scu-icon-button-outline-focus-label-top-percent: var( --comp-scu-icon-button-outline-focus-label-top-percent , 55.41% );
$comp-scu-icon-button-outline-focus-label-bottom: var( --comp-scu-icon-button-outline-focus-label-bottom , 7px );
$comp-scu-icon-button-outline-focus-label-left: var( --comp-scu-icon-button-outline-focus-label-left , 55px );
$comp-scu-icon-button-outline-focus-label-left-percent: var( --comp-scu-icon-button-outline-focus-label-left-percent , 62.07% );
$comp-scu-icon-button-outline-focus-label-right: var( --comp-scu-icon-button-outline-focus-label-right , 27px );

/*
======================================================
comp-scu-icon-button-outline-disabled [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-disabled-background-color: var( --comp-scu-icon-button-outline-disabled-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-outline-disabled-blend-mode: var( --comp-scu-icon-button-outline-disabled-blend-mode , NORMAL );
$comp-scu-icon-button-outline-disabled-stroke-color: var( --comp-scu-icon-button-outline-disabled-stroke-color , rgba(187,218,146,1) );
$comp-scu-icon-button-outline-disabled-stroke-weight: var( --comp-scu-icon-button-outline-disabled-stroke-weight , 1px );
$comp-scu-icon-button-outline-disabled-stroke-align: var( --comp-scu-icon-button-outline-disabled-stroke-align , INSIDE );
$comp-scu-icon-button-outline-disabled-corner-radius: var( --comp-scu-icon-button-outline-disabled-corner-radius , 200px );
$comp-scu-icon-button-outline-disabled-width: var( --comp-scu-icon-button-outline-disabled-width , 112px );
$comp-scu-icon-button-outline-disabled-height: var( --comp-scu-icon-button-outline-disabled-height , 40px );
$comp-scu-icon-button-outline-disabled-constraint-horizontal: var( --comp-scu-icon-button-outline-disabled-constraint-horizontal , MAX );
$comp-scu-icon-button-outline-disabled-constraint-vertical: var( --comp-scu-icon-button-outline-disabled-constraint-vertical , MAX );
$comp-scu-icon-button-outline-disabled-constrain-proportions: var( --comp-scu-icon-button-outline-disabled-constrain-proportions , false );
$comp-scu-icon-button-outline-disabled-layout-context: var( --comp-scu-icon-button-outline-disabled-layout-context , ABSOLUTE );
$comp-scu-icon-button-outline-disabled-layout-mode: var( --comp-scu-icon-button-outline-disabled-layout-mode , HORIZONTAL );
$comp-scu-icon-button-outline-disabled-item-spacing: var( --comp-scu-icon-button-outline-disabled-item-spacing , 8px );
$comp-scu-icon-button-outline-disabled-layout-align: var( --comp-scu-icon-button-outline-disabled-layout-align , MIN );
$comp-scu-icon-button-outline-disabled-top: var( --comp-scu-icon-button-outline-disabled-top , -3px );
$comp-scu-icon-button-outline-disabled-top-percent: var( --comp-scu-icon-button-outline-disabled-top-percent , 45.95% );
$comp-scu-icon-button-outline-disabled-bottom: var( --comp-scu-icon-button-outline-disabled-bottom , 0px );
$comp-scu-icon-button-outline-disabled-left: var( --comp-scu-icon-button-outline-disabled-left , 4px );
$comp-scu-icon-button-outline-disabled-left-percent: var( --comp-scu-icon-button-outline-disabled-left-percent , 51.72% );
$comp-scu-icon-button-outline-disabled-right: var( --comp-scu-icon-button-outline-disabled-right , 0px );
$comp-scu-icon-button-outline-disabled-padding-left: var( --comp-scu-icon-button-outline-disabled-padding-left , 24px );
$comp-scu-icon-button-outline-disabled-padding-right: var( --comp-scu-icon-button-outline-disabled-padding-right , 24px );
$comp-scu-icon-button-outline-disabled-padding-top: var( --comp-scu-icon-button-outline-disabled-padding-top , 8px );
$comp-scu-icon-button-outline-disabled-padding-bottom: var( --comp-scu-icon-button-outline-disabled-padding-bottom , 8px );

/*
======================================================
comp-scu-icon-button-outline-disabled-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-disabled-icon-background-color: var( --comp-scu-icon-button-outline-disabled-icon-background-color , rgba(255,255,255,1) );
$comp-scu-icon-button-outline-disabled-icon-blend-mode: var( --comp-scu-icon-button-outline-disabled-icon-blend-mode , NORMAL );
$comp-scu-icon-button-outline-disabled-icon-corner-radius: var( --comp-scu-icon-button-outline-disabled-icon-corner-radius , 0px );
$comp-scu-icon-button-outline-disabled-icon-width: var( --comp-scu-icon-button-outline-disabled-icon-width , 24px );
$comp-scu-icon-button-outline-disabled-icon-height: var( --comp-scu-icon-button-outline-disabled-icon-height , 24px );
$comp-scu-icon-button-outline-disabled-icon-constraint-horizontal: var( --comp-scu-icon-button-outline-disabled-icon-constraint-horizontal , MIN );
$comp-scu-icon-button-outline-disabled-icon-constraint-vertical: var( --comp-scu-icon-button-outline-disabled-icon-constraint-vertical , MIN );
$comp-scu-icon-button-outline-disabled-icon-constrain-proportions: var( --comp-scu-icon-button-outline-disabled-icon-constrain-proportions , false );
$comp-scu-icon-button-outline-disabled-icon-layout-context: var( --comp-scu-icon-button-outline-disabled-icon-layout-context , FLEX );
$comp-scu-icon-button-outline-disabled-icon-layout-mode: var( --comp-scu-icon-button-outline-disabled-icon-layout-mode , NONE );
$comp-scu-icon-button-outline-disabled-icon-item-spacing: var( --comp-scu-icon-button-outline-disabled-icon-item-spacing , 0px );
$comp-scu-icon-button-outline-disabled-icon-layout-align: var( --comp-scu-icon-button-outline-disabled-icon-layout-align , MAX );
$comp-scu-icon-button-outline-disabled-icon-top: var( --comp-scu-icon-button-outline-disabled-icon-top , 8px );
$comp-scu-icon-button-outline-disabled-icon-top-percent: var( --comp-scu-icon-button-outline-disabled-icon-top-percent , 50% );
$comp-scu-icon-button-outline-disabled-icon-bottom: var( --comp-scu-icon-button-outline-disabled-icon-bottom , 8px );
$comp-scu-icon-button-outline-disabled-icon-left: var( --comp-scu-icon-button-outline-disabled-icon-left , 24px );
$comp-scu-icon-button-outline-disabled-icon-left-percent: var( --comp-scu-icon-button-outline-disabled-icon-left-percent , 32.14% );
$comp-scu-icon-button-outline-disabled-icon-right: var( --comp-scu-icon-button-outline-disabled-icon-right , 64px );
$comp-scu-icon-button-outline-disabled-icon-padding-left: var( --comp-scu-icon-button-outline-disabled-icon-padding-left , 0px );
$comp-scu-icon-button-outline-disabled-icon-padding-right: var( --comp-scu-icon-button-outline-disabled-icon-padding-right , 0px );
$comp-scu-icon-button-outline-disabled-icon-padding-top: var( --comp-scu-icon-button-outline-disabled-icon-padding-top , 0px );
$comp-scu-icon-button-outline-disabled-icon-padding-bottom: var( --comp-scu-icon-button-outline-disabled-icon-padding-bottom , 0px );
$comp-scu-icon-button-outline-disabled-icon-margin-right: var( --comp-scu-icon-button-outline-disabled-icon-margin-right , 8px );

/*
======================================================
comp-scu-icon-button-outline-disabled-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-icon-button-outline-disabled-label-characters: var( --comp-scu-icon-button-outline-disabled-label-characters , 'label' );
$comp-scu-icon-button-outline-disabled-label-font-size: var( --comp-scu-icon-button-outline-disabled-label-font-size , 16px );
$comp-scu-icon-button-outline-disabled-label-text-align-horizontal: var( --comp-scu-icon-button-outline-disabled-label-text-align-horizontal , CENTER );
$comp-scu-icon-button-outline-disabled-label-text-align-vertical: var( --comp-scu-icon-button-outline-disabled-label-text-align-vertical , CENTER );
$comp-scu-icon-button-outline-disabled-label-color: var( --comp-scu-icon-button-outline-disabled-label-color , rgba(201,227,166,1) );
$comp-scu-icon-button-outline-disabled-label-font-family: var( --comp-scu-icon-button-outline-disabled-label-font-family , 'Proxima Nova' );
$comp-scu-icon-button-outline-disabled-label-font-weight: var( --comp-scu-icon-button-outline-disabled-label-font-weight , 400 );
$comp-scu-icon-button-outline-disabled-label-line-height: var( --comp-scu-icon-button-outline-disabled-label-line-height , 18.75px );
$comp-scu-icon-button-outline-disabled-label-letter-spacing: var( --comp-scu-icon-button-outline-disabled-label-letter-spacing , 0px );
$comp-scu-icon-button-outline-disabled-label-width: var( --comp-scu-icon-button-outline-disabled-label-width , 34px );
$comp-scu-icon-button-outline-disabled-label-height: var( --comp-scu-icon-button-outline-disabled-label-height , 19px );
$comp-scu-icon-button-outline-disabled-label-constraint-horizontal: var( --comp-scu-icon-button-outline-disabled-label-constraint-horizontal , STRETCH );
$comp-scu-icon-button-outline-disabled-label-constraint-vertical: var( --comp-scu-icon-button-outline-disabled-label-constraint-vertical , STRETCH );
$comp-scu-icon-button-outline-disabled-label-constrain-proportions: var( --comp-scu-icon-button-outline-disabled-label-constrain-proportions , false );
$comp-scu-icon-button-outline-disabled-label-layout-context: var( --comp-scu-icon-button-outline-disabled-label-layout-context , FLEX );
$comp-scu-icon-button-outline-disabled-label-layout-mode: var( --comp-scu-icon-button-outline-disabled-label-layout-mode , NONE );
$comp-scu-icon-button-outline-disabled-label-item-spacing: var( --comp-scu-icon-button-outline-disabled-label-item-spacing , 0px );
$comp-scu-icon-button-outline-disabled-label-layout-align: var( --comp-scu-icon-button-outline-disabled-label-layout-align , CENTER );
$comp-scu-icon-button-outline-disabled-label-top: var( --comp-scu-icon-button-outline-disabled-label-top , 11px );
$comp-scu-icon-button-outline-disabled-label-top-percent: var( --comp-scu-icon-button-outline-disabled-label-top-percent , 51.25% );
$comp-scu-icon-button-outline-disabled-label-bottom: var( --comp-scu-icon-button-outline-disabled-label-bottom , 10px );
$comp-scu-icon-button-outline-disabled-label-left: var( --comp-scu-icon-button-outline-disabled-label-left , 55px );
$comp-scu-icon-button-outline-disabled-label-left-percent: var( --comp-scu-icon-button-outline-disabled-label-left-percent , 64.29% );
$comp-scu-icon-button-outline-disabled-label-right: var( --comp-scu-icon-button-outline-disabled-label-right , 23px );

/*
======================================================
comp-scu-nav-item-v [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-background-color: var( --comp-scu-nav-item-v-background-color , rgba(255,255,255,1) );
$comp-scu-nav-item-v-blend-mode: var( --comp-scu-nav-item-v-blend-mode , NORMAL );
$comp-scu-nav-item-v-corner-radius: var( --comp-scu-nav-item-v-corner-radius , 0px );
$comp-scu-nav-item-v-width: var( --comp-scu-nav-item-v-width , 246px );
$comp-scu-nav-item-v-height: var( --comp-scu-nav-item-v-height , 40px );
$comp-scu-nav-item-v-constraint-horizontal: var( --comp-scu-nav-item-v-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-constraint-vertical: var( --comp-scu-nav-item-v-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-constrain-proportions: var( --comp-scu-nav-item-v-constrain-proportions , false );
$comp-scu-nav-item-v-layout-context: var( --comp-scu-nav-item-v-layout-context , NONE );
$comp-scu-nav-item-v-layout-mode: var( --comp-scu-nav-item-v-layout-mode , NONE );
$comp-scu-nav-item-v-item-spacing: var( --comp-scu-nav-item-v-item-spacing , 0px );
$comp-scu-nav-item-v-layout-align: var( --comp-scu-nav-item-v-layout-align , MIN );
$comp-scu-nav-item-v-top: var( --comp-scu-nav-item-v-top , 0px );
$comp-scu-nav-item-v-top-percent: var( --comp-scu-nav-item-v-top-percent , 0% );
$comp-scu-nav-item-v-bottom: var( --comp-scu-nav-item-v-bottom , 0px );
$comp-scu-nav-item-v-left: var( --comp-scu-nav-item-v-left , 0px );
$comp-scu-nav-item-v-left-percent: var( --comp-scu-nav-item-v-left-percent , 0% );
$comp-scu-nav-item-v-right: var( --comp-scu-nav-item-v-right , 0px );
$comp-scu-nav-item-v-padding-left: var( --comp-scu-nav-item-v-padding-left , 0px );
$comp-scu-nav-item-v-padding-right: var( --comp-scu-nav-item-v-padding-right , 0px );
$comp-scu-nav-item-v-padding-top: var( --comp-scu-nav-item-v-padding-top , 0px );
$comp-scu-nav-item-v-padding-bottom: var( --comp-scu-nav-item-v-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-default-corner-radius: var( --comp-scu-nav-item-v-default-corner-radius , 0px );
$comp-scu-nav-item-v-default-width: var( --comp-scu-nav-item-v-default-width , 246px );
$comp-scu-nav-item-v-default-height: var( --comp-scu-nav-item-v-default-height , 40px );
$comp-scu-nav-item-v-default-constraint-horizontal: var( --comp-scu-nav-item-v-default-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-default-constraint-vertical: var( --comp-scu-nav-item-v-default-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-default-constrain-proportions: var( --comp-scu-nav-item-v-default-constrain-proportions , false );
$comp-scu-nav-item-v-default-layout-context: var( --comp-scu-nav-item-v-default-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-default-layout-mode: var( --comp-scu-nav-item-v-default-layout-mode , NONE );
$comp-scu-nav-item-v-default-item-spacing: var( --comp-scu-nav-item-v-default-item-spacing , 0px );
$comp-scu-nav-item-v-default-layout-align: var( --comp-scu-nav-item-v-default-layout-align , MIN );
$comp-scu-nav-item-v-default-top: var( --comp-scu-nav-item-v-default-top , 0px );
$comp-scu-nav-item-v-default-top-percent: var( --comp-scu-nav-item-v-default-top-percent , 50% );
$comp-scu-nav-item-v-default-bottom: var( --comp-scu-nav-item-v-default-bottom , 0px );
$comp-scu-nav-item-v-default-left: var( --comp-scu-nav-item-v-default-left , 0px );
$comp-scu-nav-item-v-default-left-percent: var( --comp-scu-nav-item-v-default-left-percent , 50% );
$comp-scu-nav-item-v-default-right: var( --comp-scu-nav-item-v-default-right , 0px );
$comp-scu-nav-item-v-default-padding-left: var( --comp-scu-nav-item-v-default-padding-left , 0px );
$comp-scu-nav-item-v-default-padding-right: var( --comp-scu-nav-item-v-default-padding-right , 0px );
$comp-scu-nav-item-v-default-padding-top: var( --comp-scu-nav-item-v-default-padding-top , 0px );
$comp-scu-nav-item-v-default-padding-bottom: var( --comp-scu-nav-item-v-default-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-default-label-characters: var( --comp-scu-nav-item-v-default-label-characters , 'label' );
$comp-scu-nav-item-v-default-label-font-size: var( --comp-scu-nav-item-v-default-label-font-size , 15px );
$comp-scu-nav-item-v-default-label-text-align-horizontal: var( --comp-scu-nav-item-v-default-label-text-align-horizontal , LEFT );
$comp-scu-nav-item-v-default-label-text-align-vertical: var( --comp-scu-nav-item-v-default-label-text-align-vertical , CENTER );
$comp-scu-nav-item-v-default-label-color: var( --comp-scu-nav-item-v-default-label-color , rgba(54,54,54,1) );
$comp-scu-nav-item-v-default-label-font-family: var( --comp-scu-nav-item-v-default-label-font-family , 'Proxima Nova' );
$comp-scu-nav-item-v-default-label-font-weight: var( --comp-scu-nav-item-v-default-label-font-weight , 400 );
$comp-scu-nav-item-v-default-label-line-height: var( --comp-scu-nav-item-v-default-label-line-height , 17.58px );
$comp-scu-nav-item-v-default-label-letter-spacing: var( --comp-scu-nav-item-v-default-label-letter-spacing , 0px );
$comp-scu-nav-item-v-default-label-width: var( --comp-scu-nav-item-v-default-label-width , 209px );
$comp-scu-nav-item-v-default-label-height: var( --comp-scu-nav-item-v-default-label-height , 18px );
$comp-scu-nav-item-v-default-label-constraint-horizontal: var( --comp-scu-nav-item-v-default-label-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-default-label-constraint-vertical: var( --comp-scu-nav-item-v-default-label-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-default-label-constrain-proportions: var( --comp-scu-nav-item-v-default-label-constrain-proportions , false );
$comp-scu-nav-item-v-default-label-layout-context: var( --comp-scu-nav-item-v-default-label-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-default-label-layout-mode: var( --comp-scu-nav-item-v-default-label-layout-mode , NONE );
$comp-scu-nav-item-v-default-label-item-spacing: var( --comp-scu-nav-item-v-default-label-item-spacing , 0px );
$comp-scu-nav-item-v-default-label-layout-align: var( --comp-scu-nav-item-v-default-label-layout-align , MIN );
$comp-scu-nav-item-v-default-label-top: var( --comp-scu-nav-item-v-default-label-top , 11px );
$comp-scu-nav-item-v-default-label-top-percent: var( --comp-scu-nav-item-v-default-label-top-percent , 50% );
$comp-scu-nav-item-v-default-label-bottom: var( --comp-scu-nav-item-v-default-label-bottom , 11px );
$comp-scu-nav-item-v-default-label-left: var( --comp-scu-nav-item-v-default-label-left , 32px );
$comp-scu-nav-item-v-default-label-left-percent: var( --comp-scu-nav-item-v-default-label-left-percent , 55.49% );
$comp-scu-nav-item-v-default-label-right: var( --comp-scu-nav-item-v-default-label-right , 5px );

/*
======================================================
comp-scu-nav-item-v-default-line-top [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-default-line-top-background-color: var( --comp-scu-nav-item-v-default-line-top-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-default-line-top-blend-mode: var( --comp-scu-nav-item-v-default-line-top-blend-mode , NORMAL );
$comp-scu-nav-item-v-default-line-top-corner-radius: var( --comp-scu-nav-item-v-default-line-top-corner-radius , 0px );
$comp-scu-nav-item-v-default-line-top-width: var( --comp-scu-nav-item-v-default-line-top-width , 246px );
$comp-scu-nav-item-v-default-line-top-height: var( --comp-scu-nav-item-v-default-line-top-height , 1px );
$comp-scu-nav-item-v-default-line-top-constraint-horizontal: var( --comp-scu-nav-item-v-default-line-top-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-default-line-top-constraint-vertical: var( --comp-scu-nav-item-v-default-line-top-constraint-vertical , MIN );
$comp-scu-nav-item-v-default-line-top-constrain-proportions: var( --comp-scu-nav-item-v-default-line-top-constrain-proportions , false );
$comp-scu-nav-item-v-default-line-top-layout-context: var( --comp-scu-nav-item-v-default-line-top-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-default-line-top-layout-mode: var( --comp-scu-nav-item-v-default-line-top-layout-mode , NONE );
$comp-scu-nav-item-v-default-line-top-item-spacing: var( --comp-scu-nav-item-v-default-line-top-item-spacing , 0px );
$comp-scu-nav-item-v-default-line-top-layout-align: var( --comp-scu-nav-item-v-default-line-top-layout-align , MIN );
$comp-scu-nav-item-v-default-line-top-top: var( --comp-scu-nav-item-v-default-line-top-top , 0px );
$comp-scu-nav-item-v-default-line-top-top-percent: var( --comp-scu-nav-item-v-default-line-top-top-percent , 1.25% );
$comp-scu-nav-item-v-default-line-top-bottom: var( --comp-scu-nav-item-v-default-line-top-bottom , 39px );
$comp-scu-nav-item-v-default-line-top-left: var( --comp-scu-nav-item-v-default-line-top-left , 0px );
$comp-scu-nav-item-v-default-line-top-left-percent: var( --comp-scu-nav-item-v-default-line-top-left-percent , 50% );
$comp-scu-nav-item-v-default-line-top-right: var( --comp-scu-nav-item-v-default-line-top-right , 0px );
$comp-scu-nav-item-v-default-line-top-padding-left: var( --comp-scu-nav-item-v-default-line-top-padding-left , 0px );
$comp-scu-nav-item-v-default-line-top-padding-right: var( --comp-scu-nav-item-v-default-line-top-padding-right , 0px );
$comp-scu-nav-item-v-default-line-top-padding-top: var( --comp-scu-nav-item-v-default-line-top-padding-top , 0px );
$comp-scu-nav-item-v-default-line-top-padding-bottom: var( --comp-scu-nav-item-v-default-line-top-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-default-line-bottom [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-default-line-bottom-background-color: var( --comp-scu-nav-item-v-default-line-bottom-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-default-line-bottom-blend-mode: var( --comp-scu-nav-item-v-default-line-bottom-blend-mode , NORMAL );
$comp-scu-nav-item-v-default-line-bottom-corner-radius: var( --comp-scu-nav-item-v-default-line-bottom-corner-radius , 0px );
$comp-scu-nav-item-v-default-line-bottom-width: var( --comp-scu-nav-item-v-default-line-bottom-width , 246px );
$comp-scu-nav-item-v-default-line-bottom-height: var( --comp-scu-nav-item-v-default-line-bottom-height , 1px );
$comp-scu-nav-item-v-default-line-bottom-constraint-horizontal: var( --comp-scu-nav-item-v-default-line-bottom-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-default-line-bottom-constraint-vertical: var( --comp-scu-nav-item-v-default-line-bottom-constraint-vertical , MAX );
$comp-scu-nav-item-v-default-line-bottom-constrain-proportions: var( --comp-scu-nav-item-v-default-line-bottom-constrain-proportions , false );
$comp-scu-nav-item-v-default-line-bottom-layout-context: var( --comp-scu-nav-item-v-default-line-bottom-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-default-line-bottom-layout-mode: var( --comp-scu-nav-item-v-default-line-bottom-layout-mode , NONE );
$comp-scu-nav-item-v-default-line-bottom-item-spacing: var( --comp-scu-nav-item-v-default-line-bottom-item-spacing , 0px );
$comp-scu-nav-item-v-default-line-bottom-layout-align: var( --comp-scu-nav-item-v-default-line-bottom-layout-align , MIN );
$comp-scu-nav-item-v-default-line-bottom-top: var( --comp-scu-nav-item-v-default-line-bottom-top , 39px );
$comp-scu-nav-item-v-default-line-bottom-top-percent: var( --comp-scu-nav-item-v-default-line-bottom-top-percent , 98.75% );
$comp-scu-nav-item-v-default-line-bottom-bottom: var( --comp-scu-nav-item-v-default-line-bottom-bottom , 0px );
$comp-scu-nav-item-v-default-line-bottom-left: var( --comp-scu-nav-item-v-default-line-bottom-left , 0px );
$comp-scu-nav-item-v-default-line-bottom-left-percent: var( --comp-scu-nav-item-v-default-line-bottom-left-percent , 50% );
$comp-scu-nav-item-v-default-line-bottom-right: var( --comp-scu-nav-item-v-default-line-bottom-right , 0px );
$comp-scu-nav-item-v-default-line-bottom-padding-left: var( --comp-scu-nav-item-v-default-line-bottom-padding-left , 0px );
$comp-scu-nav-item-v-default-line-bottom-padding-right: var( --comp-scu-nav-item-v-default-line-bottom-padding-right , 0px );
$comp-scu-nav-item-v-default-line-bottom-padding-top: var( --comp-scu-nav-item-v-default-line-bottom-padding-top , 0px );
$comp-scu-nav-item-v-default-line-bottom-padding-bottom: var( --comp-scu-nav-item-v-default-line-bottom-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-default-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-default-selected-corner-radius: var( --comp-scu-nav-item-v-default-selected-corner-radius , 0px );
$comp-scu-nav-item-v-default-selected-width: var( --comp-scu-nav-item-v-default-selected-width , 3px );
$comp-scu-nav-item-v-default-selected-height: var( --comp-scu-nav-item-v-default-selected-height , 40px );
$comp-scu-nav-item-v-default-selected-constraint-horizontal: var( --comp-scu-nav-item-v-default-selected-constraint-horizontal , MIN );
$comp-scu-nav-item-v-default-selected-constraint-vertical: var( --comp-scu-nav-item-v-default-selected-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-default-selected-constrain-proportions: var( --comp-scu-nav-item-v-default-selected-constrain-proportions , false );
$comp-scu-nav-item-v-default-selected-layout-context: var( --comp-scu-nav-item-v-default-selected-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-default-selected-layout-mode: var( --comp-scu-nav-item-v-default-selected-layout-mode , NONE );
$comp-scu-nav-item-v-default-selected-item-spacing: var( --comp-scu-nav-item-v-default-selected-item-spacing , 0px );
$comp-scu-nav-item-v-default-selected-layout-align: var( --comp-scu-nav-item-v-default-selected-layout-align , MIN );
$comp-scu-nav-item-v-default-selected-top: var( --comp-scu-nav-item-v-default-selected-top , 0px );
$comp-scu-nav-item-v-default-selected-top-percent: var( --comp-scu-nav-item-v-default-selected-top-percent , 50% );
$comp-scu-nav-item-v-default-selected-bottom: var( --comp-scu-nav-item-v-default-selected-bottom , 0px );
$comp-scu-nav-item-v-default-selected-left: var( --comp-scu-nav-item-v-default-selected-left , 0px );
$comp-scu-nav-item-v-default-selected-left-percent: var( --comp-scu-nav-item-v-default-selected-left-percent , 0.61% );
$comp-scu-nav-item-v-default-selected-right: var( --comp-scu-nav-item-v-default-selected-right , 243px );
$comp-scu-nav-item-v-default-selected-padding-left: var( --comp-scu-nav-item-v-default-selected-padding-left , 0px );
$comp-scu-nav-item-v-default-selected-padding-right: var( --comp-scu-nav-item-v-default-selected-padding-right , 0px );
$comp-scu-nav-item-v-default-selected-padding-top: var( --comp-scu-nav-item-v-default-selected-padding-top , 0px );
$comp-scu-nav-item-v-default-selected-padding-bottom: var( --comp-scu-nav-item-v-default-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-hover-background-color: var( --comp-scu-nav-item-v-hover-background-color , rgba(248,248,248,1) );
$comp-scu-nav-item-v-hover-blend-mode: var( --comp-scu-nav-item-v-hover-blend-mode , NORMAL );
$comp-scu-nav-item-v-hover-corner-radius: var( --comp-scu-nav-item-v-hover-corner-radius , 0px );
$comp-scu-nav-item-v-hover-width: var( --comp-scu-nav-item-v-hover-width , 246px );
$comp-scu-nav-item-v-hover-height: var( --comp-scu-nav-item-v-hover-height , 40px );
$comp-scu-nav-item-v-hover-constraint-horizontal: var( --comp-scu-nav-item-v-hover-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-hover-constraint-vertical: var( --comp-scu-nav-item-v-hover-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-hover-constrain-proportions: var( --comp-scu-nav-item-v-hover-constrain-proportions , false );
$comp-scu-nav-item-v-hover-layout-context: var( --comp-scu-nav-item-v-hover-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-hover-layout-mode: var( --comp-scu-nav-item-v-hover-layout-mode , NONE );
$comp-scu-nav-item-v-hover-item-spacing: var( --comp-scu-nav-item-v-hover-item-spacing , 0px );
$comp-scu-nav-item-v-hover-layout-align: var( --comp-scu-nav-item-v-hover-layout-align , MIN );
$comp-scu-nav-item-v-hover-top: var( --comp-scu-nav-item-v-hover-top , 0px );
$comp-scu-nav-item-v-hover-top-percent: var( --comp-scu-nav-item-v-hover-top-percent , 50% );
$comp-scu-nav-item-v-hover-bottom: var( --comp-scu-nav-item-v-hover-bottom , 0px );
$comp-scu-nav-item-v-hover-left: var( --comp-scu-nav-item-v-hover-left , 0px );
$comp-scu-nav-item-v-hover-left-percent: var( --comp-scu-nav-item-v-hover-left-percent , 50% );
$comp-scu-nav-item-v-hover-right: var( --comp-scu-nav-item-v-hover-right , 0px );
$comp-scu-nav-item-v-hover-padding-left: var( --comp-scu-nav-item-v-hover-padding-left , 0px );
$comp-scu-nav-item-v-hover-padding-right: var( --comp-scu-nav-item-v-hover-padding-right , 0px );
$comp-scu-nav-item-v-hover-padding-top: var( --comp-scu-nav-item-v-hover-padding-top , 0px );
$comp-scu-nav-item-v-hover-padding-bottom: var( --comp-scu-nav-item-v-hover-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-hover-label-characters: var( --comp-scu-nav-item-v-hover-label-characters , 'label' );
$comp-scu-nav-item-v-hover-label-font-size: var( --comp-scu-nav-item-v-hover-label-font-size , 15px );
$comp-scu-nav-item-v-hover-label-text-align-horizontal: var( --comp-scu-nav-item-v-hover-label-text-align-horizontal , LEFT );
$comp-scu-nav-item-v-hover-label-text-align-vertical: var( --comp-scu-nav-item-v-hover-label-text-align-vertical , CENTER );
$comp-scu-nav-item-v-hover-label-color: var( --comp-scu-nav-item-v-hover-label-color , rgba(54,54,54,1) );
$comp-scu-nav-item-v-hover-label-font-family: var( --comp-scu-nav-item-v-hover-label-font-family , 'Proxima Nova' );
$comp-scu-nav-item-v-hover-label-font-weight: var( --comp-scu-nav-item-v-hover-label-font-weight , 400 );
$comp-scu-nav-item-v-hover-label-line-height: var( --comp-scu-nav-item-v-hover-label-line-height , 17.58px );
$comp-scu-nav-item-v-hover-label-letter-spacing: var( --comp-scu-nav-item-v-hover-label-letter-spacing , 0px );
$comp-scu-nav-item-v-hover-label-width: var( --comp-scu-nav-item-v-hover-label-width , 209px );
$comp-scu-nav-item-v-hover-label-height: var( --comp-scu-nav-item-v-hover-label-height , 18px );
$comp-scu-nav-item-v-hover-label-constraint-horizontal: var( --comp-scu-nav-item-v-hover-label-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-hover-label-constraint-vertical: var( --comp-scu-nav-item-v-hover-label-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-hover-label-constrain-proportions: var( --comp-scu-nav-item-v-hover-label-constrain-proportions , false );
$comp-scu-nav-item-v-hover-label-layout-context: var( --comp-scu-nav-item-v-hover-label-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-hover-label-layout-mode: var( --comp-scu-nav-item-v-hover-label-layout-mode , NONE );
$comp-scu-nav-item-v-hover-label-item-spacing: var( --comp-scu-nav-item-v-hover-label-item-spacing , 0px );
$comp-scu-nav-item-v-hover-label-layout-align: var( --comp-scu-nav-item-v-hover-label-layout-align , MIN );
$comp-scu-nav-item-v-hover-label-top: var( --comp-scu-nav-item-v-hover-label-top , 11px );
$comp-scu-nav-item-v-hover-label-top-percent: var( --comp-scu-nav-item-v-hover-label-top-percent , 50% );
$comp-scu-nav-item-v-hover-label-bottom: var( --comp-scu-nav-item-v-hover-label-bottom , 11px );
$comp-scu-nav-item-v-hover-label-left: var( --comp-scu-nav-item-v-hover-label-left , 32px );
$comp-scu-nav-item-v-hover-label-left-percent: var( --comp-scu-nav-item-v-hover-label-left-percent , 55.49% );
$comp-scu-nav-item-v-hover-label-right: var( --comp-scu-nav-item-v-hover-label-right , 5px );

/*
======================================================
comp-scu-nav-item-v-hover-line-top [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-hover-line-top-background-color: var( --comp-scu-nav-item-v-hover-line-top-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-hover-line-top-blend-mode: var( --comp-scu-nav-item-v-hover-line-top-blend-mode , NORMAL );
$comp-scu-nav-item-v-hover-line-top-corner-radius: var( --comp-scu-nav-item-v-hover-line-top-corner-radius , 0px );
$comp-scu-nav-item-v-hover-line-top-width: var( --comp-scu-nav-item-v-hover-line-top-width , 246px );
$comp-scu-nav-item-v-hover-line-top-height: var( --comp-scu-nav-item-v-hover-line-top-height , 1px );
$comp-scu-nav-item-v-hover-line-top-constraint-horizontal: var( --comp-scu-nav-item-v-hover-line-top-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-hover-line-top-constraint-vertical: var( --comp-scu-nav-item-v-hover-line-top-constraint-vertical , MIN );
$comp-scu-nav-item-v-hover-line-top-constrain-proportions: var( --comp-scu-nav-item-v-hover-line-top-constrain-proportions , false );
$comp-scu-nav-item-v-hover-line-top-layout-context: var( --comp-scu-nav-item-v-hover-line-top-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-hover-line-top-layout-mode: var( --comp-scu-nav-item-v-hover-line-top-layout-mode , NONE );
$comp-scu-nav-item-v-hover-line-top-item-spacing: var( --comp-scu-nav-item-v-hover-line-top-item-spacing , 0px );
$comp-scu-nav-item-v-hover-line-top-layout-align: var( --comp-scu-nav-item-v-hover-line-top-layout-align , MIN );
$comp-scu-nav-item-v-hover-line-top-top: var( --comp-scu-nav-item-v-hover-line-top-top , 0px );
$comp-scu-nav-item-v-hover-line-top-top-percent: var( --comp-scu-nav-item-v-hover-line-top-top-percent , 1.25% );
$comp-scu-nav-item-v-hover-line-top-bottom: var( --comp-scu-nav-item-v-hover-line-top-bottom , 39px );
$comp-scu-nav-item-v-hover-line-top-left: var( --comp-scu-nav-item-v-hover-line-top-left , 0px );
$comp-scu-nav-item-v-hover-line-top-left-percent: var( --comp-scu-nav-item-v-hover-line-top-left-percent , 50% );
$comp-scu-nav-item-v-hover-line-top-right: var( --comp-scu-nav-item-v-hover-line-top-right , 0px );
$comp-scu-nav-item-v-hover-line-top-padding-left: var( --comp-scu-nav-item-v-hover-line-top-padding-left , 0px );
$comp-scu-nav-item-v-hover-line-top-padding-right: var( --comp-scu-nav-item-v-hover-line-top-padding-right , 0px );
$comp-scu-nav-item-v-hover-line-top-padding-top: var( --comp-scu-nav-item-v-hover-line-top-padding-top , 0px );
$comp-scu-nav-item-v-hover-line-top-padding-bottom: var( --comp-scu-nav-item-v-hover-line-top-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-hover-line-bottom [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-hover-line-bottom-background-color: var( --comp-scu-nav-item-v-hover-line-bottom-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-hover-line-bottom-blend-mode: var( --comp-scu-nav-item-v-hover-line-bottom-blend-mode , NORMAL );
$comp-scu-nav-item-v-hover-line-bottom-corner-radius: var( --comp-scu-nav-item-v-hover-line-bottom-corner-radius , 0px );
$comp-scu-nav-item-v-hover-line-bottom-width: var( --comp-scu-nav-item-v-hover-line-bottom-width , 246px );
$comp-scu-nav-item-v-hover-line-bottom-height: var( --comp-scu-nav-item-v-hover-line-bottom-height , 1px );
$comp-scu-nav-item-v-hover-line-bottom-constraint-horizontal: var( --comp-scu-nav-item-v-hover-line-bottom-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-hover-line-bottom-constraint-vertical: var( --comp-scu-nav-item-v-hover-line-bottom-constraint-vertical , MAX );
$comp-scu-nav-item-v-hover-line-bottom-constrain-proportions: var( --comp-scu-nav-item-v-hover-line-bottom-constrain-proportions , false );
$comp-scu-nav-item-v-hover-line-bottom-layout-context: var( --comp-scu-nav-item-v-hover-line-bottom-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-hover-line-bottom-layout-mode: var( --comp-scu-nav-item-v-hover-line-bottom-layout-mode , NONE );
$comp-scu-nav-item-v-hover-line-bottom-item-spacing: var( --comp-scu-nav-item-v-hover-line-bottom-item-spacing , 0px );
$comp-scu-nav-item-v-hover-line-bottom-layout-align: var( --comp-scu-nav-item-v-hover-line-bottom-layout-align , MIN );
$comp-scu-nav-item-v-hover-line-bottom-top: var( --comp-scu-nav-item-v-hover-line-bottom-top , 39px );
$comp-scu-nav-item-v-hover-line-bottom-top-percent: var( --comp-scu-nav-item-v-hover-line-bottom-top-percent , 98.75% );
$comp-scu-nav-item-v-hover-line-bottom-bottom: var( --comp-scu-nav-item-v-hover-line-bottom-bottom , 0px );
$comp-scu-nav-item-v-hover-line-bottom-left: var( --comp-scu-nav-item-v-hover-line-bottom-left , 0px );
$comp-scu-nav-item-v-hover-line-bottom-left-percent: var( --comp-scu-nav-item-v-hover-line-bottom-left-percent , 50% );
$comp-scu-nav-item-v-hover-line-bottom-right: var( --comp-scu-nav-item-v-hover-line-bottom-right , 0px );
$comp-scu-nav-item-v-hover-line-bottom-padding-left: var( --comp-scu-nav-item-v-hover-line-bottom-padding-left , 0px );
$comp-scu-nav-item-v-hover-line-bottom-padding-right: var( --comp-scu-nav-item-v-hover-line-bottom-padding-right , 0px );
$comp-scu-nav-item-v-hover-line-bottom-padding-top: var( --comp-scu-nav-item-v-hover-line-bottom-padding-top , 0px );
$comp-scu-nav-item-v-hover-line-bottom-padding-bottom: var( --comp-scu-nav-item-v-hover-line-bottom-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-hover-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-hover-selected-corner-radius: var( --comp-scu-nav-item-v-hover-selected-corner-radius , 0px );
$comp-scu-nav-item-v-hover-selected-width: var( --comp-scu-nav-item-v-hover-selected-width , 3px );
$comp-scu-nav-item-v-hover-selected-height: var( --comp-scu-nav-item-v-hover-selected-height , 40px );
$comp-scu-nav-item-v-hover-selected-constraint-horizontal: var( --comp-scu-nav-item-v-hover-selected-constraint-horizontal , MIN );
$comp-scu-nav-item-v-hover-selected-constraint-vertical: var( --comp-scu-nav-item-v-hover-selected-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-hover-selected-constrain-proportions: var( --comp-scu-nav-item-v-hover-selected-constrain-proportions , false );
$comp-scu-nav-item-v-hover-selected-layout-context: var( --comp-scu-nav-item-v-hover-selected-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-hover-selected-layout-mode: var( --comp-scu-nav-item-v-hover-selected-layout-mode , NONE );
$comp-scu-nav-item-v-hover-selected-item-spacing: var( --comp-scu-nav-item-v-hover-selected-item-spacing , 0px );
$comp-scu-nav-item-v-hover-selected-layout-align: var( --comp-scu-nav-item-v-hover-selected-layout-align , MIN );
$comp-scu-nav-item-v-hover-selected-top: var( --comp-scu-nav-item-v-hover-selected-top , 0px );
$comp-scu-nav-item-v-hover-selected-top-percent: var( --comp-scu-nav-item-v-hover-selected-top-percent , 50% );
$comp-scu-nav-item-v-hover-selected-bottom: var( --comp-scu-nav-item-v-hover-selected-bottom , 0px );
$comp-scu-nav-item-v-hover-selected-left: var( --comp-scu-nav-item-v-hover-selected-left , 0px );
$comp-scu-nav-item-v-hover-selected-left-percent: var( --comp-scu-nav-item-v-hover-selected-left-percent , 0.61% );
$comp-scu-nav-item-v-hover-selected-right: var( --comp-scu-nav-item-v-hover-selected-right , 243px );
$comp-scu-nav-item-v-hover-selected-padding-left: var( --comp-scu-nav-item-v-hover-selected-padding-left , 0px );
$comp-scu-nav-item-v-hover-selected-padding-right: var( --comp-scu-nav-item-v-hover-selected-padding-right , 0px );
$comp-scu-nav-item-v-hover-selected-padding-top: var( --comp-scu-nav-item-v-hover-selected-padding-top , 0px );
$comp-scu-nav-item-v-hover-selected-padding-bottom: var( --comp-scu-nav-item-v-hover-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-focused [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-focused-background-color: var( --comp-scu-nav-item-v-focused-background-color , rgba(255,255,255,1) );
$comp-scu-nav-item-v-focused-blend-mode: var( --comp-scu-nav-item-v-focused-blend-mode , NORMAL );
$comp-scu-nav-item-v-focused-corner-radius: var( --comp-scu-nav-item-v-focused-corner-radius , 2px );
$comp-scu-nav-item-v-focused-shadow-color: var( --comp-scu-nav-item-v-focused-shadow-color , rgba(53,155,249,1) );
$comp-scu-nav-item-v-focused-shadow-offset-x: var( --comp-scu-nav-item-v-focused-shadow-offset-x , 0px );
$comp-scu-nav-item-v-focused-shadow-offset-y: var( --comp-scu-nav-item-v-focused-shadow-offset-y , 0px );
$comp-scu-nav-item-v-focused-shadow-radius: var( --comp-scu-nav-item-v-focused-shadow-radius , 0px );
$comp-scu-nav-item-v-focused-shadow-spread: var( --comp-scu-nav-item-v-focused-shadow-spread , 2px );
$comp-scu-nav-item-v-focused-shadow: var( --comp-scu-nav-item-v-focused-shadow , 0px 0px 0px 2px rgba(53,155,249,1) );
$comp-scu-nav-item-v-focused-width: var( --comp-scu-nav-item-v-focused-width , 246px );
$comp-scu-nav-item-v-focused-height: var( --comp-scu-nav-item-v-focused-height , 40px );
$comp-scu-nav-item-v-focused-constraint-horizontal: var( --comp-scu-nav-item-v-focused-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-focused-constraint-vertical: var( --comp-scu-nav-item-v-focused-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-focused-constrain-proportions: var( --comp-scu-nav-item-v-focused-constrain-proportions , false );
$comp-scu-nav-item-v-focused-layout-context: var( --comp-scu-nav-item-v-focused-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-focused-layout-mode: var( --comp-scu-nav-item-v-focused-layout-mode , NONE );
$comp-scu-nav-item-v-focused-item-spacing: var( --comp-scu-nav-item-v-focused-item-spacing , 0px );
$comp-scu-nav-item-v-focused-layout-align: var( --comp-scu-nav-item-v-focused-layout-align , MIN );
$comp-scu-nav-item-v-focused-top: var( --comp-scu-nav-item-v-focused-top , 0px );
$comp-scu-nav-item-v-focused-top-percent: var( --comp-scu-nav-item-v-focused-top-percent , 50% );
$comp-scu-nav-item-v-focused-bottom: var( --comp-scu-nav-item-v-focused-bottom , 0px );
$comp-scu-nav-item-v-focused-left: var( --comp-scu-nav-item-v-focused-left , 0px );
$comp-scu-nav-item-v-focused-left-percent: var( --comp-scu-nav-item-v-focused-left-percent , 50% );
$comp-scu-nav-item-v-focused-right: var( --comp-scu-nav-item-v-focused-right , 0px );
$comp-scu-nav-item-v-focused-padding-left: var( --comp-scu-nav-item-v-focused-padding-left , 0px );
$comp-scu-nav-item-v-focused-padding-right: var( --comp-scu-nav-item-v-focused-padding-right , 0px );
$comp-scu-nav-item-v-focused-padding-top: var( --comp-scu-nav-item-v-focused-padding-top , 0px );
$comp-scu-nav-item-v-focused-padding-bottom: var( --comp-scu-nav-item-v-focused-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-focused-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-focused-label-characters: var( --comp-scu-nav-item-v-focused-label-characters , 'label' );
$comp-scu-nav-item-v-focused-label-font-size: var( --comp-scu-nav-item-v-focused-label-font-size , 15px );
$comp-scu-nav-item-v-focused-label-text-align-horizontal: var( --comp-scu-nav-item-v-focused-label-text-align-horizontal , LEFT );
$comp-scu-nav-item-v-focused-label-text-align-vertical: var( --comp-scu-nav-item-v-focused-label-text-align-vertical , CENTER );
$comp-scu-nav-item-v-focused-label-color: var( --comp-scu-nav-item-v-focused-label-color , rgba(54,54,54,1) );
$comp-scu-nav-item-v-focused-label-font-family: var( --comp-scu-nav-item-v-focused-label-font-family , 'Proxima Nova' );
$comp-scu-nav-item-v-focused-label-font-weight: var( --comp-scu-nav-item-v-focused-label-font-weight , 400 );
$comp-scu-nav-item-v-focused-label-line-height: var( --comp-scu-nav-item-v-focused-label-line-height , 17.58px );
$comp-scu-nav-item-v-focused-label-letter-spacing: var( --comp-scu-nav-item-v-focused-label-letter-spacing , 0px );
$comp-scu-nav-item-v-focused-label-width: var( --comp-scu-nav-item-v-focused-label-width , 209px );
$comp-scu-nav-item-v-focused-label-height: var( --comp-scu-nav-item-v-focused-label-height , 18px );
$comp-scu-nav-item-v-focused-label-constraint-horizontal: var( --comp-scu-nav-item-v-focused-label-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-focused-label-constraint-vertical: var( --comp-scu-nav-item-v-focused-label-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-focused-label-constrain-proportions: var( --comp-scu-nav-item-v-focused-label-constrain-proportions , false );
$comp-scu-nav-item-v-focused-label-layout-context: var( --comp-scu-nav-item-v-focused-label-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-focused-label-layout-mode: var( --comp-scu-nav-item-v-focused-label-layout-mode , NONE );
$comp-scu-nav-item-v-focused-label-item-spacing: var( --comp-scu-nav-item-v-focused-label-item-spacing , 0px );
$comp-scu-nav-item-v-focused-label-layout-align: var( --comp-scu-nav-item-v-focused-label-layout-align , MIN );
$comp-scu-nav-item-v-focused-label-top: var( --comp-scu-nav-item-v-focused-label-top , 11px );
$comp-scu-nav-item-v-focused-label-top-percent: var( --comp-scu-nav-item-v-focused-label-top-percent , 50% );
$comp-scu-nav-item-v-focused-label-bottom: var( --comp-scu-nav-item-v-focused-label-bottom , 11px );
$comp-scu-nav-item-v-focused-label-left: var( --comp-scu-nav-item-v-focused-label-left , 32px );
$comp-scu-nav-item-v-focused-label-left-percent: var( --comp-scu-nav-item-v-focused-label-left-percent , 55.49% );
$comp-scu-nav-item-v-focused-label-right: var( --comp-scu-nav-item-v-focused-label-right , 5px );

/*
======================================================
comp-scu-nav-item-v-focused-line-top [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-focused-line-top-background-color: var( --comp-scu-nav-item-v-focused-line-top-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-focused-line-top-blend-mode: var( --comp-scu-nav-item-v-focused-line-top-blend-mode , NORMAL );
$comp-scu-nav-item-v-focused-line-top-corner-radius: var( --comp-scu-nav-item-v-focused-line-top-corner-radius , 0px );
$comp-scu-nav-item-v-focused-line-top-width: var( --comp-scu-nav-item-v-focused-line-top-width , 246px );
$comp-scu-nav-item-v-focused-line-top-height: var( --comp-scu-nav-item-v-focused-line-top-height , 1px );
$comp-scu-nav-item-v-focused-line-top-constraint-horizontal: var( --comp-scu-nav-item-v-focused-line-top-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-focused-line-top-constraint-vertical: var( --comp-scu-nav-item-v-focused-line-top-constraint-vertical , MIN );
$comp-scu-nav-item-v-focused-line-top-constrain-proportions: var( --comp-scu-nav-item-v-focused-line-top-constrain-proportions , false );
$comp-scu-nav-item-v-focused-line-top-layout-context: var( --comp-scu-nav-item-v-focused-line-top-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-focused-line-top-layout-mode: var( --comp-scu-nav-item-v-focused-line-top-layout-mode , NONE );
$comp-scu-nav-item-v-focused-line-top-item-spacing: var( --comp-scu-nav-item-v-focused-line-top-item-spacing , 0px );
$comp-scu-nav-item-v-focused-line-top-layout-align: var( --comp-scu-nav-item-v-focused-line-top-layout-align , MIN );
$comp-scu-nav-item-v-focused-line-top-top: var( --comp-scu-nav-item-v-focused-line-top-top , 0px );
$comp-scu-nav-item-v-focused-line-top-top-percent: var( --comp-scu-nav-item-v-focused-line-top-top-percent , 1.25% );
$comp-scu-nav-item-v-focused-line-top-bottom: var( --comp-scu-nav-item-v-focused-line-top-bottom , 39px );
$comp-scu-nav-item-v-focused-line-top-left: var( --comp-scu-nav-item-v-focused-line-top-left , 0px );
$comp-scu-nav-item-v-focused-line-top-left-percent: var( --comp-scu-nav-item-v-focused-line-top-left-percent , 50% );
$comp-scu-nav-item-v-focused-line-top-right: var( --comp-scu-nav-item-v-focused-line-top-right , 0px );
$comp-scu-nav-item-v-focused-line-top-padding-left: var( --comp-scu-nav-item-v-focused-line-top-padding-left , 0px );
$comp-scu-nav-item-v-focused-line-top-padding-right: var( --comp-scu-nav-item-v-focused-line-top-padding-right , 0px );
$comp-scu-nav-item-v-focused-line-top-padding-top: var( --comp-scu-nav-item-v-focused-line-top-padding-top , 0px );
$comp-scu-nav-item-v-focused-line-top-padding-bottom: var( --comp-scu-nav-item-v-focused-line-top-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-focused-line-bottom [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-focused-line-bottom-background-color: var( --comp-scu-nav-item-v-focused-line-bottom-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-focused-line-bottom-blend-mode: var( --comp-scu-nav-item-v-focused-line-bottom-blend-mode , NORMAL );
$comp-scu-nav-item-v-focused-line-bottom-corner-radius: var( --comp-scu-nav-item-v-focused-line-bottom-corner-radius , 0px );
$comp-scu-nav-item-v-focused-line-bottom-width: var( --comp-scu-nav-item-v-focused-line-bottom-width , 246px );
$comp-scu-nav-item-v-focused-line-bottom-height: var( --comp-scu-nav-item-v-focused-line-bottom-height , 1px );
$comp-scu-nav-item-v-focused-line-bottom-constraint-horizontal: var( --comp-scu-nav-item-v-focused-line-bottom-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-focused-line-bottom-constraint-vertical: var( --comp-scu-nav-item-v-focused-line-bottom-constraint-vertical , MAX );
$comp-scu-nav-item-v-focused-line-bottom-constrain-proportions: var( --comp-scu-nav-item-v-focused-line-bottom-constrain-proportions , false );
$comp-scu-nav-item-v-focused-line-bottom-layout-context: var( --comp-scu-nav-item-v-focused-line-bottom-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-focused-line-bottom-layout-mode: var( --comp-scu-nav-item-v-focused-line-bottom-layout-mode , NONE );
$comp-scu-nav-item-v-focused-line-bottom-item-spacing: var( --comp-scu-nav-item-v-focused-line-bottom-item-spacing , 0px );
$comp-scu-nav-item-v-focused-line-bottom-layout-align: var( --comp-scu-nav-item-v-focused-line-bottom-layout-align , MIN );
$comp-scu-nav-item-v-focused-line-bottom-top: var( --comp-scu-nav-item-v-focused-line-bottom-top , 39px );
$comp-scu-nav-item-v-focused-line-bottom-top-percent: var( --comp-scu-nav-item-v-focused-line-bottom-top-percent , 98.75% );
$comp-scu-nav-item-v-focused-line-bottom-bottom: var( --comp-scu-nav-item-v-focused-line-bottom-bottom , 0px );
$comp-scu-nav-item-v-focused-line-bottom-left: var( --comp-scu-nav-item-v-focused-line-bottom-left , 0px );
$comp-scu-nav-item-v-focused-line-bottom-left-percent: var( --comp-scu-nav-item-v-focused-line-bottom-left-percent , 50% );
$comp-scu-nav-item-v-focused-line-bottom-right: var( --comp-scu-nav-item-v-focused-line-bottom-right , 0px );
$comp-scu-nav-item-v-focused-line-bottom-padding-left: var( --comp-scu-nav-item-v-focused-line-bottom-padding-left , 0px );
$comp-scu-nav-item-v-focused-line-bottom-padding-right: var( --comp-scu-nav-item-v-focused-line-bottom-padding-right , 0px );
$comp-scu-nav-item-v-focused-line-bottom-padding-top: var( --comp-scu-nav-item-v-focused-line-bottom-padding-top , 0px );
$comp-scu-nav-item-v-focused-line-bottom-padding-bottom: var( --comp-scu-nav-item-v-focused-line-bottom-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-focused-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-focused-selected-corner-radius: var( --comp-scu-nav-item-v-focused-selected-corner-radius , 0px );
$comp-scu-nav-item-v-focused-selected-width: var( --comp-scu-nav-item-v-focused-selected-width , 3px );
$comp-scu-nav-item-v-focused-selected-height: var( --comp-scu-nav-item-v-focused-selected-height , 40px );
$comp-scu-nav-item-v-focused-selected-constraint-horizontal: var( --comp-scu-nav-item-v-focused-selected-constraint-horizontal , MIN );
$comp-scu-nav-item-v-focused-selected-constraint-vertical: var( --comp-scu-nav-item-v-focused-selected-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-focused-selected-constrain-proportions: var( --comp-scu-nav-item-v-focused-selected-constrain-proportions , false );
$comp-scu-nav-item-v-focused-selected-layout-context: var( --comp-scu-nav-item-v-focused-selected-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-focused-selected-layout-mode: var( --comp-scu-nav-item-v-focused-selected-layout-mode , NONE );
$comp-scu-nav-item-v-focused-selected-item-spacing: var( --comp-scu-nav-item-v-focused-selected-item-spacing , 0px );
$comp-scu-nav-item-v-focused-selected-layout-align: var( --comp-scu-nav-item-v-focused-selected-layout-align , MIN );
$comp-scu-nav-item-v-focused-selected-top: var( --comp-scu-nav-item-v-focused-selected-top , 0px );
$comp-scu-nav-item-v-focused-selected-top-percent: var( --comp-scu-nav-item-v-focused-selected-top-percent , 50% );
$comp-scu-nav-item-v-focused-selected-bottom: var( --comp-scu-nav-item-v-focused-selected-bottom , 0px );
$comp-scu-nav-item-v-focused-selected-left: var( --comp-scu-nav-item-v-focused-selected-left , 0px );
$comp-scu-nav-item-v-focused-selected-left-percent: var( --comp-scu-nav-item-v-focused-selected-left-percent , 0.61% );
$comp-scu-nav-item-v-focused-selected-right: var( --comp-scu-nav-item-v-focused-selected-right , 243px );
$comp-scu-nav-item-v-focused-selected-padding-left: var( --comp-scu-nav-item-v-focused-selected-padding-left , 0px );
$comp-scu-nav-item-v-focused-selected-padding-right: var( --comp-scu-nav-item-v-focused-selected-padding-right , 0px );
$comp-scu-nav-item-v-focused-selected-padding-top: var( --comp-scu-nav-item-v-focused-selected-padding-top , 0px );
$comp-scu-nav-item-v-focused-selected-padding-bottom: var( --comp-scu-nav-item-v-focused-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-corner-radius: var( --comp-scu-nav-item-v-selected-corner-radius , 0px );
$comp-scu-nav-item-v-selected-width: var( --comp-scu-nav-item-v-selected-width , 246px );
$comp-scu-nav-item-v-selected-height: var( --comp-scu-nav-item-v-selected-height , 40px );
$comp-scu-nav-item-v-selected-constraint-horizontal: var( --comp-scu-nav-item-v-selected-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-constraint-vertical: var( --comp-scu-nav-item-v-selected-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-selected-constrain-proportions: var( --comp-scu-nav-item-v-selected-constrain-proportions , false );
$comp-scu-nav-item-v-selected-layout-context: var( --comp-scu-nav-item-v-selected-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-layout-mode: var( --comp-scu-nav-item-v-selected-layout-mode , NONE );
$comp-scu-nav-item-v-selected-item-spacing: var( --comp-scu-nav-item-v-selected-item-spacing , 0px );
$comp-scu-nav-item-v-selected-layout-align: var( --comp-scu-nav-item-v-selected-layout-align , MIN );
$comp-scu-nav-item-v-selected-top: var( --comp-scu-nav-item-v-selected-top , 0px );
$comp-scu-nav-item-v-selected-top-percent: var( --comp-scu-nav-item-v-selected-top-percent , 50% );
$comp-scu-nav-item-v-selected-bottom: var( --comp-scu-nav-item-v-selected-bottom , 0px );
$comp-scu-nav-item-v-selected-left: var( --comp-scu-nav-item-v-selected-left , 0px );
$comp-scu-nav-item-v-selected-left-percent: var( --comp-scu-nav-item-v-selected-left-percent , 50% );
$comp-scu-nav-item-v-selected-right: var( --comp-scu-nav-item-v-selected-right , 0px );
$comp-scu-nav-item-v-selected-padding-left: var( --comp-scu-nav-item-v-selected-padding-left , 0px );
$comp-scu-nav-item-v-selected-padding-right: var( --comp-scu-nav-item-v-selected-padding-right , 0px );
$comp-scu-nav-item-v-selected-padding-top: var( --comp-scu-nav-item-v-selected-padding-top , 0px );
$comp-scu-nav-item-v-selected-padding-bottom: var( --comp-scu-nav-item-v-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-label-characters: var( --comp-scu-nav-item-v-selected-label-characters , 'label' );
$comp-scu-nav-item-v-selected-label-font-size: var( --comp-scu-nav-item-v-selected-label-font-size , 15px );
$comp-scu-nav-item-v-selected-label-text-align-horizontal: var( --comp-scu-nav-item-v-selected-label-text-align-horizontal , LEFT );
$comp-scu-nav-item-v-selected-label-text-align-vertical: var( --comp-scu-nav-item-v-selected-label-text-align-vertical , CENTER );
$comp-scu-nav-item-v-selected-label-color: var( --comp-scu-nav-item-v-selected-label-color , rgba(64,109,3,1) );
$comp-scu-nav-item-v-selected-label-font-family: var( --comp-scu-nav-item-v-selected-label-font-family , 'Proxima Nova' );
$comp-scu-nav-item-v-selected-label-font-weight: var( --comp-scu-nav-item-v-selected-label-font-weight , 400 );
$comp-scu-nav-item-v-selected-label-line-height: var( --comp-scu-nav-item-v-selected-label-line-height , 17.58px );
$comp-scu-nav-item-v-selected-label-letter-spacing: var( --comp-scu-nav-item-v-selected-label-letter-spacing , 0px );
$comp-scu-nav-item-v-selected-label-width: var( --comp-scu-nav-item-v-selected-label-width , 209px );
$comp-scu-nav-item-v-selected-label-height: var( --comp-scu-nav-item-v-selected-label-height , 18px );
$comp-scu-nav-item-v-selected-label-constraint-horizontal: var( --comp-scu-nav-item-v-selected-label-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-label-constraint-vertical: var( --comp-scu-nav-item-v-selected-label-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-selected-label-constrain-proportions: var( --comp-scu-nav-item-v-selected-label-constrain-proportions , false );
$comp-scu-nav-item-v-selected-label-layout-context: var( --comp-scu-nav-item-v-selected-label-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-label-layout-mode: var( --comp-scu-nav-item-v-selected-label-layout-mode , NONE );
$comp-scu-nav-item-v-selected-label-item-spacing: var( --comp-scu-nav-item-v-selected-label-item-spacing , 0px );
$comp-scu-nav-item-v-selected-label-layout-align: var( --comp-scu-nav-item-v-selected-label-layout-align , MIN );
$comp-scu-nav-item-v-selected-label-top: var( --comp-scu-nav-item-v-selected-label-top , 11px );
$comp-scu-nav-item-v-selected-label-top-percent: var( --comp-scu-nav-item-v-selected-label-top-percent , 50% );
$comp-scu-nav-item-v-selected-label-bottom: var( --comp-scu-nav-item-v-selected-label-bottom , 11px );
$comp-scu-nav-item-v-selected-label-left: var( --comp-scu-nav-item-v-selected-label-left , 32px );
$comp-scu-nav-item-v-selected-label-left-percent: var( --comp-scu-nav-item-v-selected-label-left-percent , 55.49% );
$comp-scu-nav-item-v-selected-label-right: var( --comp-scu-nav-item-v-selected-label-right , 5px );

/*
======================================================
comp-scu-nav-item-v-selected-line-top [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-line-top-background-color: var( --comp-scu-nav-item-v-selected-line-top-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-selected-line-top-blend-mode: var( --comp-scu-nav-item-v-selected-line-top-blend-mode , NORMAL );
$comp-scu-nav-item-v-selected-line-top-corner-radius: var( --comp-scu-nav-item-v-selected-line-top-corner-radius , 0px );
$comp-scu-nav-item-v-selected-line-top-width: var( --comp-scu-nav-item-v-selected-line-top-width , 246px );
$comp-scu-nav-item-v-selected-line-top-height: var( --comp-scu-nav-item-v-selected-line-top-height , 1px );
$comp-scu-nav-item-v-selected-line-top-constraint-horizontal: var( --comp-scu-nav-item-v-selected-line-top-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-line-top-constraint-vertical: var( --comp-scu-nav-item-v-selected-line-top-constraint-vertical , MIN );
$comp-scu-nav-item-v-selected-line-top-constrain-proportions: var( --comp-scu-nav-item-v-selected-line-top-constrain-proportions , false );
$comp-scu-nav-item-v-selected-line-top-layout-context: var( --comp-scu-nav-item-v-selected-line-top-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-line-top-layout-mode: var( --comp-scu-nav-item-v-selected-line-top-layout-mode , NONE );
$comp-scu-nav-item-v-selected-line-top-item-spacing: var( --comp-scu-nav-item-v-selected-line-top-item-spacing , 0px );
$comp-scu-nav-item-v-selected-line-top-layout-align: var( --comp-scu-nav-item-v-selected-line-top-layout-align , MIN );
$comp-scu-nav-item-v-selected-line-top-top: var( --comp-scu-nav-item-v-selected-line-top-top , 0px );
$comp-scu-nav-item-v-selected-line-top-top-percent: var( --comp-scu-nav-item-v-selected-line-top-top-percent , 1.25% );
$comp-scu-nav-item-v-selected-line-top-bottom: var( --comp-scu-nav-item-v-selected-line-top-bottom , 39px );
$comp-scu-nav-item-v-selected-line-top-left: var( --comp-scu-nav-item-v-selected-line-top-left , 0px );
$comp-scu-nav-item-v-selected-line-top-left-percent: var( --comp-scu-nav-item-v-selected-line-top-left-percent , 50% );
$comp-scu-nav-item-v-selected-line-top-right: var( --comp-scu-nav-item-v-selected-line-top-right , 0px );
$comp-scu-nav-item-v-selected-line-top-padding-left: var( --comp-scu-nav-item-v-selected-line-top-padding-left , 0px );
$comp-scu-nav-item-v-selected-line-top-padding-right: var( --comp-scu-nav-item-v-selected-line-top-padding-right , 0px );
$comp-scu-nav-item-v-selected-line-top-padding-top: var( --comp-scu-nav-item-v-selected-line-top-padding-top , 0px );
$comp-scu-nav-item-v-selected-line-top-padding-bottom: var( --comp-scu-nav-item-v-selected-line-top-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected-line-bottom [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-line-bottom-background-color: var( --comp-scu-nav-item-v-selected-line-bottom-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-selected-line-bottom-blend-mode: var( --comp-scu-nav-item-v-selected-line-bottom-blend-mode , NORMAL );
$comp-scu-nav-item-v-selected-line-bottom-corner-radius: var( --comp-scu-nav-item-v-selected-line-bottom-corner-radius , 0px );
$comp-scu-nav-item-v-selected-line-bottom-width: var( --comp-scu-nav-item-v-selected-line-bottom-width , 246px );
$comp-scu-nav-item-v-selected-line-bottom-height: var( --comp-scu-nav-item-v-selected-line-bottom-height , 1px );
$comp-scu-nav-item-v-selected-line-bottom-constraint-horizontal: var( --comp-scu-nav-item-v-selected-line-bottom-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-line-bottom-constraint-vertical: var( --comp-scu-nav-item-v-selected-line-bottom-constraint-vertical , MAX );
$comp-scu-nav-item-v-selected-line-bottom-constrain-proportions: var( --comp-scu-nav-item-v-selected-line-bottom-constrain-proportions , false );
$comp-scu-nav-item-v-selected-line-bottom-layout-context: var( --comp-scu-nav-item-v-selected-line-bottom-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-line-bottom-layout-mode: var( --comp-scu-nav-item-v-selected-line-bottom-layout-mode , NONE );
$comp-scu-nav-item-v-selected-line-bottom-item-spacing: var( --comp-scu-nav-item-v-selected-line-bottom-item-spacing , 0px );
$comp-scu-nav-item-v-selected-line-bottom-layout-align: var( --comp-scu-nav-item-v-selected-line-bottom-layout-align , MIN );
$comp-scu-nav-item-v-selected-line-bottom-top: var( --comp-scu-nav-item-v-selected-line-bottom-top , 39px );
$comp-scu-nav-item-v-selected-line-bottom-top-percent: var( --comp-scu-nav-item-v-selected-line-bottom-top-percent , 98.75% );
$comp-scu-nav-item-v-selected-line-bottom-bottom: var( --comp-scu-nav-item-v-selected-line-bottom-bottom , 0px );
$comp-scu-nav-item-v-selected-line-bottom-left: var( --comp-scu-nav-item-v-selected-line-bottom-left , 0px );
$comp-scu-nav-item-v-selected-line-bottom-left-percent: var( --comp-scu-nav-item-v-selected-line-bottom-left-percent , 50% );
$comp-scu-nav-item-v-selected-line-bottom-right: var( --comp-scu-nav-item-v-selected-line-bottom-right , 0px );
$comp-scu-nav-item-v-selected-line-bottom-padding-left: var( --comp-scu-nav-item-v-selected-line-bottom-padding-left , 0px );
$comp-scu-nav-item-v-selected-line-bottom-padding-right: var( --comp-scu-nav-item-v-selected-line-bottom-padding-right , 0px );
$comp-scu-nav-item-v-selected-line-bottom-padding-top: var( --comp-scu-nav-item-v-selected-line-bottom-padding-top , 0px );
$comp-scu-nav-item-v-selected-line-bottom-padding-bottom: var( --comp-scu-nav-item-v-selected-line-bottom-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-selected-background-color: var( --comp-scu-nav-item-v-selected-selected-background-color , rgba(99,166,10,1) );
$comp-scu-nav-item-v-selected-selected-blend-mode: var( --comp-scu-nav-item-v-selected-selected-blend-mode , NORMAL );
$comp-scu-nav-item-v-selected-selected-corner-radius: var( --comp-scu-nav-item-v-selected-selected-corner-radius , 0px );
$comp-scu-nav-item-v-selected-selected-width: var( --comp-scu-nav-item-v-selected-selected-width , 3px );
$comp-scu-nav-item-v-selected-selected-height: var( --comp-scu-nav-item-v-selected-selected-height , 40px );
$comp-scu-nav-item-v-selected-selected-constraint-horizontal: var( --comp-scu-nav-item-v-selected-selected-constraint-horizontal , MIN );
$comp-scu-nav-item-v-selected-selected-constraint-vertical: var( --comp-scu-nav-item-v-selected-selected-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-selected-selected-constrain-proportions: var( --comp-scu-nav-item-v-selected-selected-constrain-proportions , false );
$comp-scu-nav-item-v-selected-selected-layout-context: var( --comp-scu-nav-item-v-selected-selected-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-selected-layout-mode: var( --comp-scu-nav-item-v-selected-selected-layout-mode , NONE );
$comp-scu-nav-item-v-selected-selected-item-spacing: var( --comp-scu-nav-item-v-selected-selected-item-spacing , 0px );
$comp-scu-nav-item-v-selected-selected-layout-align: var( --comp-scu-nav-item-v-selected-selected-layout-align , MIN );
$comp-scu-nav-item-v-selected-selected-top: var( --comp-scu-nav-item-v-selected-selected-top , 0px );
$comp-scu-nav-item-v-selected-selected-top-percent: var( --comp-scu-nav-item-v-selected-selected-top-percent , 50% );
$comp-scu-nav-item-v-selected-selected-bottom: var( --comp-scu-nav-item-v-selected-selected-bottom , 0px );
$comp-scu-nav-item-v-selected-selected-left: var( --comp-scu-nav-item-v-selected-selected-left , 0px );
$comp-scu-nav-item-v-selected-selected-left-percent: var( --comp-scu-nav-item-v-selected-selected-left-percent , 0.61% );
$comp-scu-nav-item-v-selected-selected-right: var( --comp-scu-nav-item-v-selected-selected-right , 243px );
$comp-scu-nav-item-v-selected-selected-padding-left: var( --comp-scu-nav-item-v-selected-selected-padding-left , 0px );
$comp-scu-nav-item-v-selected-selected-padding-right: var( --comp-scu-nav-item-v-selected-selected-padding-right , 0px );
$comp-scu-nav-item-v-selected-selected-padding-top: var( --comp-scu-nav-item-v-selected-selected-padding-top , 0px );
$comp-scu-nav-item-v-selected-selected-padding-bottom: var( --comp-scu-nav-item-v-selected-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected-hover [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-hover-background-color: var( --comp-scu-nav-item-v-selected-hover-background-color , rgba(251,255,246,1) );
$comp-scu-nav-item-v-selected-hover-blend-mode: var( --comp-scu-nav-item-v-selected-hover-blend-mode , NORMAL );
$comp-scu-nav-item-v-selected-hover-corner-radius: var( --comp-scu-nav-item-v-selected-hover-corner-radius , 0px );
$comp-scu-nav-item-v-selected-hover-width: var( --comp-scu-nav-item-v-selected-hover-width , 246px );
$comp-scu-nav-item-v-selected-hover-height: var( --comp-scu-nav-item-v-selected-hover-height , 40px );
$comp-scu-nav-item-v-selected-hover-constraint-horizontal: var( --comp-scu-nav-item-v-selected-hover-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-hover-constraint-vertical: var( --comp-scu-nav-item-v-selected-hover-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-selected-hover-constrain-proportions: var( --comp-scu-nav-item-v-selected-hover-constrain-proportions , false );
$comp-scu-nav-item-v-selected-hover-layout-context: var( --comp-scu-nav-item-v-selected-hover-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-hover-layout-mode: var( --comp-scu-nav-item-v-selected-hover-layout-mode , NONE );
$comp-scu-nav-item-v-selected-hover-item-spacing: var( --comp-scu-nav-item-v-selected-hover-item-spacing , 0px );
$comp-scu-nav-item-v-selected-hover-layout-align: var( --comp-scu-nav-item-v-selected-hover-layout-align , MIN );
$comp-scu-nav-item-v-selected-hover-top: var( --comp-scu-nav-item-v-selected-hover-top , 0px );
$comp-scu-nav-item-v-selected-hover-top-percent: var( --comp-scu-nav-item-v-selected-hover-top-percent , 50% );
$comp-scu-nav-item-v-selected-hover-bottom: var( --comp-scu-nav-item-v-selected-hover-bottom , 0px );
$comp-scu-nav-item-v-selected-hover-left: var( --comp-scu-nav-item-v-selected-hover-left , 0px );
$comp-scu-nav-item-v-selected-hover-left-percent: var( --comp-scu-nav-item-v-selected-hover-left-percent , 50% );
$comp-scu-nav-item-v-selected-hover-right: var( --comp-scu-nav-item-v-selected-hover-right , 0px );
$comp-scu-nav-item-v-selected-hover-padding-left: var( --comp-scu-nav-item-v-selected-hover-padding-left , 0px );
$comp-scu-nav-item-v-selected-hover-padding-right: var( --comp-scu-nav-item-v-selected-hover-padding-right , 0px );
$comp-scu-nav-item-v-selected-hover-padding-top: var( --comp-scu-nav-item-v-selected-hover-padding-top , 0px );
$comp-scu-nav-item-v-selected-hover-padding-bottom: var( --comp-scu-nav-item-v-selected-hover-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected-hover-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-hover-label-characters: var( --comp-scu-nav-item-v-selected-hover-label-characters , 'label' );
$comp-scu-nav-item-v-selected-hover-label-font-size: var( --comp-scu-nav-item-v-selected-hover-label-font-size , 15px );
$comp-scu-nav-item-v-selected-hover-label-text-align-horizontal: var( --comp-scu-nav-item-v-selected-hover-label-text-align-horizontal , LEFT );
$comp-scu-nav-item-v-selected-hover-label-text-align-vertical: var( --comp-scu-nav-item-v-selected-hover-label-text-align-vertical , CENTER );
$comp-scu-nav-item-v-selected-hover-label-color: var( --comp-scu-nav-item-v-selected-hover-label-color , rgba(64,109,3,1) );
$comp-scu-nav-item-v-selected-hover-label-font-family: var( --comp-scu-nav-item-v-selected-hover-label-font-family , 'Proxima Nova' );
$comp-scu-nav-item-v-selected-hover-label-font-weight: var( --comp-scu-nav-item-v-selected-hover-label-font-weight , 400 );
$comp-scu-nav-item-v-selected-hover-label-line-height: var( --comp-scu-nav-item-v-selected-hover-label-line-height , 17.58px );
$comp-scu-nav-item-v-selected-hover-label-letter-spacing: var( --comp-scu-nav-item-v-selected-hover-label-letter-spacing , 0px );
$comp-scu-nav-item-v-selected-hover-label-width: var( --comp-scu-nav-item-v-selected-hover-label-width , 209px );
$comp-scu-nav-item-v-selected-hover-label-height: var( --comp-scu-nav-item-v-selected-hover-label-height , 18px );
$comp-scu-nav-item-v-selected-hover-label-constraint-horizontal: var( --comp-scu-nav-item-v-selected-hover-label-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-hover-label-constraint-vertical: var( --comp-scu-nav-item-v-selected-hover-label-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-selected-hover-label-constrain-proportions: var( --comp-scu-nav-item-v-selected-hover-label-constrain-proportions , false );
$comp-scu-nav-item-v-selected-hover-label-layout-context: var( --comp-scu-nav-item-v-selected-hover-label-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-hover-label-layout-mode: var( --comp-scu-nav-item-v-selected-hover-label-layout-mode , NONE );
$comp-scu-nav-item-v-selected-hover-label-item-spacing: var( --comp-scu-nav-item-v-selected-hover-label-item-spacing , 0px );
$comp-scu-nav-item-v-selected-hover-label-layout-align: var( --comp-scu-nav-item-v-selected-hover-label-layout-align , MIN );
$comp-scu-nav-item-v-selected-hover-label-top: var( --comp-scu-nav-item-v-selected-hover-label-top , 11px );
$comp-scu-nav-item-v-selected-hover-label-top-percent: var( --comp-scu-nav-item-v-selected-hover-label-top-percent , 50% );
$comp-scu-nav-item-v-selected-hover-label-bottom: var( --comp-scu-nav-item-v-selected-hover-label-bottom , 11px );
$comp-scu-nav-item-v-selected-hover-label-left: var( --comp-scu-nav-item-v-selected-hover-label-left , 32px );
$comp-scu-nav-item-v-selected-hover-label-left-percent: var( --comp-scu-nav-item-v-selected-hover-label-left-percent , 55.49% );
$comp-scu-nav-item-v-selected-hover-label-right: var( --comp-scu-nav-item-v-selected-hover-label-right , 5px );

/*
======================================================
comp-scu-nav-item-v-selected-hover-line-top [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-hover-line-top-background-color: var( --comp-scu-nav-item-v-selected-hover-line-top-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-selected-hover-line-top-blend-mode: var( --comp-scu-nav-item-v-selected-hover-line-top-blend-mode , NORMAL );
$comp-scu-nav-item-v-selected-hover-line-top-corner-radius: var( --comp-scu-nav-item-v-selected-hover-line-top-corner-radius , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-width: var( --comp-scu-nav-item-v-selected-hover-line-top-width , 246px );
$comp-scu-nav-item-v-selected-hover-line-top-height: var( --comp-scu-nav-item-v-selected-hover-line-top-height , 1px );
$comp-scu-nav-item-v-selected-hover-line-top-constraint-horizontal: var( --comp-scu-nav-item-v-selected-hover-line-top-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-hover-line-top-constraint-vertical: var( --comp-scu-nav-item-v-selected-hover-line-top-constraint-vertical , MIN );
$comp-scu-nav-item-v-selected-hover-line-top-constrain-proportions: var( --comp-scu-nav-item-v-selected-hover-line-top-constrain-proportions , false );
$comp-scu-nav-item-v-selected-hover-line-top-layout-context: var( --comp-scu-nav-item-v-selected-hover-line-top-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-hover-line-top-layout-mode: var( --comp-scu-nav-item-v-selected-hover-line-top-layout-mode , NONE );
$comp-scu-nav-item-v-selected-hover-line-top-item-spacing: var( --comp-scu-nav-item-v-selected-hover-line-top-item-spacing , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-layout-align: var( --comp-scu-nav-item-v-selected-hover-line-top-layout-align , MIN );
$comp-scu-nav-item-v-selected-hover-line-top-top: var( --comp-scu-nav-item-v-selected-hover-line-top-top , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-top-percent: var( --comp-scu-nav-item-v-selected-hover-line-top-top-percent , 1.25% );
$comp-scu-nav-item-v-selected-hover-line-top-bottom: var( --comp-scu-nav-item-v-selected-hover-line-top-bottom , 39px );
$comp-scu-nav-item-v-selected-hover-line-top-left: var( --comp-scu-nav-item-v-selected-hover-line-top-left , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-left-percent: var( --comp-scu-nav-item-v-selected-hover-line-top-left-percent , 50% );
$comp-scu-nav-item-v-selected-hover-line-top-right: var( --comp-scu-nav-item-v-selected-hover-line-top-right , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-padding-left: var( --comp-scu-nav-item-v-selected-hover-line-top-padding-left , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-padding-right: var( --comp-scu-nav-item-v-selected-hover-line-top-padding-right , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-padding-top: var( --comp-scu-nav-item-v-selected-hover-line-top-padding-top , 0px );
$comp-scu-nav-item-v-selected-hover-line-top-padding-bottom: var( --comp-scu-nav-item-v-selected-hover-line-top-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected-hover-line-bottom [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-hover-line-bottom-background-color: var( --comp-scu-nav-item-v-selected-hover-line-bottom-background-color , rgba(235,235,235,1) );
$comp-scu-nav-item-v-selected-hover-line-bottom-blend-mode: var( --comp-scu-nav-item-v-selected-hover-line-bottom-blend-mode , NORMAL );
$comp-scu-nav-item-v-selected-hover-line-bottom-corner-radius: var( --comp-scu-nav-item-v-selected-hover-line-bottom-corner-radius , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-width: var( --comp-scu-nav-item-v-selected-hover-line-bottom-width , 246px );
$comp-scu-nav-item-v-selected-hover-line-bottom-height: var( --comp-scu-nav-item-v-selected-hover-line-bottom-height , 1px );
$comp-scu-nav-item-v-selected-hover-line-bottom-constraint-horizontal: var( --comp-scu-nav-item-v-selected-hover-line-bottom-constraint-horizontal , STRETCH );
$comp-scu-nav-item-v-selected-hover-line-bottom-constraint-vertical: var( --comp-scu-nav-item-v-selected-hover-line-bottom-constraint-vertical , MAX );
$comp-scu-nav-item-v-selected-hover-line-bottom-constrain-proportions: var( --comp-scu-nav-item-v-selected-hover-line-bottom-constrain-proportions , false );
$comp-scu-nav-item-v-selected-hover-line-bottom-layout-context: var( --comp-scu-nav-item-v-selected-hover-line-bottom-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-hover-line-bottom-layout-mode: var( --comp-scu-nav-item-v-selected-hover-line-bottom-layout-mode , NONE );
$comp-scu-nav-item-v-selected-hover-line-bottom-item-spacing: var( --comp-scu-nav-item-v-selected-hover-line-bottom-item-spacing , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-layout-align: var( --comp-scu-nav-item-v-selected-hover-line-bottom-layout-align , MIN );
$comp-scu-nav-item-v-selected-hover-line-bottom-top: var( --comp-scu-nav-item-v-selected-hover-line-bottom-top , 39px );
$comp-scu-nav-item-v-selected-hover-line-bottom-top-percent: var( --comp-scu-nav-item-v-selected-hover-line-bottom-top-percent , 98.75% );
$comp-scu-nav-item-v-selected-hover-line-bottom-bottom: var( --comp-scu-nav-item-v-selected-hover-line-bottom-bottom , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-left: var( --comp-scu-nav-item-v-selected-hover-line-bottom-left , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-left-percent: var( --comp-scu-nav-item-v-selected-hover-line-bottom-left-percent , 50% );
$comp-scu-nav-item-v-selected-hover-line-bottom-right: var( --comp-scu-nav-item-v-selected-hover-line-bottom-right , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-padding-left: var( --comp-scu-nav-item-v-selected-hover-line-bottom-padding-left , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-padding-right: var( --comp-scu-nav-item-v-selected-hover-line-bottom-padding-right , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-padding-top: var( --comp-scu-nav-item-v-selected-hover-line-bottom-padding-top , 0px );
$comp-scu-nav-item-v-selected-hover-line-bottom-padding-bottom: var( --comp-scu-nav-item-v-selected-hover-line-bottom-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-v-selected-hover-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-v-selected-hover-selected-background-color: var( --comp-scu-nav-item-v-selected-hover-selected-background-color , rgba(99,166,10,1) );
$comp-scu-nav-item-v-selected-hover-selected-blend-mode: var( --comp-scu-nav-item-v-selected-hover-selected-blend-mode , NORMAL );
$comp-scu-nav-item-v-selected-hover-selected-corner-radius: var( --comp-scu-nav-item-v-selected-hover-selected-corner-radius , 0px );
$comp-scu-nav-item-v-selected-hover-selected-width: var( --comp-scu-nav-item-v-selected-hover-selected-width , 3px );
$comp-scu-nav-item-v-selected-hover-selected-height: var( --comp-scu-nav-item-v-selected-hover-selected-height , 40px );
$comp-scu-nav-item-v-selected-hover-selected-constraint-horizontal: var( --comp-scu-nav-item-v-selected-hover-selected-constraint-horizontal , MIN );
$comp-scu-nav-item-v-selected-hover-selected-constraint-vertical: var( --comp-scu-nav-item-v-selected-hover-selected-constraint-vertical , STRETCH );
$comp-scu-nav-item-v-selected-hover-selected-constrain-proportions: var( --comp-scu-nav-item-v-selected-hover-selected-constrain-proportions , false );
$comp-scu-nav-item-v-selected-hover-selected-layout-context: var( --comp-scu-nav-item-v-selected-hover-selected-layout-context , ABSOLUTE );
$comp-scu-nav-item-v-selected-hover-selected-layout-mode: var( --comp-scu-nav-item-v-selected-hover-selected-layout-mode , NONE );
$comp-scu-nav-item-v-selected-hover-selected-item-spacing: var( --comp-scu-nav-item-v-selected-hover-selected-item-spacing , 0px );
$comp-scu-nav-item-v-selected-hover-selected-layout-align: var( --comp-scu-nav-item-v-selected-hover-selected-layout-align , MIN );
$comp-scu-nav-item-v-selected-hover-selected-top: var( --comp-scu-nav-item-v-selected-hover-selected-top , 0px );
$comp-scu-nav-item-v-selected-hover-selected-top-percent: var( --comp-scu-nav-item-v-selected-hover-selected-top-percent , 50% );
$comp-scu-nav-item-v-selected-hover-selected-bottom: var( --comp-scu-nav-item-v-selected-hover-selected-bottom , 0px );
$comp-scu-nav-item-v-selected-hover-selected-left: var( --comp-scu-nav-item-v-selected-hover-selected-left , 0px );
$comp-scu-nav-item-v-selected-hover-selected-left-percent: var( --comp-scu-nav-item-v-selected-hover-selected-left-percent , 0.61% );
$comp-scu-nav-item-v-selected-hover-selected-right: var( --comp-scu-nav-item-v-selected-hover-selected-right , 243px );
$comp-scu-nav-item-v-selected-hover-selected-padding-left: var( --comp-scu-nav-item-v-selected-hover-selected-padding-left , 0px );
$comp-scu-nav-item-v-selected-hover-selected-padding-right: var( --comp-scu-nav-item-v-selected-hover-selected-padding-right , 0px );
$comp-scu-nav-item-v-selected-hover-selected-padding-top: var( --comp-scu-nav-item-v-selected-hover-selected-padding-top , 0px );
$comp-scu-nav-item-v-selected-hover-selected-padding-bottom: var( --comp-scu-nav-item-v-selected-hover-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-h-icon [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-h-icon-corner-radius: var( --comp-scu-nav-item-h-icon-corner-radius , 0px );
$comp-scu-nav-item-h-icon-width: var( --comp-scu-nav-item-h-icon-width , 77px );
$comp-scu-nav-item-h-icon-height: var( --comp-scu-nav-item-h-icon-height , 48px );
$comp-scu-nav-item-h-icon-constraint-horizontal: var( --comp-scu-nav-item-h-icon-constraint-horizontal , STRETCH );
$comp-scu-nav-item-h-icon-constraint-vertical: var( --comp-scu-nav-item-h-icon-constraint-vertical , STRETCH );
$comp-scu-nav-item-h-icon-constrain-proportions: var( --comp-scu-nav-item-h-icon-constrain-proportions , false );
$comp-scu-nav-item-h-icon-layout-context: var( --comp-scu-nav-item-h-icon-layout-context , NONE );
$comp-scu-nav-item-h-icon-layout-mode: var( --comp-scu-nav-item-h-icon-layout-mode , VERTICAL );
$comp-scu-nav-item-h-icon-item-spacing: var( --comp-scu-nav-item-h-icon-item-spacing , 5px );
$comp-scu-nav-item-h-icon-layout-align: var( --comp-scu-nav-item-h-icon-layout-align , MIN );
$comp-scu-nav-item-h-icon-top: var( --comp-scu-nav-item-h-icon-top , 0px );
$comp-scu-nav-item-h-icon-top-percent: var( --comp-scu-nav-item-h-icon-top-percent , 0% );
$comp-scu-nav-item-h-icon-bottom: var( --comp-scu-nav-item-h-icon-bottom , 0px );
$comp-scu-nav-item-h-icon-left: var( --comp-scu-nav-item-h-icon-left , 0px );
$comp-scu-nav-item-h-icon-left-percent: var( --comp-scu-nav-item-h-icon-left-percent , 0% );
$comp-scu-nav-item-h-icon-right: var( --comp-scu-nav-item-h-icon-right , 0px );
$comp-scu-nav-item-h-icon-padding-left: var( --comp-scu-nav-item-h-icon-padding-left , 0px );
$comp-scu-nav-item-h-icon-padding-right: var( --comp-scu-nav-item-h-icon-padding-right , 0px );
$comp-scu-nav-item-h-icon-padding-top: var( --comp-scu-nav-item-h-icon-padding-top , 0px );
$comp-scu-nav-item-h-icon-padding-bottom: var( --comp-scu-nav-item-h-icon-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-h-icon-icon-box [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-h-icon-icon-box-corner-radius: var( --comp-scu-nav-item-h-icon-icon-box-corner-radius , 0px );
$comp-scu-nav-item-h-icon-icon-box-width: var( --comp-scu-nav-item-h-icon-icon-box-width , 60px );
$comp-scu-nav-item-h-icon-icon-box-height: var( --comp-scu-nav-item-h-icon-icon-box-height , 26px );
$comp-scu-nav-item-h-icon-icon-box-constraint-horizontal: var( --comp-scu-nav-item-h-icon-icon-box-constraint-horizontal , MIN );
$comp-scu-nav-item-h-icon-icon-box-constraint-vertical: var( --comp-scu-nav-item-h-icon-icon-box-constraint-vertical , MIN );
$comp-scu-nav-item-h-icon-icon-box-constrain-proportions: var( --comp-scu-nav-item-h-icon-icon-box-constrain-proportions , false );
$comp-scu-nav-item-h-icon-icon-box-layout-context: var( --comp-scu-nav-item-h-icon-icon-box-layout-context , FLEX );
$comp-scu-nav-item-h-icon-icon-box-layout-mode: var( --comp-scu-nav-item-h-icon-icon-box-layout-mode , NONE );
$comp-scu-nav-item-h-icon-icon-box-item-spacing: var( --comp-scu-nav-item-h-icon-icon-box-item-spacing , 0px );
$comp-scu-nav-item-h-icon-icon-box-layout-align: var( --comp-scu-nav-item-h-icon-icon-box-layout-align , CENTER );
$comp-scu-nav-item-h-icon-icon-box-top: var( --comp-scu-nav-item-h-icon-icon-box-top , 0px );
$comp-scu-nav-item-h-icon-icon-box-top-percent: var( --comp-scu-nav-item-h-icon-icon-box-top-percent , 27.08% );
$comp-scu-nav-item-h-icon-icon-box-bottom: var( --comp-scu-nav-item-h-icon-icon-box-bottom , 22px );
$comp-scu-nav-item-h-icon-icon-box-left: var( --comp-scu-nav-item-h-icon-icon-box-left , 8.5px );
$comp-scu-nav-item-h-icon-icon-box-left-percent: var( --comp-scu-nav-item-h-icon-icon-box-left-percent , 50% );
$comp-scu-nav-item-h-icon-icon-box-right: var( --comp-scu-nav-item-h-icon-icon-box-right , 8.5px );
$comp-scu-nav-item-h-icon-icon-box-padding-left: var( --comp-scu-nav-item-h-icon-icon-box-padding-left , 0px );
$comp-scu-nav-item-h-icon-icon-box-padding-right: var( --comp-scu-nav-item-h-icon-icon-box-padding-right , 0px );
$comp-scu-nav-item-h-icon-icon-box-padding-top: var( --comp-scu-nav-item-h-icon-icon-box-padding-top , 0px );
$comp-scu-nav-item-h-icon-icon-box-padding-bottom: var( --comp-scu-nav-item-h-icon-icon-box-padding-bottom , 0px );
$comp-scu-nav-item-h-icon-icon-box-margin-bottom: var( --comp-scu-nav-item-h-icon-icon-box-margin-bottom , 5px );

/*
======================================================
comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24 [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-background-color: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-background-color , rgba(255,255,255,1) );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-blend-mode: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-blend-mode , NORMAL );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-corner-radius: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-corner-radius , 0px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-width: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-width , 24px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-height: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-height , 24px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-constraint-horizontal: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-constraint-horizontal , CENTER );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-constraint-vertical: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-constraint-vertical , CENTER );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-constrain-proportions: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-constrain-proportions , false );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-layout-context: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-layout-context , ABSOLUTE );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-layout-mode: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-layout-mode , NONE );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-item-spacing: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-item-spacing , 0px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-layout-align: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-layout-align , MIN );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-top: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-top , 1px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-top-percent: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-top-percent , 50% );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-bottom: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-bottom , 1px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-left: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-left , 18px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-left-percent: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-left-percent , 50% );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-right: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-right , 18px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-left: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-left , 0px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-right: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-right , 0px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-top: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-top , 0px );
$comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-bottom: var( --comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-h-icon-icon-box-notification [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-h-icon-icon-box-notification-background-color: var( --comp-scu-nav-item-h-icon-icon-box-notification-background-color , rgba(99,166,10,1) );
$comp-scu-nav-item-h-icon-icon-box-notification-blend-mode: var( --comp-scu-nav-item-h-icon-icon-box-notification-blend-mode , NORMAL );
$comp-scu-nav-item-h-icon-icon-box-notification-stroke-color: var( --comp-scu-nav-item-h-icon-icon-box-notification-stroke-color , rgba(255,255,255,1) );
$comp-scu-nav-item-h-icon-icon-box-notification-stroke-weight: var( --comp-scu-nav-item-h-icon-icon-box-notification-stroke-weight , 3px );
$comp-scu-nav-item-h-icon-icon-box-notification-stroke-align: var( --comp-scu-nav-item-h-icon-icon-box-notification-stroke-align , OUTSIDE );
$comp-scu-nav-item-h-icon-icon-box-notification-corner-radius: var( --comp-scu-nav-item-h-icon-icon-box-notification-corner-radius , 10px );
$comp-scu-nav-item-h-icon-icon-box-notification-width: var( --comp-scu-nav-item-h-icon-icon-box-notification-width , 12px );
$comp-scu-nav-item-h-icon-icon-box-notification-height: var( --comp-scu-nav-item-h-icon-icon-box-notification-height , 12px );
$comp-scu-nav-item-h-icon-icon-box-notification-constraint-horizontal: var( --comp-scu-nav-item-h-icon-icon-box-notification-constraint-horizontal , STRETCH );
$comp-scu-nav-item-h-icon-icon-box-notification-constraint-vertical: var( --comp-scu-nav-item-h-icon-icon-box-notification-constraint-vertical , MIN );
$comp-scu-nav-item-h-icon-icon-box-notification-constrain-proportions: var( --comp-scu-nav-item-h-icon-icon-box-notification-constrain-proportions , false );
$comp-scu-nav-item-h-icon-icon-box-notification-layout-context: var( --comp-scu-nav-item-h-icon-icon-box-notification-layout-context , ABSOLUTE );
$comp-scu-nav-item-h-icon-icon-box-notification-layout-mode: var( --comp-scu-nav-item-h-icon-icon-box-notification-layout-mode , NONE );
$comp-scu-nav-item-h-icon-icon-box-notification-item-spacing: var( --comp-scu-nav-item-h-icon-icon-box-notification-item-spacing , 0px );
$comp-scu-nav-item-h-icon-icon-box-notification-layout-align: var( --comp-scu-nav-item-h-icon-icon-box-notification-layout-align , MIN );
$comp-scu-nav-item-h-icon-icon-box-notification-top: var( --comp-scu-nav-item-h-icon-icon-box-notification-top , 0.666748046875px );
$comp-scu-nav-item-h-icon-icon-box-notification-top-percent: var( --comp-scu-nav-item-h-icon-icon-box-notification-top-percent , 25.64% );
$comp-scu-nav-item-h-icon-icon-box-notification-bottom: var( --comp-scu-nav-item-h-icon-icon-box-notification-bottom , 13.333251953125px );
$comp-scu-nav-item-h-icon-icon-box-notification-left: var( --comp-scu-nav-item-h-icon-icon-box-notification-left , 35px );
$comp-scu-nav-item-h-icon-icon-box-notification-left-percent: var( --comp-scu-nav-item-h-icon-icon-box-notification-left-percent , 68.33% );
$comp-scu-nav-item-h-icon-icon-box-notification-right: var( --comp-scu-nav-item-h-icon-icon-box-notification-right , 13px );
$comp-scu-nav-item-h-icon-icon-box-notification-padding-left: var( --comp-scu-nav-item-h-icon-icon-box-notification-padding-left , 0px );
$comp-scu-nav-item-h-icon-icon-box-notification-padding-right: var( --comp-scu-nav-item-h-icon-icon-box-notification-padding-right , 0px );
$comp-scu-nav-item-h-icon-icon-box-notification-padding-top: var( --comp-scu-nav-item-h-icon-icon-box-notification-padding-top , 0px );
$comp-scu-nav-item-h-icon-icon-box-notification-padding-bottom: var( --comp-scu-nav-item-h-icon-icon-box-notification-padding-bottom , 0px );

/*
======================================================
comp-scu-nav-item-h-icon-icon-box-notification-number [TEXT_TOKEN]
======================================================
*/
$comp-scu-nav-item-h-icon-icon-box-notification-number-characters: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-characters , '2' );
$comp-scu-nav-item-h-icon-icon-box-notification-number-font-size: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-font-size , 9px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-text-align-horizontal: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-text-align-horizontal , CENTER );
$comp-scu-nav-item-h-icon-icon-box-notification-number-text-align-vertical: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-text-align-vertical , CENTER );
$comp-scu-nav-item-h-icon-icon-box-notification-number-color: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-color , rgba(255,255,255,1) );
$comp-scu-nav-item-h-icon-icon-box-notification-number-font-family: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-font-family , 'Proxima Nova' );
$comp-scu-nav-item-h-icon-icon-box-notification-number-font-weight: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-font-weight , 700 );
$comp-scu-nav-item-h-icon-icon-box-notification-number-line-height: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-line-height , 10.55px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-letter-spacing: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-letter-spacing , 0px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-width: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-width , 12px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-height: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-height , 12px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-constraint-horizontal: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-constraint-horizontal , CENTER );
$comp-scu-nav-item-h-icon-icon-box-notification-number-constraint-vertical: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-constraint-vertical , CENTER );
$comp-scu-nav-item-h-icon-icon-box-notification-number-constrain-proportions: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-constrain-proportions , false );
$comp-scu-nav-item-h-icon-icon-box-notification-number-layout-context: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-layout-context , ABSOLUTE );
$comp-scu-nav-item-h-icon-icon-box-notification-number-layout-mode: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-layout-mode , NONE );
$comp-scu-nav-item-h-icon-icon-box-notification-number-item-spacing: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-item-spacing , 0px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-layout-align: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-layout-align , MIN );
$comp-scu-nav-item-h-icon-icon-box-notification-number-top: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-top , 0.333251953125px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-top-percent: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-top-percent , 52.78% );
$comp-scu-nav-item-h-icon-icon-box-notification-number-bottom: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-bottom , -0.333251953125px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-left: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-left , 0px );
$comp-scu-nav-item-h-icon-icon-box-notification-number-left-percent: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-left-percent , 50% );
$comp-scu-nav-item-h-icon-icon-box-notification-number-right: var( --comp-scu-nav-item-h-icon-icon-box-notification-number-right , 0px );

/*
======================================================
comp-scu-nav-item-h-icon-comments [TEXT_TOKEN]
======================================================
*/
$comp-scu-nav-item-h-icon-comments-characters: var( --comp-scu-nav-item-h-icon-comments-characters , 'Comments' );
$comp-scu-nav-item-h-icon-comments-font-size: var( --comp-scu-nav-item-h-icon-comments-font-size , 9px );
$comp-scu-nav-item-h-icon-comments-text-align-horizontal: var( --comp-scu-nav-item-h-icon-comments-text-align-horizontal , CENTER );
$comp-scu-nav-item-h-icon-comments-text-align-vertical: var( --comp-scu-nav-item-h-icon-comments-text-align-vertical , TOP );
$comp-scu-nav-item-h-icon-comments-color: var( --comp-scu-nav-item-h-icon-comments-color , rgba(86,144,8,1) );
$comp-scu-nav-item-h-icon-comments-font-family: var( --comp-scu-nav-item-h-icon-comments-font-family , 'Proxima Nova' );
$comp-scu-nav-item-h-icon-comments-font-weight: var( --comp-scu-nav-item-h-icon-comments-font-weight , 700 );
$comp-scu-nav-item-h-icon-comments-line-height: var( --comp-scu-nav-item-h-icon-comments-line-height , 10.55px );
$comp-scu-nav-item-h-icon-comments-letter-spacing: var( --comp-scu-nav-item-h-icon-comments-letter-spacing , 0px );
$comp-scu-nav-item-h-icon-comments-width: var( --comp-scu-nav-item-h-icon-comments-width , 77px );
$comp-scu-nav-item-h-icon-comments-height: var( --comp-scu-nav-item-h-icon-comments-height , 11px );
$comp-scu-nav-item-h-icon-comments-constraint-horizontal: var( --comp-scu-nav-item-h-icon-comments-constraint-horizontal , MIN );
$comp-scu-nav-item-h-icon-comments-constraint-vertical: var( --comp-scu-nav-item-h-icon-comments-constraint-vertical , MIN );
$comp-scu-nav-item-h-icon-comments-constrain-proportions: var( --comp-scu-nav-item-h-icon-comments-constrain-proportions , false );
$comp-scu-nav-item-h-icon-comments-layout-context: var( --comp-scu-nav-item-h-icon-comments-layout-context , FLEX );
$comp-scu-nav-item-h-icon-comments-layout-mode: var( --comp-scu-nav-item-h-icon-comments-layout-mode , NONE );
$comp-scu-nav-item-h-icon-comments-item-spacing: var( --comp-scu-nav-item-h-icon-comments-item-spacing , 0px );
$comp-scu-nav-item-h-icon-comments-layout-align: var( --comp-scu-nav-item-h-icon-comments-layout-align , STRETCH );
$comp-scu-nav-item-h-icon-comments-top: var( --comp-scu-nav-item-h-icon-comments-top , 31px );
$comp-scu-nav-item-h-icon-comments-top-percent: var( --comp-scu-nav-item-h-icon-comments-top-percent , 76.04% );
$comp-scu-nav-item-h-icon-comments-bottom: var( --comp-scu-nav-item-h-icon-comments-bottom , 6px );
$comp-scu-nav-item-h-icon-comments-left: var( --comp-scu-nav-item-h-icon-comments-left , 0px );
$comp-scu-nav-item-h-icon-comments-left-percent: var( --comp-scu-nav-item-h-icon-comments-left-percent , 50% );
$comp-scu-nav-item-h-icon-comments-right: var( --comp-scu-nav-item-h-icon-comments-right , 0px );
$comp-scu-nav-item-h-icon-comments-margin-bottom: var( --comp-scu-nav-item-h-icon-comments-margin-bottom , 5px );

/*
======================================================
comp-scu-nav-item-h-icon-select [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-nav-item-h-icon-select-background-color: var( --comp-scu-nav-item-h-icon-select-background-color , rgba(99,166,10,1) );
$comp-scu-nav-item-h-icon-select-blend-mode: var( --comp-scu-nav-item-h-icon-select-blend-mode , NORMAL );
$comp-scu-nav-item-h-icon-select-corner-radius: var( --comp-scu-nav-item-h-icon-select-corner-radius , 0px );
$comp-scu-nav-item-h-icon-select-width: var( --comp-scu-nav-item-h-icon-select-width , 77px );
$comp-scu-nav-item-h-icon-select-height: var( --comp-scu-nav-item-h-icon-select-height , 1px );
$comp-scu-nav-item-h-icon-select-constraint-horizontal: var( --comp-scu-nav-item-h-icon-select-constraint-horizontal , MIN );
$comp-scu-nav-item-h-icon-select-constraint-vertical: var( --comp-scu-nav-item-h-icon-select-constraint-vertical , MIN );
$comp-scu-nav-item-h-icon-select-constrain-proportions: var( --comp-scu-nav-item-h-icon-select-constrain-proportions , false );
$comp-scu-nav-item-h-icon-select-layout-context: var( --comp-scu-nav-item-h-icon-select-layout-context , FLEX );
$comp-scu-nav-item-h-icon-select-layout-mode: var( --comp-scu-nav-item-h-icon-select-layout-mode , NONE );
$comp-scu-nav-item-h-icon-select-item-spacing: var( --comp-scu-nav-item-h-icon-select-item-spacing , 0px );
$comp-scu-nav-item-h-icon-select-layout-align: var( --comp-scu-nav-item-h-icon-select-layout-align , STRETCH );
$comp-scu-nav-item-h-icon-select-top: var( --comp-scu-nav-item-h-icon-select-top , 47px );
$comp-scu-nav-item-h-icon-select-top-percent: var( --comp-scu-nav-item-h-icon-select-top-percent , 98.96% );
$comp-scu-nav-item-h-icon-select-bottom: var( --comp-scu-nav-item-h-icon-select-bottom , 0px );
$comp-scu-nav-item-h-icon-select-left: var( --comp-scu-nav-item-h-icon-select-left , 0px );
$comp-scu-nav-item-h-icon-select-left-percent: var( --comp-scu-nav-item-h-icon-select-left-percent , 50% );
$comp-scu-nav-item-h-icon-select-right: var( --comp-scu-nav-item-h-icon-select-right , 0px );
$comp-scu-nav-item-h-icon-select-padding-left: var( --comp-scu-nav-item-h-icon-select-padding-left , 0px );
$comp-scu-nav-item-h-icon-select-padding-right: var( --comp-scu-nav-item-h-icon-select-padding-right , 0px );
$comp-scu-nav-item-h-icon-select-padding-top: var( --comp-scu-nav-item-h-icon-select-padding-top , 0px );
$comp-scu-nav-item-h-icon-select-padding-bottom: var( --comp-scu-nav-item-h-icon-select-padding-bottom , 0px );

/*
======================================================
comp-beta-scu-button-2 [COMPONENT_TOKEN]
======================================================
*/
$comp-beta-scu-button-2-corner-radius: var( --comp-beta-scu-button-2-corner-radius , 0px );
$comp-beta-scu-button-2-width: var( --comp-beta-scu-button-2-width , 87px );
$comp-beta-scu-button-2-height: var( --comp-beta-scu-button-2-height , 40px );
$comp-beta-scu-button-2-constraint-horizontal: var( --comp-beta-scu-button-2-constraint-horizontal , STRETCH );
$comp-beta-scu-button-2-constraint-vertical: var( --comp-beta-scu-button-2-constraint-vertical , STRETCH );
$comp-beta-scu-button-2-constrain-proportions: var( --comp-beta-scu-button-2-constrain-proportions , false );
$comp-beta-scu-button-2-layout-context: var( --comp-beta-scu-button-2-layout-context , NONE );
$comp-beta-scu-button-2-layout-mode: var( --comp-beta-scu-button-2-layout-mode , NONE );
$comp-beta-scu-button-2-item-spacing: var( --comp-beta-scu-button-2-item-spacing , 0px );
$comp-beta-scu-button-2-layout-align: var( --comp-beta-scu-button-2-layout-align , MIN );
$comp-beta-scu-button-2-top: var( --comp-beta-scu-button-2-top , 0px );
$comp-beta-scu-button-2-top-percent: var( --comp-beta-scu-button-2-top-percent , 0% );
$comp-beta-scu-button-2-bottom: var( --comp-beta-scu-button-2-bottom , 0px );
$comp-beta-scu-button-2-left: var( --comp-beta-scu-button-2-left , 0px );
$comp-beta-scu-button-2-left-percent: var( --comp-beta-scu-button-2-left-percent , 0% );
$comp-beta-scu-button-2-right: var( --comp-beta-scu-button-2-right , 0px );
$comp-beta-scu-button-2-padding-left: var( --comp-beta-scu-button-2-padding-left , 0px );
$comp-beta-scu-button-2-padding-right: var( --comp-beta-scu-button-2-padding-right , 0px );
$comp-beta-scu-button-2-padding-top: var( --comp-beta-scu-button-2-padding-top , 0px );
$comp-beta-scu-button-2-padding-bottom: var( --comp-beta-scu-button-2-padding-bottom , 0px );

/*
======================================================
comp-beta-scu-button-2-scu-button-2-background [COMPONENT_TOKEN]
======================================================
*/
$comp-beta-scu-button-2-scu-button-2-background-background-color: var( --comp-beta-scu-button-2-scu-button-2-background-background-color , rgba(99,166,10,1) );
$comp-beta-scu-button-2-scu-button-2-background-blend-mode: var( --comp-beta-scu-button-2-scu-button-2-background-blend-mode , NORMAL );
$comp-beta-scu-button-2-scu-button-2-background-corner-radius: var( --comp-beta-scu-button-2-scu-button-2-background-corner-radius , 200px );
$comp-beta-scu-button-2-scu-button-2-background-width: var( --comp-beta-scu-button-2-scu-button-2-background-width , 86px );
$comp-beta-scu-button-2-scu-button-2-background-height: var( --comp-beta-scu-button-2-scu-button-2-background-height , 40px );
$comp-beta-scu-button-2-scu-button-2-background-constraint-horizontal: var( --comp-beta-scu-button-2-scu-button-2-background-constraint-horizontal , STRETCH );
$comp-beta-scu-button-2-scu-button-2-background-constraint-vertical: var( --comp-beta-scu-button-2-scu-button-2-background-constraint-vertical , STRETCH );
$comp-beta-scu-button-2-scu-button-2-background-constrain-proportions: var( --comp-beta-scu-button-2-scu-button-2-background-constrain-proportions , false );
$comp-beta-scu-button-2-scu-button-2-background-layout-context: var( --comp-beta-scu-button-2-scu-button-2-background-layout-context , ABSOLUTE );
$comp-beta-scu-button-2-scu-button-2-background-layout-mode: var( --comp-beta-scu-button-2-scu-button-2-background-layout-mode , NONE );
$comp-beta-scu-button-2-scu-button-2-background-item-spacing: var( --comp-beta-scu-button-2-scu-button-2-background-item-spacing , 0px );
$comp-beta-scu-button-2-scu-button-2-background-layout-align: var( --comp-beta-scu-button-2-scu-button-2-background-layout-align , MIN );
$comp-beta-scu-button-2-scu-button-2-background-top: var( --comp-beta-scu-button-2-scu-button-2-background-top , 0px );
$comp-beta-scu-button-2-scu-button-2-background-top-percent: var( --comp-beta-scu-button-2-scu-button-2-background-top-percent , 50% );
$comp-beta-scu-button-2-scu-button-2-background-bottom: var( --comp-beta-scu-button-2-scu-button-2-background-bottom , 0px );
$comp-beta-scu-button-2-scu-button-2-background-left: var( --comp-beta-scu-button-2-scu-button-2-background-left , 0.75px );
$comp-beta-scu-button-2-scu-button-2-background-left-percent: var( --comp-beta-scu-button-2-scu-button-2-background-left-percent , 50.29% );
$comp-beta-scu-button-2-scu-button-2-background-right: var( --comp-beta-scu-button-2-scu-button-2-background-right , 0.25px );
$comp-beta-scu-button-2-scu-button-2-background-padding-left: var( --comp-beta-scu-button-2-scu-button-2-background-padding-left , 0px );
$comp-beta-scu-button-2-scu-button-2-background-padding-right: var( --comp-beta-scu-button-2-scu-button-2-background-padding-right , 0px );
$comp-beta-scu-button-2-scu-button-2-background-padding-top: var( --comp-beta-scu-button-2-scu-button-2-background-padding-top , 0px );
$comp-beta-scu-button-2-scu-button-2-background-padding-bottom: var( --comp-beta-scu-button-2-scu-button-2-background-padding-bottom , 0px );

/*
======================================================
comp-beta-scu-button-2-label [TEXT_TOKEN]
======================================================
*/
$comp-beta-scu-button-2-label-characters: var( --comp-beta-scu-button-2-label-characters , 'label' );
$comp-beta-scu-button-2-label-font-size: var( --comp-beta-scu-button-2-label-font-size , 16px );
$comp-beta-scu-button-2-label-text-align-horizontal: var( --comp-beta-scu-button-2-label-text-align-horizontal , CENTER );
$comp-beta-scu-button-2-label-text-align-vertical: var( --comp-beta-scu-button-2-label-text-align-vertical , CENTER );
$comp-beta-scu-button-2-label-color: var( --comp-beta-scu-button-2-label-color , rgba(255,255,255,1) );
$comp-beta-scu-button-2-label-font-family: var( --comp-beta-scu-button-2-label-font-family , 'Proxima Nova' );
$comp-beta-scu-button-2-label-font-weight: var( --comp-beta-scu-button-2-label-font-weight , 700 );
$comp-beta-scu-button-2-label-line-height: var( --comp-beta-scu-button-2-label-line-height , 18.75px );
$comp-beta-scu-button-2-label-letter-spacing: var( --comp-beta-scu-button-2-label-letter-spacing , 0px );
$comp-beta-scu-button-2-label-width: var( --comp-beta-scu-button-2-label-width , 39px );
$comp-beta-scu-button-2-label-height: var( --comp-beta-scu-button-2-label-height , 40px );
$comp-beta-scu-button-2-label-constraint-horizontal: var( --comp-beta-scu-button-2-label-constraint-horizontal , STRETCH );
$comp-beta-scu-button-2-label-constraint-vertical: var( --comp-beta-scu-button-2-label-constraint-vertical , STRETCH );
$comp-beta-scu-button-2-label-constrain-proportions: var( --comp-beta-scu-button-2-label-constrain-proportions , false );
$comp-beta-scu-button-2-label-layout-context: var( --comp-beta-scu-button-2-label-layout-context , ABSOLUTE );
$comp-beta-scu-button-2-label-layout-mode: var( --comp-beta-scu-button-2-label-layout-mode , NONE );
$comp-beta-scu-button-2-label-item-spacing: var( --comp-beta-scu-button-2-label-item-spacing , 0px );
$comp-beta-scu-button-2-label-layout-align: var( --comp-beta-scu-button-2-label-layout-align , MIN );
$comp-beta-scu-button-2-label-top: var( --comp-beta-scu-button-2-label-top , 0px );
$comp-beta-scu-button-2-label-top-percent: var( --comp-beta-scu-button-2-label-top-percent , 50% );
$comp-beta-scu-button-2-label-bottom: var( --comp-beta-scu-button-2-label-bottom , 0px );
$comp-beta-scu-button-2-label-left: var( --comp-beta-scu-button-2-label-left , 24px );
$comp-beta-scu-button-2-label-left-percent: var( --comp-beta-scu-button-2-label-left-percent , 50% );
$comp-beta-scu-button-2-label-right: var( --comp-beta-scu-button-2-label-right , 24px );

/*
======================================================
comp-scu-input-text [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-text-corner-radius: var( --comp-scu-input-text-corner-radius , 0px );
$comp-scu-input-text-width: var( --comp-scu-input-text-width , 263px );
$comp-scu-input-text-height: var( --comp-scu-input-text-height , 72px );
$comp-scu-input-text-constraint-horizontal: var( --comp-scu-input-text-constraint-horizontal , STRETCH );
$comp-scu-input-text-constraint-vertical: var( --comp-scu-input-text-constraint-vertical , STRETCH );
$comp-scu-input-text-constrain-proportions: var( --comp-scu-input-text-constrain-proportions , false );
$comp-scu-input-text-layout-context: var( --comp-scu-input-text-layout-context , NONE );
$comp-scu-input-text-layout-mode: var( --comp-scu-input-text-layout-mode , NONE );
$comp-scu-input-text-item-spacing: var( --comp-scu-input-text-item-spacing , 0px );
$comp-scu-input-text-layout-align: var( --comp-scu-input-text-layout-align , MIN );
$comp-scu-input-text-top: var( --comp-scu-input-text-top , 0px );
$comp-scu-input-text-top-percent: var( --comp-scu-input-text-top-percent , 0% );
$comp-scu-input-text-bottom: var( --comp-scu-input-text-bottom , 0px );
$comp-scu-input-text-left: var( --comp-scu-input-text-left , 0px );
$comp-scu-input-text-left-percent: var( --comp-scu-input-text-left-percent , 0% );
$comp-scu-input-text-right: var( --comp-scu-input-text-right , 0px );
$comp-scu-input-text-padding-left: var( --comp-scu-input-text-padding-left , 0px );
$comp-scu-input-text-padding-right: var( --comp-scu-input-text-padding-right , 0px );
$comp-scu-input-text-padding-top: var( --comp-scu-input-text-padding-top , 0px );
$comp-scu-input-text-padding-bottom: var( --comp-scu-input-text-padding-bottom , 0px );

/*
======================================================
comp-scu-input-text-scu-input-field [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-field-background-color: var( --comp-scu-input-text-scu-input-field-background-color , rgba(255,255,255,1) );
$comp-scu-input-text-scu-input-field-blend-mode: var( --comp-scu-input-text-scu-input-field-blend-mode , NORMAL );
$comp-scu-input-text-scu-input-field-corner-radius: var( --comp-scu-input-text-scu-input-field-corner-radius , 0px );
$comp-scu-input-text-scu-input-field-width: var( --comp-scu-input-text-scu-input-field-width , 263px );
$comp-scu-input-text-scu-input-field-height: var( --comp-scu-input-text-scu-input-field-height , 36px );
$comp-scu-input-text-scu-input-field-constraint-horizontal: var( --comp-scu-input-text-scu-input-field-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-field-constraint-vertical: var( --comp-scu-input-text-scu-input-field-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-field-constrain-proportions: var( --comp-scu-input-text-scu-input-field-constrain-proportions , false );
$comp-scu-input-text-scu-input-field-layout-context: var( --comp-scu-input-text-scu-input-field-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-field-layout-mode: var( --comp-scu-input-text-scu-input-field-layout-mode , NONE );
$comp-scu-input-text-scu-input-field-item-spacing: var( --comp-scu-input-text-scu-input-field-item-spacing , 0px );
$comp-scu-input-text-scu-input-field-layout-align: var( --comp-scu-input-text-scu-input-field-layout-align , MIN );
$comp-scu-input-text-scu-input-field-top: var( --comp-scu-input-text-scu-input-field-top , 18px );
$comp-scu-input-text-scu-input-field-top-percent: var( --comp-scu-input-text-scu-input-field-top-percent , 50% );
$comp-scu-input-text-scu-input-field-bottom: var( --comp-scu-input-text-scu-input-field-bottom , 18px );
$comp-scu-input-text-scu-input-field-left: var( --comp-scu-input-text-scu-input-field-left , 0px );
$comp-scu-input-text-scu-input-field-left-percent: var( --comp-scu-input-text-scu-input-field-left-percent , 50% );
$comp-scu-input-text-scu-input-field-right: var( --comp-scu-input-text-scu-input-field-right , 0px );
$comp-scu-input-text-scu-input-field-padding-left: var( --comp-scu-input-text-scu-input-field-padding-left , 0px );
$comp-scu-input-text-scu-input-field-padding-right: var( --comp-scu-input-text-scu-input-field-padding-right , 0px );
$comp-scu-input-text-scu-input-field-padding-top: var( --comp-scu-input-text-scu-input-field-padding-top , 0px );
$comp-scu-input-text-scu-input-field-padding-bottom: var( --comp-scu-input-text-scu-input-field-padding-bottom , 0px );

/*
======================================================
comp-scu-input-text-scu-input-field-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-field-default-background-color: var( --comp-scu-input-text-scu-input-field-default-background-color , rgba(255,255,255,1) );
$comp-scu-input-text-scu-input-field-default-blend-mode: var( --comp-scu-input-text-scu-input-field-default-blend-mode , NORMAL );
$comp-scu-input-text-scu-input-field-default-stroke-color: var( --comp-scu-input-text-scu-input-field-default-stroke-color , rgba(196,196,196,1) );
$comp-scu-input-text-scu-input-field-default-stroke-weight: var( --comp-scu-input-text-scu-input-field-default-stroke-weight , 1px );
$comp-scu-input-text-scu-input-field-default-stroke-align: var( --comp-scu-input-text-scu-input-field-default-stroke-align , INSIDE );
$comp-scu-input-text-scu-input-field-default-corner-radius: var( --comp-scu-input-text-scu-input-field-default-corner-radius , 2px );
$comp-scu-input-text-scu-input-field-default-width: var( --comp-scu-input-text-scu-input-field-default-width , 263px );
$comp-scu-input-text-scu-input-field-default-height: var( --comp-scu-input-text-scu-input-field-default-height , 36px );
$comp-scu-input-text-scu-input-field-default-constraint-horizontal: var( --comp-scu-input-text-scu-input-field-default-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-field-default-constraint-vertical: var( --comp-scu-input-text-scu-input-field-default-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-field-default-constrain-proportions: var( --comp-scu-input-text-scu-input-field-default-constrain-proportions , false );
$comp-scu-input-text-scu-input-field-default-layout-context: var( --comp-scu-input-text-scu-input-field-default-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-field-default-layout-mode: var( --comp-scu-input-text-scu-input-field-default-layout-mode , NONE );
$comp-scu-input-text-scu-input-field-default-item-spacing: var( --comp-scu-input-text-scu-input-field-default-item-spacing , 0px );
$comp-scu-input-text-scu-input-field-default-layout-align: var( --comp-scu-input-text-scu-input-field-default-layout-align , MIN );
$comp-scu-input-text-scu-input-field-default-top: var( --comp-scu-input-text-scu-input-field-default-top , 0px );
$comp-scu-input-text-scu-input-field-default-top-percent: var( --comp-scu-input-text-scu-input-field-default-top-percent , 50% );
$comp-scu-input-text-scu-input-field-default-bottom: var( --comp-scu-input-text-scu-input-field-default-bottom , 0px );
$comp-scu-input-text-scu-input-field-default-left: var( --comp-scu-input-text-scu-input-field-default-left , 0px );
$comp-scu-input-text-scu-input-field-default-left-percent: var( --comp-scu-input-text-scu-input-field-default-left-percent , 50% );
$comp-scu-input-text-scu-input-field-default-right: var( --comp-scu-input-text-scu-input-field-default-right , 0px );
$comp-scu-input-text-scu-input-field-default-padding-left: var( --comp-scu-input-text-scu-input-field-default-padding-left , 0px );
$comp-scu-input-text-scu-input-field-default-padding-right: var( --comp-scu-input-text-scu-input-field-default-padding-right , 0px );
$comp-scu-input-text-scu-input-field-default-padding-top: var( --comp-scu-input-text-scu-input-field-default-padding-top , 0px );
$comp-scu-input-text-scu-input-field-default-padding-bottom: var( --comp-scu-input-text-scu-input-field-default-padding-bottom , 0px );

/*
======================================================
comp-scu-input-text-scu-input-field-default-input [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-field-default-input-characters: var( --comp-scu-input-text-scu-input-field-default-input-characters , 'Input' );
$comp-scu-input-text-scu-input-field-default-input-font-size: var( --comp-scu-input-text-scu-input-field-default-input-font-size , 15px );
$comp-scu-input-text-scu-input-field-default-input-text-align-horizontal: var( --comp-scu-input-text-scu-input-field-default-input-text-align-horizontal , LEFT );
$comp-scu-input-text-scu-input-field-default-input-text-align-vertical: var( --comp-scu-input-text-scu-input-field-default-input-text-align-vertical , TOP );
$comp-scu-input-text-scu-input-field-default-input-color: var( --comp-scu-input-text-scu-input-field-default-input-color , rgba(0,0,0,1) );
$comp-scu-input-text-scu-input-field-default-input-font-family: var( --comp-scu-input-text-scu-input-field-default-input-font-family , 'Proxima Nova' );
$comp-scu-input-text-scu-input-field-default-input-font-weight: var( --comp-scu-input-text-scu-input-field-default-input-font-weight , 400 );
$comp-scu-input-text-scu-input-field-default-input-line-height: var( --comp-scu-input-text-scu-input-field-default-input-line-height , 17.58px );
$comp-scu-input-text-scu-input-field-default-input-letter-spacing: var( --comp-scu-input-text-scu-input-field-default-input-letter-spacing , 0px );
$comp-scu-input-text-scu-input-field-default-input-width: var( --comp-scu-input-text-scu-input-field-default-input-width , 238px );
$comp-scu-input-text-scu-input-field-default-input-height: var( --comp-scu-input-text-scu-input-field-default-input-height , 18px );
$comp-scu-input-text-scu-input-field-default-input-constraint-horizontal: var( --comp-scu-input-text-scu-input-field-default-input-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-field-default-input-constraint-vertical: var( --comp-scu-input-text-scu-input-field-default-input-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-field-default-input-constrain-proportions: var( --comp-scu-input-text-scu-input-field-default-input-constrain-proportions , false );
$comp-scu-input-text-scu-input-field-default-input-layout-context: var( --comp-scu-input-text-scu-input-field-default-input-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-field-default-input-layout-mode: var( --comp-scu-input-text-scu-input-field-default-input-layout-mode , NONE );
$comp-scu-input-text-scu-input-field-default-input-item-spacing: var( --comp-scu-input-text-scu-input-field-default-input-item-spacing , 0px );
$comp-scu-input-text-scu-input-field-default-input-layout-align: var( --comp-scu-input-text-scu-input-field-default-input-layout-align , MIN );
$comp-scu-input-text-scu-input-field-default-input-top: var( --comp-scu-input-text-scu-input-field-default-input-top , 10px );
$comp-scu-input-text-scu-input-field-default-input-top-percent: var( --comp-scu-input-text-scu-input-field-default-input-top-percent , 52.78% );
$comp-scu-input-text-scu-input-field-default-input-bottom: var( --comp-scu-input-text-scu-input-field-default-input-bottom , 8px );
$comp-scu-input-text-scu-input-field-default-input-left: var( --comp-scu-input-text-scu-input-field-default-input-left , 11px );
$comp-scu-input-text-scu-input-field-default-input-left-percent: var( --comp-scu-input-text-scu-input-field-default-input-left-percent , 49.43% );
$comp-scu-input-text-scu-input-field-default-input-right: var( --comp-scu-input-text-scu-input-field-default-input-right , 14px );

/*
======================================================
comp-scu-input-text-scu-input-field-default-placeholder [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-field-default-placeholder-characters: var( --comp-scu-input-text-scu-input-field-default-placeholder-characters , 'placeholder' );
$comp-scu-input-text-scu-input-field-default-placeholder-font-size: var( --comp-scu-input-text-scu-input-field-default-placeholder-font-size , 15px );
$comp-scu-input-text-scu-input-field-default-placeholder-text-align-horizontal: var( --comp-scu-input-text-scu-input-field-default-placeholder-text-align-horizontal , LEFT );
$comp-scu-input-text-scu-input-field-default-placeholder-text-align-vertical: var( --comp-scu-input-text-scu-input-field-default-placeholder-text-align-vertical , TOP );
$comp-scu-input-text-scu-input-field-default-placeholder-color: var( --comp-scu-input-text-scu-input-field-default-placeholder-color , rgba(89,89,89,1) );
$comp-scu-input-text-scu-input-field-default-placeholder-font-family: var( --comp-scu-input-text-scu-input-field-default-placeholder-font-family , 'Proxima Nova' );
$comp-scu-input-text-scu-input-field-default-placeholder-font-weight: var( --comp-scu-input-text-scu-input-field-default-placeholder-font-weight , 400 );
$comp-scu-input-text-scu-input-field-default-placeholder-line-height: var( --comp-scu-input-text-scu-input-field-default-placeholder-line-height , 17.58px );
$comp-scu-input-text-scu-input-field-default-placeholder-letter-spacing: var( --comp-scu-input-text-scu-input-field-default-placeholder-letter-spacing , 0px );
$comp-scu-input-text-scu-input-field-default-placeholder-width: var( --comp-scu-input-text-scu-input-field-default-placeholder-width , 239px );
$comp-scu-input-text-scu-input-field-default-placeholder-height: var( --comp-scu-input-text-scu-input-field-default-placeholder-height , 18px );
$comp-scu-input-text-scu-input-field-default-placeholder-constraint-horizontal: var( --comp-scu-input-text-scu-input-field-default-placeholder-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-field-default-placeholder-constraint-vertical: var( --comp-scu-input-text-scu-input-field-default-placeholder-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-field-default-placeholder-constrain-proportions: var( --comp-scu-input-text-scu-input-field-default-placeholder-constrain-proportions , false );
$comp-scu-input-text-scu-input-field-default-placeholder-layout-context: var( --comp-scu-input-text-scu-input-field-default-placeholder-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-field-default-placeholder-layout-mode: var( --comp-scu-input-text-scu-input-field-default-placeholder-layout-mode , NONE );
$comp-scu-input-text-scu-input-field-default-placeholder-item-spacing: var( --comp-scu-input-text-scu-input-field-default-placeholder-item-spacing , 0px );
$comp-scu-input-text-scu-input-field-default-placeholder-layout-align: var( --comp-scu-input-text-scu-input-field-default-placeholder-layout-align , MIN );
$comp-scu-input-text-scu-input-field-default-placeholder-top: var( --comp-scu-input-text-scu-input-field-default-placeholder-top , 10px );
$comp-scu-input-text-scu-input-field-default-placeholder-top-percent: var( --comp-scu-input-text-scu-input-field-default-placeholder-top-percent , 52.78% );
$comp-scu-input-text-scu-input-field-default-placeholder-bottom: var( --comp-scu-input-text-scu-input-field-default-placeholder-bottom , 8px );
$comp-scu-input-text-scu-input-field-default-placeholder-left: var( --comp-scu-input-text-scu-input-field-default-placeholder-left , 10px );
$comp-scu-input-text-scu-input-field-default-placeholder-left-percent: var( --comp-scu-input-text-scu-input-field-default-placeholder-left-percent , 49.24% );
$comp-scu-input-text-scu-input-field-default-placeholder-right: var( --comp-scu-input-text-scu-input-field-default-placeholder-right , 14px );

/*
======================================================
comp-scu-input-text-scu-input-field-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-field-error-background-color: var( --comp-scu-input-text-scu-input-field-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-text-scu-input-field-error-blend-mode: var( --comp-scu-input-text-scu-input-field-error-blend-mode , NORMAL );
$comp-scu-input-text-scu-input-field-error-stroke-color: var( --comp-scu-input-text-scu-input-field-error-stroke-color , rgba(208,51,57,1) );
$comp-scu-input-text-scu-input-field-error-stroke-weight: var( --comp-scu-input-text-scu-input-field-error-stroke-weight , 1px );
$comp-scu-input-text-scu-input-field-error-stroke-align: var( --comp-scu-input-text-scu-input-field-error-stroke-align , INSIDE );
$comp-scu-input-text-scu-input-field-error-corner-radius: var( --comp-scu-input-text-scu-input-field-error-corner-radius , 2px );
$comp-scu-input-text-scu-input-field-error-width: var( --comp-scu-input-text-scu-input-field-error-width , 263px );
$comp-scu-input-text-scu-input-field-error-height: var( --comp-scu-input-text-scu-input-field-error-height , 36px );
$comp-scu-input-text-scu-input-field-error-constraint-horizontal: var( --comp-scu-input-text-scu-input-field-error-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-field-error-constraint-vertical: var( --comp-scu-input-text-scu-input-field-error-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-field-error-constrain-proportions: var( --comp-scu-input-text-scu-input-field-error-constrain-proportions , false );
$comp-scu-input-text-scu-input-field-error-layout-context: var( --comp-scu-input-text-scu-input-field-error-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-field-error-layout-mode: var( --comp-scu-input-text-scu-input-field-error-layout-mode , NONE );
$comp-scu-input-text-scu-input-field-error-item-spacing: var( --comp-scu-input-text-scu-input-field-error-item-spacing , 0px );
$comp-scu-input-text-scu-input-field-error-layout-align: var( --comp-scu-input-text-scu-input-field-error-layout-align , MIN );
$comp-scu-input-text-scu-input-field-error-top: var( --comp-scu-input-text-scu-input-field-error-top , 0px );
$comp-scu-input-text-scu-input-field-error-top-percent: var( --comp-scu-input-text-scu-input-field-error-top-percent , 50% );
$comp-scu-input-text-scu-input-field-error-bottom: var( --comp-scu-input-text-scu-input-field-error-bottom , 0px );
$comp-scu-input-text-scu-input-field-error-left: var( --comp-scu-input-text-scu-input-field-error-left , 0px );
$comp-scu-input-text-scu-input-field-error-left-percent: var( --comp-scu-input-text-scu-input-field-error-left-percent , 50% );
$comp-scu-input-text-scu-input-field-error-right: var( --comp-scu-input-text-scu-input-field-error-right , 0px );
$comp-scu-input-text-scu-input-field-error-padding-left: var( --comp-scu-input-text-scu-input-field-error-padding-left , 0px );
$comp-scu-input-text-scu-input-field-error-padding-right: var( --comp-scu-input-text-scu-input-field-error-padding-right , 0px );
$comp-scu-input-text-scu-input-field-error-padding-top: var( --comp-scu-input-text-scu-input-field-error-padding-top , 0px );
$comp-scu-input-text-scu-input-field-error-padding-bottom: var( --comp-scu-input-text-scu-input-field-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-text-scu-input-field-error-input [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-field-error-input-characters: var( --comp-scu-input-text-scu-input-field-error-input-characters , 'Input' );
$comp-scu-input-text-scu-input-field-error-input-font-size: var( --comp-scu-input-text-scu-input-field-error-input-font-size , 15px );
$comp-scu-input-text-scu-input-field-error-input-text-align-horizontal: var( --comp-scu-input-text-scu-input-field-error-input-text-align-horizontal , LEFT );
$comp-scu-input-text-scu-input-field-error-input-text-align-vertical: var( --comp-scu-input-text-scu-input-field-error-input-text-align-vertical , TOP );
$comp-scu-input-text-scu-input-field-error-input-color: var( --comp-scu-input-text-scu-input-field-error-input-color , rgba(0,0,0,1) );
$comp-scu-input-text-scu-input-field-error-input-font-family: var( --comp-scu-input-text-scu-input-field-error-input-font-family , 'Proxima Nova' );
$comp-scu-input-text-scu-input-field-error-input-font-weight: var( --comp-scu-input-text-scu-input-field-error-input-font-weight , 400 );
$comp-scu-input-text-scu-input-field-error-input-line-height: var( --comp-scu-input-text-scu-input-field-error-input-line-height , 17.58px );
$comp-scu-input-text-scu-input-field-error-input-letter-spacing: var( --comp-scu-input-text-scu-input-field-error-input-letter-spacing , 0px );
$comp-scu-input-text-scu-input-field-error-input-width: var( --comp-scu-input-text-scu-input-field-error-input-width , 238px );
$comp-scu-input-text-scu-input-field-error-input-height: var( --comp-scu-input-text-scu-input-field-error-input-height , 18px );
$comp-scu-input-text-scu-input-field-error-input-constraint-horizontal: var( --comp-scu-input-text-scu-input-field-error-input-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-field-error-input-constraint-vertical: var( --comp-scu-input-text-scu-input-field-error-input-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-field-error-input-constrain-proportions: var( --comp-scu-input-text-scu-input-field-error-input-constrain-proportions , false );
$comp-scu-input-text-scu-input-field-error-input-layout-context: var( --comp-scu-input-text-scu-input-field-error-input-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-field-error-input-layout-mode: var( --comp-scu-input-text-scu-input-field-error-input-layout-mode , NONE );
$comp-scu-input-text-scu-input-field-error-input-item-spacing: var( --comp-scu-input-text-scu-input-field-error-input-item-spacing , 0px );
$comp-scu-input-text-scu-input-field-error-input-layout-align: var( --comp-scu-input-text-scu-input-field-error-input-layout-align , MIN );
$comp-scu-input-text-scu-input-field-error-input-top: var( --comp-scu-input-text-scu-input-field-error-input-top , 10px );
$comp-scu-input-text-scu-input-field-error-input-top-percent: var( --comp-scu-input-text-scu-input-field-error-input-top-percent , 52.78% );
$comp-scu-input-text-scu-input-field-error-input-bottom: var( --comp-scu-input-text-scu-input-field-error-input-bottom , 8px );
$comp-scu-input-text-scu-input-field-error-input-left: var( --comp-scu-input-text-scu-input-field-error-input-left , 11px );
$comp-scu-input-text-scu-input-field-error-input-left-percent: var( --comp-scu-input-text-scu-input-field-error-input-left-percent , 49.43% );
$comp-scu-input-text-scu-input-field-error-input-right: var( --comp-scu-input-text-scu-input-field-error-input-right , 14px );

/*
======================================================
comp-scu-input-text-scu-input-field-error-placeholder [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-field-error-placeholder-characters: var( --comp-scu-input-text-scu-input-field-error-placeholder-characters , 'placeholder' );
$comp-scu-input-text-scu-input-field-error-placeholder-font-size: var( --comp-scu-input-text-scu-input-field-error-placeholder-font-size , 15px );
$comp-scu-input-text-scu-input-field-error-placeholder-text-align-horizontal: var( --comp-scu-input-text-scu-input-field-error-placeholder-text-align-horizontal , LEFT );
$comp-scu-input-text-scu-input-field-error-placeholder-text-align-vertical: var( --comp-scu-input-text-scu-input-field-error-placeholder-text-align-vertical , TOP );
$comp-scu-input-text-scu-input-field-error-placeholder-color: var( --comp-scu-input-text-scu-input-field-error-placeholder-color , rgba(89,89,89,1) );
$comp-scu-input-text-scu-input-field-error-placeholder-font-family: var( --comp-scu-input-text-scu-input-field-error-placeholder-font-family , 'Proxima Nova' );
$comp-scu-input-text-scu-input-field-error-placeholder-font-weight: var( --comp-scu-input-text-scu-input-field-error-placeholder-font-weight , 400 );
$comp-scu-input-text-scu-input-field-error-placeholder-line-height: var( --comp-scu-input-text-scu-input-field-error-placeholder-line-height , 17.58px );
$comp-scu-input-text-scu-input-field-error-placeholder-letter-spacing: var( --comp-scu-input-text-scu-input-field-error-placeholder-letter-spacing , 0px );
$comp-scu-input-text-scu-input-field-error-placeholder-width: var( --comp-scu-input-text-scu-input-field-error-placeholder-width , 239px );
$comp-scu-input-text-scu-input-field-error-placeholder-height: var( --comp-scu-input-text-scu-input-field-error-placeholder-height , 18px );
$comp-scu-input-text-scu-input-field-error-placeholder-constraint-horizontal: var( --comp-scu-input-text-scu-input-field-error-placeholder-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-field-error-placeholder-constraint-vertical: var( --comp-scu-input-text-scu-input-field-error-placeholder-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-field-error-placeholder-constrain-proportions: var( --comp-scu-input-text-scu-input-field-error-placeholder-constrain-proportions , false );
$comp-scu-input-text-scu-input-field-error-placeholder-layout-context: var( --comp-scu-input-text-scu-input-field-error-placeholder-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-field-error-placeholder-layout-mode: var( --comp-scu-input-text-scu-input-field-error-placeholder-layout-mode , NONE );
$comp-scu-input-text-scu-input-field-error-placeholder-item-spacing: var( --comp-scu-input-text-scu-input-field-error-placeholder-item-spacing , 0px );
$comp-scu-input-text-scu-input-field-error-placeholder-layout-align: var( --comp-scu-input-text-scu-input-field-error-placeholder-layout-align , MIN );
$comp-scu-input-text-scu-input-field-error-placeholder-top: var( --comp-scu-input-text-scu-input-field-error-placeholder-top , 10px );
$comp-scu-input-text-scu-input-field-error-placeholder-top-percent: var( --comp-scu-input-text-scu-input-field-error-placeholder-top-percent , 52.78% );
$comp-scu-input-text-scu-input-field-error-placeholder-bottom: var( --comp-scu-input-text-scu-input-field-error-placeholder-bottom , 8px );
$comp-scu-input-text-scu-input-field-error-placeholder-left: var( --comp-scu-input-text-scu-input-field-error-placeholder-left , 10px );
$comp-scu-input-text-scu-input-field-error-placeholder-left-percent: var( --comp-scu-input-text-scu-input-field-error-placeholder-left-percent , 49.24% );
$comp-scu-input-text-scu-input-field-error-placeholder-right: var( --comp-scu-input-text-scu-input-field-error-placeholder-right , 14px );

/*
======================================================
comp-scu-input-text-scu-input-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-error-background-color: var( --comp-scu-input-text-scu-input-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-text-scu-input-error-blend-mode: var( --comp-scu-input-text-scu-input-error-blend-mode , NORMAL );
$comp-scu-input-text-scu-input-error-corner-radius: var( --comp-scu-input-text-scu-input-error-corner-radius , 0px );
$comp-scu-input-text-scu-input-error-width: var( --comp-scu-input-text-scu-input-error-width , 263px );
$comp-scu-input-text-scu-input-error-height: var( --comp-scu-input-text-scu-input-error-height , 15px );
$comp-scu-input-text-scu-input-error-constraint-horizontal: var( --comp-scu-input-text-scu-input-error-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-error-constraint-vertical: var( --comp-scu-input-text-scu-input-error-constraint-vertical , MAX );
$comp-scu-input-text-scu-input-error-constrain-proportions: var( --comp-scu-input-text-scu-input-error-constrain-proportions , false );
$comp-scu-input-text-scu-input-error-layout-context: var( --comp-scu-input-text-scu-input-error-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-error-layout-mode: var( --comp-scu-input-text-scu-input-error-layout-mode , NONE );
$comp-scu-input-text-scu-input-error-item-spacing: var( --comp-scu-input-text-scu-input-error-item-spacing , 0px );
$comp-scu-input-text-scu-input-error-layout-align: var( --comp-scu-input-text-scu-input-error-layout-align , MIN );
$comp-scu-input-text-scu-input-error-top: var( --comp-scu-input-text-scu-input-error-top , 57px );
$comp-scu-input-text-scu-input-error-top-percent: var( --comp-scu-input-text-scu-input-error-top-percent , 89.58% );
$comp-scu-input-text-scu-input-error-bottom: var( --comp-scu-input-text-scu-input-error-bottom , 0px );
$comp-scu-input-text-scu-input-error-left: var( --comp-scu-input-text-scu-input-error-left , 0px );
$comp-scu-input-text-scu-input-error-left-percent: var( --comp-scu-input-text-scu-input-error-left-percent , 50% );
$comp-scu-input-text-scu-input-error-right: var( --comp-scu-input-text-scu-input-error-right , 0px );
$comp-scu-input-text-scu-input-error-padding-left: var( --comp-scu-input-text-scu-input-error-padding-left , 0px );
$comp-scu-input-text-scu-input-error-padding-right: var( --comp-scu-input-text-scu-input-error-padding-right , 0px );
$comp-scu-input-text-scu-input-error-padding-top: var( --comp-scu-input-text-scu-input-error-padding-top , 0px );
$comp-scu-input-text-scu-input-error-padding-bottom: var( --comp-scu-input-text-scu-input-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-text-scu-input-error-error [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-error-error-characters: var( --comp-scu-input-text-scu-input-error-error-characters , 'error' );
$comp-scu-input-text-scu-input-error-error-font-size: var( --comp-scu-input-text-scu-input-error-error-font-size , 12px );
$comp-scu-input-text-scu-input-error-error-text-align-horizontal: var( --comp-scu-input-text-scu-input-error-error-text-align-horizontal , LEFT );
$comp-scu-input-text-scu-input-error-error-text-align-vertical: var( --comp-scu-input-text-scu-input-error-error-text-align-vertical , TOP );
$comp-scu-input-text-scu-input-error-error-color: var( --comp-scu-input-text-scu-input-error-error-color , rgba(208,51,57,1) );
$comp-scu-input-text-scu-input-error-error-font-family: var( --comp-scu-input-text-scu-input-error-error-font-family , 'Proxima Nova' );
$comp-scu-input-text-scu-input-error-error-font-weight: var( --comp-scu-input-text-scu-input-error-error-font-weight , 400 );
$comp-scu-input-text-scu-input-error-error-line-height: var( --comp-scu-input-text-scu-input-error-error-line-height , 14.06px );
$comp-scu-input-text-scu-input-error-error-letter-spacing: var( --comp-scu-input-text-scu-input-error-error-letter-spacing , 0px );
$comp-scu-input-text-scu-input-error-error-width: var( --comp-scu-input-text-scu-input-error-error-width , 263px );
$comp-scu-input-text-scu-input-error-error-height: var( --comp-scu-input-text-scu-input-error-error-height , 15px );
$comp-scu-input-text-scu-input-error-error-constraint-horizontal: var( --comp-scu-input-text-scu-input-error-error-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-error-error-constraint-vertical: var( --comp-scu-input-text-scu-input-error-error-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-error-error-constrain-proportions: var( --comp-scu-input-text-scu-input-error-error-constrain-proportions , false );
$comp-scu-input-text-scu-input-error-error-layout-context: var( --comp-scu-input-text-scu-input-error-error-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-error-error-layout-mode: var( --comp-scu-input-text-scu-input-error-error-layout-mode , NONE );
$comp-scu-input-text-scu-input-error-error-item-spacing: var( --comp-scu-input-text-scu-input-error-error-item-spacing , 0px );
$comp-scu-input-text-scu-input-error-error-layout-align: var( --comp-scu-input-text-scu-input-error-error-layout-align , MIN );
$comp-scu-input-text-scu-input-error-error-top: var( --comp-scu-input-text-scu-input-error-error-top , 0px );
$comp-scu-input-text-scu-input-error-error-top-percent: var( --comp-scu-input-text-scu-input-error-error-top-percent , 50% );
$comp-scu-input-text-scu-input-error-error-bottom: var( --comp-scu-input-text-scu-input-error-error-bottom , 0px );
$comp-scu-input-text-scu-input-error-error-left: var( --comp-scu-input-text-scu-input-error-error-left , 0px );
$comp-scu-input-text-scu-input-error-error-left-percent: var( --comp-scu-input-text-scu-input-error-error-left-percent , 50% );
$comp-scu-input-text-scu-input-error-error-right: var( --comp-scu-input-text-scu-input-error-error-right , 0px );

/*
======================================================
comp-scu-input-text-scu-input-label [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-label-background-color: var( --comp-scu-input-text-scu-input-label-background-color , rgba(255,255,255,1) );
$comp-scu-input-text-scu-input-label-blend-mode: var( --comp-scu-input-text-scu-input-label-blend-mode , NORMAL );
$comp-scu-input-text-scu-input-label-corner-radius: var( --comp-scu-input-text-scu-input-label-corner-radius , 0px );
$comp-scu-input-text-scu-input-label-width: var( --comp-scu-input-text-scu-input-label-width , 263px );
$comp-scu-input-text-scu-input-label-height: var( --comp-scu-input-text-scu-input-label-height , 15px );
$comp-scu-input-text-scu-input-label-constraint-horizontal: var( --comp-scu-input-text-scu-input-label-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-label-constraint-vertical: var( --comp-scu-input-text-scu-input-label-constraint-vertical , MIN );
$comp-scu-input-text-scu-input-label-constrain-proportions: var( --comp-scu-input-text-scu-input-label-constrain-proportions , false );
$comp-scu-input-text-scu-input-label-layout-context: var( --comp-scu-input-text-scu-input-label-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-label-layout-mode: var( --comp-scu-input-text-scu-input-label-layout-mode , NONE );
$comp-scu-input-text-scu-input-label-item-spacing: var( --comp-scu-input-text-scu-input-label-item-spacing , 0px );
$comp-scu-input-text-scu-input-label-layout-align: var( --comp-scu-input-text-scu-input-label-layout-align , MIN );
$comp-scu-input-text-scu-input-label-top: var( --comp-scu-input-text-scu-input-label-top , 0px );
$comp-scu-input-text-scu-input-label-top-percent: var( --comp-scu-input-text-scu-input-label-top-percent , 10.42% );
$comp-scu-input-text-scu-input-label-bottom: var( --comp-scu-input-text-scu-input-label-bottom , 57px );
$comp-scu-input-text-scu-input-label-left: var( --comp-scu-input-text-scu-input-label-left , 0px );
$comp-scu-input-text-scu-input-label-left-percent: var( --comp-scu-input-text-scu-input-label-left-percent , 50% );
$comp-scu-input-text-scu-input-label-right: var( --comp-scu-input-text-scu-input-label-right , 0px );
$comp-scu-input-text-scu-input-label-padding-left: var( --comp-scu-input-text-scu-input-label-padding-left , 0px );
$comp-scu-input-text-scu-input-label-padding-right: var( --comp-scu-input-text-scu-input-label-padding-right , 0px );
$comp-scu-input-text-scu-input-label-padding-top: var( --comp-scu-input-text-scu-input-label-padding-top , 0px );
$comp-scu-input-text-scu-input-label-padding-bottom: var( --comp-scu-input-text-scu-input-label-padding-bottom , 0px );

/*
======================================================
comp-scu-input-text-scu-input-label-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-text-scu-input-label-label-characters: var( --comp-scu-input-text-scu-input-label-label-characters , 'label' );
$comp-scu-input-text-scu-input-label-label-font-size: var( --comp-scu-input-text-scu-input-label-label-font-size , 12px );
$comp-scu-input-text-scu-input-label-label-text-align-horizontal: var( --comp-scu-input-text-scu-input-label-label-text-align-horizontal , LEFT );
$comp-scu-input-text-scu-input-label-label-text-align-vertical: var( --comp-scu-input-text-scu-input-label-label-text-align-vertical , TOP );
$comp-scu-input-text-scu-input-label-label-color: var( --comp-scu-input-text-scu-input-label-label-color , rgba(0,0,0,1) );
$comp-scu-input-text-scu-input-label-label-font-family: var( --comp-scu-input-text-scu-input-label-label-font-family , 'Proxima Nova' );
$comp-scu-input-text-scu-input-label-label-font-weight: var( --comp-scu-input-text-scu-input-label-label-font-weight , 700 );
$comp-scu-input-text-scu-input-label-label-line-height: var( --comp-scu-input-text-scu-input-label-label-line-height , 14.06px );
$comp-scu-input-text-scu-input-label-label-letter-spacing: var( --comp-scu-input-text-scu-input-label-label-letter-spacing , 0px );
$comp-scu-input-text-scu-input-label-label-width: var( --comp-scu-input-text-scu-input-label-label-width , 263px );
$comp-scu-input-text-scu-input-label-label-height: var( --comp-scu-input-text-scu-input-label-label-height , 15px );
$comp-scu-input-text-scu-input-label-label-constraint-horizontal: var( --comp-scu-input-text-scu-input-label-label-constraint-horizontal , STRETCH );
$comp-scu-input-text-scu-input-label-label-constraint-vertical: var( --comp-scu-input-text-scu-input-label-label-constraint-vertical , STRETCH );
$comp-scu-input-text-scu-input-label-label-constrain-proportions: var( --comp-scu-input-text-scu-input-label-label-constrain-proportions , false );
$comp-scu-input-text-scu-input-label-label-layout-context: var( --comp-scu-input-text-scu-input-label-label-layout-context , ABSOLUTE );
$comp-scu-input-text-scu-input-label-label-layout-mode: var( --comp-scu-input-text-scu-input-label-label-layout-mode , NONE );
$comp-scu-input-text-scu-input-label-label-item-spacing: var( --comp-scu-input-text-scu-input-label-label-item-spacing , 0px );
$comp-scu-input-text-scu-input-label-label-layout-align: var( --comp-scu-input-text-scu-input-label-label-layout-align , MIN );
$comp-scu-input-text-scu-input-label-label-top: var( --comp-scu-input-text-scu-input-label-label-top , 0px );
$comp-scu-input-text-scu-input-label-label-top-percent: var( --comp-scu-input-text-scu-input-label-label-top-percent , 50% );
$comp-scu-input-text-scu-input-label-label-bottom: var( --comp-scu-input-text-scu-input-label-label-bottom , 0px );
$comp-scu-input-text-scu-input-label-label-left: var( --comp-scu-input-text-scu-input-label-label-left , 0px );
$comp-scu-input-text-scu-input-label-label-left-percent: var( --comp-scu-input-text-scu-input-label-label-left-percent , 50% );
$comp-scu-input-text-scu-input-label-label-right: var( --comp-scu-input-text-scu-input-label-label-right , 0px );

/*
======================================================
comp-scu-input-textarea [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-corner-radius: var( --comp-scu-input-textarea-corner-radius , 0px );
$comp-scu-input-textarea-width: var( --comp-scu-input-textarea-width , 285px );
$comp-scu-input-textarea-height: var( --comp-scu-input-textarea-height , 128px );
$comp-scu-input-textarea-constraint-horizontal: var( --comp-scu-input-textarea-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-constraint-vertical: var( --comp-scu-input-textarea-constraint-vertical , STRETCH );
$comp-scu-input-textarea-constrain-proportions: var( --comp-scu-input-textarea-constrain-proportions , false );
$comp-scu-input-textarea-layout-context: var( --comp-scu-input-textarea-layout-context , NONE );
$comp-scu-input-textarea-layout-mode: var( --comp-scu-input-textarea-layout-mode , NONE );
$comp-scu-input-textarea-item-spacing: var( --comp-scu-input-textarea-item-spacing , 0px );
$comp-scu-input-textarea-layout-align: var( --comp-scu-input-textarea-layout-align , MIN );
$comp-scu-input-textarea-top: var( --comp-scu-input-textarea-top , 0px );
$comp-scu-input-textarea-top-percent: var( --comp-scu-input-textarea-top-percent , 0% );
$comp-scu-input-textarea-bottom: var( --comp-scu-input-textarea-bottom , 0px );
$comp-scu-input-textarea-left: var( --comp-scu-input-textarea-left , 0px );
$comp-scu-input-textarea-left-percent: var( --comp-scu-input-textarea-left-percent , 0% );
$comp-scu-input-textarea-right: var( --comp-scu-input-textarea-right , 0px );
$comp-scu-input-textarea-padding-left: var( --comp-scu-input-textarea-padding-left , 0px );
$comp-scu-input-textarea-padding-right: var( --comp-scu-input-textarea-padding-right , 0px );
$comp-scu-input-textarea-padding-top: var( --comp-scu-input-textarea-padding-top , 0px );
$comp-scu-input-textarea-padding-bottom: var( --comp-scu-input-textarea-padding-bottom , 0px );

/*
======================================================
comp-scu-input-textarea-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-label-characters: var( --comp-scu-input-textarea-label-characters , 'label' );
$comp-scu-input-textarea-label-font-size: var( --comp-scu-input-textarea-label-font-size , 12px );
$comp-scu-input-textarea-label-text-align-horizontal: var( --comp-scu-input-textarea-label-text-align-horizontal , LEFT );
$comp-scu-input-textarea-label-text-align-vertical: var( --comp-scu-input-textarea-label-text-align-vertical , TOP );
$comp-scu-input-textarea-label-color: var( --comp-scu-input-textarea-label-color , rgba(54,54,54,1) );
$comp-scu-input-textarea-label-font-family: var( --comp-scu-input-textarea-label-font-family , 'Proxima Nova' );
$comp-scu-input-textarea-label-font-weight: var( --comp-scu-input-textarea-label-font-weight , 700 );
$comp-scu-input-textarea-label-line-height: var( --comp-scu-input-textarea-label-line-height , 14.06px );
$comp-scu-input-textarea-label-letter-spacing: var( --comp-scu-input-textarea-label-letter-spacing , 0px );
$comp-scu-input-textarea-label-width: var( --comp-scu-input-textarea-label-width , 285px );
$comp-scu-input-textarea-label-height: var( --comp-scu-input-textarea-label-height , 15px );
$comp-scu-input-textarea-label-constraint-horizontal: var( --comp-scu-input-textarea-label-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-label-constraint-vertical: var( --comp-scu-input-textarea-label-constraint-vertical , MIN );
$comp-scu-input-textarea-label-constrain-proportions: var( --comp-scu-input-textarea-label-constrain-proportions , false );
$comp-scu-input-textarea-label-layout-context: var( --comp-scu-input-textarea-label-layout-context , ABSOLUTE );
$comp-scu-input-textarea-label-layout-mode: var( --comp-scu-input-textarea-label-layout-mode , NONE );
$comp-scu-input-textarea-label-item-spacing: var( --comp-scu-input-textarea-label-item-spacing , 0px );
$comp-scu-input-textarea-label-layout-align: var( --comp-scu-input-textarea-label-layout-align , MIN );
$comp-scu-input-textarea-label-top: var( --comp-scu-input-textarea-label-top , 0px );
$comp-scu-input-textarea-label-top-percent: var( --comp-scu-input-textarea-label-top-percent , 5.86% );
$comp-scu-input-textarea-label-bottom: var( --comp-scu-input-textarea-label-bottom , 113px );
$comp-scu-input-textarea-label-left: var( --comp-scu-input-textarea-label-left , 0px );
$comp-scu-input-textarea-label-left-percent: var( --comp-scu-input-textarea-label-left-percent , 50% );
$comp-scu-input-textarea-label-right: var( --comp-scu-input-textarea-label-right , 0px );

/*
======================================================
comp-scu-input-textarea-scu-input-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-error-background-color: var( --comp-scu-input-textarea-scu-input-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-textarea-scu-input-error-blend-mode: var( --comp-scu-input-textarea-scu-input-error-blend-mode , NORMAL );
$comp-scu-input-textarea-scu-input-error-corner-radius: var( --comp-scu-input-textarea-scu-input-error-corner-radius , 0px );
$comp-scu-input-textarea-scu-input-error-width: var( --comp-scu-input-textarea-scu-input-error-width , 285px );
$comp-scu-input-textarea-scu-input-error-height: var( --comp-scu-input-textarea-scu-input-error-height , 15px );
$comp-scu-input-textarea-scu-input-error-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-error-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-error-constraint-vertical: var( --comp-scu-input-textarea-scu-input-error-constraint-vertical , MAX );
$comp-scu-input-textarea-scu-input-error-constrain-proportions: var( --comp-scu-input-textarea-scu-input-error-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-error-layout-context: var( --comp-scu-input-textarea-scu-input-error-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-error-layout-mode: var( --comp-scu-input-textarea-scu-input-error-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-error-item-spacing: var( --comp-scu-input-textarea-scu-input-error-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-error-layout-align: var( --comp-scu-input-textarea-scu-input-error-layout-align , MIN );
$comp-scu-input-textarea-scu-input-error-top: var( --comp-scu-input-textarea-scu-input-error-top , 113px );
$comp-scu-input-textarea-scu-input-error-top-percent: var( --comp-scu-input-textarea-scu-input-error-top-percent , 94.14% );
$comp-scu-input-textarea-scu-input-error-bottom: var( --comp-scu-input-textarea-scu-input-error-bottom , 0px );
$comp-scu-input-textarea-scu-input-error-left: var( --comp-scu-input-textarea-scu-input-error-left , 0px );
$comp-scu-input-textarea-scu-input-error-left-percent: var( --comp-scu-input-textarea-scu-input-error-left-percent , 50% );
$comp-scu-input-textarea-scu-input-error-right: var( --comp-scu-input-textarea-scu-input-error-right , 0px );
$comp-scu-input-textarea-scu-input-error-padding-left: var( --comp-scu-input-textarea-scu-input-error-padding-left , 0px );
$comp-scu-input-textarea-scu-input-error-padding-right: var( --comp-scu-input-textarea-scu-input-error-padding-right , 0px );
$comp-scu-input-textarea-scu-input-error-padding-top: var( --comp-scu-input-textarea-scu-input-error-padding-top , 0px );
$comp-scu-input-textarea-scu-input-error-padding-bottom: var( --comp-scu-input-textarea-scu-input-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-textarea-scu-input-error-error [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-error-error-characters: var( --comp-scu-input-textarea-scu-input-error-error-characters , 'error' );
$comp-scu-input-textarea-scu-input-error-error-font-size: var( --comp-scu-input-textarea-scu-input-error-error-font-size , 12px );
$comp-scu-input-textarea-scu-input-error-error-text-align-horizontal: var( --comp-scu-input-textarea-scu-input-error-error-text-align-horizontal , LEFT );
$comp-scu-input-textarea-scu-input-error-error-text-align-vertical: var( --comp-scu-input-textarea-scu-input-error-error-text-align-vertical , TOP );
$comp-scu-input-textarea-scu-input-error-error-color: var( --comp-scu-input-textarea-scu-input-error-error-color , rgba(208,51,57,1) );
$comp-scu-input-textarea-scu-input-error-error-font-family: var( --comp-scu-input-textarea-scu-input-error-error-font-family , 'Proxima Nova' );
$comp-scu-input-textarea-scu-input-error-error-font-weight: var( --comp-scu-input-textarea-scu-input-error-error-font-weight , 400 );
$comp-scu-input-textarea-scu-input-error-error-line-height: var( --comp-scu-input-textarea-scu-input-error-error-line-height , 14.06px );
$comp-scu-input-textarea-scu-input-error-error-letter-spacing: var( --comp-scu-input-textarea-scu-input-error-error-letter-spacing , 0px );
$comp-scu-input-textarea-scu-input-error-error-width: var( --comp-scu-input-textarea-scu-input-error-error-width , 285px );
$comp-scu-input-textarea-scu-input-error-error-height: var( --comp-scu-input-textarea-scu-input-error-error-height , 15px );
$comp-scu-input-textarea-scu-input-error-error-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-error-error-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-error-error-constraint-vertical: var( --comp-scu-input-textarea-scu-input-error-error-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-error-error-constrain-proportions: var( --comp-scu-input-textarea-scu-input-error-error-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-error-error-layout-context: var( --comp-scu-input-textarea-scu-input-error-error-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-error-error-layout-mode: var( --comp-scu-input-textarea-scu-input-error-error-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-error-error-item-spacing: var( --comp-scu-input-textarea-scu-input-error-error-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-error-error-layout-align: var( --comp-scu-input-textarea-scu-input-error-error-layout-align , MIN );
$comp-scu-input-textarea-scu-input-error-error-top: var( --comp-scu-input-textarea-scu-input-error-error-top , 0px );
$comp-scu-input-textarea-scu-input-error-error-top-percent: var( --comp-scu-input-textarea-scu-input-error-error-top-percent , 50% );
$comp-scu-input-textarea-scu-input-error-error-bottom: var( --comp-scu-input-textarea-scu-input-error-error-bottom , 0px );
$comp-scu-input-textarea-scu-input-error-error-left: var( --comp-scu-input-textarea-scu-input-error-error-left , 0px );
$comp-scu-input-textarea-scu-input-error-error-left-percent: var( --comp-scu-input-textarea-scu-input-error-error-left-percent , 50% );
$comp-scu-input-textarea-scu-input-error-error-right: var( --comp-scu-input-textarea-scu-input-error-error-right , 0px );

/*
======================================================
comp-scu-input-textarea-scu-input-field [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-field-background-color: var( --comp-scu-input-textarea-scu-input-field-background-color , rgba(255,255,255,1) );
$comp-scu-input-textarea-scu-input-field-blend-mode: var( --comp-scu-input-textarea-scu-input-field-blend-mode , NORMAL );
$comp-scu-input-textarea-scu-input-field-corner-radius: var( --comp-scu-input-textarea-scu-input-field-corner-radius , 0px );
$comp-scu-input-textarea-scu-input-field-width: var( --comp-scu-input-textarea-scu-input-field-width , 285px );
$comp-scu-input-textarea-scu-input-field-height: var( --comp-scu-input-textarea-scu-input-field-height , 92px );
$comp-scu-input-textarea-scu-input-field-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-field-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-field-constraint-vertical: var( --comp-scu-input-textarea-scu-input-field-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-field-constrain-proportions: var( --comp-scu-input-textarea-scu-input-field-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-field-layout-context: var( --comp-scu-input-textarea-scu-input-field-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-field-layout-mode: var( --comp-scu-input-textarea-scu-input-field-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-field-item-spacing: var( --comp-scu-input-textarea-scu-input-field-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-layout-align: var( --comp-scu-input-textarea-scu-input-field-layout-align , MIN );
$comp-scu-input-textarea-scu-input-field-top: var( --comp-scu-input-textarea-scu-input-field-top , 18px );
$comp-scu-input-textarea-scu-input-field-top-percent: var( --comp-scu-input-textarea-scu-input-field-top-percent , 50% );
$comp-scu-input-textarea-scu-input-field-bottom: var( --comp-scu-input-textarea-scu-input-field-bottom , 18px );
$comp-scu-input-textarea-scu-input-field-left: var( --comp-scu-input-textarea-scu-input-field-left , 0px );
$comp-scu-input-textarea-scu-input-field-left-percent: var( --comp-scu-input-textarea-scu-input-field-left-percent , 50% );
$comp-scu-input-textarea-scu-input-field-right: var( --comp-scu-input-textarea-scu-input-field-right , 0px );
$comp-scu-input-textarea-scu-input-field-padding-left: var( --comp-scu-input-textarea-scu-input-field-padding-left , 0px );
$comp-scu-input-textarea-scu-input-field-padding-right: var( --comp-scu-input-textarea-scu-input-field-padding-right , 0px );
$comp-scu-input-textarea-scu-input-field-padding-top: var( --comp-scu-input-textarea-scu-input-field-padding-top , 0px );
$comp-scu-input-textarea-scu-input-field-padding-bottom: var( --comp-scu-input-textarea-scu-input-field-padding-bottom , 0px );

/*
======================================================
comp-scu-input-textarea-scu-input-field-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-field-default-background-color: var( --comp-scu-input-textarea-scu-input-field-default-background-color , rgba(255,255,255,1) );
$comp-scu-input-textarea-scu-input-field-default-blend-mode: var( --comp-scu-input-textarea-scu-input-field-default-blend-mode , NORMAL );
$comp-scu-input-textarea-scu-input-field-default-stroke-color: var( --comp-scu-input-textarea-scu-input-field-default-stroke-color , rgba(196,196,196,1) );
$comp-scu-input-textarea-scu-input-field-default-stroke-weight: var( --comp-scu-input-textarea-scu-input-field-default-stroke-weight , 1px );
$comp-scu-input-textarea-scu-input-field-default-stroke-align: var( --comp-scu-input-textarea-scu-input-field-default-stroke-align , INSIDE );
$comp-scu-input-textarea-scu-input-field-default-corner-radius: var( --comp-scu-input-textarea-scu-input-field-default-corner-radius , 2px );
$comp-scu-input-textarea-scu-input-field-default-width: var( --comp-scu-input-textarea-scu-input-field-default-width , 285px );
$comp-scu-input-textarea-scu-input-field-default-height: var( --comp-scu-input-textarea-scu-input-field-default-height , 92px );
$comp-scu-input-textarea-scu-input-field-default-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-field-default-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-field-default-constraint-vertical: var( --comp-scu-input-textarea-scu-input-field-default-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-field-default-constrain-proportions: var( --comp-scu-input-textarea-scu-input-field-default-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-field-default-layout-context: var( --comp-scu-input-textarea-scu-input-field-default-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-field-default-layout-mode: var( --comp-scu-input-textarea-scu-input-field-default-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-field-default-item-spacing: var( --comp-scu-input-textarea-scu-input-field-default-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-default-layout-align: var( --comp-scu-input-textarea-scu-input-field-default-layout-align , MIN );
$comp-scu-input-textarea-scu-input-field-default-top: var( --comp-scu-input-textarea-scu-input-field-default-top , 0px );
$comp-scu-input-textarea-scu-input-field-default-top-percent: var( --comp-scu-input-textarea-scu-input-field-default-top-percent , 50% );
$comp-scu-input-textarea-scu-input-field-default-bottom: var( --comp-scu-input-textarea-scu-input-field-default-bottom , 0px );
$comp-scu-input-textarea-scu-input-field-default-left: var( --comp-scu-input-textarea-scu-input-field-default-left , 0px );
$comp-scu-input-textarea-scu-input-field-default-left-percent: var( --comp-scu-input-textarea-scu-input-field-default-left-percent , 50% );
$comp-scu-input-textarea-scu-input-field-default-right: var( --comp-scu-input-textarea-scu-input-field-default-right , 0px );
$comp-scu-input-textarea-scu-input-field-default-padding-left: var( --comp-scu-input-textarea-scu-input-field-default-padding-left , 0px );
$comp-scu-input-textarea-scu-input-field-default-padding-right: var( --comp-scu-input-textarea-scu-input-field-default-padding-right , 0px );
$comp-scu-input-textarea-scu-input-field-default-padding-top: var( --comp-scu-input-textarea-scu-input-field-default-padding-top , 0px );
$comp-scu-input-textarea-scu-input-field-default-padding-bottom: var( --comp-scu-input-textarea-scu-input-field-default-padding-bottom , 0px );

/*
======================================================
comp-scu-input-textarea-scu-input-field-default-input [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-field-default-input-characters: var( --comp-scu-input-textarea-scu-input-field-default-input-characters , 'Input' );
$comp-scu-input-textarea-scu-input-field-default-input-font-size: var( --comp-scu-input-textarea-scu-input-field-default-input-font-size , 15px );
$comp-scu-input-textarea-scu-input-field-default-input-text-align-horizontal: var( --comp-scu-input-textarea-scu-input-field-default-input-text-align-horizontal , LEFT );
$comp-scu-input-textarea-scu-input-field-default-input-text-align-vertical: var( --comp-scu-input-textarea-scu-input-field-default-input-text-align-vertical , TOP );
$comp-scu-input-textarea-scu-input-field-default-input-color: var( --comp-scu-input-textarea-scu-input-field-default-input-color , rgba(0,0,0,1) );
$comp-scu-input-textarea-scu-input-field-default-input-font-family: var( --comp-scu-input-textarea-scu-input-field-default-input-font-family , 'Proxima Nova' );
$comp-scu-input-textarea-scu-input-field-default-input-font-weight: var( --comp-scu-input-textarea-scu-input-field-default-input-font-weight , 400 );
$comp-scu-input-textarea-scu-input-field-default-input-line-height: var( --comp-scu-input-textarea-scu-input-field-default-input-line-height , 17.58px );
$comp-scu-input-textarea-scu-input-field-default-input-letter-spacing: var( --comp-scu-input-textarea-scu-input-field-default-input-letter-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-default-input-width: var( --comp-scu-input-textarea-scu-input-field-default-input-width , 260px );
$comp-scu-input-textarea-scu-input-field-default-input-height: var( --comp-scu-input-textarea-scu-input-field-default-input-height , 18px );
$comp-scu-input-textarea-scu-input-field-default-input-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-field-default-input-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-field-default-input-constraint-vertical: var( --comp-scu-input-textarea-scu-input-field-default-input-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-field-default-input-constrain-proportions: var( --comp-scu-input-textarea-scu-input-field-default-input-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-field-default-input-layout-context: var( --comp-scu-input-textarea-scu-input-field-default-input-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-field-default-input-layout-mode: var( --comp-scu-input-textarea-scu-input-field-default-input-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-field-default-input-item-spacing: var( --comp-scu-input-textarea-scu-input-field-default-input-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-default-input-layout-align: var( --comp-scu-input-textarea-scu-input-field-default-input-layout-align , MIN );
$comp-scu-input-textarea-scu-input-field-default-input-top: var( --comp-scu-input-textarea-scu-input-field-default-input-top , 10px );
$comp-scu-input-textarea-scu-input-field-default-input-top-percent: var( --comp-scu-input-textarea-scu-input-field-default-input-top-percent , 20.65% );
$comp-scu-input-textarea-scu-input-field-default-input-bottom: var( --comp-scu-input-textarea-scu-input-field-default-input-bottom , 64px );
$comp-scu-input-textarea-scu-input-field-default-input-left: var( --comp-scu-input-textarea-scu-input-field-default-input-left , 11px );
$comp-scu-input-textarea-scu-input-field-default-input-left-percent: var( --comp-scu-input-textarea-scu-input-field-default-input-left-percent , 49.47% );
$comp-scu-input-textarea-scu-input-field-default-input-right: var( --comp-scu-input-textarea-scu-input-field-default-input-right , 14px );

/*
======================================================
comp-scu-input-textarea-scu-input-field-default-placeholder [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-field-default-placeholder-characters: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-characters , 'placeholder' );
$comp-scu-input-textarea-scu-input-field-default-placeholder-font-size: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-font-size , 15px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-text-align-horizontal: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-text-align-horizontal , LEFT );
$comp-scu-input-textarea-scu-input-field-default-placeholder-text-align-vertical: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-text-align-vertical , TOP );
$comp-scu-input-textarea-scu-input-field-default-placeholder-color: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-color , rgba(89,89,89,1) );
$comp-scu-input-textarea-scu-input-field-default-placeholder-font-family: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-font-family , 'Proxima Nova' );
$comp-scu-input-textarea-scu-input-field-default-placeholder-font-weight: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-font-weight , 400 );
$comp-scu-input-textarea-scu-input-field-default-placeholder-line-height: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-line-height , 17.58px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-letter-spacing: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-letter-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-width: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-width , 261px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-height: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-height , 18px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-field-default-placeholder-constraint-vertical: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-field-default-placeholder-constrain-proportions: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-field-default-placeholder-layout-context: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-field-default-placeholder-layout-mode: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-field-default-placeholder-item-spacing: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-layout-align: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-layout-align , MIN );
$comp-scu-input-textarea-scu-input-field-default-placeholder-top: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-top , 10px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-top-percent: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-top-percent , 20.65% );
$comp-scu-input-textarea-scu-input-field-default-placeholder-bottom: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-bottom , 64px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-left: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-left , 10px );
$comp-scu-input-textarea-scu-input-field-default-placeholder-left-percent: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-left-percent , 49.3% );
$comp-scu-input-textarea-scu-input-field-default-placeholder-right: var( --comp-scu-input-textarea-scu-input-field-default-placeholder-right , 14px );

/*
======================================================
comp-scu-input-textarea-scu-input-field-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-field-error-background-color: var( --comp-scu-input-textarea-scu-input-field-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-textarea-scu-input-field-error-blend-mode: var( --comp-scu-input-textarea-scu-input-field-error-blend-mode , NORMAL );
$comp-scu-input-textarea-scu-input-field-error-stroke-color: var( --comp-scu-input-textarea-scu-input-field-error-stroke-color , rgba(208,51,57,1) );
$comp-scu-input-textarea-scu-input-field-error-stroke-weight: var( --comp-scu-input-textarea-scu-input-field-error-stroke-weight , 1px );
$comp-scu-input-textarea-scu-input-field-error-stroke-align: var( --comp-scu-input-textarea-scu-input-field-error-stroke-align , INSIDE );
$comp-scu-input-textarea-scu-input-field-error-corner-radius: var( --comp-scu-input-textarea-scu-input-field-error-corner-radius , 2px );
$comp-scu-input-textarea-scu-input-field-error-width: var( --comp-scu-input-textarea-scu-input-field-error-width , 285px );
$comp-scu-input-textarea-scu-input-field-error-height: var( --comp-scu-input-textarea-scu-input-field-error-height , 92px );
$comp-scu-input-textarea-scu-input-field-error-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-field-error-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-field-error-constraint-vertical: var( --comp-scu-input-textarea-scu-input-field-error-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-field-error-constrain-proportions: var( --comp-scu-input-textarea-scu-input-field-error-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-field-error-layout-context: var( --comp-scu-input-textarea-scu-input-field-error-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-field-error-layout-mode: var( --comp-scu-input-textarea-scu-input-field-error-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-field-error-item-spacing: var( --comp-scu-input-textarea-scu-input-field-error-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-error-layout-align: var( --comp-scu-input-textarea-scu-input-field-error-layout-align , MIN );
$comp-scu-input-textarea-scu-input-field-error-top: var( --comp-scu-input-textarea-scu-input-field-error-top , 0px );
$comp-scu-input-textarea-scu-input-field-error-top-percent: var( --comp-scu-input-textarea-scu-input-field-error-top-percent , 50% );
$comp-scu-input-textarea-scu-input-field-error-bottom: var( --comp-scu-input-textarea-scu-input-field-error-bottom , 0px );
$comp-scu-input-textarea-scu-input-field-error-left: var( --comp-scu-input-textarea-scu-input-field-error-left , 0px );
$comp-scu-input-textarea-scu-input-field-error-left-percent: var( --comp-scu-input-textarea-scu-input-field-error-left-percent , 50% );
$comp-scu-input-textarea-scu-input-field-error-right: var( --comp-scu-input-textarea-scu-input-field-error-right , 0px );
$comp-scu-input-textarea-scu-input-field-error-padding-left: var( --comp-scu-input-textarea-scu-input-field-error-padding-left , 0px );
$comp-scu-input-textarea-scu-input-field-error-padding-right: var( --comp-scu-input-textarea-scu-input-field-error-padding-right , 0px );
$comp-scu-input-textarea-scu-input-field-error-padding-top: var( --comp-scu-input-textarea-scu-input-field-error-padding-top , 0px );
$comp-scu-input-textarea-scu-input-field-error-padding-bottom: var( --comp-scu-input-textarea-scu-input-field-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-textarea-scu-input-field-error-input [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-field-error-input-characters: var( --comp-scu-input-textarea-scu-input-field-error-input-characters , 'Input' );
$comp-scu-input-textarea-scu-input-field-error-input-font-size: var( --comp-scu-input-textarea-scu-input-field-error-input-font-size , 15px );
$comp-scu-input-textarea-scu-input-field-error-input-text-align-horizontal: var( --comp-scu-input-textarea-scu-input-field-error-input-text-align-horizontal , LEFT );
$comp-scu-input-textarea-scu-input-field-error-input-text-align-vertical: var( --comp-scu-input-textarea-scu-input-field-error-input-text-align-vertical , TOP );
$comp-scu-input-textarea-scu-input-field-error-input-color: var( --comp-scu-input-textarea-scu-input-field-error-input-color , rgba(0,0,0,1) );
$comp-scu-input-textarea-scu-input-field-error-input-font-family: var( --comp-scu-input-textarea-scu-input-field-error-input-font-family , 'Proxima Nova' );
$comp-scu-input-textarea-scu-input-field-error-input-font-weight: var( --comp-scu-input-textarea-scu-input-field-error-input-font-weight , 400 );
$comp-scu-input-textarea-scu-input-field-error-input-line-height: var( --comp-scu-input-textarea-scu-input-field-error-input-line-height , 17.58px );
$comp-scu-input-textarea-scu-input-field-error-input-letter-spacing: var( --comp-scu-input-textarea-scu-input-field-error-input-letter-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-error-input-width: var( --comp-scu-input-textarea-scu-input-field-error-input-width , 238px );
$comp-scu-input-textarea-scu-input-field-error-input-height: var( --comp-scu-input-textarea-scu-input-field-error-input-height , 18px );
$comp-scu-input-textarea-scu-input-field-error-input-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-field-error-input-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-field-error-input-constraint-vertical: var( --comp-scu-input-textarea-scu-input-field-error-input-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-field-error-input-constrain-proportions: var( --comp-scu-input-textarea-scu-input-field-error-input-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-field-error-input-layout-context: var( --comp-scu-input-textarea-scu-input-field-error-input-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-field-error-input-layout-mode: var( --comp-scu-input-textarea-scu-input-field-error-input-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-field-error-input-item-spacing: var( --comp-scu-input-textarea-scu-input-field-error-input-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-error-input-layout-align: var( --comp-scu-input-textarea-scu-input-field-error-input-layout-align , MIN );
$comp-scu-input-textarea-scu-input-field-error-input-top: var( --comp-scu-input-textarea-scu-input-field-error-input-top , 10px );
$comp-scu-input-textarea-scu-input-field-error-input-top-percent: var( --comp-scu-input-textarea-scu-input-field-error-input-top-percent , 20.65% );
$comp-scu-input-textarea-scu-input-field-error-input-bottom: var( --comp-scu-input-textarea-scu-input-field-error-input-bottom , 64px );
$comp-scu-input-textarea-scu-input-field-error-input-left: var( --comp-scu-input-textarea-scu-input-field-error-input-left , 11px );
$comp-scu-input-textarea-scu-input-field-error-input-left-percent: var( --comp-scu-input-textarea-scu-input-field-error-input-left-percent , 45.61% );
$comp-scu-input-textarea-scu-input-field-error-input-right: var( --comp-scu-input-textarea-scu-input-field-error-input-right , 36px );

/*
======================================================
comp-scu-input-textarea-scu-input-field-error-placeholder [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-textarea-scu-input-field-error-placeholder-characters: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-characters , 'placeholder' );
$comp-scu-input-textarea-scu-input-field-error-placeholder-font-size: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-font-size , 15px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-text-align-horizontal: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-text-align-horizontal , LEFT );
$comp-scu-input-textarea-scu-input-field-error-placeholder-text-align-vertical: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-text-align-vertical , TOP );
$comp-scu-input-textarea-scu-input-field-error-placeholder-color: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-color , rgba(89,89,89,1) );
$comp-scu-input-textarea-scu-input-field-error-placeholder-font-family: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-font-family , 'Proxima Nova' );
$comp-scu-input-textarea-scu-input-field-error-placeholder-font-weight: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-font-weight , 400 );
$comp-scu-input-textarea-scu-input-field-error-placeholder-line-height: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-line-height , 17.58px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-letter-spacing: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-letter-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-width: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-width , 239px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-height: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-height , 18px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-constraint-horizontal: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-constraint-horizontal , STRETCH );
$comp-scu-input-textarea-scu-input-field-error-placeholder-constraint-vertical: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-constraint-vertical , STRETCH );
$comp-scu-input-textarea-scu-input-field-error-placeholder-constrain-proportions: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-constrain-proportions , false );
$comp-scu-input-textarea-scu-input-field-error-placeholder-layout-context: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-layout-context , ABSOLUTE );
$comp-scu-input-textarea-scu-input-field-error-placeholder-layout-mode: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-layout-mode , NONE );
$comp-scu-input-textarea-scu-input-field-error-placeholder-item-spacing: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-item-spacing , 0px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-layout-align: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-layout-align , MIN );
$comp-scu-input-textarea-scu-input-field-error-placeholder-top: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-top , 10px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-top-percent: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-top-percent , 20.65% );
$comp-scu-input-textarea-scu-input-field-error-placeholder-bottom: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-bottom , 64px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-left: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-left , 10px );
$comp-scu-input-textarea-scu-input-field-error-placeholder-left-percent: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-left-percent , 45.44% );
$comp-scu-input-textarea-scu-input-field-error-placeholder-right: var( --comp-scu-input-textarea-scu-input-field-error-placeholder-right , 36px );

/*
======================================================
comp-scu-input-radio [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-radio-corner-radius: var( --comp-scu-input-radio-corner-radius , 0px );
$comp-scu-input-radio-width: var( --comp-scu-input-radio-width , 263px );
$comp-scu-input-radio-height: var( --comp-scu-input-radio-height , 34px );
$comp-scu-input-radio-constraint-horizontal: var( --comp-scu-input-radio-constraint-horizontal , STRETCH );
$comp-scu-input-radio-constraint-vertical: var( --comp-scu-input-radio-constraint-vertical , STRETCH );
$comp-scu-input-radio-constrain-proportions: var( --comp-scu-input-radio-constrain-proportions , false );
$comp-scu-input-radio-layout-context: var( --comp-scu-input-radio-layout-context , NONE );
$comp-scu-input-radio-layout-mode: var( --comp-scu-input-radio-layout-mode , NONE );
$comp-scu-input-radio-item-spacing: var( --comp-scu-input-radio-item-spacing , 0px );
$comp-scu-input-radio-layout-align: var( --comp-scu-input-radio-layout-align , MIN );
$comp-scu-input-radio-top: var( --comp-scu-input-radio-top , 0px );
$comp-scu-input-radio-top-percent: var( --comp-scu-input-radio-top-percent , 0% );
$comp-scu-input-radio-bottom: var( --comp-scu-input-radio-bottom , 0px );
$comp-scu-input-radio-left: var( --comp-scu-input-radio-left , 0px );
$comp-scu-input-radio-left-percent: var( --comp-scu-input-radio-left-percent , 0% );
$comp-scu-input-radio-right: var( --comp-scu-input-radio-right , 0px );
$comp-scu-input-radio-padding-left: var( --comp-scu-input-radio-padding-left , 0px );
$comp-scu-input-radio-padding-right: var( --comp-scu-input-radio-padding-right , 0px );
$comp-scu-input-radio-padding-top: var( --comp-scu-input-radio-padding-top , 0px );
$comp-scu-input-radio-padding-bottom: var( --comp-scu-input-radio-padding-bottom , 0px );

/*
======================================================
comp-scu-input-radio-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-radio-default-background-color: var( --comp-scu-input-radio-default-background-color , rgba(255,255,255,1) );
$comp-scu-input-radio-default-blend-mode: var( --comp-scu-input-radio-default-blend-mode , NORMAL );
$comp-scu-input-radio-default-corner-radius: var( --comp-scu-input-radio-default-corner-radius , 0px );
$comp-scu-input-radio-default-width: var( --comp-scu-input-radio-default-width , 263px );
$comp-scu-input-radio-default-height: var( --comp-scu-input-radio-default-height , 34px );
$comp-scu-input-radio-default-constraint-horizontal: var( --comp-scu-input-radio-default-constraint-horizontal , STRETCH );
$comp-scu-input-radio-default-constraint-vertical: var( --comp-scu-input-radio-default-constraint-vertical , STRETCH );
$comp-scu-input-radio-default-constrain-proportions: var( --comp-scu-input-radio-default-constrain-proportions , false );
$comp-scu-input-radio-default-layout-context: var( --comp-scu-input-radio-default-layout-context , ABSOLUTE );
$comp-scu-input-radio-default-layout-mode: var( --comp-scu-input-radio-default-layout-mode , NONE );
$comp-scu-input-radio-default-item-spacing: var( --comp-scu-input-radio-default-item-spacing , 0px );
$comp-scu-input-radio-default-layout-align: var( --comp-scu-input-radio-default-layout-align , MIN );
$comp-scu-input-radio-default-top: var( --comp-scu-input-radio-default-top , 0px );
$comp-scu-input-radio-default-top-percent: var( --comp-scu-input-radio-default-top-percent , 50% );
$comp-scu-input-radio-default-bottom: var( --comp-scu-input-radio-default-bottom , 0px );
$comp-scu-input-radio-default-left: var( --comp-scu-input-radio-default-left , 0px );
$comp-scu-input-radio-default-left-percent: var( --comp-scu-input-radio-default-left-percent , 50% );
$comp-scu-input-radio-default-right: var( --comp-scu-input-radio-default-right , 0px );
$comp-scu-input-radio-default-padding-left: var( --comp-scu-input-radio-default-padding-left , 0px );
$comp-scu-input-radio-default-padding-right: var( --comp-scu-input-radio-default-padding-right , 0px );
$comp-scu-input-radio-default-padding-top: var( --comp-scu-input-radio-default-padding-top , 0px );
$comp-scu-input-radio-default-padding-bottom: var( --comp-scu-input-radio-default-padding-bottom , 0px );

/*
======================================================
comp-scu-input-radio-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-radio-default-label-characters: var( --comp-scu-input-radio-default-label-characters , 'label' );
$comp-scu-input-radio-default-label-font-size: var( --comp-scu-input-radio-default-label-font-size , 15px );
$comp-scu-input-radio-default-label-text-align-horizontal: var( --comp-scu-input-radio-default-label-text-align-horizontal , LEFT );
$comp-scu-input-radio-default-label-text-align-vertical: var( --comp-scu-input-radio-default-label-text-align-vertical , TOP );
$comp-scu-input-radio-default-label-color: var( --comp-scu-input-radio-default-label-color , rgba(0,0,0,1) );
$comp-scu-input-radio-default-label-font-family: var( --comp-scu-input-radio-default-label-font-family , 'Proxima Nova' );
$comp-scu-input-radio-default-label-font-weight: var( --comp-scu-input-radio-default-label-font-weight , 400 );
$comp-scu-input-radio-default-label-line-height: var( --comp-scu-input-radio-default-label-line-height , 17.58px );
$comp-scu-input-radio-default-label-letter-spacing: var( --comp-scu-input-radio-default-label-letter-spacing , 0px );
$comp-scu-input-radio-default-label-width: var( --comp-scu-input-radio-default-label-width , 236px );
$comp-scu-input-radio-default-label-height: var( --comp-scu-input-radio-default-label-height , 18px );
$comp-scu-input-radio-default-label-constraint-horizontal: var( --comp-scu-input-radio-default-label-constraint-horizontal , STRETCH );
$comp-scu-input-radio-default-label-constraint-vertical: var( --comp-scu-input-radio-default-label-constraint-vertical , STRETCH );
$comp-scu-input-radio-default-label-constrain-proportions: var( --comp-scu-input-radio-default-label-constrain-proportions , false );
$comp-scu-input-radio-default-label-layout-context: var( --comp-scu-input-radio-default-label-layout-context , ABSOLUTE );
$comp-scu-input-radio-default-label-layout-mode: var( --comp-scu-input-radio-default-label-layout-mode , NONE );
$comp-scu-input-radio-default-label-item-spacing: var( --comp-scu-input-radio-default-label-item-spacing , 0px );
$comp-scu-input-radio-default-label-layout-align: var( --comp-scu-input-radio-default-label-layout-align , MIN );
$comp-scu-input-radio-default-label-top: var( --comp-scu-input-radio-default-label-top , 0px );
$comp-scu-input-radio-default-label-top-percent: var( --comp-scu-input-radio-default-label-top-percent , 26.47% );
$comp-scu-input-radio-default-label-bottom: var( --comp-scu-input-radio-default-label-bottom , 16px );
$comp-scu-input-radio-default-label-left: var( --comp-scu-input-radio-default-label-left , 27px );
$comp-scu-input-radio-default-label-left-percent: var( --comp-scu-input-radio-default-label-left-percent , 55.13% );
$comp-scu-input-radio-default-label-right: var( --comp-scu-input-radio-default-label-right , 0px );

/*
======================================================
comp-scu-input-radio-default-scu-input-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-radio-default-scu-input-error-background-color: var( --comp-scu-input-radio-default-scu-input-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-radio-default-scu-input-error-blend-mode: var( --comp-scu-input-radio-default-scu-input-error-blend-mode , NORMAL );
$comp-scu-input-radio-default-scu-input-error-corner-radius: var( --comp-scu-input-radio-default-scu-input-error-corner-radius , 0px );
$comp-scu-input-radio-default-scu-input-error-width: var( --comp-scu-input-radio-default-scu-input-error-width , 263px );
$comp-scu-input-radio-default-scu-input-error-height: var( --comp-scu-input-radio-default-scu-input-error-height , 15px );
$comp-scu-input-radio-default-scu-input-error-constraint-horizontal: var( --comp-scu-input-radio-default-scu-input-error-constraint-horizontal , STRETCH );
$comp-scu-input-radio-default-scu-input-error-constraint-vertical: var( --comp-scu-input-radio-default-scu-input-error-constraint-vertical , MAX );
$comp-scu-input-radio-default-scu-input-error-constrain-proportions: var( --comp-scu-input-radio-default-scu-input-error-constrain-proportions , false );
$comp-scu-input-radio-default-scu-input-error-layout-context: var( --comp-scu-input-radio-default-scu-input-error-layout-context , ABSOLUTE );
$comp-scu-input-radio-default-scu-input-error-layout-mode: var( --comp-scu-input-radio-default-scu-input-error-layout-mode , NONE );
$comp-scu-input-radio-default-scu-input-error-item-spacing: var( --comp-scu-input-radio-default-scu-input-error-item-spacing , 0px );
$comp-scu-input-radio-default-scu-input-error-layout-align: var( --comp-scu-input-radio-default-scu-input-error-layout-align , MIN );
$comp-scu-input-radio-default-scu-input-error-top: var( --comp-scu-input-radio-default-scu-input-error-top , 19px );
$comp-scu-input-radio-default-scu-input-error-top-percent: var( --comp-scu-input-radio-default-scu-input-error-top-percent , 77.94% );
$comp-scu-input-radio-default-scu-input-error-bottom: var( --comp-scu-input-radio-default-scu-input-error-bottom , 0px );
$comp-scu-input-radio-default-scu-input-error-left: var( --comp-scu-input-radio-default-scu-input-error-left , 0px );
$comp-scu-input-radio-default-scu-input-error-left-percent: var( --comp-scu-input-radio-default-scu-input-error-left-percent , 50% );
$comp-scu-input-radio-default-scu-input-error-right: var( --comp-scu-input-radio-default-scu-input-error-right , 0px );
$comp-scu-input-radio-default-scu-input-error-padding-left: var( --comp-scu-input-radio-default-scu-input-error-padding-left , 0px );
$comp-scu-input-radio-default-scu-input-error-padding-right: var( --comp-scu-input-radio-default-scu-input-error-padding-right , 0px );
$comp-scu-input-radio-default-scu-input-error-padding-top: var( --comp-scu-input-radio-default-scu-input-error-padding-top , 0px );
$comp-scu-input-radio-default-scu-input-error-padding-bottom: var( --comp-scu-input-radio-default-scu-input-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-radio-default-scu-input-error-error [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-radio-default-scu-input-error-error-characters: var( --comp-scu-input-radio-default-scu-input-error-error-characters , 'error' );
$comp-scu-input-radio-default-scu-input-error-error-font-size: var( --comp-scu-input-radio-default-scu-input-error-error-font-size , 12px );
$comp-scu-input-radio-default-scu-input-error-error-text-align-horizontal: var( --comp-scu-input-radio-default-scu-input-error-error-text-align-horizontal , LEFT );
$comp-scu-input-radio-default-scu-input-error-error-text-align-vertical: var( --comp-scu-input-radio-default-scu-input-error-error-text-align-vertical , TOP );
$comp-scu-input-radio-default-scu-input-error-error-color: var( --comp-scu-input-radio-default-scu-input-error-error-color , rgba(208,51,57,1) );
$comp-scu-input-radio-default-scu-input-error-error-font-family: var( --comp-scu-input-radio-default-scu-input-error-error-font-family , 'Proxima Nova' );
$comp-scu-input-radio-default-scu-input-error-error-font-weight: var( --comp-scu-input-radio-default-scu-input-error-error-font-weight , 400 );
$comp-scu-input-radio-default-scu-input-error-error-line-height: var( --comp-scu-input-radio-default-scu-input-error-error-line-height , 14.06px );
$comp-scu-input-radio-default-scu-input-error-error-letter-spacing: var( --comp-scu-input-radio-default-scu-input-error-error-letter-spacing , 0px );
$comp-scu-input-radio-default-scu-input-error-error-width: var( --comp-scu-input-radio-default-scu-input-error-error-width , 263px );
$comp-scu-input-radio-default-scu-input-error-error-height: var( --comp-scu-input-radio-default-scu-input-error-error-height , 15px );
$comp-scu-input-radio-default-scu-input-error-error-constraint-horizontal: var( --comp-scu-input-radio-default-scu-input-error-error-constraint-horizontal , STRETCH );
$comp-scu-input-radio-default-scu-input-error-error-constraint-vertical: var( --comp-scu-input-radio-default-scu-input-error-error-constraint-vertical , STRETCH );
$comp-scu-input-radio-default-scu-input-error-error-constrain-proportions: var( --comp-scu-input-radio-default-scu-input-error-error-constrain-proportions , false );
$comp-scu-input-radio-default-scu-input-error-error-layout-context: var( --comp-scu-input-radio-default-scu-input-error-error-layout-context , ABSOLUTE );
$comp-scu-input-radio-default-scu-input-error-error-layout-mode: var( --comp-scu-input-radio-default-scu-input-error-error-layout-mode , NONE );
$comp-scu-input-radio-default-scu-input-error-error-item-spacing: var( --comp-scu-input-radio-default-scu-input-error-error-item-spacing , 0px );
$comp-scu-input-radio-default-scu-input-error-error-layout-align: var( --comp-scu-input-radio-default-scu-input-error-error-layout-align , MIN );
$comp-scu-input-radio-default-scu-input-error-error-top: var( --comp-scu-input-radio-default-scu-input-error-error-top , 0px );
$comp-scu-input-radio-default-scu-input-error-error-top-percent: var( --comp-scu-input-radio-default-scu-input-error-error-top-percent , 50% );
$comp-scu-input-radio-default-scu-input-error-error-bottom: var( --comp-scu-input-radio-default-scu-input-error-error-bottom , 0px );
$comp-scu-input-radio-default-scu-input-error-error-left: var( --comp-scu-input-radio-default-scu-input-error-error-left , 0px );
$comp-scu-input-radio-default-scu-input-error-error-left-percent: var( --comp-scu-input-radio-default-scu-input-error-error-left-percent , 50% );
$comp-scu-input-radio-default-scu-input-error-error-right: var( --comp-scu-input-radio-default-scu-input-error-error-right , 0px );

/*
======================================================
comp-scu-input-radio-default-i-c-o-n-16 [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-radio-default-i-c-o-n-16-background-color: var( --comp-scu-input-radio-default-i-c-o-n-16-background-color , rgba(255,255,255,1) );
$comp-scu-input-radio-default-i-c-o-n-16-blend-mode: var( --comp-scu-input-radio-default-i-c-o-n-16-blend-mode , NORMAL );
$comp-scu-input-radio-default-i-c-o-n-16-corner-radius: var( --comp-scu-input-radio-default-i-c-o-n-16-corner-radius , 0px );
$comp-scu-input-radio-default-i-c-o-n-16-width: var( --comp-scu-input-radio-default-i-c-o-n-16-width , 16px );
$comp-scu-input-radio-default-i-c-o-n-16-height: var( --comp-scu-input-radio-default-i-c-o-n-16-height , 16px );
$comp-scu-input-radio-default-i-c-o-n-16-constraint-horizontal: var( --comp-scu-input-radio-default-i-c-o-n-16-constraint-horizontal , MIN );
$comp-scu-input-radio-default-i-c-o-n-16-constraint-vertical: var( --comp-scu-input-radio-default-i-c-o-n-16-constraint-vertical , MIN );
$comp-scu-input-radio-default-i-c-o-n-16-constrain-proportions: var( --comp-scu-input-radio-default-i-c-o-n-16-constrain-proportions , false );
$comp-scu-input-radio-default-i-c-o-n-16-layout-context: var( --comp-scu-input-radio-default-i-c-o-n-16-layout-context , ABSOLUTE );
$comp-scu-input-radio-default-i-c-o-n-16-layout-mode: var( --comp-scu-input-radio-default-i-c-o-n-16-layout-mode , NONE );
$comp-scu-input-radio-default-i-c-o-n-16-item-spacing: var( --comp-scu-input-radio-default-i-c-o-n-16-item-spacing , 0px );
$comp-scu-input-radio-default-i-c-o-n-16-layout-align: var( --comp-scu-input-radio-default-i-c-o-n-16-layout-align , MIN );
$comp-scu-input-radio-default-i-c-o-n-16-top: var( --comp-scu-input-radio-default-i-c-o-n-16-top , 0px );
$comp-scu-input-radio-default-i-c-o-n-16-top-percent: var( --comp-scu-input-radio-default-i-c-o-n-16-top-percent , 23.53% );
$comp-scu-input-radio-default-i-c-o-n-16-bottom: var( --comp-scu-input-radio-default-i-c-o-n-16-bottom , 18px );
$comp-scu-input-radio-default-i-c-o-n-16-left: var( --comp-scu-input-radio-default-i-c-o-n-16-left , 0px );
$comp-scu-input-radio-default-i-c-o-n-16-left-percent: var( --comp-scu-input-radio-default-i-c-o-n-16-left-percent , 3.04% );
$comp-scu-input-radio-default-i-c-o-n-16-right: var( --comp-scu-input-radio-default-i-c-o-n-16-right , 247px );
$comp-scu-input-radio-default-i-c-o-n-16-padding-left: var( --comp-scu-input-radio-default-i-c-o-n-16-padding-left , 0px );
$comp-scu-input-radio-default-i-c-o-n-16-padding-right: var( --comp-scu-input-radio-default-i-c-o-n-16-padding-right , 0px );
$comp-scu-input-radio-default-i-c-o-n-16-padding-top: var( --comp-scu-input-radio-default-i-c-o-n-16-padding-top , 0px );
$comp-scu-input-radio-default-i-c-o-n-16-padding-bottom: var( --comp-scu-input-radio-default-i-c-o-n-16-padding-bottom , 0px );

/*
======================================================
comp-scu-input-radio-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-radio-selected-background-color: var( --comp-scu-input-radio-selected-background-color , rgba(255,255,255,1) );
$comp-scu-input-radio-selected-blend-mode: var( --comp-scu-input-radio-selected-blend-mode , NORMAL );
$comp-scu-input-radio-selected-corner-radius: var( --comp-scu-input-radio-selected-corner-radius , 0px );
$comp-scu-input-radio-selected-width: var( --comp-scu-input-radio-selected-width , 263px );
$comp-scu-input-radio-selected-height: var( --comp-scu-input-radio-selected-height , 34px );
$comp-scu-input-radio-selected-constraint-horizontal: var( --comp-scu-input-radio-selected-constraint-horizontal , STRETCH );
$comp-scu-input-radio-selected-constraint-vertical: var( --comp-scu-input-radio-selected-constraint-vertical , STRETCH );
$comp-scu-input-radio-selected-constrain-proportions: var( --comp-scu-input-radio-selected-constrain-proportions , false );
$comp-scu-input-radio-selected-layout-context: var( --comp-scu-input-radio-selected-layout-context , ABSOLUTE );
$comp-scu-input-radio-selected-layout-mode: var( --comp-scu-input-radio-selected-layout-mode , NONE );
$comp-scu-input-radio-selected-item-spacing: var( --comp-scu-input-radio-selected-item-spacing , 0px );
$comp-scu-input-radio-selected-layout-align: var( --comp-scu-input-radio-selected-layout-align , MIN );
$comp-scu-input-radio-selected-top: var( --comp-scu-input-radio-selected-top , 0px );
$comp-scu-input-radio-selected-top-percent: var( --comp-scu-input-radio-selected-top-percent , 50% );
$comp-scu-input-radio-selected-bottom: var( --comp-scu-input-radio-selected-bottom , 0px );
$comp-scu-input-radio-selected-left: var( --comp-scu-input-radio-selected-left , 0px );
$comp-scu-input-radio-selected-left-percent: var( --comp-scu-input-radio-selected-left-percent , 50% );
$comp-scu-input-radio-selected-right: var( --comp-scu-input-radio-selected-right , 0px );
$comp-scu-input-radio-selected-padding-left: var( --comp-scu-input-radio-selected-padding-left , 0px );
$comp-scu-input-radio-selected-padding-right: var( --comp-scu-input-radio-selected-padding-right , 0px );
$comp-scu-input-radio-selected-padding-top: var( --comp-scu-input-radio-selected-padding-top , 0px );
$comp-scu-input-radio-selected-padding-bottom: var( --comp-scu-input-radio-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-input-radio-selected-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-radio-selected-label-characters: var( --comp-scu-input-radio-selected-label-characters , 'label' );
$comp-scu-input-radio-selected-label-font-size: var( --comp-scu-input-radio-selected-label-font-size , 15px );
$comp-scu-input-radio-selected-label-text-align-horizontal: var( --comp-scu-input-radio-selected-label-text-align-horizontal , LEFT );
$comp-scu-input-radio-selected-label-text-align-vertical: var( --comp-scu-input-radio-selected-label-text-align-vertical , TOP );
$comp-scu-input-radio-selected-label-color: var( --comp-scu-input-radio-selected-label-color , rgba(0,0,0,1) );
$comp-scu-input-radio-selected-label-font-family: var( --comp-scu-input-radio-selected-label-font-family , 'Proxima Nova' );
$comp-scu-input-radio-selected-label-font-weight: var( --comp-scu-input-radio-selected-label-font-weight , 400 );
$comp-scu-input-radio-selected-label-line-height: var( --comp-scu-input-radio-selected-label-line-height , 17.58px );
$comp-scu-input-radio-selected-label-letter-spacing: var( --comp-scu-input-radio-selected-label-letter-spacing , 0px );
$comp-scu-input-radio-selected-label-width: var( --comp-scu-input-radio-selected-label-width , 236px );
$comp-scu-input-radio-selected-label-height: var( --comp-scu-input-radio-selected-label-height , 18px );
$comp-scu-input-radio-selected-label-constraint-horizontal: var( --comp-scu-input-radio-selected-label-constraint-horizontal , STRETCH );
$comp-scu-input-radio-selected-label-constraint-vertical: var( --comp-scu-input-radio-selected-label-constraint-vertical , STRETCH );
$comp-scu-input-radio-selected-label-constrain-proportions: var( --comp-scu-input-radio-selected-label-constrain-proportions , false );
$comp-scu-input-radio-selected-label-layout-context: var( --comp-scu-input-radio-selected-label-layout-context , ABSOLUTE );
$comp-scu-input-radio-selected-label-layout-mode: var( --comp-scu-input-radio-selected-label-layout-mode , NONE );
$comp-scu-input-radio-selected-label-item-spacing: var( --comp-scu-input-radio-selected-label-item-spacing , 0px );
$comp-scu-input-radio-selected-label-layout-align: var( --comp-scu-input-radio-selected-label-layout-align , MIN );
$comp-scu-input-radio-selected-label-top: var( --comp-scu-input-radio-selected-label-top , 0px );
$comp-scu-input-radio-selected-label-top-percent: var( --comp-scu-input-radio-selected-label-top-percent , 26.47% );
$comp-scu-input-radio-selected-label-bottom: var( --comp-scu-input-radio-selected-label-bottom , 16px );
$comp-scu-input-radio-selected-label-left: var( --comp-scu-input-radio-selected-label-left , 27px );
$comp-scu-input-radio-selected-label-left-percent: var( --comp-scu-input-radio-selected-label-left-percent , 55.13% );
$comp-scu-input-radio-selected-label-right: var( --comp-scu-input-radio-selected-label-right , 0px );

/*
======================================================
comp-scu-input-radio-selected-scu-input-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-radio-selected-scu-input-error-background-color: var( --comp-scu-input-radio-selected-scu-input-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-radio-selected-scu-input-error-blend-mode: var( --comp-scu-input-radio-selected-scu-input-error-blend-mode , NORMAL );
$comp-scu-input-radio-selected-scu-input-error-corner-radius: var( --comp-scu-input-radio-selected-scu-input-error-corner-radius , 0px );
$comp-scu-input-radio-selected-scu-input-error-width: var( --comp-scu-input-radio-selected-scu-input-error-width , 263px );
$comp-scu-input-radio-selected-scu-input-error-height: var( --comp-scu-input-radio-selected-scu-input-error-height , 15px );
$comp-scu-input-radio-selected-scu-input-error-constraint-horizontal: var( --comp-scu-input-radio-selected-scu-input-error-constraint-horizontal , STRETCH );
$comp-scu-input-radio-selected-scu-input-error-constraint-vertical: var( --comp-scu-input-radio-selected-scu-input-error-constraint-vertical , MAX );
$comp-scu-input-radio-selected-scu-input-error-constrain-proportions: var( --comp-scu-input-radio-selected-scu-input-error-constrain-proportions , false );
$comp-scu-input-radio-selected-scu-input-error-layout-context: var( --comp-scu-input-radio-selected-scu-input-error-layout-context , ABSOLUTE );
$comp-scu-input-radio-selected-scu-input-error-layout-mode: var( --comp-scu-input-radio-selected-scu-input-error-layout-mode , NONE );
$comp-scu-input-radio-selected-scu-input-error-item-spacing: var( --comp-scu-input-radio-selected-scu-input-error-item-spacing , 0px );
$comp-scu-input-radio-selected-scu-input-error-layout-align: var( --comp-scu-input-radio-selected-scu-input-error-layout-align , MIN );
$comp-scu-input-radio-selected-scu-input-error-top: var( --comp-scu-input-radio-selected-scu-input-error-top , 19px );
$comp-scu-input-radio-selected-scu-input-error-top-percent: var( --comp-scu-input-radio-selected-scu-input-error-top-percent , 77.94% );
$comp-scu-input-radio-selected-scu-input-error-bottom: var( --comp-scu-input-radio-selected-scu-input-error-bottom , 0px );
$comp-scu-input-radio-selected-scu-input-error-left: var( --comp-scu-input-radio-selected-scu-input-error-left , 0px );
$comp-scu-input-radio-selected-scu-input-error-left-percent: var( --comp-scu-input-radio-selected-scu-input-error-left-percent , 50% );
$comp-scu-input-radio-selected-scu-input-error-right: var( --comp-scu-input-radio-selected-scu-input-error-right , 0px );
$comp-scu-input-radio-selected-scu-input-error-padding-left: var( --comp-scu-input-radio-selected-scu-input-error-padding-left , 0px );
$comp-scu-input-radio-selected-scu-input-error-padding-right: var( --comp-scu-input-radio-selected-scu-input-error-padding-right , 0px );
$comp-scu-input-radio-selected-scu-input-error-padding-top: var( --comp-scu-input-radio-selected-scu-input-error-padding-top , 0px );
$comp-scu-input-radio-selected-scu-input-error-padding-bottom: var( --comp-scu-input-radio-selected-scu-input-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-radio-selected-scu-input-error-error [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-radio-selected-scu-input-error-error-characters: var( --comp-scu-input-radio-selected-scu-input-error-error-characters , 'error' );
$comp-scu-input-radio-selected-scu-input-error-error-font-size: var( --comp-scu-input-radio-selected-scu-input-error-error-font-size , 12px );
$comp-scu-input-radio-selected-scu-input-error-error-text-align-horizontal: var( --comp-scu-input-radio-selected-scu-input-error-error-text-align-horizontal , LEFT );
$comp-scu-input-radio-selected-scu-input-error-error-text-align-vertical: var( --comp-scu-input-radio-selected-scu-input-error-error-text-align-vertical , TOP );
$comp-scu-input-radio-selected-scu-input-error-error-color: var( --comp-scu-input-radio-selected-scu-input-error-error-color , rgba(208,51,57,1) );
$comp-scu-input-radio-selected-scu-input-error-error-font-family: var( --comp-scu-input-radio-selected-scu-input-error-error-font-family , 'Proxima Nova' );
$comp-scu-input-radio-selected-scu-input-error-error-font-weight: var( --comp-scu-input-radio-selected-scu-input-error-error-font-weight , 400 );
$comp-scu-input-radio-selected-scu-input-error-error-line-height: var( --comp-scu-input-radio-selected-scu-input-error-error-line-height , 14.06px );
$comp-scu-input-radio-selected-scu-input-error-error-letter-spacing: var( --comp-scu-input-radio-selected-scu-input-error-error-letter-spacing , 0px );
$comp-scu-input-radio-selected-scu-input-error-error-width: var( --comp-scu-input-radio-selected-scu-input-error-error-width , 263px );
$comp-scu-input-radio-selected-scu-input-error-error-height: var( --comp-scu-input-radio-selected-scu-input-error-error-height , 15px );
$comp-scu-input-radio-selected-scu-input-error-error-constraint-horizontal: var( --comp-scu-input-radio-selected-scu-input-error-error-constraint-horizontal , STRETCH );
$comp-scu-input-radio-selected-scu-input-error-error-constraint-vertical: var( --comp-scu-input-radio-selected-scu-input-error-error-constraint-vertical , STRETCH );
$comp-scu-input-radio-selected-scu-input-error-error-constrain-proportions: var( --comp-scu-input-radio-selected-scu-input-error-error-constrain-proportions , false );
$comp-scu-input-radio-selected-scu-input-error-error-layout-context: var( --comp-scu-input-radio-selected-scu-input-error-error-layout-context , ABSOLUTE );
$comp-scu-input-radio-selected-scu-input-error-error-layout-mode: var( --comp-scu-input-radio-selected-scu-input-error-error-layout-mode , NONE );
$comp-scu-input-radio-selected-scu-input-error-error-item-spacing: var( --comp-scu-input-radio-selected-scu-input-error-error-item-spacing , 0px );
$comp-scu-input-radio-selected-scu-input-error-error-layout-align: var( --comp-scu-input-radio-selected-scu-input-error-error-layout-align , MIN );
$comp-scu-input-radio-selected-scu-input-error-error-top: var( --comp-scu-input-radio-selected-scu-input-error-error-top , 0px );
$comp-scu-input-radio-selected-scu-input-error-error-top-percent: var( --comp-scu-input-radio-selected-scu-input-error-error-top-percent , 50% );
$comp-scu-input-radio-selected-scu-input-error-error-bottom: var( --comp-scu-input-radio-selected-scu-input-error-error-bottom , 0px );
$comp-scu-input-radio-selected-scu-input-error-error-left: var( --comp-scu-input-radio-selected-scu-input-error-error-left , 0px );
$comp-scu-input-radio-selected-scu-input-error-error-left-percent: var( --comp-scu-input-radio-selected-scu-input-error-error-left-percent , 50% );
$comp-scu-input-radio-selected-scu-input-error-error-right: var( --comp-scu-input-radio-selected-scu-input-error-error-right , 0px );

/*
======================================================
comp-scu-input-radio-selected-i-c-o-n-16 [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-radio-selected-i-c-o-n-16-background-color: var( --comp-scu-input-radio-selected-i-c-o-n-16-background-color , rgba(255,255,255,1) );
$comp-scu-input-radio-selected-i-c-o-n-16-blend-mode: var( --comp-scu-input-radio-selected-i-c-o-n-16-blend-mode , NORMAL );
$comp-scu-input-radio-selected-i-c-o-n-16-corner-radius: var( --comp-scu-input-radio-selected-i-c-o-n-16-corner-radius , 0px );
$comp-scu-input-radio-selected-i-c-o-n-16-width: var( --comp-scu-input-radio-selected-i-c-o-n-16-width , 16px );
$comp-scu-input-radio-selected-i-c-o-n-16-height: var( --comp-scu-input-radio-selected-i-c-o-n-16-height , 16px );
$comp-scu-input-radio-selected-i-c-o-n-16-constraint-horizontal: var( --comp-scu-input-radio-selected-i-c-o-n-16-constraint-horizontal , MIN );
$comp-scu-input-radio-selected-i-c-o-n-16-constraint-vertical: var( --comp-scu-input-radio-selected-i-c-o-n-16-constraint-vertical , MIN );
$comp-scu-input-radio-selected-i-c-o-n-16-constrain-proportions: var( --comp-scu-input-radio-selected-i-c-o-n-16-constrain-proportions , false );
$comp-scu-input-radio-selected-i-c-o-n-16-layout-context: var( --comp-scu-input-radio-selected-i-c-o-n-16-layout-context , ABSOLUTE );
$comp-scu-input-radio-selected-i-c-o-n-16-layout-mode: var( --comp-scu-input-radio-selected-i-c-o-n-16-layout-mode , NONE );
$comp-scu-input-radio-selected-i-c-o-n-16-item-spacing: var( --comp-scu-input-radio-selected-i-c-o-n-16-item-spacing , 0px );
$comp-scu-input-radio-selected-i-c-o-n-16-layout-align: var( --comp-scu-input-radio-selected-i-c-o-n-16-layout-align , MIN );
$comp-scu-input-radio-selected-i-c-o-n-16-top: var( --comp-scu-input-radio-selected-i-c-o-n-16-top , 0px );
$comp-scu-input-radio-selected-i-c-o-n-16-top-percent: var( --comp-scu-input-radio-selected-i-c-o-n-16-top-percent , 23.53% );
$comp-scu-input-radio-selected-i-c-o-n-16-bottom: var( --comp-scu-input-radio-selected-i-c-o-n-16-bottom , 18px );
$comp-scu-input-radio-selected-i-c-o-n-16-left: var( --comp-scu-input-radio-selected-i-c-o-n-16-left , 0px );
$comp-scu-input-radio-selected-i-c-o-n-16-left-percent: var( --comp-scu-input-radio-selected-i-c-o-n-16-left-percent , 3.04% );
$comp-scu-input-radio-selected-i-c-o-n-16-right: var( --comp-scu-input-radio-selected-i-c-o-n-16-right , 247px );
$comp-scu-input-radio-selected-i-c-o-n-16-padding-left: var( --comp-scu-input-radio-selected-i-c-o-n-16-padding-left , 0px );
$comp-scu-input-radio-selected-i-c-o-n-16-padding-right: var( --comp-scu-input-radio-selected-i-c-o-n-16-padding-right , 0px );
$comp-scu-input-radio-selected-i-c-o-n-16-padding-top: var( --comp-scu-input-radio-selected-i-c-o-n-16-padding-top , 0px );
$comp-scu-input-radio-selected-i-c-o-n-16-padding-bottom: var( --comp-scu-input-radio-selected-i-c-o-n-16-padding-bottom , 0px );

/*
======================================================
comp-scu-input-checkbox [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-corner-radius: var( --comp-scu-input-checkbox-corner-radius , 0px );
$comp-scu-input-checkbox-width: var( --comp-scu-input-checkbox-width , 263px );
$comp-scu-input-checkbox-height: var( --comp-scu-input-checkbox-height , 34px );
$comp-scu-input-checkbox-constraint-horizontal: var( --comp-scu-input-checkbox-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-constraint-vertical: var( --comp-scu-input-checkbox-constraint-vertical , STRETCH );
$comp-scu-input-checkbox-constrain-proportions: var( --comp-scu-input-checkbox-constrain-proportions , false );
$comp-scu-input-checkbox-layout-context: var( --comp-scu-input-checkbox-layout-context , NONE );
$comp-scu-input-checkbox-layout-mode: var( --comp-scu-input-checkbox-layout-mode , NONE );
$comp-scu-input-checkbox-item-spacing: var( --comp-scu-input-checkbox-item-spacing , 0px );
$comp-scu-input-checkbox-layout-align: var( --comp-scu-input-checkbox-layout-align , MIN );
$comp-scu-input-checkbox-top: var( --comp-scu-input-checkbox-top , 0px );
$comp-scu-input-checkbox-top-percent: var( --comp-scu-input-checkbox-top-percent , 0% );
$comp-scu-input-checkbox-bottom: var( --comp-scu-input-checkbox-bottom , 0px );
$comp-scu-input-checkbox-left: var( --comp-scu-input-checkbox-left , 0px );
$comp-scu-input-checkbox-left-percent: var( --comp-scu-input-checkbox-left-percent , 0% );
$comp-scu-input-checkbox-right: var( --comp-scu-input-checkbox-right , 0px );
$comp-scu-input-checkbox-padding-left: var( --comp-scu-input-checkbox-padding-left , 0px );
$comp-scu-input-checkbox-padding-right: var( --comp-scu-input-checkbox-padding-right , 0px );
$comp-scu-input-checkbox-padding-top: var( --comp-scu-input-checkbox-padding-top , 0px );
$comp-scu-input-checkbox-padding-bottom: var( --comp-scu-input-checkbox-padding-bottom , 0px );

/*
======================================================
comp-scu-input-checkbox-default [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-default-background-color: var( --comp-scu-input-checkbox-default-background-color , rgba(255,255,255,1) );
$comp-scu-input-checkbox-default-blend-mode: var( --comp-scu-input-checkbox-default-blend-mode , NORMAL );
$comp-scu-input-checkbox-default-corner-radius: var( --comp-scu-input-checkbox-default-corner-radius , 0px );
$comp-scu-input-checkbox-default-width: var( --comp-scu-input-checkbox-default-width , 263px );
$comp-scu-input-checkbox-default-height: var( --comp-scu-input-checkbox-default-height , 34px );
$comp-scu-input-checkbox-default-constraint-horizontal: var( --comp-scu-input-checkbox-default-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-default-constraint-vertical: var( --comp-scu-input-checkbox-default-constraint-vertical , STRETCH );
$comp-scu-input-checkbox-default-constrain-proportions: var( --comp-scu-input-checkbox-default-constrain-proportions , false );
$comp-scu-input-checkbox-default-layout-context: var( --comp-scu-input-checkbox-default-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-default-layout-mode: var( --comp-scu-input-checkbox-default-layout-mode , NONE );
$comp-scu-input-checkbox-default-item-spacing: var( --comp-scu-input-checkbox-default-item-spacing , 0px );
$comp-scu-input-checkbox-default-layout-align: var( --comp-scu-input-checkbox-default-layout-align , MIN );
$comp-scu-input-checkbox-default-top: var( --comp-scu-input-checkbox-default-top , 0px );
$comp-scu-input-checkbox-default-top-percent: var( --comp-scu-input-checkbox-default-top-percent , 50% );
$comp-scu-input-checkbox-default-bottom: var( --comp-scu-input-checkbox-default-bottom , 0px );
$comp-scu-input-checkbox-default-left: var( --comp-scu-input-checkbox-default-left , 0px );
$comp-scu-input-checkbox-default-left-percent: var( --comp-scu-input-checkbox-default-left-percent , 50% );
$comp-scu-input-checkbox-default-right: var( --comp-scu-input-checkbox-default-right , 0px );
$comp-scu-input-checkbox-default-padding-left: var( --comp-scu-input-checkbox-default-padding-left , 0px );
$comp-scu-input-checkbox-default-padding-right: var( --comp-scu-input-checkbox-default-padding-right , 0px );
$comp-scu-input-checkbox-default-padding-top: var( --comp-scu-input-checkbox-default-padding-top , 0px );
$comp-scu-input-checkbox-default-padding-bottom: var( --comp-scu-input-checkbox-default-padding-bottom , 0px );

/*
======================================================
comp-scu-input-checkbox-default-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-default-label-characters: var( --comp-scu-input-checkbox-default-label-characters , 'label' );
$comp-scu-input-checkbox-default-label-font-size: var( --comp-scu-input-checkbox-default-label-font-size , 15px );
$comp-scu-input-checkbox-default-label-text-align-horizontal: var( --comp-scu-input-checkbox-default-label-text-align-horizontal , LEFT );
$comp-scu-input-checkbox-default-label-text-align-vertical: var( --comp-scu-input-checkbox-default-label-text-align-vertical , TOP );
$comp-scu-input-checkbox-default-label-color: var( --comp-scu-input-checkbox-default-label-color , rgba(0,0,0,1) );
$comp-scu-input-checkbox-default-label-font-family: var( --comp-scu-input-checkbox-default-label-font-family , 'Proxima Nova' );
$comp-scu-input-checkbox-default-label-font-weight: var( --comp-scu-input-checkbox-default-label-font-weight , 400 );
$comp-scu-input-checkbox-default-label-line-height: var( --comp-scu-input-checkbox-default-label-line-height , 17.58px );
$comp-scu-input-checkbox-default-label-letter-spacing: var( --comp-scu-input-checkbox-default-label-letter-spacing , 0px );
$comp-scu-input-checkbox-default-label-width: var( --comp-scu-input-checkbox-default-label-width , 236px );
$comp-scu-input-checkbox-default-label-height: var( --comp-scu-input-checkbox-default-label-height , 18px );
$comp-scu-input-checkbox-default-label-constraint-horizontal: var( --comp-scu-input-checkbox-default-label-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-default-label-constraint-vertical: var( --comp-scu-input-checkbox-default-label-constraint-vertical , MIN );
$comp-scu-input-checkbox-default-label-constrain-proportions: var( --comp-scu-input-checkbox-default-label-constrain-proportions , false );
$comp-scu-input-checkbox-default-label-layout-context: var( --comp-scu-input-checkbox-default-label-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-default-label-layout-mode: var( --comp-scu-input-checkbox-default-label-layout-mode , NONE );
$comp-scu-input-checkbox-default-label-item-spacing: var( --comp-scu-input-checkbox-default-label-item-spacing , 0px );
$comp-scu-input-checkbox-default-label-layout-align: var( --comp-scu-input-checkbox-default-label-layout-align , MIN );
$comp-scu-input-checkbox-default-label-top: var( --comp-scu-input-checkbox-default-label-top , 0px );
$comp-scu-input-checkbox-default-label-top-percent: var( --comp-scu-input-checkbox-default-label-top-percent , 26.47% );
$comp-scu-input-checkbox-default-label-bottom: var( --comp-scu-input-checkbox-default-label-bottom , 16px );
$comp-scu-input-checkbox-default-label-left: var( --comp-scu-input-checkbox-default-label-left , 27px );
$comp-scu-input-checkbox-default-label-left-percent: var( --comp-scu-input-checkbox-default-label-left-percent , 55.13% );
$comp-scu-input-checkbox-default-label-right: var( --comp-scu-input-checkbox-default-label-right , 0px );

/*
======================================================
comp-scu-input-checkbox-default-scu-input-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-default-scu-input-error-background-color: var( --comp-scu-input-checkbox-default-scu-input-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-checkbox-default-scu-input-error-blend-mode: var( --comp-scu-input-checkbox-default-scu-input-error-blend-mode , NORMAL );
$comp-scu-input-checkbox-default-scu-input-error-corner-radius: var( --comp-scu-input-checkbox-default-scu-input-error-corner-radius , 0px );
$comp-scu-input-checkbox-default-scu-input-error-width: var( --comp-scu-input-checkbox-default-scu-input-error-width , 263px );
$comp-scu-input-checkbox-default-scu-input-error-height: var( --comp-scu-input-checkbox-default-scu-input-error-height , 15px );
$comp-scu-input-checkbox-default-scu-input-error-constraint-horizontal: var( --comp-scu-input-checkbox-default-scu-input-error-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-default-scu-input-error-constraint-vertical: var( --comp-scu-input-checkbox-default-scu-input-error-constraint-vertical , MAX );
$comp-scu-input-checkbox-default-scu-input-error-constrain-proportions: var( --comp-scu-input-checkbox-default-scu-input-error-constrain-proportions , false );
$comp-scu-input-checkbox-default-scu-input-error-layout-context: var( --comp-scu-input-checkbox-default-scu-input-error-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-default-scu-input-error-layout-mode: var( --comp-scu-input-checkbox-default-scu-input-error-layout-mode , NONE );
$comp-scu-input-checkbox-default-scu-input-error-item-spacing: var( --comp-scu-input-checkbox-default-scu-input-error-item-spacing , 0px );
$comp-scu-input-checkbox-default-scu-input-error-layout-align: var( --comp-scu-input-checkbox-default-scu-input-error-layout-align , MIN );
$comp-scu-input-checkbox-default-scu-input-error-top: var( --comp-scu-input-checkbox-default-scu-input-error-top , 16px );
$comp-scu-input-checkbox-default-scu-input-error-top-percent: var( --comp-scu-input-checkbox-default-scu-input-error-top-percent , 69.12% );
$comp-scu-input-checkbox-default-scu-input-error-bottom: var( --comp-scu-input-checkbox-default-scu-input-error-bottom , 3px );
$comp-scu-input-checkbox-default-scu-input-error-left: var( --comp-scu-input-checkbox-default-scu-input-error-left , 0px );
$comp-scu-input-checkbox-default-scu-input-error-left-percent: var( --comp-scu-input-checkbox-default-scu-input-error-left-percent , 50% );
$comp-scu-input-checkbox-default-scu-input-error-right: var( --comp-scu-input-checkbox-default-scu-input-error-right , 0px );
$comp-scu-input-checkbox-default-scu-input-error-padding-left: var( --comp-scu-input-checkbox-default-scu-input-error-padding-left , 0px );
$comp-scu-input-checkbox-default-scu-input-error-padding-right: var( --comp-scu-input-checkbox-default-scu-input-error-padding-right , 0px );
$comp-scu-input-checkbox-default-scu-input-error-padding-top: var( --comp-scu-input-checkbox-default-scu-input-error-padding-top , 0px );
$comp-scu-input-checkbox-default-scu-input-error-padding-bottom: var( --comp-scu-input-checkbox-default-scu-input-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-checkbox-default-scu-input-error-error [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-default-scu-input-error-error-characters: var( --comp-scu-input-checkbox-default-scu-input-error-error-characters , 'error' );
$comp-scu-input-checkbox-default-scu-input-error-error-font-size: var( --comp-scu-input-checkbox-default-scu-input-error-error-font-size , 12px );
$comp-scu-input-checkbox-default-scu-input-error-error-text-align-horizontal: var( --comp-scu-input-checkbox-default-scu-input-error-error-text-align-horizontal , LEFT );
$comp-scu-input-checkbox-default-scu-input-error-error-text-align-vertical: var( --comp-scu-input-checkbox-default-scu-input-error-error-text-align-vertical , TOP );
$comp-scu-input-checkbox-default-scu-input-error-error-color: var( --comp-scu-input-checkbox-default-scu-input-error-error-color , rgba(208,51,57,1) );
$comp-scu-input-checkbox-default-scu-input-error-error-font-family: var( --comp-scu-input-checkbox-default-scu-input-error-error-font-family , 'Proxima Nova' );
$comp-scu-input-checkbox-default-scu-input-error-error-font-weight: var( --comp-scu-input-checkbox-default-scu-input-error-error-font-weight , 400 );
$comp-scu-input-checkbox-default-scu-input-error-error-line-height: var( --comp-scu-input-checkbox-default-scu-input-error-error-line-height , 14.06px );
$comp-scu-input-checkbox-default-scu-input-error-error-letter-spacing: var( --comp-scu-input-checkbox-default-scu-input-error-error-letter-spacing , 0px );
$comp-scu-input-checkbox-default-scu-input-error-error-width: var( --comp-scu-input-checkbox-default-scu-input-error-error-width , 263px );
$comp-scu-input-checkbox-default-scu-input-error-error-height: var( --comp-scu-input-checkbox-default-scu-input-error-error-height , 15px );
$comp-scu-input-checkbox-default-scu-input-error-error-constraint-horizontal: var( --comp-scu-input-checkbox-default-scu-input-error-error-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-default-scu-input-error-error-constraint-vertical: var( --comp-scu-input-checkbox-default-scu-input-error-error-constraint-vertical , STRETCH );
$comp-scu-input-checkbox-default-scu-input-error-error-constrain-proportions: var( --comp-scu-input-checkbox-default-scu-input-error-error-constrain-proportions , false );
$comp-scu-input-checkbox-default-scu-input-error-error-layout-context: var( --comp-scu-input-checkbox-default-scu-input-error-error-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-default-scu-input-error-error-layout-mode: var( --comp-scu-input-checkbox-default-scu-input-error-error-layout-mode , NONE );
$comp-scu-input-checkbox-default-scu-input-error-error-item-spacing: var( --comp-scu-input-checkbox-default-scu-input-error-error-item-spacing , 0px );
$comp-scu-input-checkbox-default-scu-input-error-error-layout-align: var( --comp-scu-input-checkbox-default-scu-input-error-error-layout-align , MIN );
$comp-scu-input-checkbox-default-scu-input-error-error-top: var( --comp-scu-input-checkbox-default-scu-input-error-error-top , 0px );
$comp-scu-input-checkbox-default-scu-input-error-error-top-percent: var( --comp-scu-input-checkbox-default-scu-input-error-error-top-percent , 50% );
$comp-scu-input-checkbox-default-scu-input-error-error-bottom: var( --comp-scu-input-checkbox-default-scu-input-error-error-bottom , 0px );
$comp-scu-input-checkbox-default-scu-input-error-error-left: var( --comp-scu-input-checkbox-default-scu-input-error-error-left , 0px );
$comp-scu-input-checkbox-default-scu-input-error-error-left-percent: var( --comp-scu-input-checkbox-default-scu-input-error-error-left-percent , 50% );
$comp-scu-input-checkbox-default-scu-input-error-error-right: var( --comp-scu-input-checkbox-default-scu-input-error-error-right , 0px );

/*
======================================================
comp-scu-input-checkbox-default-i-c-o-n-16 [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-default-i-c-o-n-16-background-color: var( --comp-scu-input-checkbox-default-i-c-o-n-16-background-color , rgba(255,255,255,1) );
$comp-scu-input-checkbox-default-i-c-o-n-16-blend-mode: var( --comp-scu-input-checkbox-default-i-c-o-n-16-blend-mode , NORMAL );
$comp-scu-input-checkbox-default-i-c-o-n-16-corner-radius: var( --comp-scu-input-checkbox-default-i-c-o-n-16-corner-radius , 0px );
$comp-scu-input-checkbox-default-i-c-o-n-16-width: var( --comp-scu-input-checkbox-default-i-c-o-n-16-width , 16px );
$comp-scu-input-checkbox-default-i-c-o-n-16-height: var( --comp-scu-input-checkbox-default-i-c-o-n-16-height , 16px );
$comp-scu-input-checkbox-default-i-c-o-n-16-constraint-horizontal: var( --comp-scu-input-checkbox-default-i-c-o-n-16-constraint-horizontal , MIN );
$comp-scu-input-checkbox-default-i-c-o-n-16-constraint-vertical: var( --comp-scu-input-checkbox-default-i-c-o-n-16-constraint-vertical , MIN );
$comp-scu-input-checkbox-default-i-c-o-n-16-constrain-proportions: var( --comp-scu-input-checkbox-default-i-c-o-n-16-constrain-proportions , false );
$comp-scu-input-checkbox-default-i-c-o-n-16-layout-context: var( --comp-scu-input-checkbox-default-i-c-o-n-16-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-default-i-c-o-n-16-layout-mode: var( --comp-scu-input-checkbox-default-i-c-o-n-16-layout-mode , NONE );
$comp-scu-input-checkbox-default-i-c-o-n-16-item-spacing: var( --comp-scu-input-checkbox-default-i-c-o-n-16-item-spacing , 0px );
$comp-scu-input-checkbox-default-i-c-o-n-16-layout-align: var( --comp-scu-input-checkbox-default-i-c-o-n-16-layout-align , MIN );
$comp-scu-input-checkbox-default-i-c-o-n-16-top: var( --comp-scu-input-checkbox-default-i-c-o-n-16-top , 0px );
$comp-scu-input-checkbox-default-i-c-o-n-16-top-percent: var( --comp-scu-input-checkbox-default-i-c-o-n-16-top-percent , 23.53% );
$comp-scu-input-checkbox-default-i-c-o-n-16-bottom: var( --comp-scu-input-checkbox-default-i-c-o-n-16-bottom , 18px );
$comp-scu-input-checkbox-default-i-c-o-n-16-left: var( --comp-scu-input-checkbox-default-i-c-o-n-16-left , 0px );
$comp-scu-input-checkbox-default-i-c-o-n-16-left-percent: var( --comp-scu-input-checkbox-default-i-c-o-n-16-left-percent , 3.04% );
$comp-scu-input-checkbox-default-i-c-o-n-16-right: var( --comp-scu-input-checkbox-default-i-c-o-n-16-right , 247px );
$comp-scu-input-checkbox-default-i-c-o-n-16-padding-left: var( --comp-scu-input-checkbox-default-i-c-o-n-16-padding-left , 0px );
$comp-scu-input-checkbox-default-i-c-o-n-16-padding-right: var( --comp-scu-input-checkbox-default-i-c-o-n-16-padding-right , 0px );
$comp-scu-input-checkbox-default-i-c-o-n-16-padding-top: var( --comp-scu-input-checkbox-default-i-c-o-n-16-padding-top , 0px );
$comp-scu-input-checkbox-default-i-c-o-n-16-padding-bottom: var( --comp-scu-input-checkbox-default-i-c-o-n-16-padding-bottom , 0px );

/*
======================================================
comp-scu-input-checkbox-selected [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-selected-background-color: var( --comp-scu-input-checkbox-selected-background-color , rgba(255,255,255,1) );
$comp-scu-input-checkbox-selected-blend-mode: var( --comp-scu-input-checkbox-selected-blend-mode , NORMAL );
$comp-scu-input-checkbox-selected-corner-radius: var( --comp-scu-input-checkbox-selected-corner-radius , 0px );
$comp-scu-input-checkbox-selected-width: var( --comp-scu-input-checkbox-selected-width , 263px );
$comp-scu-input-checkbox-selected-height: var( --comp-scu-input-checkbox-selected-height , 34px );
$comp-scu-input-checkbox-selected-constraint-horizontal: var( --comp-scu-input-checkbox-selected-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-selected-constraint-vertical: var( --comp-scu-input-checkbox-selected-constraint-vertical , STRETCH );
$comp-scu-input-checkbox-selected-constrain-proportions: var( --comp-scu-input-checkbox-selected-constrain-proportions , false );
$comp-scu-input-checkbox-selected-layout-context: var( --comp-scu-input-checkbox-selected-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-selected-layout-mode: var( --comp-scu-input-checkbox-selected-layout-mode , NONE );
$comp-scu-input-checkbox-selected-item-spacing: var( --comp-scu-input-checkbox-selected-item-spacing , 0px );
$comp-scu-input-checkbox-selected-layout-align: var( --comp-scu-input-checkbox-selected-layout-align , MIN );
$comp-scu-input-checkbox-selected-top: var( --comp-scu-input-checkbox-selected-top , 0px );
$comp-scu-input-checkbox-selected-top-percent: var( --comp-scu-input-checkbox-selected-top-percent , 50% );
$comp-scu-input-checkbox-selected-bottom: var( --comp-scu-input-checkbox-selected-bottom , 0px );
$comp-scu-input-checkbox-selected-left: var( --comp-scu-input-checkbox-selected-left , 0px );
$comp-scu-input-checkbox-selected-left-percent: var( --comp-scu-input-checkbox-selected-left-percent , 50% );
$comp-scu-input-checkbox-selected-right: var( --comp-scu-input-checkbox-selected-right , 0px );
$comp-scu-input-checkbox-selected-padding-left: var( --comp-scu-input-checkbox-selected-padding-left , 0px );
$comp-scu-input-checkbox-selected-padding-right: var( --comp-scu-input-checkbox-selected-padding-right , 0px );
$comp-scu-input-checkbox-selected-padding-top: var( --comp-scu-input-checkbox-selected-padding-top , 0px );
$comp-scu-input-checkbox-selected-padding-bottom: var( --comp-scu-input-checkbox-selected-padding-bottom , 0px );

/*
======================================================
comp-scu-input-checkbox-selected-label [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-selected-label-characters: var( --comp-scu-input-checkbox-selected-label-characters , 'label' );
$comp-scu-input-checkbox-selected-label-font-size: var( --comp-scu-input-checkbox-selected-label-font-size , 15px );
$comp-scu-input-checkbox-selected-label-text-align-horizontal: var( --comp-scu-input-checkbox-selected-label-text-align-horizontal , LEFT );
$comp-scu-input-checkbox-selected-label-text-align-vertical: var( --comp-scu-input-checkbox-selected-label-text-align-vertical , TOP );
$comp-scu-input-checkbox-selected-label-color: var( --comp-scu-input-checkbox-selected-label-color , rgba(0,0,0,1) );
$comp-scu-input-checkbox-selected-label-font-family: var( --comp-scu-input-checkbox-selected-label-font-family , 'Proxima Nova' );
$comp-scu-input-checkbox-selected-label-font-weight: var( --comp-scu-input-checkbox-selected-label-font-weight , 400 );
$comp-scu-input-checkbox-selected-label-line-height: var( --comp-scu-input-checkbox-selected-label-line-height , 17.58px );
$comp-scu-input-checkbox-selected-label-letter-spacing: var( --comp-scu-input-checkbox-selected-label-letter-spacing , 0px );
$comp-scu-input-checkbox-selected-label-width: var( --comp-scu-input-checkbox-selected-label-width , 236px );
$comp-scu-input-checkbox-selected-label-height: var( --comp-scu-input-checkbox-selected-label-height , 18px );
$comp-scu-input-checkbox-selected-label-constraint-horizontal: var( --comp-scu-input-checkbox-selected-label-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-selected-label-constraint-vertical: var( --comp-scu-input-checkbox-selected-label-constraint-vertical , MIN );
$comp-scu-input-checkbox-selected-label-constrain-proportions: var( --comp-scu-input-checkbox-selected-label-constrain-proportions , false );
$comp-scu-input-checkbox-selected-label-layout-context: var( --comp-scu-input-checkbox-selected-label-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-selected-label-layout-mode: var( --comp-scu-input-checkbox-selected-label-layout-mode , NONE );
$comp-scu-input-checkbox-selected-label-item-spacing: var( --comp-scu-input-checkbox-selected-label-item-spacing , 0px );
$comp-scu-input-checkbox-selected-label-layout-align: var( --comp-scu-input-checkbox-selected-label-layout-align , MIN );
$comp-scu-input-checkbox-selected-label-top: var( --comp-scu-input-checkbox-selected-label-top , 0px );
$comp-scu-input-checkbox-selected-label-top-percent: var( --comp-scu-input-checkbox-selected-label-top-percent , 26.47% );
$comp-scu-input-checkbox-selected-label-bottom: var( --comp-scu-input-checkbox-selected-label-bottom , 16px );
$comp-scu-input-checkbox-selected-label-left: var( --comp-scu-input-checkbox-selected-label-left , 27px );
$comp-scu-input-checkbox-selected-label-left-percent: var( --comp-scu-input-checkbox-selected-label-left-percent , 55.13% );
$comp-scu-input-checkbox-selected-label-right: var( --comp-scu-input-checkbox-selected-label-right , 0px );

/*
======================================================
comp-scu-input-checkbox-selected-scu-input-error [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-selected-scu-input-error-background-color: var( --comp-scu-input-checkbox-selected-scu-input-error-background-color , rgba(255,255,255,1) );
$comp-scu-input-checkbox-selected-scu-input-error-blend-mode: var( --comp-scu-input-checkbox-selected-scu-input-error-blend-mode , NORMAL );
$comp-scu-input-checkbox-selected-scu-input-error-corner-radius: var( --comp-scu-input-checkbox-selected-scu-input-error-corner-radius , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-width: var( --comp-scu-input-checkbox-selected-scu-input-error-width , 263px );
$comp-scu-input-checkbox-selected-scu-input-error-height: var( --comp-scu-input-checkbox-selected-scu-input-error-height , 15px );
$comp-scu-input-checkbox-selected-scu-input-error-constraint-horizontal: var( --comp-scu-input-checkbox-selected-scu-input-error-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-selected-scu-input-error-constraint-vertical: var( --comp-scu-input-checkbox-selected-scu-input-error-constraint-vertical , MAX );
$comp-scu-input-checkbox-selected-scu-input-error-constrain-proportions: var( --comp-scu-input-checkbox-selected-scu-input-error-constrain-proportions , false );
$comp-scu-input-checkbox-selected-scu-input-error-layout-context: var( --comp-scu-input-checkbox-selected-scu-input-error-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-selected-scu-input-error-layout-mode: var( --comp-scu-input-checkbox-selected-scu-input-error-layout-mode , NONE );
$comp-scu-input-checkbox-selected-scu-input-error-item-spacing: var( --comp-scu-input-checkbox-selected-scu-input-error-item-spacing , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-layout-align: var( --comp-scu-input-checkbox-selected-scu-input-error-layout-align , MIN );
$comp-scu-input-checkbox-selected-scu-input-error-top: var( --comp-scu-input-checkbox-selected-scu-input-error-top , 22px );
$comp-scu-input-checkbox-selected-scu-input-error-top-percent: var( --comp-scu-input-checkbox-selected-scu-input-error-top-percent , 86.76% );
$comp-scu-input-checkbox-selected-scu-input-error-bottom: var( --comp-scu-input-checkbox-selected-scu-input-error-bottom , -3px );
$comp-scu-input-checkbox-selected-scu-input-error-left: var( --comp-scu-input-checkbox-selected-scu-input-error-left , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-left-percent: var( --comp-scu-input-checkbox-selected-scu-input-error-left-percent , 50% );
$comp-scu-input-checkbox-selected-scu-input-error-right: var( --comp-scu-input-checkbox-selected-scu-input-error-right , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-padding-left: var( --comp-scu-input-checkbox-selected-scu-input-error-padding-left , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-padding-right: var( --comp-scu-input-checkbox-selected-scu-input-error-padding-right , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-padding-top: var( --comp-scu-input-checkbox-selected-scu-input-error-padding-top , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-padding-bottom: var( --comp-scu-input-checkbox-selected-scu-input-error-padding-bottom , 0px );

/*
======================================================
comp-scu-input-checkbox-selected-scu-input-error-error [TEXT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-selected-scu-input-error-error-characters: var( --comp-scu-input-checkbox-selected-scu-input-error-error-characters , 'error' );
$comp-scu-input-checkbox-selected-scu-input-error-error-font-size: var( --comp-scu-input-checkbox-selected-scu-input-error-error-font-size , 12px );
$comp-scu-input-checkbox-selected-scu-input-error-error-text-align-horizontal: var( --comp-scu-input-checkbox-selected-scu-input-error-error-text-align-horizontal , LEFT );
$comp-scu-input-checkbox-selected-scu-input-error-error-text-align-vertical: var( --comp-scu-input-checkbox-selected-scu-input-error-error-text-align-vertical , TOP );
$comp-scu-input-checkbox-selected-scu-input-error-error-color: var( --comp-scu-input-checkbox-selected-scu-input-error-error-color , rgba(208,51,57,1) );
$comp-scu-input-checkbox-selected-scu-input-error-error-font-family: var( --comp-scu-input-checkbox-selected-scu-input-error-error-font-family , 'Proxima Nova' );
$comp-scu-input-checkbox-selected-scu-input-error-error-font-weight: var( --comp-scu-input-checkbox-selected-scu-input-error-error-font-weight , 400 );
$comp-scu-input-checkbox-selected-scu-input-error-error-line-height: var( --comp-scu-input-checkbox-selected-scu-input-error-error-line-height , 14.06px );
$comp-scu-input-checkbox-selected-scu-input-error-error-letter-spacing: var( --comp-scu-input-checkbox-selected-scu-input-error-error-letter-spacing , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-error-width: var( --comp-scu-input-checkbox-selected-scu-input-error-error-width , 263px );
$comp-scu-input-checkbox-selected-scu-input-error-error-height: var( --comp-scu-input-checkbox-selected-scu-input-error-error-height , 15px );
$comp-scu-input-checkbox-selected-scu-input-error-error-constraint-horizontal: var( --comp-scu-input-checkbox-selected-scu-input-error-error-constraint-horizontal , STRETCH );
$comp-scu-input-checkbox-selected-scu-input-error-error-constraint-vertical: var( --comp-scu-input-checkbox-selected-scu-input-error-error-constraint-vertical , STRETCH );
$comp-scu-input-checkbox-selected-scu-input-error-error-constrain-proportions: var( --comp-scu-input-checkbox-selected-scu-input-error-error-constrain-proportions , false );
$comp-scu-input-checkbox-selected-scu-input-error-error-layout-context: var( --comp-scu-input-checkbox-selected-scu-input-error-error-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-selected-scu-input-error-error-layout-mode: var( --comp-scu-input-checkbox-selected-scu-input-error-error-layout-mode , NONE );
$comp-scu-input-checkbox-selected-scu-input-error-error-item-spacing: var( --comp-scu-input-checkbox-selected-scu-input-error-error-item-spacing , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-error-layout-align: var( --comp-scu-input-checkbox-selected-scu-input-error-error-layout-align , MIN );
$comp-scu-input-checkbox-selected-scu-input-error-error-top: var( --comp-scu-input-checkbox-selected-scu-input-error-error-top , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-error-top-percent: var( --comp-scu-input-checkbox-selected-scu-input-error-error-top-percent , 50% );
$comp-scu-input-checkbox-selected-scu-input-error-error-bottom: var( --comp-scu-input-checkbox-selected-scu-input-error-error-bottom , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-error-left: var( --comp-scu-input-checkbox-selected-scu-input-error-error-left , 0px );
$comp-scu-input-checkbox-selected-scu-input-error-error-left-percent: var( --comp-scu-input-checkbox-selected-scu-input-error-error-left-percent , 50% );
$comp-scu-input-checkbox-selected-scu-input-error-error-right: var( --comp-scu-input-checkbox-selected-scu-input-error-error-right , 0px );

/*
======================================================
comp-scu-input-checkbox-selected-i-c-o-n-16 [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-input-checkbox-selected-i-c-o-n-16-background-color: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-background-color , rgba(255,255,255,1) );
$comp-scu-input-checkbox-selected-i-c-o-n-16-blend-mode: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-blend-mode , NORMAL );
$comp-scu-input-checkbox-selected-i-c-o-n-16-corner-radius: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-corner-radius , 0px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-width: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-width , 16px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-height: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-height , 16px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-constraint-horizontal: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-constraint-horizontal , MIN );
$comp-scu-input-checkbox-selected-i-c-o-n-16-constraint-vertical: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-constraint-vertical , MIN );
$comp-scu-input-checkbox-selected-i-c-o-n-16-constrain-proportions: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-constrain-proportions , false );
$comp-scu-input-checkbox-selected-i-c-o-n-16-layout-context: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-layout-context , ABSOLUTE );
$comp-scu-input-checkbox-selected-i-c-o-n-16-layout-mode: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-layout-mode , NONE );
$comp-scu-input-checkbox-selected-i-c-o-n-16-item-spacing: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-item-spacing , 0px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-layout-align: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-layout-align , MIN );
$comp-scu-input-checkbox-selected-i-c-o-n-16-top: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-top , 0px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-top-percent: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-top-percent , 23.53% );
$comp-scu-input-checkbox-selected-i-c-o-n-16-bottom: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-bottom , 18px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-left: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-left , 0px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-left-percent: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-left-percent , 3.04% );
$comp-scu-input-checkbox-selected-i-c-o-n-16-right: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-right , 247px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-padding-left: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-padding-left , 0px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-padding-right: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-padding-right , 0px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-padding-top: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-padding-top , 0px );
$comp-scu-input-checkbox-selected-i-c-o-n-16-padding-bottom: var( --comp-scu-input-checkbox-selected-i-c-o-n-16-padding-bottom , 0px );

/*
======================================================
comp-scu-member-profile [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-member-profile-corner-radius: var( --comp-scu-member-profile-corner-radius , 0px );
$comp-scu-member-profile-width: var( --comp-scu-member-profile-width , 138px );
$comp-scu-member-profile-height: var( --comp-scu-member-profile-height , 95px );
$comp-scu-member-profile-constraint-horizontal: var( --comp-scu-member-profile-constraint-horizontal , STRETCH );
$comp-scu-member-profile-constraint-vertical: var( --comp-scu-member-profile-constraint-vertical , STRETCH );
$comp-scu-member-profile-constrain-proportions: var( --comp-scu-member-profile-constrain-proportions , false );
$comp-scu-member-profile-layout-context: var( --comp-scu-member-profile-layout-context , NONE );
$comp-scu-member-profile-layout-mode: var( --comp-scu-member-profile-layout-mode , VERTICAL );
$comp-scu-member-profile-item-spacing: var( --comp-scu-member-profile-item-spacing , 7px );
$comp-scu-member-profile-layout-align: var( --comp-scu-member-profile-layout-align , MIN );
$comp-scu-member-profile-top: var( --comp-scu-member-profile-top , 0px );
$comp-scu-member-profile-top-percent: var( --comp-scu-member-profile-top-percent , 0% );
$comp-scu-member-profile-bottom: var( --comp-scu-member-profile-bottom , 0px );
$comp-scu-member-profile-left: var( --comp-scu-member-profile-left , 0px );
$comp-scu-member-profile-left-percent: var( --comp-scu-member-profile-left-percent , 0% );
$comp-scu-member-profile-right: var( --comp-scu-member-profile-right , 0px );
$comp-scu-member-profile-padding-left: var( --comp-scu-member-profile-padding-left , 0px );
$comp-scu-member-profile-padding-right: var( --comp-scu-member-profile-padding-right , 0px );
$comp-scu-member-profile-padding-top: var( --comp-scu-member-profile-padding-top , 0px );
$comp-scu-member-profile-padding-bottom: var( --comp-scu-member-profile-padding-bottom , 0px );

/*
======================================================
comp-scu-member-profile-member-picture [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-member-profile-member-picture-background-color: var( --comp-scu-member-profile-member-picture-background-color , rgba(255,255,255,1) );
$comp-scu-member-profile-member-picture-blend-mode: var( --comp-scu-member-profile-member-picture-blend-mode , NORMAL );
$comp-scu-member-profile-member-picture-corner-radius: var( --comp-scu-member-profile-member-picture-corner-radius , 28px );
$comp-scu-member-profile-member-picture-width: var( --comp-scu-member-profile-member-picture-width , 54px );
$comp-scu-member-profile-member-picture-height: var( --comp-scu-member-profile-member-picture-height , 54px );
$comp-scu-member-profile-member-picture-constraint-horizontal: var( --comp-scu-member-profile-member-picture-constraint-horizontal , MIN );
$comp-scu-member-profile-member-picture-constraint-vertical: var( --comp-scu-member-profile-member-picture-constraint-vertical , MIN );
$comp-scu-member-profile-member-picture-constrain-proportions: var( --comp-scu-member-profile-member-picture-constrain-proportions , false );
$comp-scu-member-profile-member-picture-layout-context: var( --comp-scu-member-profile-member-picture-layout-context , FLEX );
$comp-scu-member-profile-member-picture-layout-mode: var( --comp-scu-member-profile-member-picture-layout-mode , NONE );
$comp-scu-member-profile-member-picture-item-spacing: var( --comp-scu-member-profile-member-picture-item-spacing , 0px );
$comp-scu-member-profile-member-picture-layout-align: var( --comp-scu-member-profile-member-picture-layout-align , CENTER );
$comp-scu-member-profile-member-picture-top: var( --comp-scu-member-profile-member-picture-top , 0px );
$comp-scu-member-profile-member-picture-top-percent: var( --comp-scu-member-profile-member-picture-top-percent , 28.42% );
$comp-scu-member-profile-member-picture-bottom: var( --comp-scu-member-profile-member-picture-bottom , 41px );
$comp-scu-member-profile-member-picture-left: var( --comp-scu-member-profile-member-picture-left , 42px );
$comp-scu-member-profile-member-picture-left-percent: var( --comp-scu-member-profile-member-picture-left-percent , 50% );
$comp-scu-member-profile-member-picture-right: var( --comp-scu-member-profile-member-picture-right , 42px );
$comp-scu-member-profile-member-picture-padding-left: var( --comp-scu-member-profile-member-picture-padding-left , 0px );
$comp-scu-member-profile-member-picture-padding-right: var( --comp-scu-member-profile-member-picture-padding-right , 0px );
$comp-scu-member-profile-member-picture-padding-top: var( --comp-scu-member-profile-member-picture-padding-top , 0px );
$comp-scu-member-profile-member-picture-padding-bottom: var( --comp-scu-member-profile-member-picture-padding-bottom , 0px );
$comp-scu-member-profile-member-picture-margin-bottom: var( --comp-scu-member-profile-member-picture-margin-bottom , 7px );

/*
======================================================
comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1 [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-background-color: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-background-color , rgba(0,0,0,0) );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-blend-mode: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-blend-mode , NORMAL );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-corner-radius: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-corner-radius , 0px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-width: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-width , 149px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-height: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-height , 120px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-constraint-horizontal: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-constraint-horizontal , MIN );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-constraint-vertical: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-constraint-vertical , MIN );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-constrain-proportions: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-constrain-proportions , false );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-layout-context: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-layout-context , ABSOLUTE );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-layout-mode: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-layout-mode , NONE );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-item-spacing: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-item-spacing , 0px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-layout-align: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-layout-align , MIN );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-top: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-top , -9px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-top-percent: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-top-percent , 94.44% );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-bottom: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-bottom , -57px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-left: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-left , -41px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-left-percent: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-left-percent , 62.04% );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-right: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-right , -54px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-left: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-left , 0px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-right: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-right , 0px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-top: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-top , 0px );
$comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-bottom: var( --comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1-padding-bottom , 0px );

/*
======================================================
comp-scu-member-profile-label-box [COMPONENT_TOKEN]
======================================================
*/
$comp-scu-member-profile-label-box-corner-radius: var( --comp-scu-member-profile-label-box-corner-radius , 0px );
$comp-scu-member-profile-label-box-width: var( --comp-scu-member-profile-label-box-width , 138px );
$comp-scu-member-profile-label-box-height: var( --comp-scu-member-profile-label-box-height , 34px );
$comp-scu-member-profile-label-box-constraint-horizontal: var( --comp-scu-member-profile-label-box-constraint-horizontal , MIN );
$comp-scu-member-profile-label-box-constraint-vertical: var( --comp-scu-member-profile-label-box-constraint-vertical , MIN );
$comp-scu-member-profile-label-box-constrain-proportions: var( --comp-scu-member-profile-label-box-constrain-proportions , false );
$comp-scu-member-profile-label-box-layout-context: var( --comp-scu-member-profile-label-box-layout-context , FLEX );
$comp-scu-member-profile-label-box-layout-mode: var( --comp-scu-member-profile-label-box-layout-mode , VERTICAL );
$comp-scu-member-profile-label-box-item-spacing: var( --comp-scu-member-profile-label-box-item-spacing , 0px );
$comp-scu-member-profile-label-box-layout-align: var( --comp-scu-member-profile-label-box-layout-align , CENTER );
$comp-scu-member-profile-label-box-top: var( --comp-scu-member-profile-label-box-top , 61px );
$comp-scu-member-profile-label-box-top-percent: var( --comp-scu-member-profile-label-box-top-percent , 82.11% );
$comp-scu-member-profile-label-box-bottom: var( --comp-scu-member-profile-label-box-bottom , 0px );
$comp-scu-member-profile-label-box-left: var( --comp-scu-member-profile-label-box-left , 0px );
$comp-scu-member-profile-label-box-left-percent: var( --comp-scu-member-profile-label-box-left-percent , 50% );
$comp-scu-member-profile-label-box-right: var( --comp-scu-member-profile-label-box-right , 0px );
$comp-scu-member-profile-label-box-padding-left: var( --comp-scu-member-profile-label-box-padding-left , 0px );
$comp-scu-member-profile-label-box-padding-right: var( --comp-scu-member-profile-label-box-padding-right , 0px );
$comp-scu-member-profile-label-box-padding-top: var( --comp-scu-member-profile-label-box-padding-top , 0px );
$comp-scu-member-profile-label-box-padding-bottom: var( --comp-scu-member-profile-label-box-padding-bottom , 0px );

/*
======================================================
comp-scu-member-profile-label-box-member-name [TEXT_TOKEN]
======================================================
*/
$comp-scu-member-profile-label-box-member-name-characters: var( --comp-scu-member-profile-label-box-member-name-characters , 'Member Name' );
$comp-scu-member-profile-label-box-member-name-font-size: var( --comp-scu-member-profile-label-box-member-name-font-size , 18px );
$comp-scu-member-profile-label-box-member-name-text-align-horizontal: var( --comp-scu-member-profile-label-box-member-name-text-align-horizontal , CENTER );
$comp-scu-member-profile-label-box-member-name-text-align-vertical: var( --comp-scu-member-profile-label-box-member-name-text-align-vertical , CENTER );
$comp-scu-member-profile-label-box-member-name-color: var( --comp-scu-member-profile-label-box-member-name-color , rgba(54,54,54,1) );
$comp-scu-member-profile-label-box-member-name-font-family: var( --comp-scu-member-profile-label-box-member-name-font-family , 'Proxima Nova' );
$comp-scu-member-profile-label-box-member-name-font-weight: var( --comp-scu-member-profile-label-box-member-name-font-weight , 700 );
$comp-scu-member-profile-label-box-member-name-line-height: var( --comp-scu-member-profile-label-box-member-name-line-height , 21.09px );
$comp-scu-member-profile-label-box-member-name-letter-spacing: var( --comp-scu-member-profile-label-box-member-name-letter-spacing , 0px );
$comp-scu-member-profile-label-box-member-name-width: var( --comp-scu-member-profile-label-box-member-name-width , 138px );
$comp-scu-member-profile-label-box-member-name-height: var( --comp-scu-member-profile-label-box-member-name-height , 21px );
$comp-scu-member-profile-label-box-member-name-constraint-horizontal: var( --comp-scu-member-profile-label-box-member-name-constraint-horizontal , MIN );
$comp-scu-member-profile-label-box-member-name-constraint-vertical: var( --comp-scu-member-profile-label-box-member-name-constraint-vertical , MIN );
$comp-scu-member-profile-label-box-member-name-constrain-proportions: var( --comp-scu-member-profile-label-box-member-name-constrain-proportions , false );
$comp-scu-member-profile-label-box-member-name-layout-context: var( --comp-scu-member-profile-label-box-member-name-layout-context , FLEX );
$comp-scu-member-profile-label-box-member-name-layout-mode: var( --comp-scu-member-profile-label-box-member-name-layout-mode , NONE );
$comp-scu-member-profile-label-box-member-name-item-spacing: var( --comp-scu-member-profile-label-box-member-name-item-spacing , 0px );
$comp-scu-member-profile-label-box-member-name-layout-align: var( --comp-scu-member-profile-label-box-member-name-layout-align , CENTER );
$comp-scu-member-profile-label-box-member-name-top: var( --comp-scu-member-profile-label-box-member-name-top , 0px );
$comp-scu-member-profile-label-box-member-name-top-percent: var( --comp-scu-member-profile-label-box-member-name-top-percent , 30.88% );
$comp-scu-member-profile-label-box-member-name-bottom: var( --comp-scu-member-profile-label-box-member-name-bottom , 13px );
$comp-scu-member-profile-label-box-member-name-left: var( --comp-scu-member-profile-label-box-member-name-left , 0px );
$comp-scu-member-profile-label-box-member-name-left-percent: var( --comp-scu-member-profile-label-box-member-name-left-percent , 50% );
$comp-scu-member-profile-label-box-member-name-right: var( --comp-scu-member-profile-label-box-member-name-right , 0px );

/*
======================================================
comp-scu-member-profile-label-box-member-since [TEXT_TOKEN]
======================================================
*/
$comp-scu-member-profile-label-box-member-since-characters: var( --comp-scu-member-profile-label-box-member-since-characters , 'member since' );
$comp-scu-member-profile-label-box-member-since-font-size: var( --comp-scu-member-profile-label-box-member-since-font-size , 11px );
$comp-scu-member-profile-label-box-member-since-text-align-horizontal: var( --comp-scu-member-profile-label-box-member-since-text-align-horizontal , CENTER );
$comp-scu-member-profile-label-box-member-since-text-align-vertical: var( --comp-scu-member-profile-label-box-member-since-text-align-vertical , CENTER );
$comp-scu-member-profile-label-box-member-since-color: var( --comp-scu-member-profile-label-box-member-since-color , rgba(89,89,89,1) );
$comp-scu-member-profile-label-box-member-since-font-family: var( --comp-scu-member-profile-label-box-member-since-font-family , 'Proxima Nova' );
$comp-scu-member-profile-label-box-member-since-font-weight: var( --comp-scu-member-profile-label-box-member-since-font-weight , 400 );
$comp-scu-member-profile-label-box-member-since-line-height: var( --comp-scu-member-profile-label-box-member-since-line-height , 12.89px );
$comp-scu-member-profile-label-box-member-since-letter-spacing: var( --comp-scu-member-profile-label-box-member-since-letter-spacing , 0px );
$comp-scu-member-profile-label-box-member-since-width: var( --comp-scu-member-profile-label-box-member-since-width , 138px );
$comp-scu-member-profile-label-box-member-since-height: var( --comp-scu-member-profile-label-box-member-since-height , 13px );
$comp-scu-member-profile-label-box-member-since-constraint-horizontal: var( --comp-scu-member-profile-label-box-member-since-constraint-horizontal , MIN );
$comp-scu-member-profile-label-box-member-since-constraint-vertical: var( --comp-scu-member-profile-label-box-member-since-constraint-vertical , MIN );
$comp-scu-member-profile-label-box-member-since-constrain-proportions: var( --comp-scu-member-profile-label-box-member-since-constrain-proportions , false );
$comp-scu-member-profile-label-box-member-since-layout-context: var( --comp-scu-member-profile-label-box-member-since-layout-context , FLEX );
$comp-scu-member-profile-label-box-member-since-layout-mode: var( --comp-scu-member-profile-label-box-member-since-layout-mode , NONE );
$comp-scu-member-profile-label-box-member-since-item-spacing: var( --comp-scu-member-profile-label-box-member-since-item-spacing , 0px );
$comp-scu-member-profile-label-box-member-since-layout-align: var( --comp-scu-member-profile-label-box-member-since-layout-align , CENTER );
$comp-scu-member-profile-label-box-member-since-top: var( --comp-scu-member-profile-label-box-member-since-top , 21px );
$comp-scu-member-profile-label-box-member-since-top-percent: var( --comp-scu-member-profile-label-box-member-since-top-percent , 80.88% );
$comp-scu-member-profile-label-box-member-since-bottom: var( --comp-scu-member-profile-label-box-member-since-bottom , 0px );
$comp-scu-member-profile-label-box-member-since-left: var( --comp-scu-member-profile-label-box-member-since-left , 0px );
$comp-scu-member-profile-label-box-member-since-left-percent: var( --comp-scu-member-profile-label-box-member-since-left-percent , 50% );
$comp-scu-member-profile-label-box-member-since-right: var( --comp-scu-member-profile-label-box-member-since-right , 0px );

/*
======================================================
flex [FLEX_TOKENS]
======================================================
*/
$flex-v-ms-flex-direction: var( --flex-v-ms-flex-direction , column );
$flex-v-ms-flex-pack: var( --flex-v-ms-flex-pack , start );
$flex-v-ms-flex-align: var( --flex-v-ms-flex-align , center );
$flex-v-flex-flow: var( --flex-v-flex-flow , column nowrap );
$flex-v-justify-content: var( --flex-v-justify-content , flex-start );
$flex-v-align-items: var( --flex-v-align-items , center );
$flex-v-stretch-ms-flex-direction: var( --flex-v-stretch-ms-flex-direction , column );
$flex-v-stretch-ms-flex-pack: var( --flex-v-stretch-ms-flex-pack , start );
$flex-v-stretch-ms-flex-align: var( --flex-v-stretch-ms-flex-align , stretch );
$flex-v-stretch-flex-flow: var( --flex-v-stretch-flex-flow , column nowrap );
$flex-v-stretch-justify-content: var( --flex-v-stretch-justify-content , flex-start );
$flex-v-stretch-align-items: var( --flex-v-stretch-align-items , stretch );
$flex-v-left-ms-flex-direction: var( --flex-v-left-ms-flex-direction , column );
$flex-v-left-ms-flex-pack: var( --flex-v-left-ms-flex-pack , start );
$flex-v-left-ms-flex-align: var( --flex-v-left-ms-flex-align , start );
$flex-v-left-flex-flow: var( --flex-v-left-flex-flow , column nowrap );
$flex-v-left-justify-content: var( --flex-v-left-justify-content , flex-start );
$flex-v-left-align-items: var( --flex-v-left-align-items , flex-start );
$flex-v-left-center-ms-flex-direction: var( --flex-v-left-center-ms-flex-direction , column );
$flex-v-left-center-ms-flex-pack: var( --flex-v-left-center-ms-flex-pack , center );
$flex-v-left-center-ms-flex-align: var( --flex-v-left-center-ms-flex-align , start );
$flex-v-left-center-flex-flow: var( --flex-v-left-center-flex-flow , column nowrap );
$flex-v-left-center-justify-content: var( --flex-v-left-center-justify-content , center );
$flex-v-left-center-align-items: var( --flex-v-left-center-align-items , flex-start );
$flex-v-center-ms-flex-direction: var( --flex-v-center-ms-flex-direction , column );
$flex-v-center-ms-flex-pack: var( --flex-v-center-ms-flex-pack , center );
$flex-v-center-ms-flex-align: var( --flex-v-center-ms-flex-align , center );
$flex-v-center-flex-flow: var( --flex-v-center-flex-flow , column nowrap );
$flex-v-center-justify-content: var( --flex-v-center-justify-content , center );
$flex-v-center-align-items: var( --flex-v-center-align-items , center );
$flex-v-left-bottom-ms-flex-direction: var( --flex-v-left-bottom-ms-flex-direction , column );
$flex-v-left-bottom-ms-flex-pack: var( --flex-v-left-bottom-ms-flex-pack , end );
$flex-v-left-bottom-ms-flex-align: var( --flex-v-left-bottom-ms-flex-align , start );
$flex-v-left-bottom-flex-flow: var( --flex-v-left-bottom-flex-flow , column nowrap );
$flex-v-left-bottom-justify-content: var( --flex-v-left-bottom-justify-content , flex-end );
$flex-v-left-bottom-align-items: var( --flex-v-left-bottom-align-items , flex-start );
$flex-v-right-ms-flex-direction: var( --flex-v-right-ms-flex-direction , column );
$flex-v-right-ms-flex-pack: var( --flex-v-right-ms-flex-pack , start );
$flex-v-right-ms-flex-align: var( --flex-v-right-ms-flex-align , end );
$flex-v-right-flex-flow: var( --flex-v-right-flex-flow , column nowrap );
$flex-v-right-justify-content: var( --flex-v-right-justify-content , flex-start );
$flex-v-right-align-items: var( --flex-v-right-align-items , flex-end );
$flex-v-right-center-ms-flex-direction: var( --flex-v-right-center-ms-flex-direction , column );
$flex-v-right-center-ms-flex-pack: var( --flex-v-right-center-ms-flex-pack , center );
$flex-v-right-center-ms-flex-align: var( --flex-v-right-center-ms-flex-align , end );
$flex-v-right-center-flex-flow: var( --flex-v-right-center-flex-flow , column nowrap );
$flex-v-right-center-justify-content: var( --flex-v-right-center-justify-content , center );
$flex-v-right-center-align-items: var( --flex-v-right-center-align-items , flex-end );
$flex-v-right-bottom-ms-flex-direction: var( --flex-v-right-bottom-ms-flex-direction , column );
$flex-v-right-bottom-ms-flex-pack: var( --flex-v-right-bottom-ms-flex-pack , end );
$flex-v-right-bottom-ms-flex-align: var( --flex-v-right-bottom-ms-flex-align , end );
$flex-v-right-bottom-flex-flow: var( --flex-v-right-bottom-flex-flow , column nowrap );
$flex-v-right-bottom-justify-content: var( --flex-v-right-bottom-justify-content , flex-end );
$flex-v-right-bottom-align-items: var( --flex-v-right-bottom-align-items , flex-end );
$flex-v-bottom-ms-flex-direction: var( --flex-v-bottom-ms-flex-direction , column );
$flex-v-bottom-ms-flex-pack: var( --flex-v-bottom-ms-flex-pack , end );
$flex-v-bottom-ms-flex-align: var( --flex-v-bottom-ms-flex-align , center );
$flex-v-bottom-flex-flow: var( --flex-v-bottom-flex-flow , column nowrap );
$flex-v-bottom-justify-content: var( --flex-v-bottom-justify-content , flex-end );
$flex-v-bottom-align-items: var( --flex-v-bottom-align-items , center );
$flex-h-ms-flex-direction: var( --flex-h-ms-flex-direction , row );
$flex-h-ms-flex-pack: var( --flex-h-ms-flex-pack , start );
$flex-h-ms-flex-align: var( --flex-h-ms-flex-align , center );
$flex-h-flex-flow: var( --flex-h-flex-flow , row nowrap );
$flex-h-justify-content: var( --flex-h-justify-content , flex-start );
$flex-h-align-items: var( --flex-h-align-items , center );
$flex-h-stretch-ms-flex-direction: var( --flex-h-stretch-ms-flex-direction , row );
$flex-h-stretch-ms-flex-pack: var( --flex-h-stretch-ms-flex-pack , start );
$flex-h-stretch-ms-flex-align: var( --flex-h-stretch-ms-flex-align , stretch );
$flex-h-stretch-flex-flow: var( --flex-h-stretch-flex-flow , row nowrap );
$flex-h-stretch-justify-content: var( --flex-h-stretch-justify-content , flex-start );
$flex-h-stretch-align-items: var( --flex-h-stretch-align-items , stretch );
$flex-h-baseline-ms-flex-direction: var( --flex-h-baseline-ms-flex-direction , row );
$flex-h-baseline-ms-flex-pack: var( --flex-h-baseline-ms-flex-pack , start );
$flex-h-baseline-ms-flex-align: var( --flex-h-baseline-ms-flex-align , baseline );
$flex-h-baseline-flex-flow: var( --flex-h-baseline-flex-flow , row nowrap );
$flex-h-baseline-justify-content: var( --flex-h-baseline-justify-content , flex-start );
$flex-h-baseline-align-items: var( --flex-h-baseline-align-items , baseline );
$flex-h-top-ms-flex-direction: var( --flex-h-top-ms-flex-direction , row );
$flex-h-top-ms-flex-pack: var( --flex-h-top-ms-flex-pack , start );
$flex-h-top-ms-flex-align: var( --flex-h-top-ms-flex-align , start );
$flex-h-top-flex-flow: var( --flex-h-top-flex-flow , row nowrap );
$flex-h-top-justify-content: var( --flex-h-top-justify-content , flex-start );
$flex-h-top-align-items: var( --flex-h-top-align-items , flex-start );
$flex-h-right-ms-flex-direction: var( --flex-h-right-ms-flex-direction , row );
$flex-h-right-ms-flex-pack: var( --flex-h-right-ms-flex-pack , end );
$flex-h-right-ms-flex-align: var( --flex-h-right-ms-flex-align , center );
$flex-h-right-flex-flow: var( --flex-h-right-flex-flow , row nowrap );
$flex-h-right-justify-content: var( --flex-h-right-justify-content , flex-end );
$flex-h-right-align-items: var( --flex-h-right-align-items , center );
$flex-h-center-right-ms-flex-direction: var( --flex-h-center-right-ms-flex-direction , row );
$flex-h-center-right-ms-flex-pack: var( --flex-h-center-right-ms-flex-pack , end );
$flex-h-center-right-ms-flex-align: var( --flex-h-center-right-ms-flex-align , center );
$flex-h-center-right-flex-flow: var( --flex-h-center-right-flex-flow , row nowrap );
$flex-h-center-right-justify-content: var( --flex-h-center-right-justify-content , flex-end );
$flex-h-center-right-align-items: var( --flex-h-center-right-align-items , center );
$flex-h-center-left-ms-flex-direction: var( --flex-h-center-left-ms-flex-direction , row );
$flex-h-center-left-ms-flex-pack: var( --flex-h-center-left-ms-flex-pack , end );
$flex-h-center-left-ms-flex-align: var( --flex-h-center-left-ms-flex-align , center );
$flex-h-center-left-flex-flow: var( --flex-h-center-left-flex-flow , row nowrap );
$flex-h-center-left-justify-content: var( --flex-h-center-left-justify-content , flex-start );
$flex-h-center-left-align-items: var( --flex-h-center-left-align-items , center );
$flex-h-top-right-ms-flex-direction: var( --flex-h-top-right-ms-flex-direction , row );
$flex-h-top-right-ms-flex-pack: var( --flex-h-top-right-ms-flex-pack , end );
$flex-h-top-right-ms-flex-align: var( --flex-h-top-right-ms-flex-align , start );
$flex-h-top-right-flex-flow: var( --flex-h-top-right-flex-flow , row nowrap );
$flex-h-top-right-justify-content: var( --flex-h-top-right-justify-content , flex-end );
$flex-h-top-right-align-items: var( --flex-h-top-right-align-items , flex-start );
$flex-h-bottom-ms-flex-direction: var( --flex-h-bottom-ms-flex-direction , row );
$flex-h-bottom-ms-flex-pack: var( --flex-h-bottom-ms-flex-pack , start );
$flex-h-bottom-ms-flex-align: var( --flex-h-bottom-ms-flex-align , end );
$flex-h-bottom-flex-flow: var( --flex-h-bottom-flex-flow , row nowrap );
$flex-h-bottom-justify-content: var( --flex-h-bottom-justify-content , flex-start );
$flex-h-bottom-align-items: var( --flex-h-bottom-align-items , flex-end );
$flex-h-bottom-right-ms-flex-direction: var( --flex-h-bottom-right-ms-flex-direction , row );
$flex-h-bottom-right-ms-flex-pack: var( --flex-h-bottom-right-ms-flex-pack , end );
$flex-h-bottom-right-ms-flex-align: var( --flex-h-bottom-right-ms-flex-align , end );
$flex-h-bottom-right-flex-flow: var( --flex-h-bottom-right-flex-flow , row nowrap );
$flex-h-bottom-right-justify-content: var( --flex-h-bottom-right-justify-content , flex-end );
$flex-h-bottom-right-align-items: var( --flex-h-bottom-right-align-items , flex-end );
$flex-h-bottom-center-ms-flex-direction: var( --flex-h-bottom-center-ms-flex-direction , row );
$flex-h-bottom-center-ms-flex-pack: var( --flex-h-bottom-center-ms-flex-pack , end );
$flex-h-bottom-center-ms-flex-align: var( --flex-h-bottom-center-ms-flex-align , end );
$flex-h-bottom-center-flex-flow: var( --flex-h-bottom-center-flex-flow , row nowrap );
$flex-h-bottom-center-justify-content: var( --flex-h-bottom-center-justify-content , center );
$flex-h-bottom-center-align-items: var( --flex-h-bottom-center-align-items , flex-end );
$flex-center-ms-flex-direction: var( --flex-center-ms-flex-direction , row );
$flex-center-ms-flex-pack: var( --flex-center-ms-flex-pack , center );
$flex-center-ms-flex-align: var( --flex-center-ms-flex-align , center );
$flex-center-flex-flow: var( --flex-center-flex-flow , row nowrap );
$flex-center-justify-content: var( --flex-center-justify-content , center );
$flex-center-align-items: var( --flex-center-align-items , center );
$flex-h-center-ms-flex-direction: var( --flex-h-center-ms-flex-direction , row );
$flex-h-center-ms-flex-pack: var( --flex-h-center-ms-flex-pack , center );
$flex-h-center-ms-flex-align: var( --flex-h-center-ms-flex-align , center );
$flex-h-center-flex-flow: var( --flex-h-center-flex-flow , row nowrap );
$flex-h-center-justify-content: var( --flex-h-center-justify-content , center );
$flex-h-center-align-items: var( --flex-h-center-align-items , center );
$flex-right-ms-flex-direction: var( --flex-right-ms-flex-direction , row );
$flex-right-ms-flex-pack: var( --flex-right-ms-flex-pack , end );
$flex-right-ms-flex-align: var( --flex-right-ms-flex-align , center );
$flex-right-flex-flow: var( --flex-right-flex-flow , row nowrap );
$flex-right-justify-content: var( --flex-right-justify-content , flex-end );
$flex-right-align-items: var( --flex-right-align-items , center );
$flex-left-ms-flex-direction: var( --flex-left-ms-flex-direction , row );
$flex-left-ms-flex-pack: var( --flex-left-ms-flex-pack , start );
$flex-left-ms-flex-align: var( --flex-left-ms-flex-align , center );
$flex-left-flex-flow: var( --flex-left-flex-flow , row nowrap );
$flex-left-justify-content: var( --flex-left-justify-content , flex-start );
$flex-left-align-items: var( --flex-left-align-items , center );

/*
======================================================
flex-fill [FLEX_TOKENS]
======================================================
*/
$flex-fill-flex: var( --flex-fill-flex , 1 );

/*
======================================================
flex-fill-container [FLEX_TOKENS]
======================================================
*/
$flex-fill-container-position: var( --flex-fill-container-position , absolute );
$flex-fill-container-top: var( --flex-fill-container-top , 0 );
$flex-fill-container-right: var( --flex-fill-container-right , 0 );
$flex-fill-container-bottom: var( --flex-fill-container-bottom , 0 );
$flex-fill-container-left: var( --flex-fill-container-left , 0 );

/*
======================================================
flex-align-self [FLEX_TOKENS]
======================================================
*/
$flex-align-self-flex-start-align-self: var( --flex-align-self-flex-start-align-self , flex-start );
$flex-align-self-start-align-self: var( --flex-align-self-start-align-self , flex-start );
$flex-align-self-flex-end-align-self: var( --flex-align-self-flex-end-align-self , flex-end );
$flex-align-self-end-align-self: var( --flex-align-self-end-align-self , flex-end );
$flex-align-self-center-align-self: var( --flex-align-self-center-align-self , center );
$flex-align-self-baseline-align-self: var( --flex-align-self-baseline-align-self , baseline );
$flex-align-self-stretch-align-self: var( --flex-align-self-stretch-align-self , stretch );

/*
======================================================
flex-space [FLEX_TOKENS]
======================================================
*/
$flex-space-between-justify-content: var( --flex-space-between-justify-content , space-between );
$flex-space-around-justify-content: var( --flex-space-around-justify-content , space-around );

/*
======================================================
spacing [SPACING_TOKENS]
======================================================
*/
$spacing-0: var( --spacing-0 , 0px );
$spacing-1: var( --spacing-1 , 8px );
$spacing-2: var( --spacing-2 , 16px );
$spacing-3: var( --spacing-3 , 24px );
$spacing-4: var( --spacing-4 , 32px );
$spacing-5: var( --spacing-5 , 40px );
$spacing-6: var( --spacing-6 , 48px );
$spacing-7: var( --spacing-7 , 56px );
$spacing-8: var( --spacing-8 , 64px );
$spacing-9: var( --spacing-9 , 72px );
$spacing-10: var( --spacing-10 , 80px );
$spacing-11: var( --spacing-11 , 88px );
$spacing-12: var( --spacing-12 , 96px );

/*
======================================================
col [COLUMN_TOKENS]
======================================================
*/
$col-0: var( --col-0 , 0% );
$col-0-3: var( --col-0-3 , 2.0833% );
$col-0-4: var( --col-0-4 , 2.7778% );
$col-0-6: var( --col-0-6 , 4.1667% );
$col-0-8: var( --col-0-8 , 5.5556% );
$col-0-9: var( --col-0-9 , 6.25% );
$col-1: var( --col-1 , 8.3333% );
$col-1-3: var( --col-1-3 , 10.4167% );
$col-1-4: var( --col-1-4 , 11.1111% );
$col-1-6: var( --col-1-6 , 12.5% );
$col-1-8: var( --col-1-8 , 13.8889% );
$col-1-9: var( --col-1-9 , 14.5833% );
$col-2: var( --col-2 , 16.6667% );
$col-2-3: var( --col-2-3 , 18.75% );
$col-2-4: var( --col-2-4 , 19.4444% );
$col-2-6: var( --col-2-6 , 20.8333% );
$col-2-8: var( --col-2-8 , 22.2222% );
$col-2-9: var( --col-2-9 , 22.9167% );
$col-3: var( --col-3 , 25% );
$col-3-3: var( --col-3-3 , 27.0833% );
$col-3-4: var( --col-3-4 , 27.7778% );
$col-3-6: var( --col-3-6 , 29.1667% );
$col-3-8: var( --col-3-8 , 30.5556% );
$col-3-9: var( --col-3-9 , 31.25% );
$col-4: var( --col-4 , 33.3333% );
$col-4-3: var( --col-4-3 , 35.4167% );
$col-4-4: var( --col-4-4 , 36.1111% );
$col-4-6: var( --col-4-6 , 37.5% );
$col-4-8: var( --col-4-8 , 38.8889% );
$col-4-9: var( --col-4-9 , 39.5833% );
$col-5: var( --col-5 , 41.6667% );
$col-5-3: var( --col-5-3 , 43.75% );
$col-5-4: var( --col-5-4 , 44.4444% );
$col-5-6: var( --col-5-6 , 45.8333% );
$col-5-8: var( --col-5-8 , 47.2222% );
$col-5-9: var( --col-5-9 , 47.9167% );
$col-6: var( --col-6 , 50% );
$col-6-3: var( --col-6-3 , 52.0833% );
$col-6-4: var( --col-6-4 , 52.7778% );
$col-6-6: var( --col-6-6 , 54.1667% );
$col-6-8: var( --col-6-8 , 55.5556% );
$col-6-9: var( --col-6-9 , 56.25% );
$col-7: var( --col-7 , 58.3333% );
$col-7-3: var( --col-7-3 , 60.4167% );
$col-7-4: var( --col-7-4 , 61.1111% );
$col-7-6: var( --col-7-6 , 62.5% );
$col-7-8: var( --col-7-8 , 63.8889% );
$col-7-9: var( --col-7-9 , 64.5833% );
$col-8: var( --col-8 , 66.6667% );
$col-8-3: var( --col-8-3 , 68.75% );
$col-8-4: var( --col-8-4 , 69.4444% );
$col-8-6: var( --col-8-6 , 70.8333% );
$col-8-8: var( --col-8-8 , 72.2222% );
$col-8-9: var( --col-8-9 , 72.9167% );
$col-9: var( --col-9 , 75% );
$col-9-3: var( --col-9-3 , 77.0833% );
$col-9-4: var( --col-9-4 , 77.7778% );
$col-9-6: var( --col-9-6 , 79.1667% );
$col-9-8: var( --col-9-8 , 80.5556% );
$col-9-9: var( --col-9-9 , 81.25% );
$col-10: var( --col-10 , 83.3333% );
$col-10-3: var( --col-10-3 , 85.4167% );
$col-10-4: var( --col-10-4 , 86.1111% );
$col-10-6: var( --col-10-6 , 87.5% );
$col-10-8: var( --col-10-8 , 88.8889% );
$col-10-9: var( --col-10-9 , 89.5833% );
$col-11: var( --col-11 , 91.6667% );
$col-11-3: var( --col-11-3 , 93.75% );
$col-11-4: var( --col-11-4 , 94.4444% );
$col-11-6: var( --col-11-6 , 95.8333% );
$col-11-8: var( --col-11-8 , 97.2222% );
$col-11-9: var( --col-11-9 , 97.9167% );
$col-12: var( --col-12 , 100% );

/*
======================================================
colvw [COLUMN_TOKENS]
======================================================
*/
$colvw-0: var( --colvw-0 , 0vw );
$colvw-0-3: var( --colvw-0-3 , 2.0833vw );
$colvw-0-4: var( --colvw-0-4 , 2.7778vw );
$colvw-0-6: var( --colvw-0-6 , 4.1667vw );
$colvw-0-8: var( --colvw-0-8 , 5.5556vw );
$colvw-0-9: var( --colvw-0-9 , 6.25vw );
$colvw-1: var( --colvw-1 , 8.3333vw );
$colvw-1-3: var( --colvw-1-3 , 10.4167vw );
$colvw-1-4: var( --colvw-1-4 , 11.1111vw );
$colvw-1-6: var( --colvw-1-6 , 12.5vw );
$colvw-1-8: var( --colvw-1-8 , 13.8889vw );
$colvw-1-9: var( --colvw-1-9 , 14.5833vw );
$colvw-2: var( --colvw-2 , 16.6667vw );
$colvw-2-3: var( --colvw-2-3 , 18.75vw );
$colvw-2-4: var( --colvw-2-4 , 19.4444vw );
$colvw-2-6: var( --colvw-2-6 , 20.8333vw );
$colvw-2-8: var( --colvw-2-8 , 22.2222vw );
$colvw-2-9: var( --colvw-2-9 , 22.9167vw );
$colvw-3: var( --colvw-3 , 25vw );
$colvw-3-3: var( --colvw-3-3 , 27.0833vw );
$colvw-3-4: var( --colvw-3-4 , 27.7778vw );
$colvw-3-6: var( --colvw-3-6 , 29.1667vw );
$colvw-3-8: var( --colvw-3-8 , 30.5556vw );
$colvw-3-9: var( --colvw-3-9 , 31.25vw );
$colvw-4: var( --colvw-4 , 33.3333vw );
$colvw-4-3: var( --colvw-4-3 , 35.4167vw );
$colvw-4-4: var( --colvw-4-4 , 36.1111vw );
$colvw-4-6: var( --colvw-4-6 , 37.5vw );
$colvw-4-8: var( --colvw-4-8 , 38.8889vw );
$colvw-4-9: var( --colvw-4-9 , 39.5833vw );
$colvw-5: var( --colvw-5 , 41.6667vw );
$colvw-5-3: var( --colvw-5-3 , 43.75vw );
$colvw-5-4: var( --colvw-5-4 , 44.4444vw );
$colvw-5-6: var( --colvw-5-6 , 45.8333vw );
$colvw-5-8: var( --colvw-5-8 , 47.2222vw );
$colvw-5-9: var( --colvw-5-9 , 47.9167vw );
$colvw-6: var( --colvw-6 , 50vw );
$colvw-6-3: var( --colvw-6-3 , 52.0833vw );
$colvw-6-4: var( --colvw-6-4 , 52.7778vw );
$colvw-6-6: var( --colvw-6-6 , 54.1667vw );
$colvw-6-8: var( --colvw-6-8 , 55.5556vw );
$colvw-6-9: var( --colvw-6-9 , 56.25vw );
$colvw-7: var( --colvw-7 , 58.3333vw );
$colvw-7-3: var( --colvw-7-3 , 60.4167vw );
$colvw-7-4: var( --colvw-7-4 , 61.1111vw );
$colvw-7-6: var( --colvw-7-6 , 62.5vw );
$colvw-7-8: var( --colvw-7-8 , 63.8889vw );
$colvw-7-9: var( --colvw-7-9 , 64.5833vw );
$colvw-8: var( --colvw-8 , 66.6667vw );
$colvw-8-3: var( --colvw-8-3 , 68.75vw );
$colvw-8-4: var( --colvw-8-4 , 69.4444vw );
$colvw-8-6: var( --colvw-8-6 , 70.8333vw );
$colvw-8-8: var( --colvw-8-8 , 72.2222vw );
$colvw-8-9: var( --colvw-8-9 , 72.9167vw );
$colvw-9: var( --colvw-9 , 75vw );
$colvw-9-3: var( --colvw-9-3 , 77.0833vw );
$colvw-9-4: var( --colvw-9-4 , 77.7778vw );
$colvw-9-6: var( --colvw-9-6 , 79.1667vw );
$colvw-9-8: var( --colvw-9-8 , 80.5556vw );
$colvw-9-9: var( --colvw-9-9 , 81.25vw );
$colvw-10: var( --colvw-10 , 83.3333vw );
$colvw-10-3: var( --colvw-10-3 , 85.4167vw );
$colvw-10-4: var( --colvw-10-4 , 86.1111vw );
$colvw-10-6: var( --colvw-10-6 , 87.5vw );
$colvw-10-8: var( --colvw-10-8 , 88.8889vw );
$colvw-10-9: var( --colvw-10-9 , 89.5833vw );
$colvw-11: var( --colvw-11 , 91.6667vw );
$colvw-11-3: var( --colvw-11-3 , 93.75vw );
$colvw-11-4: var( --colvw-11-4 , 94.4444vw );
$colvw-11-6: var( --colvw-11-6 , 95.8333vw );
$colvw-11-8: var( --colvw-11-8 , 97.2222vw );
$colvw-11-9: var( --colvw-11-9 , 97.9167vw );
$colvw-12: var( --colvw-12 , 100vw );