@charset "UTF-8";
/* CSS Document */

/* FONTS | PROXIMA NOVA ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 300;
  src: local("proxima-nova-light"), local("proxima nova light"), url("../../fonts/proxima-nova/Proxima-Nova-Light.woff2") format("woff2"), url("../../fonts/proxima-nova/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/proxima-nova/Proxima-Nova-Regular.woff2") format("woff2"), url("../../fonts/proxima-nova/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/proxima-nova/Proxima-Nova-Semibold.woff2") format("woff2"), url("../../fonts/proxima-nova/Proxima-Nova-Semibold.woff") format("woff");
  font-display: swap;
}
/* THEME-ROOT.CSS OVERRIDES | VARIABLES ---------------------------------------------------------------------------------------------------- */
:root {
  /* COLORS */
  --primary-3:hsla(210, 67%, 99%, 1.0);
  --primary-5:hsla(216, 63%, 97%, 1.0);
  --primary-10:hsla(212, 60%, 95%, 1.0);
  --primary-20:hsla(214, 61%, 91%, 1.0);
  --primary-30:hsla(214, 61%, 87%, 1.0);
  --primary-40:hsla(215, 58%, 76%, 1.0);
  --primary-50:hsla(215, 58%, 70%, 1.0);
  --primary-60:hsla(215, 58%, 64%, 1.0);
  --primary-70:hsla(215, 58%, 57%, 1.0);
  --primary-80:hsla(215, 58%, 51%, 1.0);
  --primary-90:hsla(215, 58%, 46%, 1.0);
  --primary:hsla(216, 83%, 39%, 1.0);
  --primary-dark-10:hsla(215, 89%, 32%, 1.0);
  --primary-dark-20:hsla(214, 75%, 25%, 1.0);
  --primary-dark-30:hsla(214, 69%, 22%, 1.0);
  --primary-dark-40:hsla(214, 63%, 19%, 1.0);
  --primary-dark-50:hsla(216, 51%, 16%, 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(210, 67%, 99%, 1.0);
  --info-5:hsla(216, 63%, 97%, 1.0);
  --info-10:hsla(212, 60%, 95%, 1.0);
  --info-20:hsla(214, 61%, 91%, 1.0);
  --info-30:hsla(214, 61%, 87%, 1.0);
  --info-40:hsla(215, 58%, 76%, 1.0);
  --info-50:hsla(215, 58%, 70%, 1.0);
  --info-60:hsla(215, 58%, 64%, 1.0);
  --info-70:hsla(215, 58%, 57%, 1.0);
  --info-80:hsla(215, 58%, 51%, 1.0);
  --info-90:hsla(215, 58%, 46%, 1.0);
  --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(150, 33%, 98%, 1.0);
  --success-5:hsla(146, 37%, 96%, 1.0);
  --success-10:hsla(147, 38%, 94%, 1.0);
  --success-20:hsla(147, 36%, 89%, 1.0);
  --success-30:hsla(147, 36%, 80%, 1.0);
  --success-40:hsla(147, 36%, 71%, 1.0);
  --success-50:hsla(147, 36%, 62%, 1.0);
  --success-60:hsla(148, 36%, 56%, 1.0);
  --success-70:hsla(148, 50%, 49%, 1.0);
  --success-80:hsla(148, 50%, 42%, 1.0);
  --success-90:hsla(148, 50%, 34%, 1.0);
  --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(45, 100%, 98%, 1.0);
  --warning-5:hsla(42, 100%, 97%, 1.0);
  --warning-10:hsla(42, 100%, 96%, 1.0);
  --warning-20:hsla(43, 100%, 93%, 1.0);
  --warning-30:hsla(42, 100%, 88%, 1.0);
  --warning-40:hsla(43, 98%, 80%, 1.0);
  --warning-50:hsla(42, 98%, 75%, 1.0);
  --warning-60:hsla(42, 99%, 70%, 1.0);
  --warning-70:hsla(42, 99%, 69%, 1.0);
  --warning-80:hsla(42, 99%, 68%, 1.0);
  --warning-90:hsla(42, 99%, 60%, 1.0);
  --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(351, 78%, 98%, 1.0);
  --danger-5:hsla(355, 73%, 97%, 1.0);
  --danger-10:hsla(356, 73%, 96%, 1.0);
  --danger-20:hsla(354, 76%, 92%, 1.0);
  --danger-30:hsla(354, 75%, 83%, 1.0);
  --danger-40:hsla(356, 74%, 79%, 1.0);
  --danger-50:hsla(355, 73%, 74%, 1.0);
  --danger-60:hsla(355, 73%, 68%, 1.0);
  --danger-70:hsla(355, 73%, 62%, 1.0);
  --danger-80:hsla(355, 74%, 57%, 1.0);
  --danger-90:hsla(355, 74%, 51%, 1.0);
  --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:220px;
  --brand-logo-height:34px;
  --brand-logo-image:url("../../images/common/logos/ibkr/interactive-brokers.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-inverse.svg");
  --brand-logo-mobile-width:90px;
  --brand-logo-mobile-height:34px;
  --brand-logo-mobile-image:url("../../images/common/logos/ibkr/ibkr.svg");
  --brand-logo-mobile-image-inverse:url("../../images/common/logos/ibkr/ibkr-inverse.svg");
  --brand-logo-zh-hans-width:220px;
  --brand-logo-zh-hans-height:40px;
  --brand-logo-zh-hans-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhans.svg");
  --brand-logo-zh-hans-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhans-inverse.svg");
  --brand-logo-zh-hant-width:220px;
  --brand-logo-zh-hant-height:40px;
  --brand-logo-zh-hant-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhant.svg");
  --brand-logo-zh-hant-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhant-inverse.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.125rem;
  --fs-6:1.0rem;
  --fs-7:0.9125rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --lh-1:2.75rem;
  --lh-2:2.625rem;
  --lh-3:2.5rem;
  --lh-4:2.25rem;
  --lh-5:2.0rem;
  --lh-6:1.75rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --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:hsl(0, 0%, 35%, 1.0);
  --h1-font-style:normal;
  --h1-font-weight:400;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:2.75rem;
  --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.25rem;
  --h2-font-size-mobile:2.0rem;
  --h2-line-height:2.625rem;
  --h2-line-height-mobile:2.5rem;
  --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.5rem;
  --h4-line-height:2.0rem;
  --h4-line-height-mobile:2.0rem;
  --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-line-height: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-line-height: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.7125rem;
  --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:1.0rem;
  --td-line-height:1.375rem;
  --td-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
  --td-color:hsla(0, 0%, 27%, 1.0);
  --td-bg-color:hsla(0, 0%, 100%, 0);
  /* FORMS */
  --link-color:hsla(216, 83%, 39%, 1.0);
  --link-color-hover:hsla(215, 89%, 32%, 1.0);
  --link-color-active:hsla(215, 89%, 32%, 1.0);
  --label-font-style:normal;
  --label-font-weight:400;
  --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(216, 83%, 39%, 1.0);
  /* BUTTONS */
  --btn-icon-color:hsla(216, 83%, 39%, 1.0);
  --btn-icon-color-hover:hsla(215, 89%, 32%, 1.0);
  --btn-icon-color-active:hsla(215, 89%, 32%, 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:12px;
  --btn-lg-pb:12px;
  --btn-lg-ps:12px;
  --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:9px;
  --btn-pe:12px;
  --btn-pb:9px;
  --btn-ps:12px;
  --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(216, 83%, 39%, 1.0);
  --btn-default-color-focus:hsla(216, 83%, 39%, 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(215, 89%, 40%, 0.05);
  --btn-default-bg-color-focus:hsla(215, 89%, 40%, 0.05);
  --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(215, 89%, 40%, 0.20);
  --btn-default-border-color-focus:hsla(215, 89%, 40%, 0.20);
  /* 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(216, 83%, 39%, 1.0);
  --btn-primary-bg-color-hover:hsla(215, 89%, 32%, 1.0);
  --btn-primary-bg-color-active:hsla(215, 89%, 32%, 1.0);
  --btn-primary-bg-color-focus:hsla(215, 89%, 32%, 1.0);
  --btn-primary-border-color:hsla(216, 83%, 39%, 1.0);
  --btn-primary-border-color-hover:hsla(215, 89%, 32%, 1.0);
  --btn-primary-border-color-active:hsla(215, 89%, 32%, 1.0);
  --btn-primary-border-color-focus:hsla(215, 89%, 32%, 1.0);
  /* BTN-SECONDARY */
  --btn-secondary-border-size:1px;
  --btn-secondary-color:hsla(215, 89%, 32%, 1.0);
  --btn-secondary-color-hover:hsla(215, 89%, 32%, 1.0);
  --btn-secondary-color-active:hsla(215, 89%, 32%, 1.0);
  --btn-secondary-color-focus:hsla(215, 89%, 32%, 1.0);
  --btn-secondary-bg-color:hsla(216, 63%, 97%, 1.0);
  --btn-secondary-bg-color-hover:hsla(212, 60%, 95%, 1.0);
  --btn-secondary-bg-color-active:hsla(212, 60%, 95%, 1.0);
  --btn-secondary-bg-color-focus:hsla(212, 60%, 95%, 1.0);
  --btn-secondary-border-color:hsla(216, 63%, 97%, 1.0);
  --btn-secondary-border-color-hover:hsla(212, 60%, 95%, 1.0);
  --btn-secondary-border-color-active:hsla(212, 60%, 95%, 1.0);
  --btn-secondary-border-color-focus:hsla(212, 60%, 95%, 1.0);
  /* BTN-TERTIARY */
  --btn-tertiary-border-size:1px;
  --btn-tertiary-color:hsla(216, 83%, 39%, 1.0);
  --btn-tertiary-color-hover:hsla(215, 89%, 32%, 1.0);
  --btn-tertiary-color-active:hsla(215, 89%, 32%, 1.0);
  --btn-tertiary-color-focus:hsla(215, 89%, 32%, 1.0);
  --btn-tertiary-bg-color:hsla(0, 0%, 100%, 1.0);
  --btn-tertiary-bg-color-hover:hsla(216, 83%, 39%, 0.05);
  --btn-tertiary-bg-color-active:hsla(216, 83%, 39%, 0.05);
  --btn-tertiary-bg-color-focus:hsla(216, 83%, 39%, 0.05);
  --btn-tertiary-border-color:hsla(0, 0%, 0%, 0.12);
  --btn-tertiary-border-color-hover:hsla(216, 83%, 39%, 0.30);
  --btn-tertiary-border-color-active:hsla(216, 83%, 39%, 1.0);
  --btn-tertiary-border-color-focus:hsla(216, 83%, 39%, 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(216, 83%, 39%, 0.10);
  --alert-primary-border-color:hsla(216, 83%, 39%, 0);
  --alert-primary-border-top-color:hsla(216, 83%, 39%, 0);
  --alert-primary-border-right-color:hsla(216, 83%, 39%, 0);
  --alert-primary-border-bottom-color:hsla(216, 83%, 39%, 0);
  --alert-primary-border-left-color:hsla(216, 83%, 39%, 0.50);
  --alert-primary-border-size:0px;
  --alert-primary-border-top-size:0px;
  --alert-primary-border-right-size:0px;
  --alert-primary-border-bottom-size:0px;
  --alert-primary-border-left-size:5px;
  --alert-secondary-color:hsla(0, 0%, 27%, 1.0);
  --alert-secondary-bg-color:hsla(0, 0%, 95%, 1.0);
  --alert-secondary-border-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-top-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-right-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-bottom-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-left-color:hsla(0, 0%, 85%, 1.0);
  --alert-secondary-border-size:0px;
  --alert-secondary-border-top-size:0px;
  --alert-secondary-border-right-size:0px;
  --alert-secondary-border-bottom-size:0px;
  --alert-secondary-border-left-size:5px;
  --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);
  --alert-info-border-top-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-right-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-bottom-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-left-color:hsla(204, 73%, 64%, 0.50);
  --alert-info-border-size:0px;
  --alert-info-border-top-size:0px;
  --alert-info-border-right-size:0px;
  --alert-info-border-bottom-size:0px;
  --alert-info-border-left-size:5px;
  --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);
  --alert-success-border-top-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-right-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-bottom-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-left-color:hsla(148, 100%, 30%, 0.50);
  --alert-success-border-size:0px;
  --alert-success-border-top-size:0px;
  --alert-success-border-right-size:0px;
  --alert-success-border-bottom-size:0px;
  --alert-success-border-left-size:5px;
  --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);
  --alert-warning-border-top-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-right-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-bottom-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-left-color:hsla(42, 100%, 48%, 0.50);
  --alert-warning-border-size:0px;
  --alert-warning-border-top-size:0px;
  --alert-warning-border-right-size:0px;
  --alert-warning-border-bottom-size:0px;
  --alert-warning-border-left-size:5px;
  --alert-danger-color:hsla(0, 0%, 27%, 1.0);
  --alert-danger-bg-color:hsla(355, 80%, 52%, 0.10);
  --alert-danger-border-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-top-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-right-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-bottom-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-left-color:hsla(355, 80%, 52%, 0.50);
  --alert-danger-border-size:0px;
  --alert-danger-border-top-size:0px;
  --alert-danger-border-right-size:0px;
  --alert-danger-border-bottom-size:0px;
  --alert-danger-border-left-size:5px;
  --alert-gray-color:hsla(0, 0%, 27%, 1.0);
  --alert-gray-bg-color:hsla(0, 0%, 95%, 1.0);
  --alert-gray-border-color:hsla(0, 0%, 95%, 0);
  --alert-gray-border-top-color:hsla(0, 0%, 95%, 0);
  --alert-gray-border-right-color:hsla(0, 0%, 95%, 0);
  --alert-gray-border-bottom-color:hsla(0, 0%, 95%, 0);
  --alert-gray-border-left-color:hsla(0, 0%, 85%, 1.0);
  --alert-gray-border-size:0px;
  --alert-gray-border-top-size:0px;
  --alert-gray-border-right-size:0px;
  --alert-gray-border-bottom-size:0px;
  --alert-gray-border-left-size:5px;
  /* 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%, 100%, 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%, 32%, 1.0);
  --am-footer-link-color-active:hsla(215, 89%, 32%, 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-inverse);
  --reg-brand-logo-mobile-image:var(--brand-logo-mobile-image-inverse);
  --reg-nav-top-bg-color:hsla(215, 96%, 9%, 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%, 27%, 1.0);
  --reg-nav-top-dropdown-font-color-hover:hsla(0, 0%, 0%, 1.0);
  --reg-app-progress-bg-color:hsla(216, 83%, 39%, 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%, 100%, 1.0);
  --reg-footer-font-color:hsla(0, 0%, 27%, 1.0);
  --reg-start-left-bg-color:hsla(215, 89%, 20%, 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);
}

/* THEME | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  /* COLORS */
  --primary-3:hsla(220, 25%, 12%, 1.0);
  --primary-5:hsla(217, 27%, 13%, 1.0);
  --primary-10:hsla(219, 35%, 16%, 1.0);
  --primary-20:hsla(217, 42%, 21%, 1.0);
  --primary-30:hsla(217, 48%, 27%, 1.0);
  --primary-40:hsla(216, 52%, 31%, 1.0);
  --primary-50:hsla(216, 54%, 37%, 1.0);
  --primary-60:hsla(216, 56%, 42%, 1.0);
  --primary-70:hsla(216, 60%, 47%, 1.0);
  --primary-80:hsla(216, 63%, 52%, 1.0);
  --primary-90:hsla(216, 75%, 55%, 1.0);
  --primary:hsla(216, 88%, 57%, 1.0);
  --primary-dark-10:hsla(216, 89%, 65%, 1.0);
  --primary-dark-20:hsla(216, 88%, 77%, 1.0);
  --primary-dark-30:hsla(215, 83%, 84%, 1.0);
  --primary-dark-40:hsla(216, 89%, 89%, 1.0);
  --primary-dark-50:hsla(214, 89%, 96%, 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(220, 25%, 12%, 1.0);
  --info-5:hsla(217, 27%, 13%, 1.0);
  --info-10:hsla(219, 35%, 16%, 1.0);
  --info-20:hsla(217, 42%, 21%, 1.0);
  --info-30:hsla(217, 48%, 27%, 1.0);
  --info-40:hsla(216, 52%, 31%, 1.0);
  --info-50:hsla(216, 54%, 37%, 1.0);
  --info-60:hsla(216, 56%, 42%, 1.0);
  --info-70:hsla(216, 60%, 47%, 1.0);
  --info-80:hsla(216, 63%, 52%, 1.0);
  --info-90:hsla(216, 75%, 55%, 1.0);
  --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(195, 22%, 11%, 1.0);
  --success-5:hsla(180, 22%, 11%, 1.0);
  --success-10:hsla(171, 31%, 12%, 1.0);
  --success-20:hsla(158, 47%, 15%, 1.0);
  --success-30:hsla(155, 56%, 18%, 1.0);
  --success-40:hsla(152, 66%, 21%, 1.0);
  --success-50:hsla(150, 71%, 24%, 1.0);
  --success-60:hsla(149, 75%, 26%, 1.0);
  --success-70:hsla(148, 73%, 30%, 1.0);
  --success-80:hsla(146, 72%, 34%, 1.0);
  --success-90:hsla(146, 78%, 36%, 1.0);
  --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(180, 2%, 12%, 1.0);
  --warning-5:hsla(48, 8%, 12%, 1.0);
  --warning-10:hsla(40, 24%, 15%, 1.0);
  --warning-20:hsla(42, 47%, 18%, 1.0);
  --warning-30:hsla(42, 59%, 22%, 1.0);
  --warning-40:hsla(43, 72%, 26%, 1.0);
  --warning-50:hsla(42, 79%, 30%, 1.0);
  --warning-60:hsla(42, 86%, 34%, 1.0);
  --warning-70:hsla(42, 90%, 38%, 1.0);
  --warning-80:hsla(42, 94%, 42%, 1.0);
  --warning-90:hsla(42, 97%, 46%, 1.0);
  --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(274, 12%, 11%, 1.0);
  --danger-5:hsla(308, 13%, 12%, 1.0);
  --danger-10:hsla(335, 26%, 14%, 1.0);
  --danger-20:hsla(348, 39%, 19%, 1.0);
  --danger-30:hsla(350, 46%, 24%, 1.0);
  --danger-40:hsla(352, 53%, 29%, 1.0);
  --danger-50:hsla(353, 57%, 35%, 1.0);
  --danger-60:hsla(354, 60%, 40%, 1.0);
  --danger-70:hsla(354, 62%, 45%, 1.0);
  --danger-80:hsla(354, 64%, 50%, 1.0);
  --danger-90:hsla(354, 82%, 55%, 1.0);
  --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/ibkr/interactive-brokers-inverse.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers.svg");
  --brand-logo-mobile-image:url("../../images/common/logos/ibkr/ibkr-inverse.svg");
  --brand-logo-mobile-image-inverse:url("../../images/common/logos/ibkr/ibkr.svg");
  --brand-logo-zh-hans-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhans-inverse.svg");
  --brand-logo-zh-hans-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhans.svg");
  --brand-logo-zh-hant-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhant-inverse.svg");
  --brand-logo-zh-hant-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhant.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(240, 17%, 10%, 1.0);
  --td-color:hsla(0, 0%, 84%, 1.0);
  --td-bg-color:hsla(0, 0%, 0%, 0);
  /* FORMS */
  --link-color:hsla(216, 88%, 57%, 1.0);
  --link-color-hover:hsla(216, 89%, 65%, 1.0);
  --link-color-active:hsla(216, 89%, 65%, 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(216, 88%, 57%, 1.0);
  /* BUTTONS */
  --btn-icon-color:hsla(216, 88%, 57%, 1.0);
  --btn-icon-color-hover:hsla(216, 89%, 65%, 1.0);
  --btn-icon-color-active:hsla(216, 89%, 65%, 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-border-size:1px;
  --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(216, 89%, 65%, 1.0);
  --btn-primary-bg-color-hover:hsla(216, 88%, 77%, 1.0);
  --btn-primary-bg-color-active:hsla(216, 88%, 77%, 1.0);
  --btn-primary-bg-color-focus:hsla(216, 88%, 77%, 1.0);
  --btn-primary-border-color:hsla(216, 89%, 65%, 1.0);
  --btn-primary-border-color-hover:hsla(216, 88%, 77%, 1.0);
  --btn-primary-border-color-active:hsla(0, 0%, 100%, 1.0);
  --btn-primary-border-color-focus:hsla(0, 0%, 100%, 1.0);
  /* BTN-SECONDARY */
  --btn-secondary-color:hsla(216, 88%, 57%, 1.0);
  --btn-secondary-color-hover:hsla(212, 100%, 70%, 1.0);
  --btn-secondary-color-active:hsla(212, 100%, 70%, 1.0);
  --btn-secondary-color-focus:hsla(212, 100%, 70%, 1.0);
  --btn-secondary-bg-color:hsla(216, 88%, 57%, 0.10);
  --btn-secondary-bg-color-hover:hsla(216, 88%, 57%, 0.20);
  --btn-secondary-bg-color-active:hsla(216, 88%, 57%, 0.20);
  --btn-secondary-bg-color-focus:hsla(216, 88%, 57%, 0.20);
  --btn-secondary-border-color:hsla(216, 88%, 57%, 0.10);
  --btn-secondary-border-color-hover:hsla(216, 88%, 57%, 0.20);
  --btn-secondary-border-color-active:hsla(216, 88%, 57%, 0.30);
  --btn-secondary-border-color-focus:hsla(216, 88%, 57%, 0.30);
  /* BTN-TERTIARY */
  --btn-tertiary-color:hsla(216, 89%, 65%, 1.0);
  --btn-tertiary-color-hover:hsla(216, 89%, 65%, 1.0);
  --btn-tertiary-color-active:hsla(216, 89%, 65%, 1.0);
  --btn-tertiary-color-focus:hsla(216, 89%, 65%, 1.0);
  --btn-tertiary-bg-color:hsla(240, 17%, 10%, 1.0);
  --btn-tertiary-bg-color-hover:hsla(216, 88%, 57%, 0.05);
  --btn-tertiary-bg-color-active:hsla(216, 88%, 57%, 0.05);
  --btn-tertiary-bg-color-focus:hsla(216, 88%, 57%, 0.05);
  --btn-tertiary-border-color:hsla(240, 7%, 30%, 1.0);
  --btn-tertiary-border-color-hover:hsla(216, 88%, 57%, 0.30);
  --btn-tertiary-border-color-active:hsla(216, 88%, 57%, 1.0);
  --btn-tertiary-border-color-focus:hsla(216, 88%, 57%, 1.0);
  /* ALERTS */
  --alert-primary-color:hsla(0, 0%, 84%, 1.0);
  --alert-primary-bg-color:hsla(216, 88%, 57%, 0.10);
  --alert-primary-border-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-top-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-right-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-bottom-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-left-color:hsla(216, 88%, 57%, 0.30);
  --alert-secondary-color:hsla(0, 0%, 84%, 1.0);
  --alert-secondary-bg-color:hsla(225, 8%, 20%, 1.0);
  --alert-secondary-border-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-top-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-right-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-bottom-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-left-color:hsla(225, 8%, 40%, 1.0);
  --alert-info-color:hsla(0, 0%, 84%, 1.0);
  --alert-info-bg-color:hsla(204, 73%, 64%, 0.10);
  --alert-info-border-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-top-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-right-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-bottom-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-left-color:hsla(204, 73%, 64%, 0.30);
  --alert-success-color:hsla(0, 0%, 84%, 1.0);
  --alert-success-bg-color:hsla(148, 85%, 38%, 0.10);
  --alert-success-border-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-top-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-right-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-bottom-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-left-color:hsla(148, 85%, 38%, 0.30);
  --alert-warning-color:hsla(0, 0%, 84%, 1.0);
  --alert-warning-bg-color:hsla(42, 100%, 50%, 0.10);
  --alert-warning-border-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-top-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-right-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-bottom-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-left-color:hsla(42, 100%, 50%, 0.30);
  --alert-danger-color:hsla(0, 0%, 84%, 1.0);
  --alert-danger-bg-color:hsla(355, 100%, 62%, 0.20);
  --alert-danger-border-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-top-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-right-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-bottom-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-left-color:hsla(355, 100%, 62%, 0.30);
  --alert-gray-color:hsla(0, 0%, 84%, 1.0);
  --alert-gray-bg-color:hsla(225, 8%, 20%, 1.0);
  --alert-gray-border-color:hsla(225, 8%, 20%, 0);
  --alert-gray-border-top-color:hsla(225, 8%, 20%, 0);
  --alert-gray-border-right-color:hsla(225, 8%, 20%, 0);
  --alert-gray-border-bottom-color:hsla(225, 8%, 20%, 0);
  --alert-gray-border-left-color:hsla(225, 8%, 40%, 1.0);
  /* 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%, 0%, 0);
  --am-nav-top-link-bg-color-hover:hsla(0, 0%, 0%, 0);
  --am-nav-top-link-bg-color-active:hsla(0, 0%, 0%, 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%, 0%, 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%, 0%, 0);
  --am-nav-bottom-link-bg-color-hover:hsla(0, 0%, 0%, 0);
  --am-nav-bottom-link-bg-color-active:hsla(0, 0%, 0%, 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%, 0%, 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%, 10%, 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(216, 89%, 65%, 1.0);
  --am-footer-link-color-active:hsla(216, 89%, 65%, 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(216, 88%, 57%, 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%, 10%, 1.0);
  --reg-footer-font-color:hsla(0, 0%, 84%, 1.0);
  --reg-start-left-bg-color:hsla(212, 100%, 60%, 0.10);
  --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);
}
/* LANGUAGE | AR (ARABIC) ---------------------------------------------------------------------------------------------------- */
[lang=ar] {
  --fs-1:2.5rem;
  --fs-2:2.25rem;
  --fs-3:2.0rem;
  --fs-4:1.75rem;
  --fs-5:1.5rem;
  --fs-6:1.25rem;
  --fs-7:1.0rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --lh-1:2.75rem;
  --lh-2:2.625rem;
  --lh-3:2.5rem;
  --lh-4:2.25rem;
  --lh-5:2.25rem;
  --lh-6:1.75rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:400;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:2.75rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:400;
  --h2-font-size:2.25rem;
  --h2-font-size-mobile:2.0rem;
  --h2-line-height:2.625rem;
  --h2-line-height-mobile:2.5rem;
  --h2-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:400;
  --h4-font-size:1.75rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:2.25rem;
  --h4-line-height-mobile:2.0rem;
  --h4-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:400;
  --h5-font-size:1.5rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:2.0rem;
  --h5-line-height-mobile:1.75rem;
  --h5-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.25rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.75rem;
  --h6-line-height-mobile:1.375rem;
  --h6-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* BUTTONS */
  --btn-xl-font-style:normal;
  --btn-xl-font-weight:600;
  --btn-xl-font-size:1.0rem;
  --btn-xl-line-height:1.0rem;
  --btn-xl-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-lg-font-style:normal;
  --btn-lg-font-weight:600;
  --btn-lg-font-size:1.0rem;
  --btn-lg-line-height:1.0rem;
  --btn-lg-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.0rem;
  --btn-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-sm-font-style:normal;
  --btn-sm-font-weight:600;
  --btn-sm-font-size:0.875rem;
  --btn-sm-line-height:0.875rem;
  --btn-sm-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-xs-font-style:normal;
  --btn-xs-font-weight:600;
  --btn-xs-font-size:0.75rem;
  --btn-xs-line-height:0.75rem;
  --btn-xs-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* LANGUAGE | HU (HUNGARIAN) ---------------------------------------------------------------------------------------------------- */
[lang=hu] {
  --fs-1:2.5rem;
  --fs-2:2.25rem;
  --fs-3:2.0rem;
  --fs-4:1.75rem;
  --fs-5:1.5rem;
  --fs-6:1.25rem;
  --fs-7:1.0rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --lh-1:2.75rem;
  --lh-2:2.625rem;
  --lh-3:2.5rem;
  --lh-4:2.25rem;
  --lh-5:2.25rem;
  --lh-6:1.75rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:400;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:2.75rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:400;
  --h2-font-size:2.25rem;
  --h2-font-size-mobile:2.0rem;
  --h2-line-height:2.625rem;
  --h2-line-height-mobile:2.5rem;
  --h2-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:400;
  --h4-font-size:1.75rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:2.25rem;
  --h4-line-height-mobile:2.0rem;
  --h4-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:400;
  --h5-font-size:1.5rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:2.0rem;
  --h5-line-height-mobile:1.75rem;
  --h5-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.25rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.75rem;
  --h6-line-height-mobile:1.375rem;
  --h6-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* BUTTONS */
  --btn-xl-font-style:normal;
  --btn-xl-font-weight:600;
  --btn-xl-font-size:1.0rem;
  --btn-xl-line-height:1.0rem;
  --btn-xl-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-lg-font-style:normal;
  --btn-lg-font-weight:600;
  --btn-lg-font-size:1.0rem;
  --btn-lg-line-height:1.0rem;
  --btn-lg-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.0rem;
  --btn-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-sm-font-style:normal;
  --btn-sm-font-weight:600;
  --btn-sm-font-size:0.875rem;
  --btn-sm-line-height:0.875rem;
  --btn-sm-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-xs-font-style:normal;
  --btn-xs-font-weight:600;
  --btn-xs-font-size:0.75rem;
  --btn-xs-line-height:0.75rem;
  --btn-xs-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
}
/* LANGUAGE | JA (JAPANESE) ---------------------------------------------------------------------------------------------------- */
[lang=ja] {
  --fs-1:2.25rem;
  --fs-2:2.0rem;
  --fs-3:1.75rem;
  --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.625rem;
  --lh-3:2.5rem;
  --lh-4:2.25rem;
  --lh-5:2.25rem;
  --lh-6:1.75rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:600;
  --h1-font-size:2.25rem;
  --h1-font-size-mobile:2.0rem;
  --h1-line-height:2.75rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:600;
  --h2-font-size:2.0rem;
  --h2-font-size-mobile:1.75rem;
  --h2-line-height:2.625rem;
  --h2-line-height-mobile:2.5rem;
  --h2-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:600;
  --h3-font-size:1.75rem;
  --h3-font-size-mobile:1.5rem;
  --h3-line-height:2.5rem;
  --h3-line-height-mobile:2.25rem;
  --h3-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:600;
  --h4-font-size:1.5rem;
  --h4-font-size-mobile:1.25rem;
  --h4-line-height:2.25rem;
  --h4-line-height-mobile:2.0rem;
  --h4-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:600;
  --h5-font-size:1.25rem;
  --h5-font-size-mobile:1.125rem;
  --h5-line-height:2.0rem;
  --h5-line-height-mobile:1.75rem;
  --h5-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.125rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.75rem;
  --h6-line-height-mobile:1.375rem;
  --h6-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* BUTTONS */
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* LANGUAGE | KO (KOREAN) ---------------------------------------------------------------------------------------------------- */
[lang=ko] {
  --fs-1:2.5rem;
  --fs-2:2.25rem;
  --fs-3:2.0rem;
  --fs-4:1.75rem;
  --fs-5:1.5rem;
  --fs-6:1.25rem;
  --fs-7:1.0rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --lh-1:2.75rem;
  --lh-2:2.625rem;
  --lh-3:2.5rem;
  --lh-4:2.25rem;
  --lh-5:2.25rem;
  --lh-6:1.75rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:600;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:2.75rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:600;
  --h2-font-size:2.25rem;
  --h2-font-size-mobile:2.0rem;
  --h2-line-height:2.625rem;
  --h2-line-height-mobile:2.5rem;
  --h2-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:600;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:600;
  --h4-font-size:1.75rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:2.25rem;
  --h4-line-height-mobile:2.0rem;
  --h4-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:600;
  --h5-font-size:1.5rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:2.0rem;
  --h5-line-height-mobile:1.75rem;
  --h5-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.25rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.75rem;
  --h6-line-height-mobile:1.375rem;
  --h6-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  /* BUTTONS */
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
}
/* LANGUAGE | RU (RUSSIAN) ---------------------------------------------------------------------------------------------------- */
[lang=ru] {
  --fs-1:2.5rem;
  --fs-2:2.25rem;
  --fs-3:2.0rem;
  --fs-4:1.75rem;
  --fs-5:1.5rem;
  --fs-6:1.25rem;
  --fs-7:1.0rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --lh-1:2.75rem;
  --lh-2:2.625rem;
  --lh-3:2.5rem;
  --lh-4:2.25rem;
  --lh-5:2.25rem;
  --lh-6:1.75rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:400;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:2.75rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:400;
  --h2-font-size:2.25rem;
  --h2-font-size-mobile:2.0rem;
  --h2-line-height:2.625rem;
  --h2-line-height-mobile:2.5rem;
  --h2-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:400;
  --h4-font-size:1.75rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:2.25rem;
  --h4-line-height-mobile:2.0rem;
  --h4-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:400;
  --h5-font-size:1.5rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:2.0rem;
  --h5-line-height-mobile:1.75rem;
  --h5-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.25rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.75rem;
  --h6-line-height-mobile:1.375rem;
  --h6-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* BUTTONS */
  --btn-xl-font-style:normal;
  --btn-xl-font-weight:600;
  --btn-xl-font-size:1.0rem;
  --btn-xl-line-height:1.0rem;
  --btn-xl-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-lg-font-style:normal;
  --btn-lg-font-weight:600;
  --btn-lg-font-size:1.0rem;
  --btn-lg-line-height:1.0rem;
  --btn-lg-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.0rem;
  --btn-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-sm-font-style:normal;
  --btn-sm-font-weight:600;
  --btn-sm-font-size:0.875rem;
  --btn-sm-line-height:0.875rem;
  --btn-sm-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-xs-font-style:normal;
  --btn-xs-font-weight:600;
  --btn-xs-font-size:0.75rem;
  --btn-xs-line-height:0.75rem;
  --btn-xs-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* LANGUAGE | ZH-HANS (CHINESE SIMPLIFIED) ---------------------------------------------------------------------------------------------------- */
[lang=zh-Hans] {
  /* BRAND LOGO */
  --brand-logo-width:220px;
  --brand-logo-height:40px;
  --brand-logo-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhans.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhans-inverse.svg");
  /* FONTS */
  --fs-1:2.5rem;
  --fs-2:2.0rem;
  --fs-3:1.625rem;
  --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:3.0rem;
  --lh-2:2.5rem;
  --lh-3:2.0rem;
  --lh-4:1.75rem;
  --lh-5:1.625rem;
  --lh-6:1.5rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:600;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:3.0rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:600;
  --h2-font-size:2.0rem;
  --h2-font-size-mobile:1.75rem;
  --h2-line-height:2.5rem;
  --h2-line-height-mobile:2.125rem;
  --h2-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:600;
  --h3-font-size:1.625rem;
  --h3-font-size-mobile:1.625rem;
  --h3-line-height:2.0rem;
  --h3-line-height-mobile:2.0rem;
  --h3-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:600;
  --h4-font-size:1.5rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:1.75rem;
  --h4-line-height-mobile:1.75rem;
  --h4-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:600;
  --h5-font-size:1.25rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:1.625rem;
  --h5-line-height-mobile:1.625rem;
  --h5-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:1.0rem;
  --th-line-height:1.375rem;
  --th-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:1.0rem;
  --td-line-height:1.375rem;
  --td-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* BUTTONS */
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* THEME | DARK */
}
[lang=zh-Hans][data-theme=dark] {
  /* BRAND LOGO */
  --brand-logo-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhans-inverse.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhans.svg");
}
/* LANGUAGE | ZH-HANT (CHINESE TRADITIONAL) ---------------------------------------------------------------------------------------------------- */
[lang=zh-Hant] {
  /* BRAND LOGO */
  --brand-logo-width:220px;
  --brand-logo-height:40px;
  --brand-logo-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhant.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhant-inverse.svg");
  /* FONTS */
  --fs-1:2.5rem;
  --fs-2:2.0rem;
  --fs-3:1.625rem;
  --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:3.0rem;
  --lh-2:2.5rem;
  --lh-3:2.0rem;
  --lh-4:1.75rem;
  --lh-5:1.625rem;
  --lh-6:1.5rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:600;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:3.0rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:600;
  --h2-font-size:2.0rem;
  --h2-font-size-mobile:1.75rem;
  --h2-line-height:2.5rem;
  --h2-line-height-mobile:2.125rem;
  --h2-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:600;
  --h3-font-size:1.625rem;
  --h3-font-size-mobile:1.625rem;
  --h3-line-height:2.0rem;
  --h3-line-height-mobile:2.0rem;
  --h3-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:600;
  --h4-font-size:1.5rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:1.75rem;
  --h4-line-height-mobile:1.75rem;
  --h4-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:600;
  --h5-font-size:1.25rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:1.625rem;
  --h5-line-height-mobile:1.625rem;
  --h5-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:1.0rem;
  --th-line-height:1.375rem;
  --th-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:1.0rem;
  --td-line-height:1.375rem;
  --td-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* BUTTONS */
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, Helvetica, sans-serif;
  /* THEME | DARK */
}
[lang=zh-Hant][data-theme=dark] {
  /* BRAND LOGO */
  --brand-logo-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhant-inverse.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhant.svg");
}