/* SCSS Document */
/* THEME-ROOT.CSS OVERRIDES | FONTS ---------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 300;
    src: local("proxima-nova-light"), local("proxima nova light"), url("/fonts/whitebranding/default/Proxima-Nova-Light.woff2") format("woff2"), url("/fonts/whitebranding/default/Proxima-Nova-Light.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    src: local("proxima-nova-regular"), local("proxima nova regular"), url("/fonts/whitebranding/default/Proxima-Nova-Regular.woff2") format("woff2"), url("/fonts/whitebranding/default/Proxima-Nova-Regular.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    src: local("proxima-nova-semibold"), local("proxima nova semibold"), url("/fonts/whitebranding/default/Proxima-Nova-Semibold.woff2") format("woff2"), url("/fonts/whitebranding/default/Proxima-Nova-Semibold.woff") format("woff");
    font-display: swap;
}
/* THEME-ROOT.CSS OVERRIDES | VARIABLES ---------------------------------------------------------------------------------------------------- */
:root {
    /* COLORS */
    --primary-3:hsla(163, 82%, 28%, 0.03);
    --primary-5:hsla(163, 82%, 28%, 0.05);
    --primary-10:hsla(163, 82%, 28%, 0.10);
    --primary-20:hsla(163, 82%, 28%, 0.20);
    --primary-30:hsla(163, 82%, 28%, 0.30);
    --primary-40:hsla(163, 82%, 28%, 0.40);
    --primary-50:hsla(163, 82%, 28%, 0.50);
    --primary-60:hsla(163, 82%, 28%, 0.60);
    --primary-70:hsla(163, 82%, 28%, 0.70);
    --primary-80:hsla(163, 82%, 28%, 0.80);
    --primary-90:hsla(163, 82%, 28%, 0.90);
    --primary:hsla(163, 82%, 28%, 1.0);
    --primary-dark-10:hsla(163, 82%, 23%, 1.0);
    --primary-dark-20:hsla(163, 82%, 18%, 1.0);
    --primary-dark-30:hsla(163, 82%, 13%, 1.0);
    --primary-dark-40:hsla(163, 82%, 8%, 1.0);
    --primary-dark-50:hsla(163, 82%, 3%, 1.0);
    --secondary-3:hsla(0, 0%, 58%, 0.03);
    --secondary-5:hsla(0, 0%, 58%, 0.05);
    --secondary-10:hsla(0, 0%, 58%, 0.10);
    --secondary-20:hsla(0, 0%, 58%, 0.20);
    --secondary-30:hsla(0, 0%, 58%, 0.30);
    --secondary-40:hsla(0, 0%, 58%, 0.40);
    --secondary-50:hsla(0, 0%, 58%, 0.50);
    --secondary-60:hsla(0, 0%, 58%, 0.60);
    --secondary-70:hsla(0, 0%, 58%, 0.70);
    --secondary-80:hsla(0, 0%, 58%, 0.80);
    --secondary-90:hsla(0, 0%, 58%, 0.90);
    --secondary:hsla(0, 0%, 58%, 1.0);
    --secondary-dark-10:hsla(0, 0%, 53%, 1.0);
    --secondary-dark-20:hsla(0, 0%, 48%, 1.0);
    --secondary-dark-30:hsla(0, 0%, 43%, 1.0);
    --secondary-dark-40:hsla(0, 0%, 38%, 1.0);
    --secondary-dark-50:hsla(0, 0%, 33%, 1.0);
    --tertiary-3:hsla(0, 0%, 0%, 0.03);
    --tertiary-5:hsla(0, 0%, 0%, 0.05);
    --tertiary-10:hsla(0, 0%, 0%, 0.10);
    --tertiary-20:hsla(0, 0%, 0%, 0.20);
    --tertiary-30:hsla(0, 0%, 0%, 0.30);
    --tertiary-40:hsla(0, 0%, 0%, 0.40);
    --tertiary-50:hsla(0, 0%, 0%, 0.50);
    --tertiary-60:hsla(0, 0%, 0%, 0.60);
    --tertiary-70:hsla(0, 0%, 0%, 0.70);
    --tertiary-80:hsla(0, 0%, 0%, 0.80);
    --tertiary-90:hsla(0, 0%, 0%, 0.90);
    --tertiary:hsla(0, 0%, 0%, 1.0);
    --tertiary-dark-10:hsla(0, 0%, 0%, 1.0);
    --tertiary-dark-20:hsla(0, 0%, 0%, 1.0);
    --tertiary-dark-30:hsla(0, 0%, 0%, 1.0);
    --tertiary-dark-40:hsla(0, 0%, 0%, 1.0);
    --tertiary-dark-50:hsla(0, 0%, 0%, 1.0);
    --info-3:hsla(216, 83%, 41%, 0.03);
    --info-5:hsla(216, 83%, 41%, 0.05);
    --info-10:hsla(216, 83%, 41%, 0.10);
    --info-20:hsla(216, 83%, 41%, 0.20);
    --info-30:hsla(216, 83%, 41%, 0.30);
    --info-40:hsla(216, 83%, 41%, 0.40);
    --info-50:hsla(216, 83%, 41%, 0.50);
    --info-60:hsla(216, 83%, 41%, 0.60);
    --info-70:hsla(216, 83%, 41%, 0.70);
    --info-80:hsla(216, 83%, 41%, 0.80);
    --info-90:hsla(216, 83%, 41%, 0.90);
    --info:hsla(216, 83%, 41%, 1.0);
    --info-dark-10:hsla(215, 89%, 32%, 1.0);
    --info-dark-20:hsla(214, 75%, 25%, 1.0);
    --info-dark-30:hsla(214, 69%, 22%, 1.0);
    --info-dark-40:hsla(214, 63%, 19%, 1.0);
    --info-dark-50:hsla(216, 51%, 16%, 1.0);
    --success-3:hsla(148, 96%, 27%, 0.03);
    --success-5:hsla(148, 96%, 27%, 0.05);
    --success-10:hsla(148, 96%, 27%, 0.10);
    --success-20:hsla(148, 96%, 27%, 0.20);
    --success-30:hsla(148, 96%, 27%, 0.30);
    --success-40:hsla(148, 96%, 27%, 0.40);
    --success-50:hsla(148, 96%, 27%, 0.50);
    --success-60:hsla(148, 96%, 27%, 0.60);
    --success-70:hsla(148, 96%, 27%, 0.70);
    --success-80:hsla(148, 96%, 27%, 0.80);
    --success-90:hsla(148, 96%, 27%, 0.90);
    --success:hsla(148, 96%, 27%, 1.0);
    --success-dark-10:hsla(143, 93%, 22%, 1.0);
    --success-dark-20:hsla(145, 82%, 18%, 1.0);
    --success-dark-30:hsla(145, 86%, 14%, 1.0);
    --success-dark-40:hsla(145, 85%, 10%, 1.0);
    --success-dark-50:hsla(144, 90%, 8%, 1.0);
    --warning-3:hsla(42, 100%, 50%, 0.03);
    --warning-5:hsla(42, 100%, 50%, 0.05);
    --warning-10:hsla(42, 100%, 50%, 0.10);
    --warning-20:hsla(42, 100%, 50%, 0.20);
    --warning-30:hsla(42, 100%, 50%, 0.30);
    --warning-40:hsla(42, 100%, 50%, 0.40);
    --warning-50:hsla(42, 100%, 50%, 0.50);
    --warning-60:hsla(42, 100%, 50%, 0.60);
    --warning-70:hsla(42, 100%, 50%, 0.70);
    --warning-80:hsla(42, 100%, 50%, 0.80);
    --warning-90:hsla(42, 100%, 50%, 0.90);
    --warning:hsla(42, 100%, 50%, 1.0);
    --warning-dark-10:hsla(37, 96%, 43%, 1.0);
    --warning-dark-20:hsla(33, 69%, 38%, 1.0);
    --warning-dark-30:hsla(33, 71%, 30%, 1.0);
    --warning-dark-40:hsla(33, 73%, 22%, 1.0);
    --warning-dark-50:hsla(34, 79%, 17%, 1.0);
    --danger-3:hsla(355, 85%, 46%, 0.03);
    --danger-5:hsla(355, 85%, 46%, 0.05);
    --danger-10:hsla(355, 85%, 46%, 0.10);
    --danger-20:hsla(355, 85%, 46%, 0.20);
    --danger-30:hsla(355, 85%, 46%, 0.30);
    --danger-40:hsla(355, 85%, 46%, 0.40);
    --danger-50:hsla(355, 85%, 46%, 0.50);
    --danger-60:hsla(355, 85%, 46%, 0.60);
    --danger-70:hsla(355, 85%, 46%, 0.70);
    --danger-80:hsla(355, 85%, 46%, 0.80);
    --danger-90:hsla(355, 85%, 46%, 0.90);
    --danger:hsla(355, 85%, 46%, 1.0);
    --danger-dark-10:hsla(355, 93%, 37%, 1.0);
    --danger-dark-20:hsla(357, 81%, 29%, 1.0);
    --danger-dark-30:hsla(356, 83%, 23%, 1.0);
    --danger-dark-40:hsla(356, 86%, 17%, 1.0);
    --danger-dark-50:hsla(356, 88%, 13%, 1.0);
    --default-3:hsla(0, 0%, 99%, 0.03);
    --default-5:hsla(0, 0%, 99%, 0.05);
    --default-10:hsla(0, 0%, 99%, 0.10);
    --default-20:hsla(0, 0%, 99%, 0.20);
    --default-30:hsla(0, 0%, 99%, 0.30);
    --default-40:hsla(0, 0%, 99%, 0.40);
    --default-50:hsla(0, 0%, 99%, 0.50);
    --default-60:hsla(0, 0%, 99%, 0.60);
    --default-70:hsla(0, 0%, 99%, 0.70);
    --default-80:hsla(0, 0%, 99%, 0.80);
    --default-90:hsla(0, 0%, 99%, 0.90);
    --default:hsla(0, 0%, 99%, 1.0);
    --default-dark-10:hsla(0, 0%, 97%, 1.0);
    --default-dark-20:hsla(0, 0%, 95%, 1.0);
    --default-dark-30:hsla(0, 0%, 93%, 1.0);
    --default-dark-40:hsla(0, 0%, 91%, 1.0);
    --default-dark-50:hsla(0, 0%, 89%, 1.0);
    --neutral-0:hsla(0, 0%, 100%, 1.0);
    --neutral-3:hsla(0, 0%, 97%, 1.0);
    --neutral-5:hsla(0, 0%, 95%, 1.0);
    --neutral-10:hsla(180, 3%, 93%, 1.0);
    --neutral-20:hsla(240, 1%, 86%, 1.0);
    --neutral-30:hsla(220, 1%, 76%, 1.0);
    --neutral-40:hsla(210, 2%, 64%, 1.0);
    --neutral-50:hsla(210, 2%, 58%, 1.0);
    --neutral-60:hsla(216, 2%, 46%, 1.0);
    --neutral-70:hsla(215, 3%, 36%, 1.0);
    --neutral-80:hsla(214, 5%, 28%, 1.0);
    --neutral-90:hsla(218, 11%, 16%, 1.0);
    --neutral:hsla(220, 17%, 10%, 1.0);
    --neutral-dark-10:hsla(0, 0%, 5%, 1.0);
    --neutral-dark-20:hsla(0, 0%, 0%, 1.0);
    --neutral-dark-30:hsla(0, 0%, 0%, 1.0);
    --neutral-dark-40:hsla(0, 0%, 0%, 1.0);
    --neutral-dark-50:hsla(0, 0%, 0%, 1.0);
    --dark-3:hsla(0, 0%, 0%, 0.03);
    --dark-5:hsla(0, 0%, 0%, 0.05);
    --dark-10:hsla(0, 0%, 0%, 0.10);
    --dark-20:hsla(0, 0%, 0%, 0.20);
    --dark-30:hsla(0, 0%, 0%, 0.30);
    --dark-40:hsla(0, 0%, 0%, 0.40);
    --dark-50:hsla(0, 0%, 0%, 0.50);
    --dark-60:hsla(0, 0%, 0%, 0.60);
    --dark-70:hsla(0, 0%, 0%, 0.70);
    --dark-80:hsla(0, 0%, 0%, 0.80);
    --dark-90:hsla(0, 0%, 0%, 0.90);
    --dark:hsla(0, 0%, 0%, 1.0);
    --light-3:hsla(0, 0%, 100%, 0.03);
    --light-5:hsla(0, 0%, 100%, 0.05);
    --light-10:hsla(0, 0%, 100%, 0.10);
    --light-20:hsla(0, 0%, 100%, 0.20);
    --light-30:hsla(0, 0%, 100%, 0.30);
    --light-40:hsla(0, 0%, 100%, 0.40);
    --light-50:hsla(0, 0%, 100%, 0.50);
    --light-60:hsla(0, 0%, 100%, 0.60);
    --light-70:hsla(0, 0%, 100%, 0.70);
    --light-80:hsla(0, 0%, 100%, 0.80);
    --light-90:hsla(0, 0%, 100%, 0.90);
    --light:hsla(0, 0%, 100%, 1.0);
    /* COMMON */
    --bg-body:hsla(0, 0%, 100%, 1.0);
    --bg-body-dark:hsla(0, 0%, 0%, 1.0);
    --bg-body-light:hsla(0, 0%, 100%, 1.0);
    --shadow-color:hsla(0, 0%, 0%, 0.20);
    --box-shadow:0px 1px 2px hsla(0, 0%, 0%, 0.20);
    --overlay-color:hsla(0, 0%, 0%, 0.50);
    /* BORDERS */
    --border-color:hsla(0, 0%, 90%, 1.0);
    --border-radius:5px;
    --border-radius-xl:10px;
    /* BRAND LOGO */
    --brand-logo-width:206px;
    --brand-logo-height:32px;
    --brand-logo-image:url("../../images/common/logos/handysolutions/handysolutions.svg");
    --brand-logo-image-inverse:url("../../images/common/logos/handysolutions/handysolutions-inverse.svg");
    --brand-logo-mobile-width:40px;
    --brand-logo-mobile-height:40px;
    --brand-logo-mobile-image:url("../../images/common/logos/handysolutions/handysolutions-symbol.svg");
    --brand-logo-mobile-image-inverse:url("../../images/common/logos/handysolutions/handysolutions-symbol.svg");
    /* FONTS */
    --fw-100:100;
    --fw-200:200;
    --fw-300:300;
    --fw-400:400;
    --fw-500:500;
    --fw-600:600;
    --fw-700:700;
    --fw-800:800;
    --fw-900:900;
    --fs-1:2.5rem;
    --fs-2:2.25rem;
    --fs-3:2.0rem;
    --fs-4:1.5rem;
    --fs-5:1.25rem;
    --fs-6:1.125rem;
    --fs-7:1.0rem;
    --fs-8:0.875rem;
    --fs-9:0.75rem;
    --lh-1:2.75rem;
    --lh-2:2.5rem;
    --lh-3:2.25rem;
    --lh-4:1.875rem;
    --lh-5:1.75rem;
    --lh-6:1.6125rem;
    --lh-7:1.5rem;
    --lh-8:1.25rem;
    --lh-9:1.125rem;
    --font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --font-color:hsla(0, 0%, 27%, 1.0);
    --font-color-dark:hsla(0, 0%, 0%, 1.0);
    --font-color-light:hsla(0, 0%, 40%, 1.0);
    --h1-font-style:normal;
    --h1-font-weight:400;
    --h1-font-size:3.0rem;
    --h1-font-size-mobile:2.5rem;
    --h1-line-height:3.125rem;
    --h1-line-height-mobile:2.625rem;
    --h1-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h1-color:hsla(0, 0%, 0%, 1.0);
    --h2-font-style:normal;
    --h2-font-weight:400;
    --h2-font-size:2.5rem;
    --h2-font-size-mobile:2.0rem;
    --h2-line-height:2.625rem;
    --h2-line-height-mobile:2.125rem;
    --h2-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h2-color:hsla(0, 0%, 0%, 1.0);
    --h3-font-style:normal;
    --h3-font-weight:400;
    --h3-font-size:2.0rem;
    --h3-font-size-mobile:1.75rem;
    --h3-line-height:2.5rem;
    --h3-line-height-mobile:2.25rem;
    --h3-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h3-color:hsla(0, 0%, 0%, 1.0);
    --h4-font-style:normal;
    --h4-font-weight:400;
    --h4-font-size:1.5rem;
    --h4-font-size-mobile:1.25rem;
    --h4-line-height:2.0rem;
    --h4-line-height-mobile:1.75rem;
    --h4-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h4-color:hsla(0, 0%, 0%, 1.0);
    --h5-font-style:normal;
    --h5-font-weight:400;
    --h5-font-size:1.125rem;
    --h5-font-size-mobile:1.125rem;
    --h5-line-height:1.8125rem;
    --h5-line-height-mobile:1.8125rem;
    --h5-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h5-color:hsla(0, 0%, 0%, 1.0);
    --h6-font-style:normal;
    --h6-font-weight:600;
    --h6-font-size:1.0rem;
    --h6-font-size-mobile:1.0rem;
    --h6-line-height:1.5rem;
    --h6-line-height-mobile:1.5rem;
    --h6-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h6-color:hsla(0, 0%, 0%, 1.0);
    --p-font-style:normal;
    --p-font-weight:400;
    --p-font-size:1.0rem;
    --p-font-size-mobile:1.0rem;
    --p-line-height:1.5rem;
    --p-line-height-mobile:1.5rem;
    --p-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --p-color:hsla(0, 0%, 27%, 1.0);
    --li-font-style:normal;
    --li-font-weight:400;
    --li-font-size:1.0rem;
    --li-font-size-mobile:1.0rem;
    --li-line-height:1.375rem;
    --li-line-height-mobile:1.375rem;
    --li-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --li-color:hsla(0, 0%, 27%, 1.0);
    /* TABLES */
    --th-pt:5px;
    --th-pe:8px;
    --th-pb:5px;
    --th-ps:8px;
    --th-font-style:normal;
    --th-font-weight:400;
    --th-font-size:0.8125rem;
    --th-line-height:1.125rem;
    --th-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --th-color:hsla(208, 7%, 46%, 1.0);
    --th-bg-color:hsla(0, 0%, 100%, 1.0);
    --td-pt:5px;
    --td-pe:8px;
    --td-pb:5px;
    --td-ps:8px;
    --td-font-style:normal;
    --td-font-weight:400;
    --td-font-size:0.875rem;
    --td-line-height:1.125rem;
    --td-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --td-color:hsla(0, 0%, 27%, 1.0);
    --td-bg-color:hsla(0, 0%, 100%, 1.0);
    /* FORMS */
    --link-color:hsla(198, 88%, 34%, 1.0);
    --link-color-hover:hsla(198, 88%, 29%, 1.0);
    --link-color-active:hsla(198, 88%, 29%, 1.0);
    --label-font-style:normal;
    --label-font-weight:600;
    --label-font-size:1.0rem;
    --label-line-height:1.375rem;
    --label-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --label-color:hsla(0, 0%, 0%, 1.0);
    --input-pt:6px;
    --input-pe:12px;
    --input-pb:6px;
    --input-ps:12px;
    --input-font-style:normal;
    --input-font-weight:400;
    --input-font-size:1.0rem;
    --input-line-height:1.375rem;
    --input-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --input-color:hsla(0, 0%, 27%, 1.0);
    --input-color-focus:hsla(0, 0%, 0%, 1.0);
    --input-bg-color:hsla(0, 0%, 100%, 1.0);
    --input-bg-color-focus:hsla(0, 0%, 100%, 1.0);
    --input-border-color:hsla(0, 0%, 0%, 0.12);
    --input-border-color-focus:hsla(198, 88%, 34%, 1.0);
    /* BUTTONS */
    --btn-icon-color:hsla(198, 88%, 34%, 1.0);
    --btn-icon-color-hover:hsla(198, 88%, 29%, 1.0);
    --btn-icon-color-active:hsla(198, 88%, 29%, 1.0);
    --btn-xl-pt:16px;
    --btn-xl-pe:15px;
    --btn-xl-pb:16px;
    --btn-xl-ps:15px;
    --btn-xl-font-style:normal;
    --btn-xl-font-weight:600;
    --btn-xl-font-size:1.0rem;
    --btn-xl-line-height:1.375rem;
    --btn-xl-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --btn-lg-pt:12px;
    --btn-lg-pe:15px;
    --btn-lg-pb:12px;
    --btn-lg-ps:15px;
    --btn-lg-font-style:normal;
    --btn-lg-font-weight:600;
    --btn-lg-font-size:1.0rem;
    --btn-lg-line-height:1.375rem;
    --btn-lg-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --btn-pt:10px;
    --btn-pe:15px;
    --btn-pb:10px;
    --btn-ps:15px;
    --btn-font-style:normal;
    --btn-font-weight:600;
    --btn-font-size:1.0rem;
    --btn-line-height:1.375rem;
    --btn-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --btn-sm-pt:8px;
    --btn-sm-pe:10px;
    --btn-sm-pb:8px;
    --btn-sm-ps:10px;
    --btn-sm-font-style:normal;
    --btn-sm-font-weight:600;
    --btn-sm-font-size:0.875rem;
    --btn-sm-line-height:1.0rem;
    --btn-sm-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --btn-xs-pt:5px;
    --btn-xs-pe:10px;
    --btn-xs-pb:5px;
    --btn-xs-ps:10px;
    --btn-xs-font-style:normal;
    --btn-xs-font-weight:600;
    --btn-xs-font-size:0.75rem;
    --btn-xs-line-height:1.0rem;
    --btn-xs-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    /* BTN-DEFAULT */
    --btn-default-border-size:1px;
    --btn-default-color:hsla(0, 0%, 40%, 1.0);
    --btn-default-color-hover:hsla(0, 0%, 0%, 1.0);
    --btn-default-color-active:hsla(0, 0%, 0%, 1.0);
    --btn-default-color-focus:hsla(0, 0%, 0%, 1.0);
    --btn-default-bg-color:hsla(0, 0%, 99%, 1.0);
    --btn-default-bg-color-hover:hsla(0, 0%, 99%, 1.0);
    --btn-default-bg-color-active:hsla(0, 0%, 99%, 1.0);
    --btn-default-bg-color-focus:hsla(0, 0%, 99%, 1.0);
    --btn-default-border-color:hsla(0, 0%, 0%, 0.12);
    --btn-default-border-color-hover:hsla(208, 7%, 46%, 1.0);
    --btn-default-border-color-active:hsla(208, 7%, 46%, 1.0);
    --btn-default-border-color-focus:hsla(208, 7%, 46%, 1.0);
    /* BTN-PRIMARY */
    --btn-primary-border-size:1px;
    --btn-primary-color:hsla(0, 0%, 100%, 1.0);
    --btn-primary-color-hover:hsla(0, 0%, 100%, 1.0);
    --btn-primary-color-active:hsla(0, 0%, 100%, 1.0);
    --btn-primary-color-focus:hsla(0, 0%, 100%, 1.0);
    --btn-primary-bg-color:hsla(163, 82%, 28%, 1.0);
    --btn-primary-bg-color-hover:hsla(163, 82%, 18%, 1.0);
    --btn-primary-bg-color-active:hsla(163, 82%, 18%, 1.0);
    --btn-primary-bg-color-focus:hsla(163, 82%, 18%, 1.0);
    --btn-primary-border-color:hsla(163, 82%, 28%, 1.0);
    --btn-primary-border-color-hover:hsla(163, 82%, 18%, 1.0);
    --btn-primary-border-color-active:hsla(163, 82%, 18%, 1.0);
    --btn-primary-border-color-focus:hsla(163, 82%, 18%, 1.0);
    /* BTN-SECONDARY */
    --btn-secondary-border-size:1px;
    --btn-secondary-color:hsla(163, 82%, 28%, 1.0);
    --btn-secondary-color-hover:hsla(163, 82%, 18%, 1.0);
    --btn-secondary-color-active:hsla(163, 82%, 18%, 1.0);
    --btn-secondary-color-focus:hsla(163, 82%, 18%, 1.0);
    --btn-secondary-bg-color:hsla(0, 0%, 100%, 0);
    --btn-secondary-bg-color-hover:hsla(0, 0%, 100%, 0);
    --btn-secondary-bg-color-active:hsla(0, 0%, 100%, 0);
    --btn-secondary-bg-color-focus:hsla(0, 0%, 100%, 0);
    --btn-secondary-border-color:hsla(163, 82%, 28%, 1.0);
    --btn-secondary-border-color-hover:hsla(163, 82%, 18%, 1.0);
    --btn-secondary-border-color-active:hsla(163, 82%, 18%, 1.0);
    --btn-secondary-border-color-focus:hsla(163, 82%, 18%, 1.0);
    /* BTN-TERTIARY */
    --btn-tertiary-border-size:1px;
    --btn-tertiary-color:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-color-hover:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-color-active:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-color-focus:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-bg-color:hsla(0, 0%, 20%, 1.0);
    --btn-tertiary-bg-color-hover:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-bg-color-active:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-bg-color-focus:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-border-color:hsla(0, 0%, 20%, 1.0);
    --btn-tertiary-border-color-hover:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-border-color-active:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-border-color-focus:hsla(0, 0%, 0%, 1.0);
    /* ALERTS */
    --alert-pt:12px;
    --alert-pe:20px;
    --alert-pb:12px;
    --alert-ps:20px;
    --alert-primary-color:hsla(0, 0%, 27%, 1.0);
    --alert-primary-bg-color:hsla(163, 82%, 28%, 0.10);
    --alert-primary-border-color:hsla(163, 82%, 28%, 0.10);
    --alert-primary-border-size:1px;
    --alert-secondary-color:hsla(0, 0%, 27%, 1.0);
    --alert-secondary-bg-color:hsla(208, 7%, 46%, 0.05);
    --alert-secondary-border-color:hsla(208, 7%, 46%, 0.10);
    --alert-secondary-border-size:1px;
    --alert-info-color:hsla(0, 0%, 27%, 1.0);
    --alert-info-bg-color:hsla(204, 73%, 64%, 0.10);
    --alert-info-border-color:hsla(204, 73%, 64%, 0.10);
    --alert-info-border-size:1px;
    --alert-success-color:hsla(0, 0%, 27%, 1.0);
    --alert-success-bg-color:hsla(148, 100%, 30%, 0.10);
    --alert-success-border-color:hsla(148, 100%, 30%, 0.10);
    --alert-success-border-size:1px;
    --alert-warning-color:hsla(0, 0%, 27%, 1.0);
    --alert-warning-bg-color:hsla(42, 100%, 48%, 0.10);
    --alert-warning-border-color:hsla(42, 100%, 48%, 0.10);
    --alert-warning-border-size:1px;
    --alert-danger-color:hsla(355, 80%, 40%, 1.0);
    --alert-danger-bg-color:hsla(355, 80%, 52%, 0.10);
    --alert-danger-border-color:hsla(355, 80%, 52%, 0.10);
    --alert-danger-border-size:1px;
    /* ACCOUNT MANAGEMENT */
    --am-nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
    --am-nav-top-font-color:hsla(0, 0%, 100%, 0.80);
    --am-nav-top-font-color-hover:hsla(0, 0%, 100%, 1.0);
    --am-nav-top-font-color-active:hsla(0, 0%, 100%, 1.0);
    --am-nav-top-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-top-link-bg-color-hover:hsla(0, 0%, 100%, 0);
    --am-nav-top-link-bg-color-active:hsla(0, 0%, 100%, 0);
    --am-nav-top-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
    --am-nav-top-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
    --am-nav-top-dropdown-font-color-hover:hsla(0, 0%, 0%, 1.0);
    --am-nav-top-dropdown-font-color-active:hsla(0, 0%, 0%, 1.0);
    --am-nav-top-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-top-dropdown-link-bg-color-hover:hsla(215, 89%, 40%, 0.05);
    --am-nav-top-dropdown-link-bg-color-active:hsla(215, 89%, 40%, 0.05);
    --am-nav-bottom-bg-color:hsla(0, 0%, 100%, 1.0);
    --am-nav-bottom-font-color:hsla(0, 0%, 27%, 1.0);
    --am-nav-bottom-font-color-hover:hsla(0, 0%, 0%, 1.0);
    --am-nav-bottom-font-color-active:hsla(0, 0%, 0%, 1.0);
    --am-nav-bottom-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-link-bg-color-hover:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-link-bg-color-active:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
    --am-nav-bottom-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
    --am-nav-bottom-dropdown-font-color-hover:hsla(0, 0%, 0%, 1.0);
    --am-nav-bottom-dropdown-font-color-active:hsla(0, 0%, 0%, 1.0);
    --am-nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-dropdown-link-bg-color-hover:hsla(215, 89%, 40%, 0.05);
    --am-nav-bottom-dropdown-link-bg-color-active:hsla(215, 89%, 40%, 0.05);
    --am-footer-bg-color:hsla(0, 0%, 97%, 1.0);
    --am-footer-font-color:hsla(0, 0%, 27%, 1.0);
    --am-footer-font-color-dark:hsla(0, 0%, 0%, 1.0);
    --am-footer-font-color-light:hsla(0, 0%, 40%, 1.0);
    --am-footer-link-color:hsla(0, 0%, 27%, 1.0);
    --am-footer-link-color-hover:hsla(215, 89%, 40%, 1.0);
    --am-footer-link-color-active:hsla(215, 89%, 40%, 1.0);
    --am-login-bg-color:hsla(208, 7%, 46%, 0.10);
    --am-panel-bg-color:hsla(0, 0%, 100%, 1.0);
    --am-panel-heading-bg-color:hsla(0, 0%, 100%, 1.0);
    --am-panel-body-bg-color:hsla(0, 0%, 100%, 1.0);
    /* REGISTRATION */
    --reg-brand-logo-image:var(--brand-logo-image);
    --reg-brand-logo-mobile-image:var(--brand-logo-mobile-image);
    --reg-nav-top-bg-color:hsla(0, 0%, 100%, 1.0);
    --reg-nav-top-font-color:hsla(0, 0%, 27%, 1.0);
    --reg-nav-top-font-color-hover:hsla(0, 0%, 0%, 1.0);
    --reg-nav-top-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
    --reg-nav-top-dropdown-font-color-hover:hsla(0, 0%, 0%, 1.0);
    --reg-app-progress-bg-color:hsla(163, 82%, 28%, 1.0);
    --reg-app-progress-font-color:hsla(0, 0%, 100%, 0.80);
    --reg-app-progress-font-color-active:hsla(0, 0%, 100%, 1.0);
    --reg-footer-bg-color:hsla(0, 0%, 97%, 1.0);
    --reg-footer-font-color:hsla(0, 0%, 27%, 1.0);
    --reg-start-left-bg-color:hsla(163, 82%, 28%, 1.0);
    --reg-start-left-font-color:hsla(0, 0%, 100%, 1.0);
    --reg-start-right-bg-color:hsla(0, 0%, 100%, 1.0);
    --reg-start-right-font-color:hsla(0, 0%, 27%, 1.0);
    /* WEBSITE */
    --nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
    --nav-top-link-color:hsla(0, 0%, 100%, 0.80);
    --nav-top-link-color-hover:hsla(0, 0%, 100%, 1.0);
    --nav-top-link-color-active:hsla(0, 0%, 100%, 1.0);
    --nav-top-link-bg-color:hsla(0, 0%, 100%, 0);
    --nav-top-link-bg-color-hover:hsla(0, 0%, 100%, 0);
    --nav-top-link-bg-color-active:hsla(0, 0%, 100%, 0);
    --nav-top-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
    --nav-top-dropdown-font-color-dark:hsla(0, 0%, 0%, 1.0);
    --nav-top-dropdown-font-color:hsla(0, 0%, 0%, 0.80);
    --nav-top-dropdown-font-color-light:hsla(0, 0%, 0%, 0.60);
    --nav-top-dropdown-link-color:hsla(0, 0%, 0%, 0.80);
    --nav-top-dropdown-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --nav-top-dropdown-link-color-active:hsla(163, 82%, 28%, 1.0);
    --nav-top-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
    --nav-top-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.05);
    --nav-top-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.05);
    --nav-bottom-bg-color:hsla(0, 0%, 100%, 1.0);
    --nav-bottom-link-color:hsla(0, 0%, 0%, 0.80);
    --nav-bottom-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-link-color-active:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-link-bg-color:hsla(0, 0%, 100%, 0);
    --nav-bottom-link-bg-color-hover:hsla(0, 0%, 100%, 0);
    --nav-bottom-link-bg-color-active:hsla(0, 0%, 100%, 0);
    --nav-bottom-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
    --nav-bottom-dropdown-font-color-dark:hsla(0, 0%, 0%, 1.0);
    --nav-bottom-dropdown-font-color:hsla(0, 0%, 0%, 0.80);
    --nav-bottom-dropdown-font-color-light:hsla(0, 0%, 0%, 0.60);
    --nav-bottom-dropdown-link-color:hsla(0, 0%, 0%, 0.80);
    --nav-bottom-dropdown-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-dropdown-link-color-active:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
    --nav-bottom-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.05);
    --nav-bottom-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.05);
    --footer-bg-color:hsla(0, 0%, 97%, 1.0);
    --footer-font-color-dark:hsla(0, 0%, 0%, 1.0);
    --footer-font-color:hsla(0, 0%, 0%, 0.80);
    --footer-font-color-light:hsla(0, 0%, 0%, 0.60);
    --footer-link-color:hsla(0, 0%, 0%, 0.80);
    --footer-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --footer-link-color-active:hsla(163, 82%, 28%, 1.0);
}

