/* 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("../font/Proxima-Nova-Light.woff2") format("woff2"), url("../font/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("../font/Proxima-Nova-Regular.woff2") format("woff2"), url("../font/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("../font/Proxima-Nova-Semibold.woff2") format("woff2"), url("../font/Proxima-Nova-Semibold.woff") format("woff");
    font-display: swap;
}

/* THEME | ROOT ---------------------------------------------------------------------------------------------------- */
:root {
    /* COLORS */
    --primary-3: #D9122208;
    --primary-5: #D912220D;
    --primary-10: #D912221A;
    --primary-20: #D9122233;
    --primary-30: #D912224D;
    --primary-40: #D9122266;
    --primary-50: #D9122280;
    --primary-60: #D9122299;
    --primary-70: #D91222B3;
    --primary-80: #D91222CC;
    --primary-90: #D91222E6;
    --primary: #D91222FF;
    --primary-dark-10: #C01A2FFF;
    --primary-dark-20: #A61729FF;
    --primary-dark-30: #8D1423FF;
    --primary-dark-40: #73101DFF;
    --primary-dark-50: #590D17FF;
    --secondary-3: #21212108;
    --secondary-5: #2121210D;
    --secondary-10: #2121211A;
    --secondary-20: #21212133;
    --secondary-30: #2121214D;
    --secondary-40: #21212166;
    --secondary-50: #21212180;
    --secondary-60: #21212199;
    --secondary-70: #212121B3;
    --secondary-80: #212121CC;
    --secondary-90: #212121E6;
    --secondary: #212121FF;
    --secondary-dark-10: #1A1A1AFF;
    --secondary-dark-20: #121212FF;
    --secondary-dark-30: #0A0A0AFF;
    --secondary-dark-40: #030303FF;
    --secondary-dark-50: #000000FF;
    --tertiary-3: #0B394408;
    --tertiary-5: #0B39440D;
    --tertiary-10: #0B39441A;
    --tertiary-20: #0B394433;
    --tertiary-30: #0B39444D;
    --tertiary-40: #0B394466;
    --tertiary-50: #0B394480;
    --tertiary-60: #0B394499;
    --tertiary-70: #0B3944B3;
    --tertiary-80: #0B3944CC;
    --tertiary-90: #0B3944E6;
    --tertiary: #0B3944FF;
    --tertiary-dark-10: #082A32FF;
    --tertiary-dark-20: #051C20FF;
    --tertiary-dark-30: #020D0FFF;
    --tertiary-dark-40: #000000FF;
    --tertiary-dark-50: #000000FF;
    --info-3: #307EF208;
    --info-5: #307EF20D;
    --info-10: #307EF21A;
    --info-20: #307EF233;
    --info-30: #307EF24D;
    --info-40: #307EF266;
    --info-50: #307EF280;
    --info-60: #307EF299;
    --info-70: #307EF2B3;
    --info-80: #307EF2CC;
    --info-90: #307EF2E6;
    --info: #307EF2FF;
    --info-dark-10: #0055D4FF;
    --info-dark-20: #0449B0FF;
    --info-dark-30: #093D8CFF;
    --info-dark-40: #0D3167FF;
    --info-dark-50: #0F2B55FF;
    --success-3: #0EB35B08;
    --success-5: #0EB35B0D;
    --success-10: #0EB35B1A;
    --success-20: #0EB35B33;
    --success-30: #0EB35B4D;
    --success-40: #0EB35B66;
    --success-50: #0EB35B80;
    --success-60: #0EB35B99;
    --success-70: #0EB35BB3;
    --success-80: #0EB35BCC;
    --success-90: #0EB35BE6;
    --success: #0EB35BFF;
    --success-dark-10: #018740FF;
    --success-dark-20: #057139FF;
    --success-dark-30: #095B33FF;
    --success-dark-40: #0E452CFF;
    --success-dark-50: #103A29FF;
    --warning-3: #FFB30008;
    --warning-5: #FFB3000D;
    --warning-10: #FFB3001A;
    --warning-20: #FFB30033;
    --warning-30: #FFB3004D;
    --warning-40: #FFB30066;
    --warning-50: #FFB30080;
    --warning-60: #FFB30099;
    --warning-70: #FFB300B3;
    --warning-80: #FFB300CC;
    --warning-90: #FFB300E6;
    --warning: #FFB300FF;
    --warning-dark-10: #E8A403FF;
    --warning-dark-20: #D09406FF;
    --warning-dark-30: #B98509FF;
    --warning-dark-40: #A2750CFF;
    --warning-dark-50: #8A6610FF;
    --danger-3: #D9122208;
    --danger-5: #D912220D;
    --danger-10: #D912221A;
    --danger-20: #D9122233;
    --danger-30: #D912224D;
    --danger-40: #D9122266;
    --danger-50: #D9122280;
    --danger-60: #D9122299;
    --danger-70: #D91222B3;
    --danger-80: #D91222CC;
    --danger-90: #D91222E6;
    --danger: #D91222FF;
    --danger-dark-10: #BD0A2FFF;
    --danger-dark-20: #8D0E23FF;
    --danger-dark-30: #6D0B1BFF;
    --danger-dark-40: #4C0813FF;
    --danger-dark-50: #38060EFF;
    --default-3: #FCFCFC08;
    --default-5: #FCFCFC0D;
    --default-10: #FCFCFC1A;
    --default-20: #FCFCFC33;
    --default-30: #FCFCFC4D;
    --default-40: #FCFCFC66;
    --default-50: #FCFCFC80;
    --default-60: #FCFCFC99;
    --default-70: #FCFCFCB3;
    --default-80: #FCFCFCCC;
    --default-90: #FCFCFCE6;
    --default: #FCFCFCFF;
    --default-dark-10: #F7F7F7FF;
    --default-dark-20: #F2F2F2FF;
    --default-dark-30: #EDEDEDFF;
    --default-dark-40: #E8E8E8FF;
    --default-dark-50: #E3E3E3FF;
    --neutral-0: #F7F8FA;
    --neutral-3: #F3F3F4;
    --neutral-5: #F3F3F4;
    --neutral-10: #E8E8E9;
    --neutral-20: #D0D1D2;
    --neutral-30: #D0D1D2;
    --neutral-40: #A2A3A5;
    --neutral-50: #A2A3A5;
    --neutral-60: #727579;
    --neutral-70: #727579;
    --neutral-80: #44474D;
    --neutral-90: #44474D;
    --neutral: #2D3036FF;
    --neutral-dark-10: #22252AFF;
    --neutral-dark-20: #1D2025FF;
    --neutral-dark-30: #16191FFF;
    --neutral-dark-40: #121212FF;
    --neutral-dark-50: #000000FF;
    --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: #000000FF;
    --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: #FFFFFFFF;
    /* COMMON */
    --bg-body: #FFFFFF;
    --bg-body-light: #FFFFFF;
    --bg-body-dark: #000000;
    --box-shadow: 0px 1px 2px #00000033;
    --disabled-color: #777777;
    --disabled-bg-color: #F7F7F7;
    --disabled-border-color: #EAEAEA;
    --focus-color: #000000;
    --focus-background-color: #FFFFFF;
    --focus-border-color: #D91222;
    --focus-box-shadow: var(--box-shadow);
    --overlay-color: #00000080;
    --shadow-color: #00000033;
    /* BORDERS */
    --border-color: #E6E6E6;
    --border-radius: 0rem;
    --border-radius-xl: 0rem;
    /* BRAND LOGO */
    --brand-logo-width: 220px;
    --brand-logo-height: 34px;
    --brand-logo-image: url("../image/interactive-brokers.png");
    --brand-logo-image-inverse: url("https://investors.interactivebrokers.com/images/common/logos/ibkr/interactive-brokers-inverse.svg");
    --brand-logo-mobile-width: 40px;
    --brand-logo-mobile-height: 40px;
    --brand-logo-mobile-image: url("../image/interactive-brokers.png");
    --brand-logo-mobile-image-inverse: url("../image/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: 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.0rem;
    --lh-6: 1.75rem;
    --lh-7: 1.375rem;
    --lh-8: 1.125rem;
    --lh-9: 1.0rem;
    --font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --font-color: #454545;
    --font-color-dark: #000000;
    --font-color-light: #666666;
    --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: "Proxima Nova", Arial, Verdana, sans-serif;
    --h1-color: #000000;
    --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: "Proxima Nova", Arial, Verdana, sans-serif;
    --h2-color: #000000;
    --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: #000000;
    --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: "Proxima Nova", Arial, Verdana, sans-serif;
    --h4-color: #000000;
    --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: "Proxima Nova", Arial, Verdana, sans-serif;
    --h5-color: #000000;
    --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.5rem;
    --h6-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --h6-color: #000000;
    --p-font-style: normal;
    --p-font-weight: 400;
    --p-font-size: 1.0rem;
    --p-font-size-mobile: 1.0rem;
    --p-line-height: 1.5rem;
    --p-line-height-mobile: 1.5rem;
    --p-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --p-color: #454545;
    --li-font-style: normal;
    --li-font-weight: 400;
    --li-font-size: 1.0rem;
    --li-font-size-mobile: 1.0rem;
    --li-line-height: 1.5rem;
    --li-line-height-mobile: 1.5rem;
    --li-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --li-color: #454545;
    /* 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.8125rem;
    --th-line-height: 1.125rem;
    --th-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --th-color: #6D7578;
    --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: 0.875rem;
    --td-line-height: 1.125rem;
    --td-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
    --td-color: #454545;
    --td-bg-color: #FFFFFF00;
    /* FORMS */
    --link-color: #D91222;
    --link-color-hover: #C01A2F;
    --link-color-active: #A61729;
    --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: #000000;
    --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: #454545;
    --input-color-focus: #000000;
    --input-bg-color: #FFFFFF;
    --input-bg-color-focus: #FFFFFF;
    --input-border-color: #E6E6E6;
    --input-border-color-focus: #D91222;
    /* BUTTONS */
    --btn-icon-color: #D91222;
    --btn-icon-color-hover: #C01A2F;
    --btn-icon-color-active: #A61729;
    --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: #D91222;
    --btn-default-color-focus: #D91222;
    --btn-default-bg-color: #FCFCFC;
    --btn-default-bg-color-hover: #FCFCFC;
    --btn-default-bg-color-active: #D912220D;
    --btn-default-bg-color-focus: #D912220D;
    --btn-default-border-color: #E6E6E6;
    --btn-default-border-color-hover: #6D7578;
    --btn-default-border-color-active: #D9122233;
    --btn-default-border-color-focus: #D9122233;
    /* 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: #D91222;
    --btn-primary-bg-color-hover: #A61729;
    --btn-primary-bg-color-active: #A61729;
    --btn-primary-bg-color-focus: #A61729;
    --btn-primary-border-color: #D91222;
    --btn-primary-border-color-hover: #A61729;
    --btn-primary-border-color-active: #A61729;
    --btn-primary-border-color-focus: #A61729;
    /* BTN-SECONDARY */
    --btn-secondary-border-size: 1px;
    --btn-secondary-color: #D91222;
    --btn-secondary-color-hover: #A61729;
    --btn-secondary-color-active: #A61729;
    --btn-secondary-color-focus: #A61729;
    --btn-secondary-bg-color: #FFFFFF00;
    --btn-secondary-bg-color-hover: #FFFFFF00;
    --btn-secondary-bg-color-active: #FFFFFF00;
    --btn-secondary-bg-color-focus: #FFFFFF00;
    --btn-secondary-border-color: #D91222;
    --btn-secondary-border-color-hover: #A61729;
    --btn-secondary-border-color-active: #A61729;
    --btn-secondary-border-color-focus: #A61729;
    /* BTN-TERTIARY */
    --btn-tertiary-border-size: 1px;
    --btn-tertiary-color: #FFFFFF;
    --btn-tertiary-color-hover: #FFFFFF;
    --btn-tertiary-color-active: #FFFFFF;
    --btn-tertiary-color-focus: #FFFFFF;
    --btn-tertiary-bg-color: #333333;
    --btn-tertiary-bg-color-hover: #000000;
    --btn-tertiary-bg-color-active: #000000;
    --btn-tertiary-bg-color-focus: #000000;
    --btn-tertiary-border-color: #333333;
    --btn-tertiary-border-color-hover: #000000;
    --btn-tertiary-border-color-active: #000000;
    --btn-tertiary-border-color-focus: #000000;
    /* ALERTS */
    --alert-pt: 12px;
    --alert-pe: 20px;
    --alert-pb: 12px;
    --alert-ps: 20px;
    --alert-primary-color: #454545;
    --alert-primary-bg-color: #F7F7F7;
    --alert-primary-border-color: #F7F7F700;
    --alert-primary-border-top-color: #F7F7F700;
    --alert-primary-border-right-color: #F7F7F700;
    --alert-primary-border-bottom-color: #F7F7F700;
    --alert-primary-border-left-color: #D91222;
    --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: #FAFAFA;
    --alert-secondary-border-color: #FAFAFA00;
    --alert-secondary-border-top-color: #FAFAFA00;
    --alert-secondary-border-right-color: #FAFAFA00;
    --alert-secondary-border-bottom-color: #FAFAFA00;
    --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: #5BA3D01A;
    --alert-info-border-color: #5BA3D000;
    --alert-info-border-top-color: #5BA3D000;
    --alert-info-border-right-color: #5BA3D000;
    --alert-info-border-bottom-color: #5BA3D000;
    --alert-info-border-left-color: #5BA3D080;
    --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: #00C86A1A;
    --alert-success-border-color: #00C86A00;
    --alert-success-border-top-color: #00C86A00;
    --alert-success-border-right-color: #00C86A00;
    --alert-success-border-bottom-color: #00C86A00;
    --alert-success-border-left-color: #00C86A80;
    --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: #E6355B1A;
    --alert-danger-border-color: #E6355B00;
    --alert-danger-border-top-color: #E6355B00;
    --alert-danger-border-right-color: #E6355B00;
    --alert-danger-border-bottom-color: #E6355B00;
    --alert-danger-border-left-color: #E6355B80;
    --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: #0E449B0D;
    --am-nav-top-dropdown-link-bg-color-active: #0E449B0D;
    --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: #0E449B0D;
    --am-nav-bottom-dropdown-link-bg-color-active: #0E449B0D;
    --am-footer-bg-color: #FFFFFF;
    --am-footer-font-color: #000000CC;
    --am-footer-font-color-dark: #000000;
    --am-footer-font-color-light: #00000099;
    --am-footer-link-color: #000000CC;
    --am-footer-link-color-hover: #D91222;
    --am-footer-link-color-active: #D91222;
    --am-login-bg-color: #6D75781A;
    --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: #021B3E;
    --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: #D91222;
    --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: #0E449B;
    --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);
    /* WEBSITE */
    --nav-top-bg-color: #000000;
    --nav-top-link-color: #FFFFFFCC;
    --nav-top-link-color-hover: #FFFFFF;
    --nav-top-link-color-active: #FFFFFF;
    --nav-top-link-bg-color: #FFFFFF00;
    --nav-top-link-bg-color-hover: #FFFFFF00;
    --nav-top-link-bg-color-active: #FFFFFF00;
    --nav-top-dropdown-bg-color: #FFFFFF;
    --nav-top-dropdown-font-color-dark: #000000;
    --nav-top-dropdown-font-color: #000000CC;
    --nav-top-dropdown-font-color-light: #00000099;
    --nav-top-dropdown-link-color: #000000CC;
    --nav-top-dropdown-link-color-hover: #D91222;
    --nav-top-dropdown-link-color-active: #D91222;
    --nav-top-dropdown-link-bg-color: #FFFFFF00;
    --nav-top-dropdown-link-bg-color-hover: #6D75780D;
    --nav-top-dropdown-link-bg-color-active: #6D75780D;
    --nav-bottom-bg-color: #FFFFFF;
    --nav-bottom-link-color: #000000CC;
    --nav-bottom-link-color-hover: #D91222;
    --nav-bottom-link-color-active: #D91222;
    --nav-bottom-link-bg-color: #FFFFFF00;
    --nav-bottom-link-bg-color-hover: #FFFFFF00;
    --nav-bottom-link-bg-color-active: #FFFFFF00;
    --nav-bottom-dropdown-bg-color: #FFFFFF;
    --nav-bottom-dropdown-font-color-dark: #000000;
    --nav-bottom-dropdown-font-color: #000000CC;
    --nav-bottom-dropdown-font-color-light: #00000099;
    --nav-bottom-dropdown-link-color: #000000CC;
    --nav-bottom-dropdown-link-color-hover: #D91222;
    --nav-bottom-dropdown-link-color-active: #D91222;
    --nav-bottom-dropdown-link-bg-color: #FFFFFF00;
    --nav-bottom-dropdown-link-bg-color-hover: #6D75780D;
    --nav-bottom-dropdown-link-bg-color-active: #6D75780D;
    --footer-bg-color: #6D75781A;
    --footer-font-color-dark: #000000;
    --footer-font-color: #000000CC;
    --footer-font-color-light: #00000099;
    --footer-link-color: #000000CC;
    --footer-link-color-hover: #D91222;
    --footer-link-color-active: #D91222;
}

