/* SCSS Document */
/* FONTS | PROXIMA NOVA ---------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 300;
    src: local("proxima-nova-light"), local("proxima nova light"), url("/fonts/proxima-nova/Proxima-Nova-Light.woff2") format("woff2"), url("/fonts/proxima-nova/Proxima-Nova-Light.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    src: local("proxima-nova-regular"), local("proxima nova regular"), url("/fonts/proxima-nova/Proxima-Nova-Regular.woff2") format("woff2"), url("/fonts/proxima-nova/Proxima-Nova-Regular.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    src: local("proxima-nova-semibold"), local("proxima nova semibold"), url("/fonts/proxima-nova/Proxima-Nova-Semibold.woff2") format("woff2"), url("/fonts/proxima-nova/Proxima-Nova-Semibold.woff") format("woff");
    font-display: swap;
}

/* THEME-ROOT.CSS OVERRIDES | VARIABLES ---------------------------------------------------------------------------------------------------- */
:root {
    /* COLORS */
    --primary-3:#D7153508;
    --primary-5:#D715350D;
    --primary-10:#D715351A;
    --primary-20:#D7153533;
    --primary-30:#D715354D;
    --primary-40:#D7153566;
    --primary-50:#D7153580;
    --primary-60:#D7153599;
    --primary-70:#D71535B3;
    --primary-80:#D71535CC;
    --primary-90:#D71535E6;
    --primary:#D71535;
    --primary-dark-10:#BD1230;
    --primary-dark-20:#A4102A;
    --primary-dark-30:#8A0D25;
    --primary-dark-40:#710B1F;
    --primary-dark-50:#57081A;
    --secondary-3:#94949408;
    --secondary-5:#9494940D;
    --secondary-10:#9494941A;
    --secondary-20:#94949433;
    --secondary-30:#9494944D;
    --secondary-40:#94949466;
    --secondary-50:#94949480;
    --secondary-60:#94949499;
    --secondary-70:#949494B3;
    --secondary-80:#949494CC;
    --secondary-90:#949494E6;
    --secondary:#949494;
    --secondary-dark-10:#878787;
    --secondary-dark-20:#7A7A7A;
    --secondary-dark-30:#6E6E6E;
    --secondary-dark-40:#616161;
    --secondary-dark-50:#545454;
    --tertiary-3:#00000008;
    --tertiary-5:#0000000D;
    --tertiary-10:#0000001A;
    --tertiary-20:#00000033;
    --tertiary-30:#0000004D;
    --tertiary-40:#00000066;
    --tertiary-50:#00000080;
    --tertiary-60:#00000099;
    --tertiary-70:#000000B3;
    --tertiary-80:#000000CC;
    --tertiary-90:#000000E6;
    --tertiary:#000000;
    --tertiary-dark-10:#000000;
    --tertiary-dark-20:#000000;
    --tertiary-dark-30:#000000;
    --tertiary-dark-40:#000000;
    --tertiary-dark-50:#000000;
    --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:#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:#F7F7F7;
    --neutral-5:#F2F2F2;
    --neutral-10:#EDEEEE;
    --neutral-20:#DBDBDC;
    --neutral-30:#C2C2C3;
    --neutral-40:#A3A4A6;
    --neutral-50:#949494;
    --neutral-60:#737476;
    --neutral-70:#5B5C5E;
    --neutral-80:#464748;
    --neutral-90:#292A2D;
    --neutral:#1A1C21;
    --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:#F7F7F7;
    --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:#D71535;
    --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:190px;
    --brand-logo-height:34px;
    --brand-logo-image:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal.svg");
    --brand-logo-image-inverse:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal-inverse.svg");
    --brand-logo-mobile-width:190px;
    --brand-logo-mobile-height:34px;
    --brand-logo-mobile-image:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal.svg");
    --brand-logo-mobile-image-inverse:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal-inverse.svg");
    /* FONTS */
    --fw-100:100;
    --fw-200:200;
    --fw-300:300;
    --fw-400:400;
    --fw-500:500;
    --fw-600:600;
    --fw-700:700;
    --fw-800:800;
    --fw-900:900;
    --fs-1:2.5rem;
    --fs-2:2.25rem;
    --fs-3:2.0rem;
    --fs-4:1.5rem;
    --fs-5:1.25rem;
    --fs-6:1.125rem;
    --fs-7:1.0rem;
    --fs-8:0.875rem;
    --fs-9:0.75rem;
    --lh-1:2.75rem;
    --lh-2:2.5rem;
    --lh-3:2.25rem;
    --lh-4:1.875rem;
    --lh-5:1.75rem;
    --lh-6:1.6125rem;
    --lh-7:1.5rem;
    --lh-8:1.25rem;
    --lh-9:1.125rem;
    --font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --font-color:#454545;
    --font-color-light:#666666;
    --font-color-dark:#000000;
    --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:#000000;
    --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:#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.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:#000000;
    --h5-font-style:normal;
    --h5-font-weight:600;
    --h5-font-size:1.125rem;
    --h5-font-size-mobile:1.125rem;
    --h5-line-height:1.8125rem;
    --h5-line-height-mobile:1.8125rem;
    --h5-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h5-color:#000000;
    --h6-font-style:normal;
    --h6-font-weight:600;
    --h6-font-size:1.0rem;
    --h6-font-size-mobile:1.0rem;
    --h6-line-height:1.5rem;
    --h6-line-height-mobile:1.5rem;
    --h6-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
    --h6-color:#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.375rem;
    --li-line-height-mobile:1.375rem;
    --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:#6F7579;
    --th-bg-color:transparent;
    --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:transparent;
    /* FORMS */
    --link-color:#D71535;
    --link-color-hover:#BD1230;
    --link-color-active:#A4102A;
    --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.375rem;
    --input-pe:0.75rem;
    --input-pb:0.375rem;
    --input-ps:0.75rem;
    --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:#0000001F;
    --input-border-color-focus:#D71535;
    /* BUTTONS */
    --btn-icon-color:#D71535;
    --btn-icon-color-hover:#BD1230;
    --btn-icon-color-active:#A4102A;
    --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:#D71535;
    --btn-default-color-focus:#D71535;
    --btn-default-bg-color:#FCFCFC;
    --btn-default-bg-color-hover:#FCFCFC;
    --btn-default-bg-color-active:#D715350D;
    --btn-default-bg-color-focus:#D715350D;
    --btn-default-border-color:#0000001F;
    --btn-default-border-color-hover:#6F7579;
    --btn-default-border-color-active:#D7153533;
    --btn-default-border-color-focus:#D7153533;
    /* 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:#D71535;
    --btn-primary-bg-color-hover:#A4102A;
    --btn-primary-bg-color-active:#A4102A;
    --btn-primary-bg-color-focus:#A4102A;
    --btn-primary-border-color:#D71535;
    --btn-primary-border-color-hover:#A4102A;
    --btn-primary-border-color-active:#A4102A;
    --btn-primary-border-color-focus:#A4102A;
    /* BTN-SECONDARY */
    --btn-secondary-border-size:1px;
    --btn-secondary-color:#D71535;
    --btn-secondary-color-hover:#A4102A;
    --btn-secondary-color-active:#A4102A;
    --btn-secondary-color-focus:#A4102A;
    --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:#D71535;
    --btn-secondary-border-color-hover:#A4102A;
    --btn-secondary-border-color-active:#A4102A;
    --btn-secondary-border-color-focus:#A4102A;
    /* 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:0.75rem;
    --alert-pe:1.25rem;
    --alert-pb:0.75rem;
    --alert-ps:1.25rem;
    --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:#D71535;
    --alert-primary-border-size:1px;
    --alert-primary-border-top-size:1px;
    --alert-primary-border-right-size:1px;
    --alert-primary-border-bottom-size:1px;
    --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:1px;
    --alert-secondary-border-top-size:1px;
    --alert-secondary-border-right-size:1px;
    --alert-secondary-border-bottom-size:1px;
    --alert-secondary-border-left-size:5px;
    --alert-info-color:#454545;
    --alert-info-bg-color:#5EB1DE1A;
    --alert-info-border-color:#5EB1DE00;
    --alert-info-border-top-color:#5EB1DE00;
    --alert-info-border-right-color:#5EB1DE00;
    --alert-info-border-bottom-color:#5EB1DE00;
    --alert-info-border-left-color:#5EB1DE80;
    --alert-info-border-size:1px;
    --alert-info-border-top-size:1px;
    --alert-info-border-right-size:1px;
    --alert-info-border-bottom-size:1px;
    --alert-info-border-left-size:5px;
    --alert-success-color:#454545;
    --alert-success-bg-color:#0099551A;
    --alert-success-border-color:#00995500;
    --alert-success-border-top-color:#00995500;
    --alert-success-border-right-color:#00995500;
    --alert-success-border-bottom-color:#00995500;
    --alert-success-border-left-color:#00995580;
    --alert-success-border-size:1px;
    --alert-success-border-top-size:1px;
    --alert-success-border-right-size:1px;
    --alert-success-border-bottom-size:1px;
    --alert-success-border-left-size:5px;
    --alert-warning-color:#454545;
    --alert-warning-bg-color:#FCBA031A;
    --alert-warning-border-color:#FCBA0300;
    --alert-warning-border-top-color:#FCBA0300;
    --alert-warning-border-right-color:#FCBA0300;
    --alert-warning-border-bottom-color:#FCBA0300;
    --alert-warning-border-left-color:#FCBA0380;
    --alert-warning-border-size:1px;
    --alert-warning-border-top-size:1px;
    --alert-warning-border-right-size:1px;
    --alert-warning-border-bottom-size:1px;
    --alert-warning-border-left-size:5px;
    --alert-danger-color:#454545;
    --alert-danger-bg-color:#ED33421A;
    --alert-danger-border-color:#ED334200;
    --alert-danger-border-top-color:#ED334200;
    --alert-danger-border-right-color:#ED334200;
    --alert-danger-border-bottom-color:#ED334200;
    --alert-danger-border-left-color:#ED334280;
    --alert-danger-border-size:1px;
    --alert-danger-border-top-size:1px;
    --alert-danger-border-right-size:1px;
    --alert-danger-border-bottom-size:1px;
    --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:1px;
    --alert-gray-border-top-size:1px;
    --alert-gray-border-right-size:1px;
    --alert-gray-border-bottom-size:1px;
    --alert-gray-border-left-size:5px;
    /* MARKETING PORTAL */
    --marketing-portal-nav-top-bg-color:#000000;
    --marketing-portal-nav-top-font-color:#FFFFFFCC;
    --marketing-portal-nav-top-font-color-hover:#FFFFFF;
    --marketing-portal-nav-top-link-bg-color:transparent;
    --marketing-portal-nav-top-link-bg-color-hover:transparent;
    --marketing-portal-nav-top-link-bg-color-active:transparent;
    --marketing-portal-nav-top-dropdown-bg-color:#FFFFFF;
    --marketing-portal-nav-top-dropdown-font-color:#454545;
    --marketing-portal-nav-top-dropdown-font-color-hover:#000000;
    --marketing-portal-nav-top-dropdown-link-bg-color:transparent;
    --marketing-portal-nav-top-dropdown-link-bg-color-hover:#1669C10D;
    --marketing-portal-nav-top-dropdown-link-bg-color-active:#1669C10D;
    --marketing-portal-nav-bottom-bg-color:#FFFFFF;
    --marketing-portal-nav-bottom-font-color:#454545;
    --marketing-portal-nav-bottom-font-color-hover:#000000;
    --marketing-portal-nav-bottom-link-bg-color:transparent;
    --marketing-portal-nav-bottom-link-bg-color-hover:transparent;
    --marketing-portal-nav-bottom-link-bg-color-active:transparent;
    --marketing-portal-nav-bottom-dropdown-bg-color:#FFFFFF;
    --marketing-portal-nav-bottom-dropdown-font-color:#454545;
    --marketing-portal-nav-bottom-dropdown-font-color-hover:#000000;
    --marketing-portal-nav-bottom-dropdown-link-bg-color:transparent;
    --marketing-portal-nav-bottom-dropdown-link-bg-color-hover:#1669C10D;
    --marketing-portal-nav-bottom-dropdown-link-bg-color-active:#1669C10D;
    --marketing-portal-footer-bg-color:#E7ECF1;
    --marketing-portal-footer-font-color:#454545;
    --marketing-portal-footer-font-color-light:#666666;
    --marketing-portal-footer-font-color-dark:#000000;
    --marketing-portal-footer-link-color:#454545;
    --marketing-portal-footer-link-color-hover:#BD1230;
    --marketing-portal-footer-link-color-active:#A4102A;
    --marketing-portal-login-bg-color:#6F75791A;
    --marketing-portal-panel-heading-bg-color:#FFFFFF;
    --marketing-portal-panel-body-bg-color:#FFFFFF;
}
/* THEME | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
    /* COLORS */
    --primary-3:#D7153508;
    --primary-5:#D715350D;
    --primary-10:#D715351A;
    --primary-20:#D7153533;
    --primary-30:#D715354D;
    --primary-40:#D7153566;
    --primary-50:#D7153580;
    --primary-60:#D7153599;
    --primary-70:#D71535B3;
    --primary-80:#D71535CC;
    --primary-90:#D71535E6;
    --primary:#D71535;
    --primary-dark-10:#DF2F4D;
    --primary-dark-20:#E74965;
    --primary-dark-30:#EF637D;
    --primary-dark-40:#F77D95;
    --primary-dark-50:#FF97AD;
    --secondary-3:#BFBFBF08;
    --secondary-5:#BFBFBF0D;
    --secondary-10:#BFBFBF1A;
    --secondary-20:#BFBFBF33;
    --secondary-30:#BFBFBF4D;
    --secondary-40:#BFBFBF66;
    --secondary-50:#BFBFBF80;
    --secondary-60:#BFBFBF99;
    --secondary-70:#BFBFBFB3;
    --secondary-80:#BFBFBFCC;
    --secondary-90:#BFBFBFE6;
    --secondary:#BFBFBF;
    --secondary-dark-10:#C4C4C4;
    --secondary-dark-20:#C9C9C9;
    --secondary-dark-30:#CFCFCF;
    --secondary-dark-40:#D4D4D4;
    --secondary-dark-50:#D9D9D9;
    --tertiary-3:#39394208;
    --tertiary-5:#3939420D;
    --tertiary-10:#3939421A;
    --tertiary-20:#39394233;
    --tertiary-30:#3939424D;
    --tertiary-40:#39394266;
    --tertiary-50:#39394280;
    --tertiary-60:#39394299;
    --tertiary-70:#393942B3;
    --tertiary-80:#393942CC;
    --tertiary-90:#393942E6;
    --tertiary:#393942;
    --tertiary-dark-10:#353539;
    --tertiary-dark-20:#313131;
    --tertiary-dark-30:#2C2C2C;
    --tertiary-dark-40:#282828;
    --tertiary-dark-50:#232323;
    --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:#030303;
    --default-dark-10:#080808;
    --default-dark-20:#0D0D0D;
    --default-dark-30:#121212;
    --default-dark-40:#171717;
    --default-dark-50:#1C1C1C;
    --neutral-0:#1A1C21;
    --neutral-3:#222428;
    --neutral-5:#272A2D;
    --neutral-10:#333538;
    --neutral-20:#474849;
    --neutral-30:#5B5D5E;
    --neutral-40:#757677;
    --neutral-50:#8F9091;
    --neutral-60:#A3A4A6;
    --neutral-70:#BCBCBD;
    --neutral-80:#D1D1D2;
    --neutral-90:#EFEFEF;
    --neutral:#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:#1A1C21;
    --bg-body-light:#262A30;
    --bg-body-dark:#1A1C21;
    --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:#D71535;
    --focus-box-shadow:var(--box-shadow);
    --overlay-color:#000000E6;
    --shadow-color:#000000E6;
    /* BORDERS */
    --border-color:#424549;
    /* BRAND LOGO */
    --brand-logo-image:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal-inverse.svg");
    --brand-logo-image-inverse:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal.svg");
    --brand-logo-mobile-image:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal-inverse.svg");
    --brand-logo-mobile-image-inverse:url("/images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal.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:#6F7579;
    --th-bg-color:transparent;
    --td-color:#D6D6D6;
    --td-bg-color:transparent;
    /* FORMS */
    --link-color:#D71535;
    --link-color-hover:#DF2F4D;
    --link-color-active:#E74965;
    --label-color:#FFFFFF;
    --input-color:#D6D6D6;
    --input-color-focus:#D6D6D6;
    --input-bg-color:#1A1C21;
    --input-bg-color-focus:#1A1C21;
    --input-border-color:#353638;
    --input-border-color-focus:#D71535;
    /* BUTTONS */
    --btn-icon-color:#D71535;
    --btn-icon-color-hover:#DF2F4D;
    --btn-icon-color-active:#E74965;
    /* BTN-DEFAULT */
    --btn-default-color:#B8B8B8;
    --btn-default-color-hover:#FFFFFF;
    --btn-default-color-active:#D71535;
    --btn-default-color-focus:#D71535;
    --btn-default-bg-color:#1A1C21;
    --btn-default-bg-color-hover:#1A1C21;
    --btn-default-bg-color-active:#D715350D;
    --btn-default-bg-color-focus:#D715350D;
    --btn-default-border-color:#353638;
    --btn-default-border-color-hover:#6F7579;
    --btn-default-border-color-active:#D7153533;
    --btn-default-border-color-focus:#D7153533;
    /* 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:#D71535;
    --btn-primary-bg-color-hover:#E74965;
    --btn-primary-bg-color-active:#E74965;
    --btn-primary-bg-color-focus:#E74965;
    --btn-primary-border-color:#D71535;
    --btn-primary-border-color-hover:#E74965;
    --btn-primary-border-color-active:#E74965;
    --btn-primary-border-color-focus:#E74965;
    /* BTN-SECONDARY */
    --btn-secondary-color:#D71535;
    --btn-secondary-color-hover:#E74965;
    --btn-secondary-color-active:#E74965;
    --btn-secondary-color-focus:#E74965;
    --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:#D71535;
    --btn-secondary-border-color-hover:#E74965;
    --btn-secondary-border-color-active:#E74965;
    --btn-secondary-border-color-focus:#E74965;
    /* 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:#333538;
    --alert-primary-border-color:#33353800;
    --alert-primary-border-top-color:#33353800;
    --alert-primary-border-right-color:#33353800;
    --alert-primary-border-bottom-color:#33353800;
    --alert-primary-border-left-color:#D71535;
    --alert-secondary-color:#D6D6D6;
    --alert-secondary-bg-color:#272A2D;
    --alert-secondary-border-color:#272A2D00;
    --alert-secondary-border-top-color:#272A2D00;
    --alert-secondary-border-right-color:#272A2D00;
    --alert-secondary-border-bottom-color:#272A2D00;
    --alert-secondary-border-left-color:#666768;
    --alert-info-color:#D6D6D6;
    --alert-info-bg-color:#5EB1DE1A;
    --alert-info-border-color:#5EB1DE00;
    --alert-info-border-top-color:#5EB1DE00;
    --alert-info-border-right-color:#5EB1DE00;
    --alert-info-border-bottom-color:#5EB1DE00;
    --alert-info-border-left-color:#5EB1DE4D;
    --alert-success-color:#D6D6D6;
    --alert-success-bg-color:#0BC4611A;
    --alert-success-border-color:#0BC46100;
    --alert-success-border-top-color:#0BC46100;
    --alert-success-border-right-color:#0BC46100;
    --alert-success-border-bottom-color:#0BC46100;
    --alert-success-border-left-color:#0BC4614D;
    --alert-warning-color:#D6D6D6;
    --alert-warning-bg-color:#FFCC001A;
    --alert-warning-border-color:#FFCC0000;
    --alert-warning-border-top-color:#FFCC0000;
    --alert-warning-border-right-color:#FFCC0000;
    --alert-warning-border-bottom-color:#FFCC0000;
    --alert-warning-border-left-color:#FFCC004D;
    --alert-danger-color:#D6D6D6;
    --alert-danger-bg-color:#FF5C6E33;
    --alert-danger-border-color:#FF5C6E00;
    --alert-danger-border-top-color:#FF5C6E00;
    --alert-danger-border-right-color:#FF5C6E00;
    --alert-danger-border-bottom-color:#FF5C6E00;
    --alert-danger-border-left-color:#FF5C6E4D;
    --alert-gray-color:#D6D6D6;
    --alert-gray-bg-color:#333538;
    --alert-gray-border-color:#33353800;
    --alert-gray-border-top-color:#33353800;
    --alert-gray-border-right-color:#33353800;
    --alert-gray-border-bottom-color:#33353800;
    --alert-gray-border-left-color:#666768;
    /* MARKETING PORTAL */
    --marketing-portal-nav-top-bg-color:#262A30;
    --marketing-portal-nav-top-font-color:#FFFFFFCC;
    --marketing-portal-nav-top-font-color-hover:#FFFFFF;
    --marketing-portal-nav-top-link-bg-color:transparent;
    --marketing-portal-nav-top-link-bg-color-hover:transparent;
    --marketing-portal-nav-top-link-bg-color-active:transparent;
    --marketing-portal-nav-top-dropdown-bg-color:#1A1C21;
    --marketing-portal-nav-top-dropdown-font-color:#D6D6D6;
    --marketing-portal-nav-top-dropdown-font-color-hover:#FFFFFF;
    --marketing-portal-nav-top-dropdown-link-bg-color:transparent;
    --marketing-portal-nav-top-dropdown-link-bg-color-hover:#4D9FFF0D;
    --marketing-portal-nav-top-dropdown-link-bg-color-active:#4D9FFF0D;
    --marketing-portal-nav-bottom-bg-color:#1A1C21;
    --marketing-portal-nav-bottom-font-color:#D6D6D6;
    --marketing-portal-nav-bottom-font-color-hover:#FFFFFF;
    --marketing-portal-nav-bottom-link-bg-color:transparent;
    --marketing-portal-nav-bottom-link-bg-color-hover:transparent;
    --marketing-portal-nav-bottom-link-bg-color-active:transparent;
    --marketing-portal-nav-bottom-dropdown-bg-color:#1A1C21;
    --marketing-portal-nav-bottom-dropdown-font-color:#D6D6D6;
    --marketing-portal-nav-bottom-dropdown-font-color-hover:#FFFFFF;
    --marketing-portal-nav-bottom-dropdown-link-bg-color:transparent;
    --marketing-portal-nav-bottom-dropdown-link-bg-color-hover:#4D9FFF0D;
    --marketing-portal-nav-bottom-dropdown-link-bg-color-active:#4D9FFF0D;
    --marketing-portal-footer-bg-color:#000000;
    --marketing-portal-footer-font-color:#D6D6D6;
    --marketing-portal-footer-font-color-light:#B8B8B8;
    --marketing-portal-footer-font-color-dark:#FFFFFF;
    --marketing-portal-footer-link-color:#D6D6D6;
    --marketing-portal-footer-link-color-hover:#DF2F4D;
    --marketing-portal-footer-link-color-active:#E74965;
    --marketing-portal-login-bg-color:#1A1C21;
    --marketing-portal-panel-heading-bg-color:#1A1C21;
    --marketing-portal-panel-body-bg-color:#1A1C21;
}