/* THEME | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
    /* COLORS */
    --primary-3:hsla(163, 82%, 28%, 0.03);
    --primary-5:hsla(163, 82%, 28%, 0.05);
    --primary-10:hsla(163, 82%, 28%, 0.10);
    --primary-20:hsla(163, 82%, 28%, 0.20);
    --primary-30:hsla(163, 82%, 28%, 0.30);
    --primary-40:hsla(163, 82%, 28%, 0.40);
    --primary-50:hsla(163, 82%, 28%, 0.50);
    --primary-60:hsla(163, 82%, 28%, 0.60);
    --primary-70:hsla(163, 82%, 28%, 0.70);
    --primary-80:hsla(163, 82%, 28%, 0.80);
    --primary-90:hsla(163, 82%, 28%, 0.90);
    --primary:hsla(163, 82%, 28%, 1.0);
    --primary-dark-10:hsla(163, 82%, 33%, 1.0);
    --primary-dark-20:hsla(163, 82%, 38%, 1.0);
    --primary-dark-30:hsla(163, 82%, 43%, 1.0);
    --primary-dark-40:hsla(163, 82%, 48%, 1.0);
    --primary-dark-50:hsla(163, 82%, 53%, 1.0);
    --secondary-3:hsla(0, 0%, 75%, 0.03);
    --secondary-5:hsla(0, 0%, 75%, 0.05);
    --secondary-10:hsla(0, 0%, 75%, 0.10);
    --secondary-20:hsla(0, 0%, 75%, 0.20);
    --secondary-30:hsla(0, 0%, 75%, 0.30);
    --secondary-40:hsla(0, 0%, 75%, 0.40);
    --secondary-50:hsla(0, 0%, 75%, 0.50);
    --secondary-60:hsla(0, 0%, 75%, 0.60);
    --secondary-70:hsla(0, 0%, 75%, 0.70);
    --secondary-80:hsla(0, 0%, 75%, 0.80);
    --secondary-90:hsla(0, 0%, 75%, 0.90);
    --secondary:hsla(0, 0%, 75%, 1.0);
    --secondary-dark-10:hsla(0, 0%, 77%, 1.0);
    --secondary-dark-20:hsla(0, 0%, 79%, 1.0);
    --secondary-dark-30:hsla(0, 0%, 81%, 1.0);
    --secondary-dark-40:hsla(0, 0%, 83%, 1.0);
    --secondary-dark-50:hsla(0, 0%, 85%, 1.0);
    --tertiary-3:hsla(240, 10%, 23%, 0.03);
    --tertiary-5:hsla(240, 10%, 23%, 0.05);
    --tertiary-10:hsla(240, 10%, 23%, 0.10);
    --tertiary-20:hsla(240, 10%, 23%, 0.20);
    --tertiary-30:hsla(240, 10%, 23%, 0.30);
    --tertiary-40:hsla(240, 10%, 23%, 0.40);
    --tertiary-50:hsla(240, 10%, 23%, 0.50);
    --tertiary-60:hsla(240, 10%, 23%, 0.60);
    --tertiary-70:hsla(240, 10%, 23%, 0.70);
    --tertiary-80:hsla(240, 10%, 23%, 0.80);
    --tertiary-90:hsla(240, 10%, 23%, 0.90);
    --tertiary:hsla(240, 10%, 23%, 1.0);
    --tertiary-dark-10:hsla(240, 10%, 21%, 1.0);
    --tertiary-dark-20:hsla(240, 10%, 19%, 1.0);
    --tertiary-dark-30:hsla(240, 10%, 17%, 1.0);
    --tertiary-dark-40:hsla(240, 10%, 15%, 1.0);
    --tertiary-dark-50:hsla(240, 10%, 13%, 1.0);
    --info-3:hsla(216, 88%, 57%, 0.03);
    --info-5:hsla(216, 88%, 57%, 0.05);
    --info-10:hsla(216, 88%, 57%, 0.10);
    --info-20:hsla(216, 88%, 57%, 0.20);
    --info-30:hsla(216, 88%, 57%, 0.30);
    --info-40:hsla(216, 88%, 57%, 0.40);
    --info-50:hsla(216, 88%, 57%, 0.50);
    --info-60:hsla(216, 88%, 57%, 0.60);
    --info-70:hsla(216, 88%, 57%, 0.70);
    --info-80:hsla(216, 88%, 57%, 0.80);
    --info-90:hsla(216, 88%, 57%, 0.90);
    --info:hsla(216, 88%, 57%, 1.0);
    --info-dark-10:hsla(216, 89%, 65%, 1.0);
    --info-dark-20:hsla(216, 88%, 77%, 1.0);
    --info-dark-30:hsla(215, 83%, 84%, 1.0);
    --info-dark-40:hsla(216, 89%, 89%, 1.0);
    --info-dark-50:hsla(214, 89%, 96%, 1.0);
    --success-3:hsla(148, 85%, 38%, 0.03);
    --success-5:hsla(148, 85%, 38%, 0.05);
    --success-10:hsla(148, 85%, 38%, 0.10);
    --success-20:hsla(148, 85%, 38%, 0.20);
    --success-30:hsla(148, 85%, 38%, 0.30);
    --success-40:hsla(148, 85%, 38%, 0.40);
    --success-50:hsla(148, 85%, 38%, 0.50);
    --success-60:hsla(148, 85%, 38%, 0.60);
    --success-70:hsla(148, 85%, 38%, 0.70);
    --success-80:hsla(148, 85%, 38%, 0.80);
    --success-90:hsla(148, 85%, 38%, 0.90);
    --success:hsla(148, 85%, 38%, 1.0);
    --success-dark-10:hsla(148, 75%, 52%, 1.0);
    --success-dark-20:hsla(148, 75%, 67%, 1.0);
    --success-dark-30:hsla(148, 75%, 78%, 1.0);
    --success-dark-40:hsla(148, 74%, 85%, 1.0);
    --success-dark-50:hsla(148, 76%, 95%, 1.0);
    --warning-3:hsla(42, 100%, 50%, 0.03);
    --warning-5:hsla(42, 100%, 50%, 0.05);
    --warning-10:hsla(42, 100%, 50%, 0.10);
    --warning-20:hsla(42, 100%, 50%, 0.20);
    --warning-30:hsla(42, 100%, 50%, 0.30);
    --warning-40:hsla(42, 100%, 50%, 0.40);
    --warning-50:hsla(42, 100%, 50%, 0.50);
    --warning-60:hsla(42, 100%, 50%, 0.60);
    --warning-70:hsla(42, 100%, 50%, 0.70);
    --warning-80:hsla(42, 100%, 50%, 0.80);
    --warning-90:hsla(42, 100%, 50%, 0.90);
    --warning:hsla(42, 100%, 50%, 1.0);
    --warning-dark-10:hsla(42, 100%, 70%, 1.0);
    --warning-dark-20:hsla(42, 100%, 80%, 1.0);
    --warning-dark-30:hsla(42, 100%, 86%, 1.0);
    --warning-dark-40:hsla(42, 100%, 91%, 1.0);
    --warning-dark-50:hsla(40, 100%, 97%, 1.0);
    --danger-3:hsla(355, 100%, 60%, 0.03);
    --danger-5:hsla(355, 100%, 60%, 0.05);
    --danger-10:hsla(355, 100%, 60%, 0.10);
    --danger-20:hsla(355, 100%, 60%, 0.20);
    --danger-30:hsla(355, 100%, 60%, 0.30);
    --danger-40:hsla(355, 100%, 60%, 0.40);
    --danger-50:hsla(355, 100%, 60%, 0.50);
    --danger-60:hsla(355, 100%, 60%, 0.60);
    --danger-70:hsla(355, 100%, 60%, 0.70);
    --danger-80:hsla(355, 100%, 60%, 0.80);
    --danger-90:hsla(355, 100%, 60%, 0.90);
    --danger:hsla(355, 100%, 60%, 1.0);
    --danger-dark-10:hsla(355, 100%, 67%, 1.0);
    --danger-dark-20:hsla(355, 100%, 78%, 1.0);
    --danger-dark-30:hsla(355, 100%, 85%, 1.0);
    --danger-dark-40:hsla(355, 100%, 90%, 1.0);
    --danger-dark-50:hsla(353, 100%, 97%, 1.0);
    --default-3:hsla(0, 0%, 1%, 0.03);
    --default-5:hsla(0, 0%, 1%, 0.05);
    --default-10:hsla(0, 0%, 1%, 0.10);
    --default-20:hsla(0, 0%, 1%, 0.20);
    --default-30:hsla(0, 0%, 1%, 0.30);
    --default-40:hsla(0, 0%, 1%, 0.40);
    --default-50:hsla(0, 0%, 1%, 0.50);
    --default-60:hsla(0, 0%, 1%, 0.60);
    --default-70:hsla(0, 0%, 1%, 0.70);
    --default-80:hsla(0, 0%, 1%, 0.80);
    --default-90:hsla(0, 0%, 1%, 0.90);
    --default:hsla(0, 0%, 1%, 1.0);
    --default-dark-10:hsla(0, 0%, 3%, 1.0);
    --default-dark-20:hsla(0, 0%, 5%, 1.0);
    --default-dark-30:hsla(0, 0%, 7%, 1.0);
    --default-dark-40:hsla(0, 0%, 9%, 1.0);
    --default-dark-50:hsla(0, 0%, 11%, 1.0);
    --neutral-0:hsla(220, 17%, 10%, 1.0);
    --neutral-3:hsla(220, 13%, 13%, 1.0);
    --neutral-5:hsla(217, 11%, 15%, 1.0);
    --neutral-10:hsla(225, 8%, 20%, 1.0);
    --neutral-20:hsla(223, 5%, 28%, 1.0);
    --neutral-30:hsla(220, 5%, 36%, 1.0);
    --neutral-40:hsla(220, 3%, 46%, 1.0);
    --neutral-50:hsla(220, 2%, 56%, 1.0);
    --neutral-60:hsla(220, 2%, 64%, 1.0);
    --neutral-70:hsla(215, 2%, 74%, 1.0);
    --neutral-80:hsla(210, 2%, 82%, 1.0);
    --neutral-90:hsla(210, 0%, 94%, 1.0);
    --neutral:hsla(0, 0%, 100%, 1.0);
    --neutral-dark-10:hsla(0, 0%, 100%, 1.0);
    --neutral-dark-20:hsla(0, 0%, 100%, 1.0);
    --neutral-dark-30:hsla(0, 0%, 100%, 1.0);
    --neutral-dark-40:hsla(0, 0%, 100%, 1.0);
    --neutral-dark-50:hsla(0, 0%, 100%, 1.0);
    --dark-3:hsla(0, 0%, 100%, 0.03);
    --dark-5:hsla(0, 0%, 100%, 0.05);
    --dark-10:hsla(0, 0%, 100%, 0.10);
    --dark-20:hsla(0, 0%, 100%, 0.20);
    --dark-30:hsla(0, 0%, 100%, 0.30);
    --dark-40:hsla(0, 0%, 100%, 0.40);
    --dark-50:hsla(0, 0%, 100%, 0.50);
    --dark-60:hsla(0, 0%, 100%, 0.60);
    --dark-70:hsla(0, 0%, 100%, 0.70);
    --dark-80:hsla(0, 0%, 100%, 0.80);
    --dark-90:hsla(0, 0%, 100%, 0.90);
    --dark:hsla(0, 0%, 100%, 1.0);
    --light-3:hsla(0, 0%, 0%, 0.03);
    --light-5:hsla(0, 0%, 0%, 0.05);
    --light-10:hsla(0, 0%, 0%, 0.10);
    --light-20:hsla(0, 0%, 0%, 0.20);
    --light-30:hsla(0, 0%, 0%, 0.30);
    --light-40:hsla(0, 0%, 0%, 0.40);
    --light-50:hsla(0, 0%, 0%, 0.50);
    --light-60:hsla(0, 0%, 0%, 0.60);
    --light-70:hsla(0, 0%, 0%, 0.70);
    --light-80:hsla(0, 0%, 0%, 0.80);
    --light-90:hsla(0, 0%, 0%, 0.90);
    --light:hsla(0, 0%, 0%, 1.0);
    /* COMMON */
    --bg-body:hsla(240, 17%, 10%, 1.0);
    --bg-body-dark:hsla(240, 17%, 10%, 1.0);
    --bg-body-light:hsla(221, 22%, 17%, 1.0);
    --shadow-color:hsla(0, 0%, 0%, 0.90);
    --box-shadow:0px 1px 2px hsla(0, 0%, 0%, 0.90);
    --overlay-color:hsla(0, 0%, 0%, 0.90);
    /* BORDERS */
    --border-color:hsla(240, 7%, 30%, 1.0);
    /* BRAND LOGO */
    --brand-logo-image:url("../../images/common/logos/handysolutions/handysolutions-inverse.svg");
    --brand-logo-image-inverse:url("../../images/common/logos/handysolutions/handysolutions.svg");
    --brand-logo-mobile-image:url("../../images/common/logos/handysolutions/handysolutions-symbol.svg");
    --brand-logo-mobile-image-inverse:url("../../images/common/logos/handysolutions/handysolutions-symbol.svg");
    /* FONTS */
    --font-color:hsla(0, 0%, 84%, 1.0);
    --font-color-dark:hsla(0, 0%, 100%, 1.0);
    --font-color-light:hsla(0, 0%, 72%, 1.0);
    --h1-color:hsla(0, 0%, 100%, 1.0);
    --h2-color:hsla(0, 0%, 100%, 1.0);
    --h3-color:hsla(0, 0%, 100%, 1.0);
    --h4-color:hsla(0, 0%, 100%, 1.0);
    --h5-color:hsla(0, 0%, 100%, 1.0);
    --h6-color:hsla(0, 0%, 100%, 1.0);
    --p-color:hsla(0, 0%, 84%, 1.0);
    --li-color:hsla(0, 0%, 84%, 1.0);
    /* TABLES */
    --th-color:hsla(208, 7%, 46%, 1.0);
    --th-bg-color:hsla(0, 0%, 100%, 0);
    --td-color:hsla(0, 0%, 84%, 1.0);
    --td-bg-color:hsla(0, 0%, 100%, 0);
    /* FORMS */
    --link-color:hsla(198, 88%, 34%, 1.0);
    --link-color-hover:hsla(198, 88%, 39%, 1.0);
    --link-color-active:hsla(198, 88%, 39%, 1.0);
    --label-color:hsla(0, 0%, 100%, 1.0);
    --input-color:hsla(0, 0%, 84%, 1.0);
    --input-color-focus:hsla(0, 0%, 84%, 1.0);
    --input-bg-color:hsla(240, 17%, 10%, 1.0);
    --input-bg-color-focus:hsla(240, 17%, 10%, 1.0);
    --input-border-color:hsla(240, 7%, 21%, 1.0);
    --input-border-color-focus:hsla(198, 88%, 34%, 1.0);
    /* BUTTONS */
    --btn-icon-color:hsla(198, 88%, 34%, 1.0);
    --btn-icon-color-hover:hsla(198, 88%, 39%, 1.0);
    --btn-icon-color-active:hsla(198, 88%, 39%, 1.0);
    /* BTN-DEFAULT */
    --btn-default-color:hsla(0, 0%, 72%, 1.0);
    --btn-default-color-hover:hsla(0, 0%, 100%, 1.0);
    --btn-default-color-active:hsla(0, 0%, 100%, 1.0);
    --btn-default-color-focus:hsla(0, 0%, 100%, 1.0);
    --btn-default-bg-color:hsla(240, 17%, 10%, 1.0);
    --btn-default-bg-color-hover:hsla(240, 17%, 10%, 1.0);
    --btn-default-bg-color-active:hsla(240, 17%, 10%, 1.0);
    --btn-default-bg-color-focus:hsla(240, 17%, 10%, 1.0);
    --btn-default-border-color:hsla(240, 7%, 21%, 1.0);
    --btn-default-border-color-hover:hsla(208, 7%, 46%, 1.0);
    --btn-default-border-color-active:hsla(208, 7%, 46%, 1.0);
    --btn-default-border-color-focus:hsla(208, 7%, 46%, 1.0);
    /* BTN-PRIMARY */
    --btn-primary-color:hsla(0, 0%, 0%, 1.0);
    --btn-primary-color-hover:hsla(0, 0%, 0%, 1.0);
    --btn-primary-color-active:hsla(0, 0%, 0%, 1.0);
    --btn-primary-color-focus:hsla(0, 0%, 0%, 1.0);
    --btn-primary-bg-color:hsla(163, 82%, 28%, 1.0);
    --btn-primary-bg-color-hover:hsla(163, 82%, 38%, 1.0);
    --btn-primary-bg-color-active:hsla(163, 82%, 38%, 1.0);
    --btn-primary-bg-color-focus:hsla(163, 82%, 38%, 1.0);
    --btn-primary-border-color:hsla(163, 82%, 28%, 1.0);
    --btn-primary-border-color-hover:hsla(163, 82%, 38%, 1.0);
    --btn-primary-border-color-active:hsla(163, 82%, 38%, 1.0);
    --btn-primary-border-color-focus:hsla(163, 82%, 38%, 1.0);
    /* BTN-SECONDARY */
    --btn-secondary-color:hsla(163, 82%, 28%, 1.0);
    --btn-secondary-color-hover:hsla(163, 82%, 38%, 1.0);
    --btn-secondary-color-active:hsla(163, 82%, 38%, 1.0);
    --btn-secondary-color-focus:hsla(163, 82%, 38%, 1.0);
    --btn-secondary-bg-color:hsla(0, 0%, 100%, 0);
    --btn-secondary-bg-color-hover:hsla(0, 0%, 100%, 0);
    --btn-secondary-bg-color-active:hsla(0, 0%, 100%, 0);
    --btn-secondary-bg-color-focus:hsla(0, 0%, 100%, 0);
    --btn-secondary-border-color:hsla(163, 82%, 28%, 1.0);
    --btn-secondary-border-color-hover:hsla(163, 82%, 38%, 1.0);
    --btn-secondary-border-color-active:hsla(163, 82%, 38%, 1.0);
    --btn-secondary-border-color-focus:hsla(163, 82%, 38%, 1.0);
    /* BTN-TERTIARY */
    --btn-tertiary-color:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-color-hover:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-color-active:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-color-focus:hsla(0, 0%, 0%, 1.0);
    --btn-tertiary-bg-color:hsla(0, 0%, 90%, 1.0);
    --btn-tertiary-bg-color-hover:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-bg-color-active:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-bg-color-focus:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-border-color:hsla(0, 0%, 90%, 1.0);
    --btn-tertiary-border-color-hover:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-border-color-active:hsla(0, 0%, 100%, 1.0);
    --btn-tertiary-border-color-focus:hsla(0, 0%, 100%, 1.0);
    /* ALERTS */
    --alert-primary-color:hsla(0, 0%, 84%, 1.0);
    --alert-primary-bg-color:hsla(163, 82%, 28%, 0.20);
    --alert-primary-border-color:hsla(163, 82%, 28%, 0.20);
    --alert-secondary-color:hsla(0, 0%, 84%, 1.0);
    --alert-secondary-bg-color:hsla(208, 7%, 46%, 0.05);
    --alert-secondary-border-color:hsla(208, 7%, 46%, 0.20);
    --alert-info-color:hsla(0, 0%, 84%, 1.0);
    --alert-info-bg-color:hsla(204, 73%, 64%, 0.20);
    --alert-info-border-color:hsla(204, 73%, 64%, 0.20);
    --alert-success-color:hsla(0, 0%, 84%, 1.0);
    --alert-success-bg-color:hsla(148, 85%, 38%, 0.20);
    --alert-success-border-color:hsla(148, 85%, 38%, 0.20);
    --alert-warning-color:hsla(0, 0%, 84%, 1.0);
    --alert-warning-bg-color:hsla(42, 100%, 50%, 0.20);
    --alert-warning-border-color:hsla(42, 100%, 50%, 0.20);
    --alert-danger-color:hsla(355, 100%, 62%, 1.0);
    --alert-danger-bg-color:hsla(355, 100%, 62%, 0.20);
    --alert-danger-border-color:hsla(355, 100%, 62%, 0.20);
    /* ACCOUNT MANAGEMENT */
    --am-nav-top-bg-color:hsla(221, 22%, 17%, 1.0);
    --am-nav-top-font-color:hsla(0, 0%, 100%, 0.80);
    --am-nav-top-font-color-hover:hsla(0, 0%, 100%, 1.0);
    --am-nav-top-font-color-active:hsla(0, 0%, 100%, 1.0);
    --am-nav-top-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-top-link-bg-color-hover:hsla(0, 0%, 100%, 0);
    --am-nav-top-link-bg-color-active:hsla(0, 0%, 100%, 0);
    --am-nav-top-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
    --am-nav-top-dropdown-font-color:hsla(0, 0%, 84%, 1.0);
    --am-nav-top-dropdown-font-color-hover:hsla(0, 0%, 100%, 1.0);
    --am-nav-top-dropdown-font-color-active:hsla(0, 0%, 100%, 1.0);
    --am-nav-top-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-top-dropdown-link-bg-color-hover:hsla(212, 100%, 60%, 0.05);
    --am-nav-top-dropdown-link-bg-color-active:hsla(212, 100%, 60%, 0.05);
    --am-nav-bottom-bg-color:hsla(240, 17%, 10%, 1.0);
    --am-nav-bottom-font-color:hsla(0, 0%, 84%, 1.0);
    --am-nav-bottom-font-color-hover:hsla(0, 0%, 100%, 1.0);
    --am-nav-bottom-font-color-active:hsla(0, 0%, 100%, 1.0);
    --am-nav-bottom-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-link-bg-color-hover:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-link-bg-color-active:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
    --am-nav-bottom-dropdown-font-color:hsla(0, 0%, 84%, 1.0);
    --am-nav-bottom-dropdown-font-color-hover:hsla(0, 0%, 100%, 1.0);
    --am-nav-bottom-dropdown-font-color-active:hsla(0, 0%, 100%, 1.0);
    --am-nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
    --am-nav-bottom-dropdown-link-bg-color-hover:hsla(212, 100%, 60%, 0.05);
    --am-nav-bottom-dropdown-link-bg-color-active:hsla(212, 100%, 60%, 0.05);
    --am-footer-bg-color:hsla(240, 17%, 6%, 1.0);
    --am-footer-font-color:hsla(0, 0%, 84%, 1.0);
    --am-footer-font-color-dark:hsla(0, 0%, 100%, 1.0);
    --am-footer-font-color-light:hsla(0, 0%, 72%, 1.0);
    --am-footer-link-color:hsla(0, 0%, 84%, 1.0);
    --am-footer-link-color-hover:hsla(198, 88%, 34%, 1.0);
    --am-footer-link-color-active:hsla(198, 88%, 34%, 1.0);
    --am-login-bg-color:hsla(240, 17%, 10%, 1.0);
    --am-panel-bg-color:hsla(240, 17%, 10%, 1.0);
    --am-panel-heading-bg-color:hsla(240, 17%, 10%, 1.0);
    --am-panel-body-bg-color:hsla(240, 17%, 10%, 1.0);
    /* REGISTRATION */
    --reg-brand-logo-image:var(--brand-logo-image);
    --reg-brand-logo-mobile-image:var(--brand-logo-mobile-image);
    --reg-nav-top-bg-color:hsla(221, 22%, 17%, 1.0);
    --reg-nav-top-font-color:hsla(0, 0%, 100%, 0.80);
    --reg-nav-top-font-color-hover:hsla(0, 0%, 100%, 1.0);
    --reg-nav-top-dropdown-font-color:hsla(0, 0%, 84%, 1.0);
    --reg-nav-top-dropdown-font-color-hover:hsla(0, 0%, 100%, 1.0);
    --reg-app-progress-bg-color:hsla(163, 82%, 28%, 1.0);
    --reg-app-progress-font-color:hsla(0, 0%, 100%, 0.80);
    --reg-app-progress-font-color-active:hsla(0, 0%, 100%, 1.0);
    --reg-footer-bg-color:hsla(240, 17%, 6%, 1.0);
    --reg-footer-font-color:hsla(0, 0%, 84%, 1.0);
    --reg-start-left-bg-color:hsla(163, 82%, 28%, 1.0);
    --reg-start-left-font-color:hsla(0, 0%, 100%, 1.0);
    --reg-start-right-bg-color:hsla(240, 17%, 10%, 1.0);
    --reg-start-right-font-color:hsla(0, 0%, 84%, 1.0);
    /* WEBSITE */
    --nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
    --nav-top-link-color:hsla(0, 0%, 100%, 0.80);
    --nav-top-link-color-hover:hsla(0, 0%, 100%, 1.0);
    --nav-top-link-color-active:hsla(0, 0%, 100%, 1.0);
    --nav-top-link-bg-color:hsla(0, 0%, 0%, 0);
    --nav-top-link-bg-color-hover:hsla(0, 0%, 0%, 0);
    --nav-top-link-bg-color-active:hsla(0, 0%, 0%, 0);
    --nav-top-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
    --nav-top-dropdown-font-color-dark:hsla(0, 0%, 100%, 1.0);
    --nav-top-dropdown-font-color:hsla(0, 0%, 100%, 0.80);
    --nav-top-dropdown-font-color-light:hsla(0, 0%, 100%, 0.60);
    --nav-top-dropdown-link-color:hsla(0, 0%, 100%, 0.80);
    --nav-top-dropdown-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --nav-top-dropdown-link-color-active:hsla(163, 82%, 28%, 1.0);
    --nav-top-dropdown-link-bg-color:hsla(0, 0%, 0%, 0);
    --nav-top-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.05);
    --nav-top-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.05);
    --nav-bottom-bg-color:hsla(240, 17%, 10%, 1.0);
    --nav-bottom-link-color:hsla(0, 0%, 100%, 0.80);
    --nav-bottom-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-link-color-active:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-link-bg-color:hsla(0, 0%, 0%, 0);
    --nav-bottom-link-bg-color-hover:hsla(0, 0%, 0%, 0);
    --nav-bottom-link-bg-color-active:hsla(0, 0%, 0%, 0);
    --nav-bottom-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
    --nav-bottom-dropdown-font-color-dark:hsla(0, 0%, 100%, 1.0);
    --nav-bottom-dropdown-font-color:hsla(0, 0%, 100%, 0.80);
    --nav-bottom-dropdown-font-color-light:hsla(0, 0%, 100%, 0.60);
    --nav-bottom-dropdown-link-color:hsla(0, 0%, 100%, 0.80);
    --nav-bottom-dropdown-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-dropdown-link-color-active:hsla(163, 82%, 28%, 1.0);
    --nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 0%, 0);
    --nav-bottom-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.05);
    --nav-bottom-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.05);
    --footer-bg-color:hsla(240, 17%, 6%, 1.0);
    --footer-font-color-dark:hsla(0, 0%, 100%, 1.0);
    --footer-font-color:hsla(0, 0%, 100%, 0.80);
    --footer-font-color-light:hsla(0, 0%, 100%, 0.60);
    --footer-link-color:hsla(0, 0%, 100%, 0.60);
    --footer-link-color-hover:hsla(163, 82%, 28%, 1.0);
    --footer-link-color-active:hsla(163, 82%, 28%, 1.0);
}