@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;
}
:root {
    color-scheme: light dark;
    /* COLORS */
    --primary-3: #F5F9FE;
    --primary-5: #EAF2FE;
    --primary-10: #D6E5FC;
    --primary-20: #D6E5FC;
    --primary-30: #ACCBFA;
    --primary-40: #ACCBFA;
    --primary-50: #83B2F7;
    --primary-60: #83B2F7;
    --primary-70: #5998F5;
    --primary-80: #5998F5;
    --primary-90: #307EF2;
    --primary: #0055D4;
    --primary-dark-10: #0449B0;
    --primary-dark-20: #093D8C;
    --primary-dark-30: #0D3167;
    --primary-dark-40: #0F2B55;
    --primary-dark-50: #0F2B55;
    --secondary-3: #FCFCFC;
    --secondary-5: #FAFAFA;
    --secondary-10: #F4F4F4;
    --secondary-20: #EAEAEA;
    --secondary-30: #DFDFDF;
    --secondary-40: #D4D4D4;
    --secondary-50: #C9C9C9;
    --secondary-60: #BFBFBF;
    --secondary-70: #B4B4B4;
    --secondary-80: #A9A9A9;
    --secondary-90: #9F9F9F;
    --secondary: #949494;
    --secondary-dark-10: #878787;
    --secondary-dark-20: #7A7A7A;
    --secondary-dark-30: #6E6E6E;
    --secondary-dark-40: #616161;
    --secondary-dark-50: #545454;
    --tertiary-3: #F7F7F7;
    --tertiary-5: #F2F2F2;
    --tertiary-10: #E5E5E5;
    --tertiary-20: #CCCCCC;
    --tertiary-30: #B2B2B2;
    --tertiary-40: #999999;
    --tertiary-50: #7F7F7F;
    --tertiary-60: #666666;
    --tertiary-70: #4C4C4C;
    --tertiary-80: #333333;
    --tertiary-90: #191919;
    --tertiary: #000000;
    --tertiary-dark-10: #000000;
    --tertiary-dark-20: #000000;
    --tertiary-dark-30: #000000;
    --tertiary-dark-40: #000000;
    --tertiary-dark-50: #000000;
    --info-3: #F7FAFE;
    --info-5: #F2F6FD;
    --info-10: #E5EEFB;
    --info-20: #CCDDF6;
    --info-30: #B2CCF2;
    --info-40: #99BBEE;
    --info-50: #7FAAE9;
    --info-60: #6699E5;
    --info-70: #4C88E1;
    --info-80: #3377DD;
    --info-90: #1966D8;
    --info: #0055D4;
    --info-dark-10: #0449B0;
    --info-dark-20: #093D8C;
    --info-dark-30: #0D3167;
    --info-dark-40: #0F2B55;
    --info-dark-50: #0D2549;
    --success-3: #F7FBF9;
    --success-5: #F2F9F5;
    --success-10: #E5F3EC;
    --success-20: #CCE7D9;
    --success-30: #B2DBC5;
    --success-40: #99CFB3;
    --success-50: #80C39F;
    --success-60: #67B78C;
    --success-70: #4DAB79;
    --success-80: #349F66;
    --success-90: #1A9353;
    --success: #018740;
    --success-dark-10: #057139;
    --success-dark-20: #095B33;
    --success-dark-30: #0E452C;
    --success-dark-40: #103A29;
    --success-dark-50: #0D3022;
    --warning-3: #FFFDF7;
    --warning-5: #FFFBF2;
    --warning-10: #FFF7E5;
    --warning-20: #FFF0CC;
    --warning-30: #FFE8B2;
    --warning-40: #FFE199;
    --warning-50: #FFD97F;
    --warning-60: #FFD166;
    --warning-70: #FFCA4C;
    --warning-80: #FFC233;
    --warning-90: #FFBA19;
    --warning: #FFB300;
    --warning-dark-10: #E8A403;
    --warning-dark-20: #D09406;
    --warning-dark-30: #B98509;
    --warning-dark-40: #A2750C;
    --warning-dark-50: #8A6610;
    --danger-3: #FEF8F8;
    --danger-5: #FDF3F4;
    --danger-10: #FBE7E8;
    --danger-20: #F7D0D3;
    --danger-30: #F4B7BC;
    --danger-40: #F0A0A7;
    --danger-50: #EC8890;
    --danger-60: #E8717A;
    --danger-70: #E45964;
    --danger-80: #E1414E;
    --danger-90: #DD2938;
    --danger: #D91222;
    --danger-dark-10: #BD0A2F;
    --danger-dark-20: #8D0E23;
    --danger-dark-30: #6D0B1B;
    --danger-dark-40: #4C0813;
    --danger-dark-50: #38060E;
    --default-3: #FFFFFF;
    --default-5: #FFFFFF;
    --default-10: #FFFFFF;
    --default-20: #FEFEFE;
    --default-30: #FEFEFE;
    --default-40: #FEFEFE;
    --default-50: #FDFDFD;
    --default-60: #FDFDFD;
    --default-70: #FDFDFD;
    --default-80: #FDFDFD;
    --default-90: #FCFCFC;
    --default: #FCFCFC;
    --default-dark-10: #F7F7F7;
    --default-dark-20: #F2F2F2;
    --default-dark-30: #EDEDED;
    --default-dark-40: #E8E8E8;
    --default-dark-50: #E3E3E3;
    --neutral-0: #FFFFFF;
    --neutral-3: #F8F9F9;
    --neutral-5: #F4F4F5;
    --neutral-10: #EAEAEB;
    --neutral-20: #D5D6D7;
    --neutral-30: #C0C0C2;
    --neutral-40: #ABACAF;
    --neutral-50: #96979A;
    --neutral-60: #818386;
    --neutral-70: #6C6E72;
    --neutral-80: #57595E;
    --neutral-90: #42444A;
    --neutral: #2D3036;
    --neutral-dark-10: #22252A;
    --neutral-dark-20: #1D2025;
    --neutral-dark-30: #16191F;
    --neutral-dark-40: #121212;
    --neutral-dark-50: #000000;
    --dark-3: #00000008;
    --dark-5: #0000000D;
    --dark-10: #0000001A;
    --dark-20: #00000033;
    --dark-30: #0000004D;
    --dark-40: #00000066;
    --dark-50: #00000080;
    --dark-60: #00000099;
    --dark-70: #000000B3;
    --dark-80: #000000CC;
    --dark-90: #000000E6;
    --dark: #000000;
    --light-3: #FFFFFF08;
    --light-5: #FFFFFF0D;
    --light-10: #FFFFFF1A;
    --light-20: #FFFFFF33;
    --light-30: #FFFFFF4D;
    --light-40: #FFFFFF66;
    --light-50: #FFFFFF80;
    --light-60: #FFFFFF99;
    --light-70: #FFFFFFB3;
    --light-80: #FFFFFFCC;
    --light-90: #FFFFFFE6;
    --light: #FFFFFF;
    /* COMMON */
    --bg-body: #FFFFFF;
    --bg-body-dark: #000000;
    --bg-body-light: #FFFFFF;
    --box-shadow: 0px 2px 2px #00000033;
    --disabled-color: #777777;
    --disabled-bg-color: #F7F7F7;
    --disabled-border-color: #EAEAEA;
    --focus-color: #000000;
    --focus-background-color: #FFFFFF;
    --focus-border-color: #307EF2;
    --focus-box-shadow: var(--box-shadow);
    --overlay-color: #00000080;
    --shadow-color: #00000033;
    /* BORDERS */
    --border-color: #DCDCDC;
    --border-radius: 0.25rem;
    --border-radius-xl: 0.5rem;
    /* 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");
    /* 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: 3.0rem;
    --fs-2: 2.5rem;
    --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: 3.125rem;
    --lh-2: 2.625rem;
    --lh-3: 2.5rem;
    --lh-4: 2.0rem;
    --lh-5: 1.8125rem;
    --lh-6: 1.625rem;
    --lh-7: 1.5rem;
    --lh-8: 1.25rem;
    --lh-9: 1.125rem;
    --font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --font-color: #16191F;
    --font-color-dark: #000000;
    --font-color-light: #727579;
    --h1-font-style: normal;
    --h1-font-weight: 600;
    --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: #16191F;
    --h2-font-style: normal;
    --h2-font-weight: 600;
    --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: #16191F;
    --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: "Proxima Nova", Arial, Verdana, sans-serif;
    --h3-color: #16191F;
    --h4-font-style: normal;
    --h4-font-weight: 600;
    --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: #16191F;
    --h5-font-style: normal;
    --h5-font-weight: 600;
    --h5-font-size: 1.25rem;
    --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: #16191F;
    --h6-font-style: normal;
    --h6-font-weight: 600;
    --h6-font-size: 1.125rem;
    --h6-font-size-mobile: 1.0rem;
    --h6-line-height: 1.625rem;
    --h6-line-height-mobile: 1.5rem;
    --h6-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --h6-color: #16191F;
    --p-font-style: normal;
    --p-font-weight: 400;
    --p-font-size: 1.0rem;
    --p-font-size-mobile: 0.875rem;
    --p-line-height: 1.5rem;
    --p-line-height-mobile: 1.25rem;
    --p-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --p-color: #16191F;
    --li-font-style: normal;
    --li-font-weight: 400;
    --li-font-size: 1.0rem;
    --li-font-size-mobile: 0.875rem;
    --li-line-height: 1.375rem;
    --li-line-height-mobile: 1.375rem;
    --li-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --li-color: #16191F;
    /* TABLES */
    --th-pt: 0.375rem;
    --th-pe: 0.5rem;
    --th-pb: 0.375rem;
    --th-ps: 0.5rem;
    --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: #6D767E;
    --th-bg-color: #FFFFFF;
    --td-pt: 0.375rem;
    --td-pe: 0.5rem;
    --td-pb: 0.375rem;
    --td-ps: 0.5rem;
    --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: #454545;
    --td-bg-color: #FFFFFF00;
    /* FORMS */
    --link-color: #0055D4;
    --link-color-hover: #093D8C;
    --link-color-active: #093D8C;
    --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: #16191F;
    --input-pt: 0.75rem;
    --input-pe: 1rem;
    --input-pb: 0.75rem;
    --input-ps: 1rem;
    --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: #16191F;
    --input-color-focus: var(--focus-color);
    --input-bg-color: #FFFFFF;
    --input-bg-color-focus: #FFFFFF;
    --input-border-color: #929599;
    --input-border-color-focus: var(--focus-border-color);
    /* BUTTONS */
    --btn-icon-color: #0055D4;
    --btn-icon-color-hover: #093D8C;
    --btn-icon-color-active: #093D8C;
    --btn-xl-pt: 1.0rem;
    --btn-xl-pe: 1.5rem;
    --btn-xl-pb: 1.0rem;
    --btn-xl-ps: 1.5rem;
    --btn-xl-font-style: normal;
    --btn-xl-font-weight: 400;
    --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: 0.75rem;
    --btn-lg-pe: 1.5rem;
    --btn-lg-pb: 0.75rem;
    --btn-lg-ps: 1.5rem;
    --btn-lg-font-style: normal;
    --btn-lg-font-weight: 400;
    --btn-lg-font-size: 1.0rem;
    --btn-lg-line-height: 1.375rem;
    --btn-lg-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --btn-pt: 0.625rem;
    --btn-pe: 1.5rem;
    --btn-pb: 0.625rem;
    --btn-ps: 1.5rem;
    --btn-font-style: normal;
    --btn-font-weight: 400;
    --btn-font-size: 1.0rem;
    --btn-line-height: 1.375rem;
    --btn-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --btn-sm-pt: 0.5rem;
    --btn-sm-pe: 0.875rem;
    --btn-sm-pb: 0.5rem;
    --btn-sm-ps: 0.875rem;
    --btn-sm-font-style: normal;
    --btn-sm-font-weight: 400;
    --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: 0.375rem;
    --btn-xs-pe: 0.625rem;
    --btn-xs-pb: 0.375rem;
    --btn-xs-ps: 0.625rem;
    --btn-xs-font-style: normal;
    --btn-xs-font-weight: 400;
    --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: #666666;
    --btn-default-color-hover: #000000;
    --btn-default-color-active: #0055D4;
    --btn-default-color-focus: #0055D4;
    --btn-default-bg-color: #FCFCFC;
    --btn-default-bg-color-hover: #FCFCFC;
    --btn-default-bg-color-active: #F3F6FC;
    --btn-default-bg-color-focus: #F3F6FC;
    --btn-default-border-color: #929599;
    --btn-default-border-color-hover: #6D767E;
    --btn-default-border-color-active: #0B57C133;
    --btn-default-border-color-focus: var(--focus-border-color);
    /* BTN-PRIMARY */
    --btn-primary-border-size: 1px;
    --btn-primary-color: #FFFFFF;
    --btn-primary-color-hover: #FFFFFF;
    --btn-primary-color-active: #FFFFFF;
    --btn-primary-color-focus: #FFFFFF;
    --btn-primary-bg-color: #0055D4;
    --btn-primary-bg-color-hover: #093D8C;
    --btn-primary-bg-color-active: #093D8C;
    --btn-primary-bg-color-focus: #093D8C;
    --btn-primary-border-color: #0055D4;
    --btn-primary-border-color-hover: #093D8C;
    --btn-primary-border-color-active: #093D8C;
    --btn-primary-border-color-focus: var(--focus-border-color);
    /* BTN-SECONDARY */
    --btn-secondary-border-size: 1px;
    --btn-secondary-color: #0055D4;
    --btn-secondary-color-hover: #093D8C;
    --btn-secondary-color-active: #093D8C;
    --btn-secondary-color-focus: #093D8C;
    --btn-secondary-bg-color: #D6E5FC;
    --btn-secondary-bg-color-hover: #ACCBFA;
    --btn-secondary-bg-color-active: #ACCBFA;
    --btn-secondary-bg-color-focus: #ACCBFA;
    --btn-secondary-border-color: #D6E5FC;
    --btn-secondary-border-color-hover: #ACCBFA;
    --btn-secondary-border-color-active: #ACCBFA;
    --btn-secondary-border-color-focus: var(--focus-border-color);
    /* BTN-TERTIARY */
    --btn-tertiary-border-size: 1px;
    --btn-tertiary-color: #0055D4;
    --btn-tertiary-color-hover: #093D8C;
    --btn-tertiary-color-active: #093D8C;
    --btn-tertiary-color-focus: #093D8C;
    --btn-tertiary-bg-color: #FFFFFF;
    --btn-tertiary-bg-color-hover: #1253B50D;
    --btn-tertiary-bg-color-active: #0055D40D;
    --btn-tertiary-bg-color-focus: #0055D40D;
    --btn-tertiary-border-color: #0000001F;
    --btn-tertiary-border-color-hover: #0055D44D;
    --btn-tertiary-border-color-active: #0055D4;
    --btn-tertiary-border-color-focus: var(--focus-border-color);
    /* ALERTS */
    --alert-pt: 0.75rem;
    --alert-pe: 1.25rem;
    --alert-pb: 0.75rem;
    --alert-ps: 1.25rem;
    --alert-primary-color: #454545;
    --alert-primary-bg-color: #0055D41A;
    --alert-primary-border-color: #0055D400;
    --alert-primary-border-top-color: #0055D400;
    --alert-primary-border-right-color: #0055D400;
    --alert-primary-border-bottom-color: #0055D400;
    --alert-primary-border-left-color: #0055D480;
    --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: #454545;
    --alert-secondary-bg-color: #F2F2F2;
    --alert-secondary-border-color: #F2F2F200;
    --alert-secondary-border-top-color: #F2F2F200;
    --alert-secondary-border-right-color: #F2F2F200;
    --alert-secondary-border-bottom-color: #F2F2F200;
    --alert-secondary-border-left-color: #D9D9D9;
    --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: #454545;
    --alert-info-bg-color: #60B1E61A;
    --alert-info-border-color: #60B1E600;
    --alert-info-border-top-color: #60B1E600;
    --alert-info-border-right-color: #60B1E600;
    --alert-info-border-bottom-color: #60B1E600;
    --alert-info-border-left-color: #60B1E680;
    --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: #454545;
    --alert-success-bg-color: #0099471a;
    --alert-success-border-color: #00994700;
    --alert-success-border-top-color: #00994700;
    --alert-success-border-right-color: #00994700;
    --alert-success-border-bottom-color: #00994700;
    --alert-success-border-left-color: #00994780;
    --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: #454545;
    --alert-warning-bg-color: #F5AB001A;
    --alert-warning-border-color: #F5AB0000;
    --alert-warning-border-top-color: #F5AB0000;
    --alert-warning-border-right-color: #F5AB0000;
    --alert-warning-border-bottom-color: #F5AB0000;
    --alert-warning-border-left-color: #F5AB0080;
    --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: #454545;
    --alert-danger-bg-color: #E723331a;
    --alert-danger-border-color: #E7233300;
    --alert-danger-border-top-color: #E7233300;
    --alert-danger-border-right-color: #E7233300;
    --alert-danger-border-bottom-color: #E7233300;
    --alert-danger-border-left-color: #E7233380;
    --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: #454545;
    --alert-gray-bg-color: #F2F2F2;
    --alert-gray-border-color: #F2F2F200;
    --alert-gray-border-top-color: #F2F2F200;
    --alert-gray-border-right-color: #F2F2F200;
    --alert-gray-border-bottom-color: #F2F2F200;
    --alert-gray-border-left-color: #D9D9D9;
    --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: #000000;
    --am-nav-top-font-color: #FFFFFFCC;
    --am-nav-top-font-color-hover: #FFFFFF;
    --am-nav-top-font-color-active: #FFFFFF;
    --am-nav-top-link-bg-color: #FFFFFF00;
    --am-nav-top-link-bg-color-hover: #FFFFFF00;
    --am-nav-top-link-bg-color-active: #FFFFFF00;
    --am-nav-top-dropdown-bg-color: #FFFFFF;
    --am-nav-top-dropdown-font-color: #454545;
    --am-nav-top-dropdown-font-color-hover: #000000;
    --am-nav-top-dropdown-font-color-active: #000000;
    --am-nav-top-dropdown-link-bg-color: #FFFFFF00;
    --am-nav-top-dropdown-link-bg-color-hover: #0B57C10D;
    --am-nav-top-dropdown-link-bg-color-active: #0B57C10D;
    --am-nav-bottom-bg-color: #FFFFFF;
    --am-nav-bottom-font-color: #454545;
    --am-nav-bottom-font-color-hover: #000000;
    --am-nav-bottom-font-color-active: #000000;
    --am-nav-bottom-link-bg-color: #FFFFFF00;
    --am-nav-bottom-link-bg-color-hover: #FFFFFF00;
    --am-nav-bottom-link-bg-color-active: #FFFFFF00;
    --am-nav-bottom-dropdown-bg-color: #FFFFFF;
    --am-nav-bottom-dropdown-font-color: #454545;
    --am-nav-bottom-dropdown-font-color-hover: #000000;
    --am-nav-bottom-dropdown-font-color-active: #000000;
    --am-nav-bottom-dropdown-link-bg-color: #FFFFFF00;
    --am-nav-bottom-dropdown-link-bg-color-hover: #0B57C10D;
    --am-nav-bottom-dropdown-link-bg-color-active: #0B57C10D;
    --am-footer-bg-color: #FFFFFF;
    --am-footer-font-color: #454545;
    --am-footer-font-color-dark: #000000;
    --am-footer-font-color-light: #666666;
    --am-footer-link-color: #454545;
    --am-footer-link-color-hover: #093D8C;
    --am-footer-link-color-active: #093D8C;
    --am-login-bg-color: #F0F1F2;
    --am-panel-bg-color: #FFFFFF;
    --am-panel-heading-bg-color: #FFFFFF;
    --am-panel-body-bg-color: #FFFFFF;
    /* 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: #01132D;
    --reg-nav-top-font-color: #FFFFFFCC;
    --reg-nav-top-font-color-hover: #FFFFFF;
    --reg-nav-top-dropdown-font-color: #454545;
    --reg-nav-top-dropdown-font-color-hover: #000000;
    --reg-app-progress-bg-color: #0055D4;
    --reg-app-progress-font-color: #FFFFFFCC;
    --reg-app-progress-font-color-active: #FFFFFF;
    --reg-footer-bg-color: #FFFFFF;
    --reg-footer-font-color: #454545;
    --reg-start-left-bg-color: #062B60;
    --reg-start-left-font-color: #FFFFFF;
    --reg-start-right-bg-color: #FFFFFF;
    --reg-start-right-font-color: #454545;
    /* REGISTRATION V5 */
    --reg-v5-brand-logo-image: var(--brand-logo-image);
    --reg-v5-brand-logo-mobile-image: var(--brand-logo-mobile-image);
}