/* THEME | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
    /* COLORS */
    --primary-3: #D9122208;
    --primary-5: #D912220D;
    --primary-10: #D912221A;
    --primary-20: #D9122233;
    --primary-30: #D912224D;
    --primary-40: #D9122266;
    --primary-50: #D9122280;
    --primary-60: #D9122299;
    --primary-70: #D91222B3;
    --primary-80: #D91222CC;
    --primary-90: #D91222E6;
    --primary: #D91222FF;
    --primary-dark-10: #E94361FF;
    --primary-dark-20: #EF6983FF;
    --primary-dark-30: #F48FA4FF;
    --primary-dark-40: #F9B5C5FF;
    --primary-dark-50: #FDDBE6FF;
    --secondary-3: #2E2E2E08;
    --secondary-5: #2E2E2E0D;
    --secondary-10: #2E2E2E1A;
    --secondary-20: #2E2E2E33;
    --secondary-30: #2E2E2E4D;
    --secondary-40: #2E2E2E66;
    --secondary-50: #2E2E2E80;
    --secondary-60: #2E2E2E99;
    --secondary-70: #2E2E2EB3;
    --secondary-80: #2E2E2ECC;
    --secondary-90: #2E2E2EE6;
    --secondary: #2E2E2EFF;
    --secondary-dark-10: #3B3B3BFF;
    --secondary-dark-20: #474747FF;
    --secondary-dark-30: #545454FF;
    --secondary-dark-40: #616161FF;
    --secondary-dark-50: #6E6E6EFF;
    --tertiary-3: #0B394408;
    --tertiary-5: #0B39440D;
    --tertiary-10: #0B39441A;
    --tertiary-20: #0B394433;
    --tertiary-30: #0B39444D;
    --tertiary-40: #0B394466;
    --tertiary-50: #0B394480;
    --tertiary-60: #0B394499;
    --tertiary-70: #0B3944B3;
    --tertiary-80: #0B3944CC;
    --tertiary-90: #0B3944E6;
    --tertiary: #0B3944FF;
    --tertiary-dark-10: #082A32FF;
    --tertiary-dark-20: #051C20FF;
    --tertiary-dark-30: #020D0FFF;
    --tertiary-dark-40: #000000FF;
    --tertiary-dark-50: #000000FF;
    --info-3: #307EF208;
    --info-5: #307EF20D;
    --info-10: #307EF21A;
    --info-20: #307EF233;
    --info-30: #307EF24D;
    --info-40: #307EF266;
    --info-50: #307EF280;
    --info-60: #307EF299;
    --info-70: #307EF2B3;
    --info-80: #307EF2CC;
    --info-90: #307EF2E6;
    --info: #317EF2FF;
    --info-dark-10: #498DF3FF;
    --info-dark-20: #619CF5FF;
    --info-dark-30: #79ABF6FF;
    --info-dark-40: #91BAF8FF;
    --info-dark-50: #A9C9F9FF;
    --success-3: #0EB35B08;
    --success-5: #0EB35B0D;
    --success-10: #0EB35B1A;
    --success-20: #0EB35B33;
    --success-30: #0EB35B4D;
    --success-40: #0EB35B66;
    --success-50: #0EB35B80;
    --success-60: #0EB35B99;
    --success-70: #0EB35BB3;
    --success-80: #0EB35BCC;
    --success-90: #0EB35BE6;
    --success: #0FB35BFF;
    --success-dark-10: #10CB67FF;
    --success-dark-20: #12E273FF;
    --success-dark-30: #21ED80FF;
    --success-dark-40: #39EF8EFF;
    --success-dark-50: #50F19BFF;
    --warning-3: #FFB30008;
    --warning-5: #FFB3000D;
    --warning-10: #FFB3001A;
    --warning-20: #FFB30033;
    --warning-30: #FFB3004D;
    --warning-40: #FFB30066;
    --warning-50: #FFB30080;
    --warning-60: #FFB30099;
    --warning-70: #FFB300B3;
    --warning-80: #FFB300CC;
    --warning-90: #FFB300E6;
    --warning: #FFB300FF;
    --warning-dark-10: #FFBA1AFF;
    --warning-dark-20: #FFC233FF;
    --warning-dark-30: #FFC94DFF;
    --warning-dark-40: #FFD166FF;
    --warning-dark-50: #FFD980FF;
    --danger-3: #D9122208;
    --danger-5: #D912220D;
    --danger-10: #D912221A;
    --danger-20: #D9122233;
    --danger-30: #D912224D;
    --danger-40: #D9122266;
    --danger-50: #D9122280;
    --danger-60: #D9122299;
    --danger-70: #D91222B3;
    --danger-80: #D91222CC;
    --danger-90: #D91222E6;
    --danger: #D91222FF;
    --danger-dark-10: #EC182AFF;
    --danger-dark-20: #EE2F3FFF;
    --danger-dark-30: #F04755FF;
    --danger-dark-40: #F25F6BFF;
    --danger-dark-50: #F47681FF;
    --default-3: #03030308;
    --default-5: #0303030D;
    --default-10: #0303031A;
    --default-20: #03030333;
    --default-30: #0303034D;
    --default-40: #03030366;
    --default-50: #03030380;
    --default-60: #03030399;
    --default-70: #030303B3;
    --default-80: #030303CC;
    --default-90: #030303E6;
    --default: #030303FF;
    --default-dark-10: #080808FF;
    --default-dark-20: #0D0D0DFF;
    --default-dark-30: #121212FF;
    --default-dark-40: #171717FF;
    --default-dark-50: #1C1C1CFF;
    --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: #FFFFFFFF;
    --neutral-dark-10: #FFFFFFFF;
    --neutral-dark-20: #FFFFFFFF;
    --neutral-dark-30: #FFFFFFFF;
    --neutral-dark-40: #FFFFFFFF;
    --neutral-dark-50: #FFFFFFFF;
    --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: #FFFFFFFF;
    --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: #000000FF;
    /* COMMON */
    --bg-body: #171A1F;
    --bg-body-light: #232A33;
    --bg-body-dark: #171A1F;
    --box-shadow: 0px 1px 2px #000000E6;
    --disabled-color: #555555;
    --disabled-bg-color: #15151E;
    --disabled-border-color: #444A4E;
    --focus-color: #FFFFFF;
    --focus-background-color: #15151E;
    --focus-border-color: #FF526D;
    --focus-box-shadow: var(--box-shadow);
    --overlay-color: #000000E6;
    --shadow-color: #000000E6;
    /* BORDERS */
    --border-color: #454B4D;
    /* BRAND LOGO */
    --brand-logo-image: url("https://investors.interactivebrokers.com/images/common/logos/ibkr/interactive-brokers-inverse.svg");
    --brand-logo-image-inverse: url("../image/interactive-brokers.png");
    --brand-logo-mobile-image: url("../image/ibkr-inverse.svg");
    --brand-logo-mobile-image-inverse: url("https://investors.interactivebrokers.com/images/common/logos/ibkr/ibkr.svg");
    /* FONTS */
    --font-color: #D6D6D6;
    --font-color-light: #B8B8B8;
    --font-color-dark: #FFFFFF;
    --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: #737475;
    --th-bg-color: #171A1F;
    --td-color: #D6D6D6;
    --td-bg-color: #00000000;
    /* FORMS */
    --link-color: #D91222;
    --link-color-hover: #FFFFFF;
    --link-color-active: #FFFFFF;
    --label-color: #FFFFFF;
    --input-color: #D6D6D6;
    --input-color-focus: #D6D6D6;
    --input-bg-color: #171A1F;
    --input-bg-color-focus: #171A1F;
    --input-border-color: #454B4D;
    --input-border-color-focus: #D91222;
    /* BUTTONS */
    --btn-icon-color: #D91222;
    --btn-icon-color-hover: #E94361;
    --btn-icon-color-active: #EF6983;
    /* BTN-DEFAULT */
    --btn-default-color: #B8B8B8;
    --btn-default-color-hover: #FFFFFF;
    --btn-default-color-active: #D91222;
    --btn-default-color-focus: #D91222;
    --btn-default-bg-color: #171A1F;
    --btn-default-bg-color-hover: #171A1F;
    --btn-default-bg-color-active: #D912220D;
    --btn-default-bg-color-focus: #D912220D;
    --btn-default-border-color: #454B4D;
    --btn-default-border-color-hover: #737475;
    --btn-default-border-color-active: #D9122233;
    --btn-default-border-color-focus: #D9122233;
    /* BTN-PRIMARY */
    --btn-primary-color: #000000;
    --btn-primary-color-hover: #000000;
    --btn-primary-color-active: #000000;
    --btn-primary-color-focus: #000000;
    --btn-primary-bg-color: #D91222;
    --btn-primary-bg-color-hover: #EF6983;
    --btn-primary-bg-color-active: #EF6983;
    --btn-primary-bg-color-focus: #EF6983;
    --btn-primary-border-color: #D91222;
    --btn-primary-border-color-hover: #EF6983;
    --btn-primary-border-color-active: #EF6983;
    --btn-primary-border-color-focus: #EF6983;
    /* BTN-SECONDARY */
    --btn-secondary-color: #D91222;
    --btn-secondary-color-hover: #EF6983;
    --btn-secondary-color-active: #EF6983;
    --btn-secondary-color-focus: #EF6983;
    --btn-secondary-bg-color: #00000000;
    --btn-secondary-bg-color-hover: #00000000;
    --btn-secondary-bg-color-active: #00000000;
    --btn-secondary-bg-color-focus: #00000000;
    --btn-secondary-border-color: #D91222;
    --btn-secondary-border-color-hover: #EF6983;
    --btn-secondary-border-color-active: #EF6983;
    --btn-secondary-border-color-focus: #EF6983;
    /* BTN-TERTIARY */
    --btn-tertiary-color: #000000;
    --btn-tertiary-color-hover: #000000;
    --btn-tertiary-color-active: #000000;
    --btn-tertiary-color-focus: #000000;
    --btn-tertiary-bg-color: #E6E6E6;
    --btn-tertiary-bg-color-hover: #FFFFFF;
    --btn-tertiary-bg-color-active: #FFFFFF;
    --btn-tertiary-bg-color-focus: #FFFFFF;
    --btn-tertiary-border-color: #E6E6E6;
    --btn-tertiary-border-color-hover: #FFFFFF;
    --btn-tertiary-border-color-active: #FFFFFF;
    --btn-tertiary-border-color-focus: #FFFFFF;
    /* ALERTS */
    --alert-primary-color: #D6D6D6;
    --alert-primary-bg-color: #323538;
    --alert-primary-border-color: #32353800;
    --alert-primary-border-top-color: #32353800;
    --alert-primary-border-right-color: #32353800;
    --alert-primary-border-bottom-color: #32353800;
    --alert-primary-border-left-color: #D91222;
    --alert-secondary-color: #D6D6D6;
    --alert-secondary-bg-color: #262A2D;
    --alert-secondary-border-color: #262A2D00;
    --alert-secondary-border-top-color: #262A2D00;
    --alert-secondary-border-right-color: #262A2D00;
    --alert-secondary-border-bottom-color: #262A2D00;
    --alert-secondary-border-left-color: #666666;
    --alert-info-color: #D6D6D6;
    --alert-info-bg-color: #5BA3D01A;
    --alert-info-border-color: #5BA3D000;
    --alert-info-border-top-color: #5BA3D000;
    --alert-info-border-right-color: #5BA3D000;
    --alert-info-border-bottom-color: #5BA3D000;
    --alert-info-border-left-color: #5BA3D04D;
    --alert-success-color: #D6D6D6;
    --alert-success-bg-color: #05CA6F1A;
    --alert-success-border-color: #05CA6F00;
    --alert-success-border-top-color: #05CA6F00;
    --alert-success-border-right-color: #05CA6F00;
    --alert-success-border-bottom-color: #05CA6F00;
    --alert-success-border-left-color: #05CA6F4D;
    --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: #FF6A8333;
    --alert-danger-border-color: #FF6A8300;
    --alert-danger-border-top-color: #FF6A8300;
    --alert-danger-border-right-color: #FF6A8300;
    --alert-danger-border-bottom-color: #FF6A8300;
    --alert-danger-border-left-color: #FF6A834D;
    --alert-gray-color: #D6D6D6;
    --alert-gray-bg-color: #323538;
    --alert-gray-border-color: #32353800;
    --alert-gray-border-top-color: #32353800;
    --alert-gray-border-right-color: #32353800;
    --alert-gray-border-bottom-color: #32353800;
    --alert-gray-border-left-color: #666666;
    /* ACCOUNT MANAGEMENT */
    --am-nav-top-bg-color: #232A33;
    --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: #171A1F;
    --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: #0E449B0D;
    --am-nav-top-dropdown-link-bg-color-active: #0E449B0D;
    --am-nav-bottom-bg-color: #171A1F;
    --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: #171A1F;
    --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: #0E449B0D;
    --am-nav-bottom-dropdown-link-bg-color-active: #0E449B0D;
    --am-footer-bg-color: #0F1114;
    --am-footer-font-color: #000000CC;
    --am-footer-font-color-dark: #000000;
    --am-footer-font-color-light: #00000099;
    --am-footer-link-color: #000000CC;
    --am-footer-link-color-hover: #D91222;
    --am-footer-link-color-active: #D91222;
    --am-login-bg-color: #171A1F;
    --am-panel-heading-bg-color: #171A1F;
    --am-panel-body-bg-color: #171A1F;
    /* REGISTRATION */
    --reg-brand-logo-image: var(--brand-logo-image);
    --reg-brand-logo-mobile-image: var(--brand-logo-mobile-image);
    --reg-nav-top-bg-color: #232A33;
    --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: #D91222;
    --reg-app-progress-font-color: #FFFFFFCC;
    --reg-app-progress-font-color-active: #FFFFFF;
    --reg-footer-bg-color: #0F1114;
    --reg-footer-font-color: #D6D6D6;
    --reg-start-left-bg-color: #1B66F21A;
    --reg-start-left-font-color: #FFFFFF;
    --reg-start-right-bg-color: #171A1F;
    --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);
    /* WEBSITE */
    --nav-top-bg-color: #000000;
    --nav-top-link-color: #FFFFFFCC;
    --nav-top-link-color-hover: #FFFFFF;
    --nav-top-link-color-active: #FFFFFF;
    --nav-top-link-bg-color: #00000000;
    --nav-top-link-bg-color-hover: #00000000;
    --nav-top-link-bg-color-active: #00000000;
    --nav-top-dropdown-bg-color: #171A1F;
    --nav-top-dropdown-font-color-dark: #FFFFFF;
    --nav-top-dropdown-font-color: #FFFFFFCC;
    --nav-top-dropdown-font-color-light: #FFFFFF99;
    --nav-top-dropdown-link-color: #FFFFFFCC;
    --nav-top-dropdown-link-color-hover: #D91222;
    --nav-top-dropdown-link-color-active: #D91222;
    --nav-top-dropdown-link-bg-color: #00000000;
    --nav-top-dropdown-link-bg-color-hover: #6D75780D;
    --nav-top-dropdown-link-bg-color-active: #6D75780D;
    --nav-bottom-bg-color: #171A1F;
    --nav-bottom-link-color: #FFFFFFCC;
    --nav-bottom-link-color-hover: #D91222;
    --nav-bottom-link-color-active: #D91222;
    --nav-bottom-link-bg-color: #00000000;
    --nav-bottom-link-bg-color-hover: #00000000;
    --nav-bottom-link-bg-color-active: #00000000;
    --nav-bottom-dropdown-bg-color: #171A1F;
    --nav-bottom-dropdown-font-color-dark: #FFFFFF;
    --nav-bottom-dropdown-font-color: #FFFFFFCC;
    --nav-bottom-dropdown-font-color-light: #FFFFFF99;
    --nav-bottom-dropdown-link-color: #FFFFFFCC;
    --nav-bottom-dropdown-link-color-hover: #D91222;
    --nav-bottom-dropdown-link-color-active: #D91222;
    --nav-bottom-dropdown-link-bg-color: #00000000;
    --nav-bottom-dropdown-link-bg-color-hover: #6D75780D;
    --nav-bottom-dropdown-link-bg-color-active: #6D75780D;
    --footer-bg-color: #0F1114;
    --footer-font-color-dark: #FFFFFF;
    --footer-font-color: #FFFFFFCC;
    --footer-font-color-light: #FFFFFF99;
    --footer-link-color: #FFFFFFCC;
    --footer-link-color-hover: #D91222;
    --footer-link-color-active: #D91222;
}

/* 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("../image/interactive-brokers-zhhans.svg");
    --brand-logo-image-inverse: url("../image/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("../image/interactive-brokers-zhhans-inverse.svg");
    --brand-logo-image-inverse: url("../image/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("../image/interactive-brokers-zhhant.svg");
    --brand-logo-image-inverse: url("../image/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("../image/interactive-brokers-zhhant-inverse.svg");
    --brand-logo-image-inverse: url("../image/interactive-brokers-zhhant.svg");
}