/* THEME | LIGHT ---------------------------------------------------------------------------------------------------- */
[data-theme=light] {
    /* COLORS */
    --primary-3: #F5F9FE;
    --primary-5: #EAF2FE;
    --primary-10: #D6E5FC;
    --primary-20: #D6E5FC;
    --primary-30: #ACCBFA;
    --primary-40: #ACCBFA;
    --primary-50: #83B2F7;
    --primary-60: #83B2F7;
    --primary-70: #5998F5;
    --primary-80: #5998F5;
    --primary-90: #307EF2;
    --primary: #0055D4;
    --primary-dark-10: #0449B0;
    --primary-dark-20: #093D8C;
    --primary-dark-30: #0D3167;
    --primary-dark-40: #0F2B55;
    --primary-dark-50: #0F2B55;
    --secondary-3: #FCFCFC;
    --secondary-5: #FAFAFA;
    --secondary-10: #F4F4F4;
    --secondary-20: #EAEAEA;
    --secondary-30: #DFDFDF;
    --secondary-40: #D4D4D4;
    --secondary-50: #C9C9C9;
    --secondary-60: #BFBFBF;
    --secondary-70: #B4B4B4;
    --secondary-80: #A9A9A9;
    --secondary-90: #9F9F9F;
    --secondary: #949494;
    --secondary-dark-10: #878787;
    --secondary-dark-20: #7A7A7A;
    --secondary-dark-30: #6E6E6E;
    --secondary-dark-40: #616161;
    --secondary-dark-50: #545454;
    --tertiary-3: #F7F7F7;
    --tertiary-5: #F2F2F2;
    --tertiary-10: #E5E5E5;
    --tertiary-20: #CCCCCC;
    --tertiary-30: #B2B2B2;
    --tertiary-40: #999999;
    --tertiary-50: #7F7F7F;
    --tertiary-60: #666666;
    --tertiary-70: #4C4C4C;
    --tertiary-80: #333333;
    --tertiary-90: #191919;
    --tertiary: #000000;
    --tertiary-dark-10: #000000;
    --tertiary-dark-20: #000000;
    --tertiary-dark-30: #000000;
    --tertiary-dark-40: #000000;
    --tertiary-dark-50: #000000;
    --info-3: #F7FAFE;
    --info-5: #F2F6FD;
    --info-10: #E5EEFB;
    --info-20: #CCDDF6;
    --info-30: #B2CCF2;
    --info-40: #99BBEE;
    --info-50: #7FAAE9;
    --info-60: #6699E5;
    --info-70: #4C88E1;
    --info-80: #3377DD;
    --info-90: #1966D8;
    --info: #0055D4;
    --info-dark-10: #0449B0;
    --info-dark-20: #093D8C;
    --info-dark-30: #0D3167;
    --info-dark-40: #0F2B55;
    --info-dark-50: #0D2549;
    --success-3: #F7FBF9;
    --success-5: #F2F9F5;
    --success-10: #E5F3EC;
    --success-20: #CCE7D9;
    --success-30: #B2DBC5;
    --success-40: #99CFB3;
    --success-50: #80C39F;
    --success-60: #67B78C;
    --success-70: #4DAB79;
    --success-80: #349F66;
    --success-90: #1A9353;
    --success: #018740;
    --success-dark-10: #057139;
    --success-dark-20: #095B33;
    --success-dark-30: #0E452C;
    --success-dark-40: #103A29;
    --success-dark-50: #0D3022;
    --warning-3: #FFFDF7;
    --warning-5: #FFFBF2;
    --warning-10: #FFF7E5;
    --warning-20: #FFF0CC;
    --warning-30: #FFE8B2;
    --warning-40: #FFE199;
    --warning-50: #FFD97F;
    --warning-60: #FFD166;
    --warning-70: #FFCA4C;
    --warning-80: #FFC233;
    --warning-90: #FFBA19;
    --warning: #FFB300;
    --warning-dark-10: #E8A403;
    --warning-dark-20: #D09406;
    --warning-dark-30: #B98509;
    --warning-dark-40: #A2750C;
    --warning-dark-50: #8A6610;
    --danger-3: #FEF8F8;
    --danger-5: #FDF3F4;
    --danger-10: #FBE7E8;
    --danger-20: #F7D0D3;
    --danger-30: #F4B7BC;
    --danger-40: #F0A0A7;
    --danger-50: #EC8890;
    --danger-60: #E8717A;
    --danger-70: #E45964;
    --danger-80: #E1414E;
    --danger-90: #DD2938;
    --danger: #D91222;
    --danger-dark-10: #BD0A2F;
    --danger-dark-20: #8D0E23;
    --danger-dark-30: #6D0B1B;
    --danger-dark-40: #4C0813;
    --danger-dark-50: #38060E;
    --default-3: #FFFFFF;
    --default-5: #FFFFFF;
    --default-10: #FFFFFF;
    --default-20: #FEFEFE;
    --default-30: #FEFEFE;
    --default-40: #FEFEFE;
    --default-50: #FDFDFD;
    --default-60: #FDFDFD;
    --default-70: #FDFDFD;
    --default-80: #FDFDFD;
    --default-90: #FCFCFC;
    --default: #FCFCFC;
    --default-dark-10: #F7F7F7;
    --default-dark-20: #F2F2F2;
    --default-dark-30: #EDEDED;
    --default-dark-40: #E8E8E8;
    --default-dark-50: #E3E3E3;
    --neutral-0: #FFFFFF;
    --neutral-3: #F8F9F9;
    --neutral-5: #F4F4F5;
    --neutral-10: #EAEAEB;
    --neutral-20: #D5D6D7;
    --neutral-30: #C0C0C2;
    --neutral-40: #ABACAF;
    --neutral-50: #96979A;
    --neutral-60: #818386;
    --neutral-70: #6C6E72;
    --neutral-80: #57595E;
    --neutral-90: #42444A;
    --neutral: #2D3036;
    --neutral-dark-10: #22252A;
    --neutral-dark-20: #1D2025;
    --neutral-dark-30: #16191F;
    --neutral-dark-40: #121212;
    --neutral-dark-50: #000000;
    --dark-3: #00000008;
    --dark-5: #0000000D;
    --dark-10: #0000001A;
    --dark-20: #00000033;
    --dark-30: #0000004D;
    --dark-40: #00000066;
    --dark-50: #00000080;
    --dark-60: #00000099;
    --dark-70: #000000B3;
    --dark-80: #000000CC;
    --dark-90: #000000E6;
    --dark: #000000;
    --light-3: #FFFFFF08;
    --light-5: #FFFFFF0D;
    --light-10: #FFFFFF1A;
    --light-20: #FFFFFF33;
    --light-30: #FFFFFF4D;
    --light-40: #FFFFFF66;
    --light-50: #FFFFFF80;
    --light-60: #FFFFFF99;
    --light-70: #FFFFFFB3;
    --light-80: #FFFFFFCC;
    --light-90: #FFFFFFE6;
    --light: #FFFFFF;
    /* COMMON */
    --bg-body: #FFFFFF;
    --bg-body-dark: #000000;
    --bg-body-light: #FFFFFF;
    --box-shadow: 0px 2px 2px #00000033;
    --disabled-color: #777777;
    --disabled-bg-color: #F7F7F7;
    --disabled-border-color: #EAEAEA;
    --focus-color: #000000;
    --focus-background-color: #FFFFFF;
    --focus-border-color: #307EF2;
    --focus-box-shadow: var(--box-shadow);
    --overlay-color: #00000080;
    --shadow-color: #00000033;
    /* BORDERS */
    --border-color: #DCDCDC;
    --border-radius: 0.25rem;
    --border-radius-xl: 0.5rem;
    /* 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");
    /* 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: 3.0rem;
    --fs-2: 2.5rem;
    --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: 3.125rem;
    --lh-2: 2.625rem;
    --lh-3: 2.5rem;
    --lh-4: 2.0rem;
    --lh-5: 1.8125rem;
    --lh-6: 1.625rem;
    --lh-7: 1.5rem;
    --lh-8: 1.25rem;
    --lh-9: 1.125rem;
    --font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --font-color: #16191F;
    --font-color-dark: #000000;
    --font-color-light: #727579;
    --h1-font-style: normal;
    --h1-font-weight: 600;
    --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: #16191F;
    --h2-font-style: normal;
    --h2-font-weight: 600;
    --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: #16191F;
    --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: "Proxima Nova", Arial, Verdana, sans-serif;
    --h3-color: #16191F;
    --h4-font-style: normal;
    --h4-font-weight: 600;
    --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: #16191F;
    --h5-font-style: normal;
    --h5-font-weight: 600;
    --h5-font-size: 1.25rem;
    --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: #16191F;
    --h6-font-style: normal;
    --h6-font-weight: 600;
    --h6-font-size: 1.125rem;
    --h6-font-size-mobile: 1.0rem;
    --h6-line-height: 1.625rem;
    --h6-line-height-mobile: 1.5rem;
    --h6-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --h6-color: #16191F;
    --p-font-style: normal;
    --p-font-weight: 400;
    --p-font-size: 1.0rem;
    --p-font-size-mobile: 0.875rem;
    --p-line-height: 1.5rem;
    --p-line-height-mobile: 1.25rem;
    --p-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --p-color: #16191F;
    --li-font-style: normal;
    --li-font-weight: 400;
    --li-font-size: 1.0rem;
    --li-font-size-mobile: 0.875rem;
    --li-line-height: 1.375rem;
    --li-line-height-mobile: 1.375rem;
    --li-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --li-color: #16191F;
    /* TABLES */
    --th-pt: 0.375rem;
    --th-pe: 0.5rem;
    --th-pb: 0.375rem;
    --th-ps: 0.5rem;
    --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: #6D767E;
    --th-bg-color: #FFFFFF;
    --td-pt: 0.375rem;
    --td-pe: 0.5rem;
    --td-pb: 0.375rem;
    --td-ps: 0.5rem;
    --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: #454545;
    --td-bg-color: #FFFFFF00;
    /* FORMS */
    --link-color: #0055D4;
    --link-color-hover: #093D8C;
    --link-color-active: #093D8C;
    --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: #16191F;
    --input-pt: 0.75rem;
    --input-pe: 1rem;
    --input-pb: 0.75rem;
    --input-ps: 1rem;
    --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: #16191F;
    --input-color-focus: var(--focus-color);
    --input-bg-color: #FFFFFF;
    --input-bg-color-focus: #FFFFFF;
    --input-border-color: #929599;
    --input-border-color-focus: var(--focus-border-color);
    /* BUTTONS */
    --btn-icon-color: #0055D4;
    --btn-icon-color-hover: #093D8C;
    --btn-icon-color-active: #093D8C;
    --btn-xl-pt: 1.0rem;
    --btn-xl-pe: 1.5rem;
    --btn-xl-pb: 1.0rem;
    --btn-xl-ps: 1.5rem;
    --btn-xl-font-style: normal;
    --btn-xl-font-weight: 400;
    --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: 0.75rem;
    --btn-lg-pe: 1.5rem;
    --btn-lg-pb: 0.75rem;
    --btn-lg-ps: 1.5rem;
    --btn-lg-font-style: normal;
    --btn-lg-font-weight: 400;
    --btn-lg-font-size: 1.0rem;
    --btn-lg-line-height: 1.375rem;
    --btn-lg-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --btn-pt: 0.625rem;
    --btn-pe: 1.5rem;
    --btn-pb: 0.625rem;
    --btn-ps: 1.5rem;
    --btn-font-style: normal;
    --btn-font-weight: 400;
    --btn-font-size: 1.0rem;
    --btn-line-height: 1.375rem;
    --btn-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --btn-sm-pt: 0.5rem;
    --btn-sm-pe: 0.875rem;
    --btn-sm-pb: 0.5rem;
    --btn-sm-ps: 0.875rem;
    --btn-sm-font-style: normal;
    --btn-sm-font-weight: 400;
    --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: 0.375rem;
    --btn-xs-pe: 0.625rem;
    --btn-xs-pb: 0.375rem;
    --btn-xs-ps: 0.625rem;
    --btn-xs-font-style: normal;
    --btn-xs-font-weight: 400;
    --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: #666666;
    --btn-default-color-hover: #000000;
    --btn-default-color-active: #0055D4;
    --btn-default-color-focus: #0055D4;
    --btn-default-bg-color: #FCFCFC;
    --btn-default-bg-color-hover: #FCFCFC;
    --btn-default-bg-color-active: #F3F6FC;
    --btn-default-bg-color-focus: #F3F6FC;
    --btn-default-border-color: #929599;
    --btn-default-border-color-hover: #6D767E;
    --btn-default-border-color-active: #0B57C133;
    --btn-default-border-color-focus: var(--focus-border-color);
    /* BTN-PRIMARY */
    --btn-primary-border-size: 1px;
    --btn-primary-color: #FFFFFF;
    --btn-primary-color-hover: #FFFFFF;
    --btn-primary-color-active: #FFFFFF;
    --btn-primary-color-focus: #FFFFFF;
    --btn-primary-bg-color: #0055D4;
    --btn-primary-bg-color-hover: #093D8C;
    --btn-primary-bg-color-active: #093D8C;
    --btn-primary-bg-color-focus: #093D8C;
    --btn-primary-border-color: #0055D4;
    --btn-primary-border-color-hover: #093D8C;
    --btn-primary-border-color-active: #093D8C;
    --btn-primary-border-color-focus: var(--focus-border-color);
    /* BTN-SECONDARY */
    --btn-secondary-border-size: 1px;
    --btn-secondary-color: #0055D4;
    --btn-secondary-color-hover: #093D8C;
    --btn-secondary-color-active: #093D8C;
    --btn-secondary-color-focus: #093D8C;
    --btn-secondary-bg-color: #D6E5FC;
    --btn-secondary-bg-color-hover: #ACCBFA;
    --btn-secondary-bg-color-active: #ACCBFA;
    --btn-secondary-bg-color-focus: #ACCBFA;
    --btn-secondary-border-color: #D6E5FC;
    --btn-secondary-border-color-hover: #ACCBFA;
    --btn-secondary-border-color-active: #ACCBFA;
    --btn-secondary-border-color-focus: var(--focus-border-color);
    /* BTN-TERTIARY */
    --btn-tertiary-border-size: 1px;
    --btn-tertiary-color: #0055D4;
    --btn-tertiary-color-hover: #093D8C;
    --btn-tertiary-color-active: #093D8C;
    --btn-tertiary-color-focus: #093D8C;
    --btn-tertiary-bg-color: #FFFFFF;
    --btn-tertiary-bg-color-hover: #1253B50D;
    --btn-tertiary-bg-color-active: #0055D40D;
    --btn-tertiary-bg-color-focus: #0055D40D;
    --btn-tertiary-border-color: #0000001F;
    --btn-tertiary-border-color-hover: #0055D44D;
    --btn-tertiary-border-color-active: #0055D4;
    --btn-tertiary-border-color-focus: var(--focus-border-color);
    /* ALERTS */
    --alert-pt: 0.75rem;
    --alert-pe: 1.25rem;
    --alert-pb: 0.75rem;
    --alert-ps: 1.25rem;
    --alert-primary-color: #454545;
    --alert-primary-bg-color: #0055D41A;
    --alert-primary-border-color: #0055D400;
    --alert-primary-border-top-color: #0055D400;
    --alert-primary-border-right-color: #0055D400;
    --alert-primary-border-bottom-color: #0055D400;
    --alert-primary-border-left-color: #0055D480;
    --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: #454545;
    --alert-secondary-bg-color: #F2F2F2;
    --alert-secondary-border-color: #F2F2F200;
    --alert-secondary-border-top-color: #F2F2F200;
    --alert-secondary-border-right-color: #F2F2F200;
    --alert-secondary-border-bottom-color: #F2F2F200;
    --alert-secondary-border-left-color: #D9D9D9;
    --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: #454545;
    --alert-info-bg-color: #60B1E61A;
    --alert-info-border-color: #60B1E600;
    --alert-info-border-top-color: #60B1E600;
    --alert-info-border-right-color: #60B1E600;
    --alert-info-border-bottom-color: #60B1E600;
    --alert-info-border-left-color: #60B1E680;
    --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: #454545;
    --alert-success-bg-color: #0099471a;
    --alert-success-border-color: #00994700;
    --alert-success-border-top-color: #00994700;
    --alert-success-border-right-color: #00994700;
    --alert-success-border-bottom-color: #00994700;
    --alert-success-border-left-color: #00994780;
    --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: #454545;
    --alert-warning-bg-color: #F5AB001A;
    --alert-warning-border-color: #F5AB0000;
    --alert-warning-border-top-color: #F5AB0000;
    --alert-warning-border-right-color: #F5AB0000;
    --alert-warning-border-bottom-color: #F5AB0000;
    --alert-warning-border-left-color: #F5AB0080;
    --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: #454545;
    --alert-danger-bg-color: #E723331a;
    --alert-danger-border-color: #E7233300;
    --alert-danger-border-top-color: #E7233300;
    --alert-danger-border-right-color: #E7233300;
    --alert-danger-border-bottom-color: #E7233300;
    --alert-danger-border-left-color: #E7233380;
    --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: #454545;
    --alert-gray-bg-color: #F2F2F2;
    --alert-gray-border-color: #F2F2F200;
    --alert-gray-border-top-color: #F2F2F200;
    --alert-gray-border-right-color: #F2F2F200;
    --alert-gray-border-bottom-color: #F2F2F200;
    --alert-gray-border-left-color: #D9D9D9;
    --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: #000000;
    --am-nav-top-font-color: #FFFFFFCC;
    --am-nav-top-font-color-hover: #FFFFFF;
    --am-nav-top-font-color-active: #FFFFFF;
    --am-nav-top-link-bg-color: #FFFFFF00;
    --am-nav-top-link-bg-color-hover: #FFFFFF00;
    --am-nav-top-link-bg-color-active: #FFFFFF00;
    --am-nav-top-dropdown-bg-color: #FFFFFF;
    --am-nav-top-dropdown-font-color: #454545;
    --am-nav-top-dropdown-font-color-hover: #000000;
    --am-nav-top-dropdown-font-color-active: #000000;
    --am-nav-top-dropdown-link-bg-color: #FFFFFF00;
    --am-nav-top-dropdown-link-bg-color-hover: #0B57C10D;
    --am-nav-top-dropdown-link-bg-color-active: #0B57C10D;
    --am-nav-bottom-bg-color: #FFFFFF;
    --am-nav-bottom-font-color: #454545;
    --am-nav-bottom-font-color-hover: #000000;
    --am-nav-bottom-font-color-active: #000000;
    --am-nav-bottom-link-bg-color: #FFFFFF00;
    --am-nav-bottom-link-bg-color-hover: #FFFFFF00;
    --am-nav-bottom-link-bg-color-active: #FFFFFF00;
    --am-nav-bottom-dropdown-bg-color: #FFFFFF;
    --am-nav-bottom-dropdown-font-color: #454545;
    --am-nav-bottom-dropdown-font-color-hover: #000000;
    --am-nav-bottom-dropdown-font-color-active: #000000;
    --am-nav-bottom-dropdown-link-bg-color: #FFFFFF00;
    --am-nav-bottom-dropdown-link-bg-color-hover: #0B57C10D;
    --am-nav-bottom-dropdown-link-bg-color-active: #0B57C10D;
    --am-footer-bg-color: #FFFFFF;
    --am-footer-font-color: #454545;
    --am-footer-font-color-dark: #000000;
    --am-footer-font-color-light: #666666;
    --am-footer-link-color: #454545;
    --am-footer-link-color-hover: #093D8C;
    --am-footer-link-color-active: #093D8C;
    --am-login-bg-color: #F0F1F2;
    --am-panel-bg-color: #FFFFFF;
    --am-panel-heading-bg-color: #FFFFFF;
    --am-panel-body-bg-color: #FFFFFF;
    /* 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: #01132D;
    --reg-nav-top-font-color: #FFFFFFCC;
    --reg-nav-top-font-color-hover: #FFFFFF;
    --reg-nav-top-dropdown-font-color: #454545;
    --reg-nav-top-dropdown-font-color-hover: #000000;
    --reg-app-progress-bg-color: #0055D4;
    --reg-app-progress-font-color: #FFFFFFCC;
    --reg-app-progress-font-color-active: #FFFFFF;
    --reg-footer-bg-color: #FFFFFF;
    --reg-footer-font-color: #454545;
    --reg-start-left-bg-color: #062B60;
    --reg-start-left-font-color: #FFFFFF;
    --reg-start-right-bg-color: #FFFFFF;
    --reg-start-right-font-color: #454545;
    /* REGISTRATION V5 */
    --reg-v5-brand-logo-image: var(--brand-logo-image);
    --reg-v5-brand-logo-mobile-image: var(--brand-logo-mobile-image);
}
/* THEME | LIGHT | BROWSER FORCED ---------------------------------------------------------------------------------------------------- */
@media (prefers-color-scheme: light) {
    :root:not([data-theme]) {
        /* COLORS */
        --primary-3: #F5F9FE;
        --primary-5: #EAF2FE;
        --primary-10: #D6E5FC;
        --primary-20: #D6E5FC;
        --primary-30: #ACCBFA;
        --primary-40: #ACCBFA;
        --primary-50: #83B2F7;
        --primary-60: #83B2F7;
        --primary-70: #5998F5;
        --primary-80: #5998F5;
        --primary-90: #307EF2;
        --primary: #0055D4;
        --primary-dark-10: #0449B0;
        --primary-dark-20: #093D8C;
        --primary-dark-30: #0D3167;
        --primary-dark-40: #0F2B55;
        --primary-dark-50: #0F2B55;
        --secondary-3: #FCFCFC;
        --secondary-5: #FAFAFA;
        --secondary-10: #F4F4F4;
        --secondary-20: #EAEAEA;
        --secondary-30: #DFDFDF;
        --secondary-40: #D4D4D4;
        --secondary-50: #C9C9C9;
        --secondary-60: #BFBFBF;
        --secondary-70: #B4B4B4;
        --secondary-80: #A9A9A9;
        --secondary-90: #9F9F9F;
        --secondary: #949494;
        --secondary-dark-10: #878787;
        --secondary-dark-20: #7A7A7A;
        --secondary-dark-30: #6E6E6E;
        --secondary-dark-40: #616161;
        --secondary-dark-50: #545454;
        --tertiary-3: #F7F7F7;
        --tertiary-5: #F2F2F2;
        --tertiary-10: #E5E5E5;
        --tertiary-20: #CCCCCC;
        --tertiary-30: #B2B2B2;
        --tertiary-40: #999999;
        --tertiary-50: #7F7F7F;
        --tertiary-60: #666666;
        --tertiary-70: #4C4C4C;
        --tertiary-80: #333333;
        --tertiary-90: #191919;
        --tertiary: #000000;
        --tertiary-dark-10: #000000;
        --tertiary-dark-20: #000000;
        --tertiary-dark-30: #000000;
        --tertiary-dark-40: #000000;
        --tertiary-dark-50: #000000;
        --info-3: #F7FAFE;
        --info-5: #F2F6FD;
        --info-10: #E5EEFB;
        --info-20: #CCDDF6;
        --info-30: #B2CCF2;
        --info-40: #99BBEE;
        --info-50: #7FAAE9;
        --info-60: #6699E5;
        --info-70: #4C88E1;
        --info-80: #3377DD;
        --info-90: #1966D8;
        --info: #0055D4;
        --info-dark-10: #0449B0;
        --info-dark-20: #093D8C;
        --info-dark-30: #0D3167;
        --info-dark-40: #0F2B55;
        --info-dark-50: #0D2549;
        --success-3: #F7FBF9;
        --success-5: #F2F9F5;
        --success-10: #E5F3EC;
        --success-20: #CCE7D9;
        --success-30: #B2DBC5;
        --success-40: #99CFB3;
        --success-50: #80C39F;
        --success-60: #67B78C;
        --success-70: #4DAB79;
        --success-80: #349F66;
        --success-90: #1A9353;
        --success: #018740;
        --success-dark-10: #057139;
        --success-dark-20: #095B33;
        --success-dark-30: #0E452C;
        --success-dark-40: #103A29;
        --success-dark-50: #0D3022;
        --warning-3: #FFFDF7;
        --warning-5: #FFFBF2;
        --warning-10: #FFF7E5;
        --warning-20: #FFF0CC;
        --warning-30: #FFE8B2;
        --warning-40: #FFE199;
        --warning-50: #FFD97F;
        --warning-60: #FFD166;
        --warning-70: #FFCA4C;
        --warning-80: #FFC233;
        --warning-90: #FFBA19;
        --warning: #FFB300;
        --warning-dark-10: #E8A403;
        --warning-dark-20: #D09406;
        --warning-dark-30: #B98509;
        --warning-dark-40: #A2750C;
        --warning-dark-50: #8A6610;
        --danger-3: #FEF8F8;
        --danger-5: #FDF3F4;
        --danger-10: #FBE7E8;
        --danger-20: #F7D0D3;
        --danger-30: #F4B7BC;
        --danger-40: #F0A0A7;
        --danger-50: #EC8890;
        --danger-60: #E8717A;
        --danger-70: #E45964;
        --danger-80: #E1414E;
        --danger-90: #DD2938;
        --danger: #D91222;
        --danger-dark-10: #BD0A2F;
        --danger-dark-20: #8D0E23;
        --danger-dark-30: #6D0B1B;
        --danger-dark-40: #4C0813;
        --danger-dark-50: #38060E;
        --default-3: #FFFFFF;
        --default-5: #FFFFFF;
        --default-10: #FFFFFF;
        --default-20: #FEFEFE;
        --default-30: #FEFEFE;
        --default-40: #FEFEFE;
        --default-50: #FDFDFD;
        --default-60: #FDFDFD;
        --default-70: #FDFDFD;
        --default-80: #FDFDFD;
        --default-90: #FCFCFC;
        --default: #FCFCFC;
        --default-dark-10: #F7F7F7;
        --default-dark-20: #F2F2F2;
        --default-dark-30: #EDEDED;
        --default-dark-40: #E8E8E8;
        --default-dark-50: #E3E3E3;
        --neutral-0: #FFFFFF;
        --neutral-3: #F8F9F9;
        --neutral-5: #F4F4F5;
        --neutral-10: #EAEAEB;
        --neutral-20: #D5D6D7;
        --neutral-30: #C0C0C2;
        --neutral-40: #ABACAF;
        --neutral-50: #96979A;
        --neutral-60: #818386;
        --neutral-70: #6C6E72;
        --neutral-80: #57595E;
        --neutral-90: #42444A;
        --neutral: #2D3036;
        --neutral-dark-10: #22252A;
        --neutral-dark-20: #1D2025;
        --neutral-dark-30: #16191F;
        --neutral-dark-40: #121212;
        --neutral-dark-50: #000000;
        --dark-3: #00000008;
        --dark-5: #0000000D;
        --dark-10: #0000001A;
        --dark-20: #00000033;
        --dark-30: #0000004D;
        --dark-40: #00000066;
        --dark-50: #00000080;
        --dark-60: #00000099;
        --dark-70: #000000B3;
        --dark-80: #000000CC;
        --dark-90: #000000E6;
        --dark: #000000;
        --light-3: #FFFFFF08;
        --light-5: #FFFFFF0D;
        --light-10: #FFFFFF1A;
        --light-20: #FFFFFF33;
        --light-30: #FFFFFF4D;
        --light-40: #FFFFFF66;
        --light-50: #FFFFFF80;
        --light-60: #FFFFFF99;
        --light-70: #FFFFFFB3;
        --light-80: #FFFFFFCC;
        --light-90: #FFFFFFE6;
        --light: #FFFFFF;
        /* COMMON */
        --bg-body: #FFFFFF;
        --bg-body-dark: #000000;
        --bg-body-light: #FFFFFF;
        --box-shadow: 0px 2px 2px #00000033;
        --disabled-color: #777777;
        --disabled-bg-color: #F7F7F7;
        --disabled-border-color: #EAEAEA;
        --focus-color: #000000;
        --focus-background-color: #FFFFFF;
        --focus-border-color: #307EF2;
        --focus-box-shadow: var(--box-shadow);
        --overlay-color: #00000080;
        --shadow-color: #00000033;
        /* BORDERS */
        --border-color: #DCDCDC;
        --border-radius: 0.25rem;
        --border-radius-xl: 0.5rem;
        /* 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");
        /* 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: 3.0rem;
        --fs-2: 2.5rem;
        --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: 3.125rem;
        --lh-2: 2.625rem;
        --lh-3: 2.5rem;
        --lh-4: 2.0rem;
        --lh-5: 1.8125rem;
        --lh-6: 1.625rem;
        --lh-7: 1.5rem;
        --lh-8: 1.25rem;
        --lh-9: 1.125rem;
        --font-family: "Proxima Nova", Arial, Verdana, sans-serif;
        --font-color: #16191F;
        --font-color-dark: #000000;
        --font-color-light: #727579;
        --h1-font-style: normal;
        --h1-font-weight: 600;
        --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: #16191F;
        --h2-font-style: normal;
        --h2-font-weight: 600;
        --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: #16191F;
        --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: "Proxima Nova", Arial, Verdana, sans-serif;
        --h3-color: #16191F;
        --h4-font-style: normal;
        --h4-font-weight: 600;
        --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: #16191F;
        --h5-font-style: normal;
        --h5-font-weight: 600;
        --h5-font-size: 1.25rem;
        --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: #16191F;
        --h6-font-style: normal;
        --h6-font-weight: 600;
        --h6-font-size: 1.125rem;
        --h6-font-size-mobile: 1.0rem;
        --h6-line-height: 1.625rem;
        --h6-line-height-mobile: 1.5rem;
        --h6-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
        --h6-color: #16191F;
        --p-font-style: normal;
        --p-font-weight: 400;
        --p-font-size: 1.0rem;
        --p-font-size-mobile: 0.875rem;
        --p-line-height: 1.5rem;
        --p-line-height-mobile: 1.25rem;
        --p-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
        --p-color: #16191F;
        --li-font-style: normal;
        --li-font-weight: 400;
        --li-font-size: 1.0rem;
        --li-font-size-mobile: 0.875rem;
        --li-line-height: 1.375rem;
        --li-line-height-mobile: 1.375rem;
        --li-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
        --li-color: #16191F;
        /* TABLES */
        --th-pt: 0.375rem;
        --th-pe: 0.5rem;
        --th-pb: 0.375rem;
        --th-ps: 0.5rem;
        --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: #6D767E;
        --th-bg-color: #FFFFFF;
        --td-pt: 0.375rem;
        --td-pe: 0.5rem;
        --td-pb: 0.375rem;
        --td-ps: 0.5rem;
        --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: #454545;
        --td-bg-color: #FFFFFF00;
        /* FORMS */
        --link-color: #0055D4;
        --link-color-hover: #093D8C;
        --link-color-active: #093D8C;
        --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: #16191F;
        --input-pt: 0.75rem;
        --input-pe: 1rem;
        --input-pb: 0.75rem;
        --input-ps: 1rem;
        --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: #16191F;
        --input-color-focus: var(--focus-color);
        --input-bg-color: #FFFFFF;
        --input-bg-color-focus: #FFFFFF;
        --input-border-color: #929599;
        --input-border-color-focus: var(--focus-border-color);
        /* BUTTONS */
        --btn-icon-color: #0055D4;
        --btn-icon-color-hover: #093D8C;
        --btn-icon-color-active: #093D8C;
        --btn-xl-pt: 1.0rem;
        --btn-xl-pe: 1.5rem;
        --btn-xl-pb: 1.0rem;
        --btn-xl-ps: 1.5rem;
        --btn-xl-font-style: normal;
        --btn-xl-font-weight: 400;
        --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: 0.75rem;
        --btn-lg-pe: 1.5rem;
        --btn-lg-pb: 0.75rem;
        --btn-lg-ps: 1.5rem;
        --btn-lg-font-style: normal;
        --btn-lg-font-weight: 400;
        --btn-lg-font-size: 1.0rem;
        --btn-lg-line-height: 1.375rem;
        --btn-lg-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
        --btn-pt: 0.625rem;
        --btn-pe: 1.5rem;
        --btn-pb: 0.625rem;
        --btn-ps: 1.5rem;
        --btn-font-style: normal;
        --btn-font-weight: 400;
        --btn-font-size: 1.0rem;
        --btn-line-height: 1.375rem;
        --btn-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
        --btn-sm-pt: 0.5rem;
        --btn-sm-pe: 0.875rem;
        --btn-sm-pb: 0.5rem;
        --btn-sm-ps: 0.875rem;
        --btn-sm-font-style: normal;
        --btn-sm-font-weight: 400;
        --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: 0.375rem;
        --btn-xs-pe: 0.625rem;
        --btn-xs-pb: 0.375rem;
        --btn-xs-ps: 0.625rem;
        --btn-xs-font-style: normal;
        --btn-xs-font-weight: 400;
        --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: #666666;
        --btn-default-color-hover: #000000;
        --btn-default-color-active: #0055D4;
        --btn-default-color-focus: #0055D4;
        --btn-default-bg-color: #FCFCFC;
        --btn-default-bg-color-hover: #FCFCFC;
        --btn-default-bg-color-active: #F3F6FC;
        --btn-default-bg-color-focus: #F3F6FC;
        --btn-default-border-color: #929599;
        --btn-default-border-color-hover: #6D767E;
        --btn-default-border-color-active: #0B57C133;
        --btn-default-border-color-focus: var(--focus-border-color);
        /* BTN-PRIMARY */
        --btn-primary-border-size: 1px;
        --btn-primary-color: #FFFFFF;
        --btn-primary-color-hover: #FFFFFF;
        --btn-primary-color-active: #FFFFFF;
        --btn-primary-color-focus: #FFFFFF;
        --btn-primary-bg-color: #0055D4;
        --btn-primary-bg-color-hover: #093D8C;
        --btn-primary-bg-color-active: #093D8C;
        --btn-primary-bg-color-focus: #093D8C;
        --btn-primary-border-color: #0055D4;
        --btn-primary-border-color-hover: #093D8C;
        --btn-primary-border-color-active: #093D8C;
        --btn-primary-border-color-focus: var(--focus-border-color);
        /* BTN-SECONDARY */
        --btn-secondary-border-size: 1px;
        --btn-secondary-color: #0055D4;
        --btn-secondary-color-hover: #093D8C;
        --btn-secondary-color-active: #093D8C;
        --btn-secondary-color-focus: #093D8C;
        --btn-secondary-bg-color: #D6E5FC;
        --btn-secondary-bg-color-hover: #ACCBFA;
        --btn-secondary-bg-color-active: #ACCBFA;
        --btn-secondary-bg-color-focus: #ACCBFA;
        --btn-secondary-border-color: #D6E5FC;
        --btn-secondary-border-color-hover: #ACCBFA;
        --btn-secondary-border-color-active: #ACCBFA;
        --btn-secondary-border-color-focus: var(--focus-border-color);
        /* BTN-TERTIARY */
        --btn-tertiary-border-size: 1px;
        --btn-tertiary-color: #0055D4;
        --btn-tertiary-color-hover: #093D8C;
        --btn-tertiary-color-active: #093D8C;
        --btn-tertiary-color-focus: #093D8C;
        --btn-tertiary-bg-color: #FFFFFF;
        --btn-tertiary-bg-color-hover: #1253B50D;
        --btn-tertiary-bg-color-active: #0055D40D;
        --btn-tertiary-bg-color-focus: #0055D40D;
        --btn-tertiary-border-color: #0000001F;
        --btn-tertiary-border-color-hover: #0055D44D;
        --btn-tertiary-border-color-active: #0055D4;
        --btn-tertiary-border-color-focus: var(--focus-border-color);
        /* ALERTS */
        --alert-pt: 0.75rem;
        --alert-pe: 1.25rem;
        --alert-pb: 0.75rem;
        --alert-ps: 1.25rem;
        --alert-primary-color: #454545;
        --alert-primary-bg-color: #0055D41A;
        --alert-primary-border-color: #0055D400;
        --alert-primary-border-top-color: #0055D400;
        --alert-primary-border-right-color: #0055D400;
        --alert-primary-border-bottom-color: #0055D400;
        --alert-primary-border-left-color: #0055D480;
        --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: #454545;
        --alert-secondary-bg-color: #F2F2F2;
        --alert-secondary-border-color: #F2F2F200;
        --alert-secondary-border-top-color: #F2F2F200;
        --alert-secondary-border-right-color: #F2F2F200;
        --alert-secondary-border-bottom-color: #F2F2F200;
        --alert-secondary-border-left-color: #D9D9D9;
        --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: #454545;
        --alert-info-bg-color: #60B1E61A;
        --alert-info-border-color: #60B1E600;
        --alert-info-border-top-color: #60B1E600;
        --alert-info-border-right-color: #60B1E600;
        --alert-info-border-bottom-color: #60B1E600;
        --alert-info-border-left-color: #60B1E680;
        --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: #454545;
        --alert-success-bg-color: #0099471a;
        --alert-success-border-color: #00994700;
        --alert-success-border-top-color: #00994700;
        --alert-success-border-right-color: #00994700;
        --alert-success-border-bottom-color: #00994700;
        --alert-success-border-left-color: #00994780;
        --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: #454545;
        --alert-warning-bg-color: #F5AB001A;
        --alert-warning-border-color: #F5AB0000;
        --alert-warning-border-top-color: #F5AB0000;
        --alert-warning-border-right-color: #F5AB0000;
        --alert-warning-border-bottom-color: #F5AB0000;
        --alert-warning-border-left-color: #F5AB0080;
        --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: #454545;
        --alert-danger-bg-color: #E723331a;
        --alert-danger-border-color: #E7233300;
        --alert-danger-border-top-color: #E7233300;
        --alert-danger-border-right-color: #E7233300;
        --alert-danger-border-bottom-color: #E7233300;
        --alert-danger-border-left-color: #E7233380;
        --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: #454545;
        --alert-gray-bg-color: #F2F2F2;
        --alert-gray-border-color: #F2F2F200;
        --alert-gray-border-top-color: #F2F2F200;
        --alert-gray-border-right-color: #F2F2F200;
        --alert-gray-border-bottom-color: #F2F2F200;
        --alert-gray-border-left-color: #D9D9D9;
        --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: #000000;
        --am-nav-top-font-color: #FFFFFFCC;
        --am-nav-top-font-color-hover: #FFFFFF;
        --am-nav-top-font-color-active: #FFFFFF;
        --am-nav-top-link-bg-color: #FFFFFF00;
        --am-nav-top-link-bg-color-hover: #FFFFFF00;
        --am-nav-top-link-bg-color-active: #FFFFFF00;
        --am-nav-top-dropdown-bg-color: #FFFFFF;
        --am-nav-top-dropdown-font-color: #454545;
        --am-nav-top-dropdown-font-color-hover: #000000;
        --am-nav-top-dropdown-font-color-active: #000000;
        --am-nav-top-dropdown-link-bg-color: #FFFFFF00;
        --am-nav-top-dropdown-link-bg-color-hover: #0B57C10D;
        --am-nav-top-dropdown-link-bg-color-active: #0B57C10D;
        --am-nav-bottom-bg-color: #FFFFFF;
        --am-nav-bottom-font-color: #454545;
        --am-nav-bottom-font-color-hover: #000000;
        --am-nav-bottom-font-color-active: #000000;
        --am-nav-bottom-link-bg-color: #FFFFFF00;
        --am-nav-bottom-link-bg-color-hover: #FFFFFF00;
        --am-nav-bottom-link-bg-color-active: #FFFFFF00;
        --am-nav-bottom-dropdown-bg-color: #FFFFFF;
        --am-nav-bottom-dropdown-font-color: #454545;
        --am-nav-bottom-dropdown-font-color-hover: #000000;
        --am-nav-bottom-dropdown-font-color-active: #000000;
        --am-nav-bottom-dropdown-link-bg-color: #FFFFFF00;
        --am-nav-bottom-dropdown-link-bg-color-hover: #0B57C10D;
        --am-nav-bottom-dropdown-link-bg-color-active: #0B57C10D;
        --am-footer-bg-color: #FFFFFF;
        --am-footer-font-color: #454545;
        --am-footer-font-color-dark: #000000;
        --am-footer-font-color-light: #666666;
        --am-footer-link-color: #454545;
        --am-footer-link-color-hover: #093D8C;
        --am-footer-link-color-active: #093D8C;
        --am-login-bg-color: #F0F1F2;
        --am-panel-bg-color: #FFFFFF;
        --am-panel-heading-bg-color: #FFFFFF;
        --am-panel-body-bg-color: #FFFFFF;
        /* 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: #01132D;
        --reg-nav-top-font-color: #FFFFFFCC;
        --reg-nav-top-font-color-hover: #FFFFFF;
        --reg-nav-top-dropdown-font-color: #454545;
        --reg-nav-top-dropdown-font-color-hover: #000000;
        --reg-app-progress-bg-color: #0055D4;
        --reg-app-progress-font-color: #FFFFFFCC;
        --reg-app-progress-font-color-active: #FFFFFF;
        --reg-footer-bg-color: #FFFFFF;
        --reg-footer-font-color: #454545;
        --reg-start-left-bg-color: #062B60;
        --reg-start-left-font-color: #FFFFFF;
        --reg-start-right-bg-color: #FFFFFF;
        --reg-start-right-font-color: #454545;
        /* REGISTRATION V5 */
        --reg-v5-brand-logo-image: var(--brand-logo-image);
        --reg-v5-brand-logo-mobile-image: var(--brand-logo-mobile-image);
    }
}

/* THEME | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
    /* COLORS */
    --primary-3: #171C26;
    --primary-5: #181F2a;
    --primary-10: #1B2537;
    --primary-20: #1F304C;
    --primary-30: #243D66;
    --primary-40: #264778;
    --primary-50: #2B5491;
    --primary-60: #2F5FA7;
    --primary-70: #3069C0;
    --primary-80: #3775d2;
    --primary-90: #367BE2;
    --primary: #317EF2;
    --primary-dark-10: #5696F5;
    --primary-dark-20: #91BAF8;
    --primary-dark-30: #B4D1F8;
    --primary-dark-40: #CADEFC;
    --primary-dark-50: #ECF4FE;
    --secondary-3: #1C1F24;
    --secondary-5: #1F2227;
    --secondary-10: #282B2F;
    --secondary-20: #393B3F;
    --secondary-30: #494C4F;
    --secondary-40: #5A5C5F;
    --secondary-50: #6B6D6F;
    --secondary-60: #7C7D7F;
    --secondary-70: #8D8D8F;
    --secondary-80: #9D9E9F;
    --secondary-90: #AEAEAF;
    --secondary: #BFBFBF;
    --secondary-dark-10: #C4C4C4;
    --secondary-dark-20: #C9C9C9;
    --secondary-dark-30: #CECECE;
    --secondary-dark-40: #D4D4D4;
    --secondary-dark-50: #D9D9D9;
    --tertiary-3: #181B20;
    --tertiary-5: #191C20;
    --tertiary-10: #1A1D22;
    --tertiary-20: #1E2024;
    --tertiary-30: #25262A;
    --tertiary-40: #212327;
    --tertiary-50: #282A2D;
    --tertiary-60: #2B2D2F;
    --tertiary-70: #2F3032;
    --tertiary-80: #323335;
    --tertiary-90: #363637;
    --tertiary: #39393A;
    --tertiary-dark-10: #343435;
    --tertiary-dark-20: #2F2F30;
    --tertiary-dark-30: #2A2A2B;
    --tertiary-dark-40: #252526;
    --tertiary-dark-50: #202021;
    --info-3: #181D26;
    --info-5: #181F2A;
    --info-10: #1A2435;
    --info-20: #1C2E49;
    --info-30: #1F385F;
    --info-40: #214273;
    --info-50: #244C89;
    --info-60: #27569E;
    --info-70: #2960B3;
    --info-80: #2C6AC8;
    --info-90: #2E74DD;
    --info: #317EF2;
    --info-dark-10: #498DF3;
    --info-dark-20: #619CF5;
    --info-dark-30: #79ABF6;
    --info-dark-40: #91BAF8;
    --info-dark-50: #A9C9F9;
    --success-3: #171F21;
    --success-5: #172222;
    --success-10: #162A25;
    --success-20: #15392B;
    --success-30: #154831;
    --success-40: #145737;
    --success-50: #13673D;
    --success-60: #127643;
    --success-70: #118549;
    --success-80: #11944F;
    --success-90: #10A455;
    --success: #0FB35B;
    --success-dark-10: #10CB67;
    --success-dark-20: #12E273;
    --success-dark-30: #21ED80;
    --success-dark-40: #39EF8E;
    --success-dark-50: #50F19B;
    --warning-3: #1E1F1E;
    --warning-5: #23221D;
    --warning-10: #2F2A1C;
    --warning-20: #453919;
    --warning-30: #5D4816;
    --warning-40: #745713;
    --warning-50: #8B670F;
    --warning-60: #A2760C;
    --warning-70: #BA8509;
    --warning-80: #D19406;
    --warning-90: #E8A403;
    --warning: #FFB300;
    --warning-dark-10: #FFBA1A;
    --warning-dark-20: #FFC233;
    --warning-dark-30: #FFC94D;
    --warning-dark-40: #FFD166;
    --warning-dark-50: #FFD980;
    --danger-3: #1D1A1F;
    --danger-5: #211A1F;
    --danger-10: #2B191F;
    --danger-20: #3E1820;
    --danger-30: #521820;
    --danger-40: #651720;
    --danger-50: #781621;
    --danger-60: #8B1521;
    --danger-70: #9F1421;
    --danger-80: #B21421;
    --danger-90: #C61322;
    --danger: #D91222;
    --danger-dark-10: #EC182A;
    --danger-dark-20: #EE2F3F;
    --danger-dark-30: #F04755;
    --danger-dark-40: #F25F6B;
    --danger-dark-50: #F47681;
    --default-3: #16191E;
    --default-5: #16191E;
    --default-10: #15181C;
    --default-20: #131519;
    --default-30: #111317;
    --default-40: #0F1114;
    --default-50: #0D0E11;
    --default-60: #0B0C0E;
    --default-70: #090A0B;
    --default-80: #070809;
    --default-90: #050506;
    --default: #030303;
    --default-dark-10: #080808;
    --default-dark-20: #0D0D0D;
    --default-dark-30: #121212;
    --default-dark-40: #171717;
    --default-dark-50: #1C1C1C;
    --neutral-0: #161A1D;
    --neutral-3: #1D2125;
    --neutral-10: #282E33;
    --neutral-20: #3F4448;
    --neutral-30: #565A5E;
    --neutral-40: #707578;
    --neutral-50: #8B8F92;
    --neutral-60: #9FA3A6;
    --neutral-70: #B8BCBF;
    --neutral-80: #CED1D3;
    --neutral-90: #F0F0F0;
    --neutral: #FFFFFF;
    --neutral-dark-10: #FFFFFF;
    --neutral-dark-20: #FFFFFF;
    --neutral-dark-30: #FFFFFF;
    --neutral-dark-40: #FFFFFF;
    --neutral-dark-50: #FFFFFF;
    --dark-3: #FFFFFF08;
    --dark-5: #FFFFFF0D;
    --dark-10: #FFFFFF1A;
    --dark-20: #FFFFFF33;
    --dark-30: #FFFFFF4D;
    --dark-40: #FFFFFF66;
    --dark-50: #FFFFFF80;
    --dark-60: #FFFFFF99;
    --dark-70: #FFFFFFB3;
    --dark-80: #FFFFFFCC;
    --dark-90: #FFFFFFE6;
    --dark: #FFFFFF;
    --light-3: #00000008;
    --light-5: #0000000D;
    --light-10: #0000001A;
    --light-20: #00000033;
    --light-30: #0000004D;
    --light-40: #00000066;
    --light-50: #00000080;
    --light-60: #00000099;
    --light-70: #000000B3;
    --light-80: #000000CC;
    --light-90: #000000E6;
    --light: #000000;
    /* COMMON */
    --bg-body: #15151E;
    --bg-body-dark: #16181C;
    --bg-body-light: #1F242A;
    --box-shadow: 0px 2px 2px #000000E6;
    --disabled-color: #79838B;
    --disabled-bg-color: #15151E;
    --disabled-border-color: #444A4E;
    --focus-color: #FFFFFF;
    --focus-background-color: #15151E;
    --focus-border-color: #2563EB;
    --focus-box-shadow: var(--box-shadow);
    --overlay-color: #000000E6;
    --shadow-color: #000000E6;
    /* BORDERS */
    --border-color: #444A4E;
    /* 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");
    /* FONTS */
    --font-color: #D6D6D6;
    --font-color-dark: #FFFFFF;
    --font-color-light: #B8B8B8;
    --h1-color: #FFFFFF;
    --h2-color: #FFFFFF;
    --h3-color: #FFFFFF;
    --h4-color: #FFFFFF;
    --h5-color: #FFFFFF;
    --h6-color: #FFFFFF;
    --p-color: #D6D6D6;
    --li-color: #D6D6D6;
    /* TABLES */
    --th-color: #6D7075;
    --th-bg-color: #15151E;
    --td-color: #D6D6D6;
    --td-bg-color: #00000000;
    /* FORMS */
    --link-color: #317EF2;
    --link-color-hover: #5696F5;
    --link-color-active: #5696F5;
    --label-color: #FFFFFF;
    --input-color: #D6D6D6;
    --input-color-focus: var(--focus-color);
    --input-bg-color: #15151E;
    --input-bg-color-focus: #15151E;
    --input-border-color: #5C6468;
    --input-border-color-focus: var(--focus-border-color);
    /* BUTTONS */
    --btn-icon-color: #317EF2;
    --btn-icon-color-hover: #5696F5;
    --btn-icon-color-active: #5696F5;
    /* BTN-DEFAULT */
    --btn-default-color: #B8B8B8;
    --btn-default-color-hover: #FFFFFF;
    --btn-default-color-active: #FFFFFF;
    --btn-default-color-focus: #FFFFFF;
    --btn-default-bg-color: #15151E;
    --btn-default-bg-color-hover: #15151E;
    --btn-default-bg-color-active: #15151E;
    --btn-default-bg-color-focus: #15151E;
    --btn-default-border-color: #5C6468;
    --btn-default-border-color-hover: #6D767E;
    --btn-default-border-color-active: #6D767E;
    --btn-default-border-color-focus: var(--focus-border-color);
    /* BTN-PRIMARY */
    --btn-primary-border-size: 1px;
    --btn-primary-color: #000000;
    --btn-primary-color-hover: #000000;
    --btn-primary-color-active: #000000;
    --btn-primary-color-focus: #000000;
    --btn-primary-bg-color: #5696F5;
    --btn-primary-bg-color-hover: #91BAF8;
    --btn-primary-bg-color-active: #91BAF8;
    --btn-primary-bg-color-focus: #91BAF8;
    --btn-primary-border-color: #5696F5;
    --btn-primary-border-color-hover: #91BAF8;
    --btn-primary-border-color-active: #FFFFFF;
    --btn-primary-border-color-focus: var(--focus-border-color);
    /* BTN-SECONDARY */
    --btn-secondary-color: #317EF2;
    --btn-secondary-color-hover: #66ADFF;
    --btn-secondary-color-active: #66ADFF;
    --btn-secondary-color-focus: #66ADFF;
    --btn-secondary-bg-color: #317EF21A;
    --btn-secondary-bg-color-hover: #317EF233;
    --btn-secondary-bg-color-active: #317EF233;
    --btn-secondary-bg-color-focus: #317EF233;
    --btn-secondary-border-color: #317EF21A;
    --btn-secondary-border-color-hover: #317EF233;
    --btn-secondary-border-color-active: #317EF24D;
    --btn-secondary-border-color-focus: var(--focus-border-color);
    /* BTN-TERTIARY */
    --btn-tertiary-color: #5696F5;
    --btn-tertiary-color-hover: #5696F5;
    --btn-tertiary-color-active: #5696F5;
    --btn-tertiary-color-focus: #5696F5;
    --btn-tertiary-bg-color: #15151E;
    --btn-tertiary-bg-color-hover: #307EF20D;
    --btn-tertiary-bg-color-active: #317EF20D;
    --btn-tertiary-bg-color-focus: #317EF20D;
    --btn-tertiary-border-color: #474752;
    --btn-tertiary-border-color-hover: #317EF24D;
    --btn-tertiary-border-color-active: #317EF2;
    --btn-tertiary-border-color-focus: var(--focus-border-color);
    /* ALERTS */
    --alert-primary-color: #D6D6D6;
    --alert-primary-bg-color: #317EF21A;
    --alert-primary-border-color: #317EF200;
    --alert-primary-border-top-color: #317EF200;
    --alert-primary-border-right-color: #317EF200;
    --alert-primary-border-bottom-color: #317EF200;
    --alert-primary-border-left-color: #317EF24D;
    --alert-secondary-color: #D6D6D6;
    --alert-secondary-bg-color: #2F3137;
    --alert-secondary-border-color: #2F313700;
    --alert-secondary-border-top-color: #2F313700;
    --alert-secondary-border-right-color: #2F313700;
    --alert-secondary-border-bottom-color: #2F313700;
    --alert-secondary-border-left-color: #5E626E;
    --alert-info-color: #D6D6D6;
    --alert-info-bg-color: #60A5FA1A;
    --alert-info-border-color: #60A5FA00;
    --alert-info-border-top-color: #60A5FA00;
    --alert-info-border-right-color: #60A5FA00;
    --alert-info-border-bottom-color: #60A5FA00;
    --alert-info-border-left-color: #60A5FA4D;
    --alert-success-color: #D6D6D6;
    --alert-success-bg-color: #16A34A1A;
    --alert-success-border-color: #16A34A00;
    --alert-success-border-top-color: #16A34A00;
    --alert-success-border-right-color: #16A34A00;
    --alert-success-border-bottom-color: #16A34A00;
    --alert-success-border-left-color: #16A34A4D;
    --alert-warning-color: #D6D6D6;
    --alert-warning-bg-color: #FF80001A;
    --alert-warning-border-color: #FF800000;
    --alert-warning-border-top-color: #FF800000;
    --alert-warning-border-right-color: #FF800000;
    --alert-warning-border-bottom-color: #FF800000;
    --alert-warning-border-left-color: #FF80004D;
    --alert-danger-color: #D6D6D6;
    --alert-danger-bg-color: #FF336633;
    --alert-danger-border-color: #FF336600;
    --alert-danger-border-top-color: #FF336600;
    --alert-danger-border-right-color: #FF336600;
    --alert-danger-border-bottom-color: #FF336600;
    --alert-danger-border-left-color: #FF33664D;
    --alert-gray-color: #D6D6D6;
    --alert-gray-bg-color: #282E33;
    --alert-gray-border-color: #282E3300;
    --alert-gray-border-top-color: #282E3300;
    --alert-gray-border-right-color: #282E3300;
    --alert-gray-border-bottom-color: #282E3300;
    --alert-gray-border-left-color: #5A6066;
    /* ACCOUNT MANAGEMENT */
    --am-nav-top-bg-color: #1F242A;
    --am-nav-top-font-color: #FFFFFFCC;
    --am-nav-top-font-color-hover: #FFFFFF;
    --am-nav-top-font-color-active: #FFFFFF;
    --am-nav-top-link-bg-color: #00000000;
    --am-nav-top-link-bg-color-hover: #00000000;
    --am-nav-top-link-bg-color-active: #00000000;
    --am-nav-top-dropdown-bg-color: #15151E;
    --am-nav-top-dropdown-font-color: #D6D6D6;
    --am-nav-top-dropdown-font-color-hover: #FFFFFF;
    --am-nav-top-dropdown-font-color-active: #FFFFFF;
    --am-nav-top-dropdown-link-bg-color: #00000000;
    --am-nav-top-dropdown-link-bg-color-hover: #3B82F60D;
    --am-nav-top-dropdown-link-bg-color-active: #3B82F60D;
    --am-nav-bottom-bg-color: #15151E;
    --am-nav-bottom-font-color: #D6D6D6;
    --am-nav-bottom-font-color-hover: #FFFFFF;
    --am-nav-bottom-font-color-active: #FFFFFF;
    --am-nav-bottom-link-bg-color: #00000000;
    --am-nav-bottom-link-bg-color-hover: #00000000;
    --am-nav-bottom-link-bg-color-active: #00000000;
    --am-nav-bottom-dropdown-bg-color: #15151E;
    --am-nav-bottom-dropdown-font-color: #D6D6D6;
    --am-nav-bottom-dropdown-font-color-hover: #FFFFFF;
    --am-nav-bottom-dropdown-font-color-active: #FFFFFF;
    --am-nav-bottom-dropdown-link-bg-color: #00000000;
    --am-nav-bottom-dropdown-link-bg-color-hover: #3B82F60D;
    --am-nav-bottom-dropdown-link-bg-color-active: #3B82F60D;
    --am-footer-bg-color: #15151E;
    --am-footer-font-color: #D6D6D6;
    --am-footer-font-color-dark: #FFFFFF;
    --am-footer-font-color-light: #B8B8B8;
    --am-footer-link-color: #D6D6D6;
    --am-footer-link-color-hover: #60A5FA;
    --am-footer-link-color-active: #60A5FA;
    --am-login-bg-color: #15151E;
    --am-panel-bg-color: #15151E;
    --am-panel-heading-bg-color: #15151E;
    --am-panel-body-bg-color: #15151E;
    /* REGISTRATION */
    --reg-brand-logo-image: var(--brand-logo-image);
    --reg-brand-logo-mobile-image: var(--brand-logo-mobile-image);
    --reg-nav-top-bg-color: #1F242A;
    --reg-nav-top-font-color: #FFFFFFCC;
    --reg-nav-top-font-color-hover: #FFFFFF;
    --reg-nav-top-dropdown-font-color: #D6D6D6;
    --reg-nav-top-dropdown-font-color-hover: #FFFFFF;
    --reg-app-progress-bg-color: #2563EB;
    --reg-app-progress-font-color: #FFFFFFCC;
    --reg-app-progress-font-color-active: #FFFFFF;
    --reg-footer-bg-color: #15151E;
    --reg-footer-font-color: #D6D6D6;
    --reg-start-left-bg-color: #3B82F61A;
    --reg-start-left-font-color: #FFFFFF;
    --reg-start-right-bg-color: #15151E;
    --reg-start-right-font-color: #D6D6D6;
    /* REGISTRATION V5 */
    --reg-v5-brand-logo-image: var(--brand-logo-image);
    --reg-v5-brand-logo-mobile-image: var(--brand-logo-mobile-image);
}
/* THEME | DARK | BROWSER FORCED ---------------------------------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        /* COLORS */
        --primary-3: #171C26;
        --primary-5: #181F2a;
        --primary-10: #1B2537;
        --primary-20: #1F304C;
        --primary-30: #243D66;
        --primary-40: #264778;
        --primary-50: #2B5491;
        --primary-60: #2F5FA7;
        --primary-70: #3069C0;
        --primary-80: #3775d2;
        --primary-90: #367BE2;
        --primary: #317EF2;
        --primary-dark-10: #5696F5;
        --primary-dark-20: #91BAF8;
        --primary-dark-30: #B4D1F8;
        --primary-dark-40: #CADEFC;
        --primary-dark-50: #ECF4FE;
        --secondary-3: #1C1F24;
        --secondary-5: #1F2227;
        --secondary-10: #282B2F;
        --secondary-20: #393B3F;
        --secondary-30: #494C4F;
        --secondary-40: #5A5C5F;
        --secondary-50: #6B6D6F;
        --secondary-60: #7C7D7F;
        --secondary-70: #8D8D8F;
        --secondary-80: #9D9E9F;
        --secondary-90: #AEAEAF;
        --secondary: #BFBFBF;
        --secondary-dark-10: #C4C4C4;
        --secondary-dark-20: #C9C9C9;
        --secondary-dark-30: #CECECE;
        --secondary-dark-40: #D4D4D4;
        --secondary-dark-50: #D9D9D9;
        --tertiary-3: #181B20;
        --tertiary-5: #191C20;
        --tertiary-10: #1A1D22;
        --tertiary-20: #1E2024;
        --tertiary-30: #25262A;
        --tertiary-40: #212327;
        --tertiary-50: #282A2D;
        --tertiary-60: #2B2D2F;
        --tertiary-70: #2F3032;
        --tertiary-80: #323335;
        --tertiary-90: #363637;
        --tertiary: #39393A;
        --tertiary-dark-10: #343435;
        --tertiary-dark-20: #2F2F30;
        --tertiary-dark-30: #2A2A2B;
        --tertiary-dark-40: #252526;
        --tertiary-dark-50: #202021;
        --info-3: #181D26;
        --info-5: #181F2A;
        --info-10: #1A2435;
        --info-20: #1C2E49;
        --info-30: #1F385F;
        --info-40: #214273;
        --info-50: #244C89;
        --info-60: #27569E;
        --info-70: #2960B3;
        --info-80: #2C6AC8;
        --info-90: #2E74DD;
        --info: #317EF2;
        --info-dark-10: #498DF3;
        --info-dark-20: #619CF5;
        --info-dark-30: #79ABF6;
        --info-dark-40: #91BAF8;
        --info-dark-50: #A9C9F9;
        --success-3: #171F21;
        --success-5: #172222;
        --success-10: #162A25;
        --success-20: #15392B;
        --success-30: #154831;
        --success-40: #145737;
        --success-50: #13673D;
        --success-60: #127643;
        --success-70: #118549;
        --success-80: #11944F;
        --success-90: #10A455;
        --success: #0FB35B;
        --success-dark-10: #10CB67;
        --success-dark-20: #12E273;
        --success-dark-30: #21ED80;
        --success-dark-40: #39EF8E;
        --success-dark-50: #50F19B;
        --warning-3: #1E1F1E;
        --warning-5: #23221D;
        --warning-10: #2F2A1C;
        --warning-20: #453919;
        --warning-30: #5D4816;
        --warning-40: #745713;
        --warning-50: #8B670F;
        --warning-60: #A2760C;
        --warning-70: #BA8509;
        --warning-80: #D19406;
        --warning-90: #E8A403;
        --warning: #FFB300;
        --warning-dark-10: #FFBA1A;
        --warning-dark-20: #FFC233;
        --warning-dark-30: #FFC94D;
        --warning-dark-40: #FFD166;
        --warning-dark-50: #FFD980;
        --danger-3: #1D1A1F;
        --danger-5: #211A1F;
        --danger-10: #2B191F;
        --danger-20: #3E1820;
        --danger-30: #521820;
        --danger-40: #651720;
        --danger-50: #781621;
        --danger-60: #8B1521;
        --danger-70: #9F1421;
        --danger-80: #B21421;
        --danger-90: #C61322;
        --danger: #D91222;
        --danger-dark-10: #EC182A;
        --danger-dark-20: #EE2F3F;
        --danger-dark-30: #F04755;
        --danger-dark-40: #F25F6B;
        --danger-dark-50: #F47681;
        --default-3: #16191E;
        --default-5: #16191E;
        --default-10: #15181C;
        --default-20: #131519;
        --default-30: #111317;
        --default-40: #0F1114;
        --default-50: #0D0E11;
        --default-60: #0B0C0E;
        --default-70: #090A0B;
        --default-80: #070809;
        --default-90: #050506;
        --default: #030303;
        --default-dark-10: #080808;
        --default-dark-20: #0D0D0D;
        --default-dark-30: #121212;
        --default-dark-40: #171717;
        --default-dark-50: #1C1C1C;
        --neutral-0: #161A1D;
        --neutral-3: #1D2125;
        --neutral-10: #282E33;
        --neutral-20: #3F4448;
        --neutral-30: #565A5E;
        --neutral-40: #707578;
        --neutral-50: #8B8F92;
        --neutral-60: #9FA3A6;
        --neutral-70: #B8BCBF;
        --neutral-80: #CED1D3;
        --neutral-90: #F0F0F0;
        --neutral: #FFFFFF;
        --neutral-dark-10: #FFFFFF;
        --neutral-dark-20: #FFFFFF;
        --neutral-dark-30: #FFFFFF;
        --neutral-dark-40: #FFFFFF;
        --neutral-dark-50: #FFFFFF;
        --dark-3: #FFFFFF08;
        --dark-5: #FFFFFF0D;
        --dark-10: #FFFFFF1A;
        --dark-20: #FFFFFF33;
        --dark-30: #FFFFFF4D;
        --dark-40: #FFFFFF66;
        --dark-50: #FFFFFF80;
        --dark-60: #FFFFFF99;
        --dark-70: #FFFFFFB3;
        --dark-80: #FFFFFFCC;
        --dark-90: #FFFFFFE6;
        --dark: #FFFFFF;
        --light-3: #00000008;
        --light-5: #0000000D;
        --light-10: #0000001A;
        --light-20: #00000033;
        --light-30: #0000004D;
        --light-40: #00000066;
        --light-50: #00000080;
        --light-60: #00000099;
        --light-70: #000000B3;
        --light-80: #000000CC;
        --light-90: #000000E6;
        --light: #000000;
        /* COMMON */
        --bg-body: #15151E;
        --bg-body-dark: #16181C;
        --bg-body-light: #1F242A;
        --box-shadow: 0px 2px 2px #000000E6;
        --disabled-color: #79838B;
        --disabled-bg-color: #15151E;
        --disabled-border-color: #444A4E;
        --focus-color: #FFFFFF;
        --focus-background-color: #15151E;
        --focus-border-color: #2563EB;
        --focus-box-shadow: var(--box-shadow);
        --overlay-color: #000000E6;
        --shadow-color: #000000E6;
        /* BORDERS */
        --border-color: #444A4E;
        /* 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");
        /* FONTS */
        --font-color: #D6D6D6;
        --font-color-dark: #FFFFFF;
        --font-color-light: #B8B8B8;
        --h1-color: #FFFFFF;
        --h2-color: #FFFFFF;
        --h3-color: #FFFFFF;
        --h4-color: #FFFFFF;
        --h5-color: #FFFFFF;
        --h6-color: #FFFFFF;
        --p-color: #D6D6D6;
        --li-color: #D6D6D6;
        /* TABLES */
        --th-color: #6D7075;
        --th-bg-color: #15151E;
        --td-color: #D6D6D6;
        --td-bg-color: #00000000;
        /* FORMS */
        --link-color: #317EF2;
        --link-color-hover: #5696F5;
        --link-color-active: #5696F5;
        --label-color: #FFFFFF;
        --input-color: #D6D6D6;
        --input-color-focus: var(--focus-color);
        --input-bg-color: #15151E;
        --input-bg-color-focus: #15151E;
        --input-border-color: #5C6468;
        --input-border-color-focus: var(--focus-border-color);
        /* BUTTONS */
        --btn-icon-color: #317EF2;
        --btn-icon-color-hover: #5696F5;
        --btn-icon-color-active: #5696F5;
        /* BTN-DEFAULT */
        --btn-default-color: #B8B8B8;
        --btn-default-color-hover: #FFFFFF;
        --btn-default-color-active: #FFFFFF;
        --btn-default-color-focus: #FFFFFF;
        --btn-default-bg-color: #15151E;
        --btn-default-bg-color-hover: #15151E;
        --btn-default-bg-color-active: #15151E;
        --btn-default-bg-color-focus: #15151E;
        --btn-default-border-color: #5C6468;
        --btn-default-border-color-hover: #6D767E;
        --btn-default-border-color-active: #6D767E;
        --btn-default-border-color-focus: var(--focus-border-color);
        /* BTN-PRIMARY */
        --btn-primary-border-size: 1px;
        --btn-primary-color: #000000;
        --btn-primary-color-hover: #000000;
        --btn-primary-color-active: #000000;
        --btn-primary-color-focus: #000000;
        --btn-primary-bg-color: #5696F5;
        --btn-primary-bg-color-hover: #91BAF8;
        --btn-primary-bg-color-active: #91BAF8;
        --btn-primary-bg-color-focus: #91BAF8;
        --btn-primary-border-color: #5696F5;
        --btn-primary-border-color-hover: #91BAF8;
        --btn-primary-border-color-active: #FFFFFF;
        --btn-primary-border-color-focus: var(--focus-border-color);
        /* BTN-SECONDARY */
        --btn-secondary-color: #317EF2;
        --btn-secondary-color-hover: #66ADFF;
        --btn-secondary-color-active: #66ADFF;
        --btn-secondary-color-focus: #66ADFF;
        --btn-secondary-bg-color: #317EF21A;
        --btn-secondary-bg-color-hover: #317EF233;
        --btn-secondary-bg-color-active: #317EF233;
        --btn-secondary-bg-color-focus: #317EF233;
        --btn-secondary-border-color: #317EF21A;
        --btn-secondary-border-color-hover: #317EF233;
        --btn-secondary-border-color-active: #317EF24D;
        --btn-secondary-border-color-focus: var(--focus-border-color);
        /* BTN-TERTIARY */
        --btn-tertiary-color: #5696F5;
        --btn-tertiary-color-hover: #5696F5;
        --btn-tertiary-color-active: #5696F5;
        --btn-tertiary-color-focus: #5696F5;
        --btn-tertiary-bg-color: #15151E;
        --btn-tertiary-bg-color-hover: #307EF20D;
        --btn-tertiary-bg-color-active: #317EF20D;
        --btn-tertiary-bg-color-focus: #317EF20D;
        --btn-tertiary-border-color: #474752;
        --btn-tertiary-border-color-hover: #317EF24D;
        --btn-tertiary-border-color-active: #317EF2;
        --btn-tertiary-border-color-focus: var(--focus-border-color);
        /* ALERTS */
        --alert-primary-color: #D6D6D6;
        --alert-primary-bg-color: #317EF21A;
        --alert-primary-border-color: #317EF200;
        --alert-primary-border-top-color: #317EF200;
        --alert-primary-border-right-color: #317EF200;
        --alert-primary-border-bottom-color: #317EF200;
        --alert-primary-border-left-color: #317EF24D;
        --alert-secondary-color: #D6D6D6;
        --alert-secondary-bg-color: #2F3137;
        --alert-secondary-border-color: #2F313700;
        --alert-secondary-border-top-color: #2F313700;
        --alert-secondary-border-right-color: #2F313700;
        --alert-secondary-border-bottom-color: #2F313700;
        --alert-secondary-border-left-color: #5E626E;
        --alert-info-color: #D6D6D6;
        --alert-info-bg-color: #60A5FA1A;
        --alert-info-border-color: #60A5FA00;
        --alert-info-border-top-color: #60A5FA00;
        --alert-info-border-right-color: #60A5FA00;
        --alert-info-border-bottom-color: #60A5FA00;
        --alert-info-border-left-color: #60A5FA4D;
        --alert-success-color: #D6D6D6;
        --alert-success-bg-color: #16A34A1A;
        --alert-success-border-color: #16A34A00;
        --alert-success-border-top-color: #16A34A00;
        --alert-success-border-right-color: #16A34A00;
        --alert-success-border-bottom-color: #16A34A00;
        --alert-success-border-left-color: #16A34A4D;
        --alert-warning-color: #D6D6D6;
        --alert-warning-bg-color: #FF80001A;
        --alert-warning-border-color: #FF800000;
        --alert-warning-border-top-color: #FF800000;
        --alert-warning-border-right-color: #FF800000;
        --alert-warning-border-bottom-color: #FF800000;
        --alert-warning-border-left-color: #FF80004D;
        --alert-danger-color: #D6D6D6;
        --alert-danger-bg-color: #FF336633;
        --alert-danger-border-color: #FF336600;
        --alert-danger-border-top-color: #FF336600;
        --alert-danger-border-right-color: #FF336600;
        --alert-danger-border-bottom-color: #FF336600;
        --alert-danger-border-left-color: #FF33664D;
        --alert-gray-color: #D6D6D6;
        --alert-gray-bg-color: #282E33;
        --alert-gray-border-color: #282E3300;
        --alert-gray-border-top-color: #282E3300;
        --alert-gray-border-right-color: #282E3300;
        --alert-gray-border-bottom-color: #282E3300;
        --alert-gray-border-left-color: #5A6066;
        /* ACCOUNT MANAGEMENT */
        --am-nav-top-bg-color: #1F242A;
        --am-nav-top-font-color: #FFFFFFCC;
        --am-nav-top-font-color-hover: #FFFFFF;
        --am-nav-top-font-color-active: #FFFFFF;
        --am-nav-top-link-bg-color: #00000000;
        --am-nav-top-link-bg-color-hover: #00000000;
        --am-nav-top-link-bg-color-active: #00000000;
        --am-nav-top-dropdown-bg-color: #15151E;
        --am-nav-top-dropdown-font-color: #D6D6D6;
        --am-nav-top-dropdown-font-color-hover: #FFFFFF;
        --am-nav-top-dropdown-font-color-active: #FFFFFF;
        --am-nav-top-dropdown-link-bg-color: #00000000;
        --am-nav-top-dropdown-link-bg-color-hover: #3B82F60D;
        --am-nav-top-dropdown-link-bg-color-active: #3B82F60D;
        --am-nav-bottom-bg-color: #15151E;
        --am-nav-bottom-font-color: #D6D6D6;
        --am-nav-bottom-font-color-hover: #FFFFFF;
        --am-nav-bottom-font-color-active: #FFFFFF;
        --am-nav-bottom-link-bg-color: #00000000;
        --am-nav-bottom-link-bg-color-hover: #00000000;
        --am-nav-bottom-link-bg-color-active: #00000000;
        --am-nav-bottom-dropdown-bg-color: #15151E;
        --am-nav-bottom-dropdown-font-color: #D6D6D6;
        --am-nav-bottom-dropdown-font-color-hover: #FFFFFF;
        --am-nav-bottom-dropdown-font-color-active: #FFFFFF;
        --am-nav-bottom-dropdown-link-bg-color: #00000000;
        --am-nav-bottom-dropdown-link-bg-color-hover: #3B82F60D;
        --am-nav-bottom-dropdown-link-bg-color-active: #3B82F60D;
        --am-footer-bg-color: #15151E;
        --am-footer-font-color: #D6D6D6;
        --am-footer-font-color-dark: #FFFFFF;
        --am-footer-font-color-light: #B8B8B8;
        --am-footer-link-color: #D6D6D6;
        --am-footer-link-color-hover: #60A5FA;
        --am-footer-link-color-active: #60A5FA;
        --am-login-bg-color: #15151E;
        --am-panel-bg-color: #15151E;
        --am-panel-heading-bg-color: #15151E;
        --am-panel-body-bg-color: #15151E;
        /* REGISTRATION */
        --reg-brand-logo-image: var(--brand-logo-image);
        --reg-brand-logo-mobile-image: var(--brand-logo-mobile-image);
        --reg-nav-top-bg-color: #1F242A;
        --reg-nav-top-font-color: #FFFFFFCC;
        --reg-nav-top-font-color-hover: #FFFFFF;
        --reg-nav-top-dropdown-font-color: #D6D6D6;
        --reg-nav-top-dropdown-font-color-hover: #FFFFFF;
        --reg-app-progress-bg-color: #2563EB;
        --reg-app-progress-font-color: #FFFFFFCC;
        --reg-app-progress-font-color-active: #FFFFFF;
        --reg-footer-bg-color: #15151E;
        --reg-footer-font-color: #D6D6D6;
        --reg-start-left-bg-color: #3B82F61A;
        --reg-start-left-font-color: #FFFFFF;
        --reg-start-right-bg-color: #15151E;
        --reg-start-right-font-color: #D6D6D6;
        /* REGISTRATION V5 */
        --reg-v5-brand-logo-image: var(--brand-logo-image);
        --reg-v5-brand-logo-mobile-image: var(--brand-logo-mobile-image);
    }
}

/* 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");
}