:root {
  --base-spacing: 8px;
  --font-heading: 'IDX Headline', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'IDX Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body-bold: 'IDX Sans Bold', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body-serif: 'IDX Serif', Georgia, 'Times New Roman', serif;
  --transparent: transparent;
  --primary-1: #110719;
  --primary-2: #f7f6ee;
  --primary-3: #ffffff;
  --primary-4: #eeff00;
  --primary-5: #ff006f;
  --primary-6: #11ffcc;
  --secondary-1: #0068ff;
  --monochrome-1: #000000;
  --base-1: #e2e1db;
  --base-2: #cecbc8;
  --base-3: #b8b5b4;
  --base-4: #a49fa1;
  --base-5: #8f8a8e;
  --base-6: #7a747a;
  --base-7: #676069;
  --base-8: #514954;
  --base-9: #3c3441;
  --base-10: #271e2e;
  --error: #d91010;
  --success: #3acd07;
  --transparent-light-5: rgba(255, 255, 255, 0.05);
  --primary-1-light-5: #1d1325;
  --primary-2-light-5: #f7f6ef;
  --primary-3-light-5: white;
  --primary-4-light-5: #efff0d;
  --primary-5-light-5: #ff0d76;
  --primary-6-light-5: #1dffcf;
  --secondary-1-light-5: #0d70ff;
  --monochrome-1-light-5: #0d0d0d;
  --base-1-light-5: #e3e3dd;
  --base-2-light-5: #d0cecb;
  --base-3-light-5: #bcb9b8;
  --base-4-light-5: #a9a4a6;
  --base-5-light-5: #959094;
  --base-6-light-5: #817b81;
  --base-7-light-5: #6f6871;
  --base-8-light-5: #5a525d;
  --base-9-light-5: #463e4b;
  --base-10-light-5: #322938;
  --error-light-5: #db1c1c;
  --success-light-5: #44d013;
  --transparent-light-10: rgba(255, 255, 255, 0.1);
  --primary-1-light-10: #292030;
  --primary-2-light-10: #f8f7f0;
  --primary-3-light-10: white;
  --primary-4-light-10: #f0ff1a;
  --primary-5-light-10: #ff1a7d;
  --primary-6-light-10: #29ffd1;
  --secondary-1-light-10: #1a77ff;
  --monochrome-1-light-10: #1a1a1a;
  --base-1-light-10: #e5e4df;
  --base-2-light-10: #d3d0ce;
  --base-3-light-10: #bfbcbc;
  --base-4-light-10: #ada9aa;
  --base-5-light-10: #9a9699;
  --base-6-light-10: #878287;
  --base-7-light-10: #767078;
  --base-8-light-10: #625b65;
  --base-9-light-10: #504854;
  --base-10-light-10: #3d3543;
  --error-light-10: #dd2828;
  --success-light-10: #4ed220;
  --transparent-light-25: rgba(255, 255, 255, 0.25);
  --primary-1-light-25: #4d4553;
  --primary-2-light-25: #f9f8f2;
  --primary-3-light-25: white;
  --primary-4-light-25: #f2ff40;
  --primary-5-light-25: #ff4093;
  --primary-6-light-25: #4dffd9;
  --secondary-1-light-25: #408eff;
  --monochrome-1-light-25: #404040;
  --base-1-light-25: #e9e9e4;
  --base-2-light-25: #dad8d6;
  --base-3-light-25: #cac8c7;
  --base-4-light-25: #bbb7b9;
  --base-5-light-25: #aba7aa;
  --base-6-light-25: #9b979b;
  --base-7-light-25: #8d888f;
  --base-8-light-25: #7d777f;
  --base-9-light-25: #6d6771;
  --base-10-light-25: #5d5662;
  --error-light-25: #e34c4c;
  --success-light-25: #6bda45;
  --transparent-light-50: rgba(255, 255, 255, 0.5);
  --primary-1-light-50: #88838c;
  --primary-2-light-50: #fbfbf7;
  --primary-3-light-50: white;
  --primary-4-light-50: #f7ff80;
  --primary-5-light-50: #ff80b7;
  --primary-6-light-50: #88ffe6;
  --secondary-1-light-50: #80b4ff;
  --monochrome-1-light-50: gray;
  --base-1-light-50: #f1f0ed;
  --base-2-light-50: #e7e5e4;
  --base-3-light-50: #dcdada;
  --base-4-light-50: #d2cfd0;
  --base-5-light-50: #c7c5c7;
  --base-6-light-50: #bdbabd;
  --base-7-light-50: #b3b0b4;
  --base-8-light-50: #a8a4aa;
  --base-9-light-50: #9e9aa0;
  --base-10-light-50: #938f97;
  --error-light-50: #ec8888;
  --success-light-50: #9de683;
  --transparent-light-75: rgba(255, 255, 255, 0.75);
  --primary-1-light-75: #c4c1c6;
  --primary-2-light-75: #fdfdfb;
  --primary-3-light-75: white;
  --primary-4-light-75: #fbffbf;
  --primary-5-light-75: #ffbfdb;
  --primary-6-light-75: #c4fff2;
  --secondary-1-light-75: #bfd9ff;
  --monochrome-1-light-75: #bfbfbf;
  --base-1-light-75: #f8f8f6;
  --base-2-light-75: #f3f2f1;
  --base-3-light-75: #ededec;
  --base-4-light-75: #e8e7e8;
  --base-5-light-75: #e3e2e3;
  --base-6-light-75: #dedcde;
  --base-7-light-75: #d9d7da;
  --base-8-light-75: #d4d2d4;
  --base-9-light-75: #ceccd0;
  --base-10-light-75: #c9c7cb;
  --error-light-75: #f6c3c3;
  --success-light-75: #cef3c1;
  --transparent-dark-5: rgba(0, 0, 0, 0.05);
  --primary-1-dark-5: #100718;
  --primary-2-dark-5: #ebeae2;
  --primary-3-dark-5: #f2f2f2;
  --primary-4-dark-5: #e2f200;
  --primary-5-dark-5: #f20069;
  --primary-6-dark-5: #10f2c2;
  --secondary-1-dark-5: #0063f2;
  --monochrome-1-dark-5: black;
  --base-1-dark-5: #d7d6d0;
  --base-2-dark-5: #c4c1be;
  --base-3-dark-5: #afacab;
  --base-4-dark-5: #9c9799;
  --base-5-dark-5: #888387;
  --base-6-dark-5: #746e74;
  --base-7-dark-5: #625b64;
  --base-8-dark-5: #4d4550;
  --base-9-dark-5: #39313e;
  --base-10-dark-5: #251d2c;
  --error-dark-5: #ce0f0f;
  --success-dark-5: #37c307;
  --transparent-dark-10: rgba(0, 0, 0, 0.1);
  --primary-1-dark-10: #0f0617;
  --primary-2-dark-10: #deddd6;
  --primary-3-dark-10: #e6e6e6;
  --primary-4-dark-10: #d6e600;
  --primary-5-dark-10: #e60064;
  --primary-6-dark-10: #0fe6b8;
  --secondary-1-dark-10: #005ee6;
  --monochrome-1-dark-10: black;
  --base-1-dark-10: #cbcbc5;
  --base-2-dark-10: #b9b7b4;
  --base-3-dark-10: #a6a3a2;
  --base-4-dark-10: #948f91;
  --base-5-dark-10: #817c80;
  --base-6-dark-10: #6e686e;
  --base-7-dark-10: #5d565f;
  --base-8-dark-10: #49424c;
  --base-9-dark-10: #362f3b;
  --base-10-dark-10: #231b29;
  --error-dark-10: #c30e0e;
  --success-dark-10: #34b906;
  --transparent-dark-25: rgba(0, 0, 0, 0.25);
  --primary-1-dark-25: #0d0513;
  --primary-2-dark-25: #b9b9b3;
  --primary-3-dark-25: #bfbfbf;
  --primary-4-dark-25: #b3bf00;
  --primary-5-dark-25: #bf0053;
  --primary-6-dark-25: #0dbf99;
  --secondary-1-dark-25: #004ebf;
  --monochrome-1-dark-25: black;
  --base-1-dark-25: #aaa9a4;
  --base-2-dark-25: #9b9896;
  --base-3-dark-25: #8a8887;
  --base-4-dark-25: #7b7779;
  --base-5-dark-25: #6b686b;
  --base-6-dark-25: #5c575c;
  --base-7-dark-25: #4d484f;
  --base-8-dark-25: #3d373f;
  --base-9-dark-25: #2d2731;
  --base-10-dark-25: #1d1723;
  --error-dark-25: #a30c0c;
  --success-dark-25: #2c9a05;
  --transparent-dark-50: rgba(0, 0, 0, 0.5);
  --primary-1-dark-50: #09040d;
  --primary-2-dark-50: #7c7b77;
  --primary-3-dark-50: gray;
  --primary-4-dark-50: #778000;
  --primary-5-dark-50: #800038;
  --primary-6-dark-50: #098066;
  --secondary-1-dark-50: #003480;
  --monochrome-1-dark-50: black;
  --base-1-dark-50: #71716e;
  --base-2-dark-50: #676664;
  --base-3-dark-50: #5c5b5a;
  --base-4-dark-50: #525051;
  --base-5-dark-50: #484547;
  --base-6-dark-50: #3d3a3d;
  --base-7-dark-50: #343035;
  --base-8-dark-50: #29252a;
  --base-9-dark-50: #1e1a21;
  --base-10-dark-50: #140f17;
  --error-dark-50: #6d0808;
  --success-dark-50: #1d6704;
  --transparent-dark-75: rgba(0, 0, 0, 0.75);
  --primary-1-dark-75: #040206;
  --primary-2-dark-75: #3e3e3c;
  --primary-3-dark-75: #404040;
  --primary-4-dark-75: #3c4000;
  --primary-5-dark-75: #40001c;
  --primary-6-dark-75: #044033;
  --secondary-1-dark-75: #001a40;
  --monochrome-1-dark-75: black;
  --base-1-dark-75: #393837;
  --base-2-dark-75: #343332;
  --base-3-dark-75: #2e2d2d;
  --base-4-dark-75: #292828;
  --base-5-dark-75: #242324;
  --base-6-dark-75: #1f1d1f;
  --base-7-dark-75: #1a181a;
  --base-8-dark-75: #141215;
  --base-9-dark-75: #0f0d10;
  --base-10-dark-75: #0a080c;
  --error-dark-75: #360404;
  --success-dark-75: #0f3302;
  --gradient-1: linear-gradient(180deg, #9747ff 0%, #00ffea 100%);
  --gradient-2: linear-gradient(90deg, #f0ff47 0%, #00ffea 100%);
  --gradient-3: linear-gradient(239deg, #9747ff 6.42%, #ff00c7 98.25%);
  --gradient-4: linear-gradient(119deg, #7852e4 8.88%, #0078e8 57.77%, #28b09f 97.44%);
  --gradient-5: linear-gradient(90deg, #ff8947 0%, #adff00 91.5%);
  --gradient-bottom-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
  --gradient-top-light: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-left-light: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-right-light: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-bottom-dark: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  --gradient-top-dark: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-left-dark: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-right-dark: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-tint-dark-50: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  --display-lg-fs: clamp(3.2rem, -0.465rem + 0.10182 * 100vw, 25.6rem);
  --display-md-fs: clamp(2.6rem, 1.062rem + 0.04273 * 100vw, 12rem);
  --nav-lg-fs: clamp(4.8rem, 2.738rem + 0.05727 * 100vw, 17.4rem);
  --headline-xxl-fs: clamp(4.3rem, 1.469rem + 0.07864 * 100vw, 21.6rem);
  --headline-xl-fs: clamp(3.4rem, 2.32rem + 0.03 * 100vw, 10rem);
  --headline-lg-fs: clamp(2.7rem, 1.996rem + 0.01955 * 100vw, 7rem);
  --headline-md-fs: clamp(2.4rem, 2.007rem + 0.01091 * 100vw, 4.8rem);
  --headline-sm-fs: clamp(1.7rem, 1.422rem + 0.00773 * 100vw, 3.4rem);
  --headline-xs-fs: clamp(1.7rem, 1.602rem + 0.00273 * 100vw, 2.3rem);
  --quote-fs: clamp(3.4rem, 1.862rem + 0.04273 * 100vw, 12.8rem);
  --body-lg-fs: clamp(2.4rem, 1.844rem + 0.01545 * 100vw, 5.8rem);
  --body-md-fs: clamp(1.9rem, 1.556rem + 0.00955 * 100vw, 4rem);
  --body-sm-fs: clamp(1.5rem, 1.287rem + 0.00591 * 100vw, 2.8rem);
  --body-xs-fs: clamp(1.2rem, 1.085rem + 0.00318 * 100vw, 1.9rem);
  --label-fs: clamp(1.2rem, 1.102rem + 0.00273 * 100vw, 1.8rem);
  --tag-fs: clamp(1.2rem, 1.167rem + 0.00091 * 100vw, 1.4rem);
  --button-label-fs: clamp(1.4rem, 1.269rem + 0.00364 * 100vw, 2.2rem);
  --stat-lg-fs: clamp(2.9rem, 0.625rem + 0.06318 * 100vw, 16.8rem);
  --breadcrumb-fs: clamp(1.2rem, 1.167rem + 0.00091 * 100vw, 1.4rem);
  --body-xxs-fs: clamp(1.2rem, 1.2rem + 0 * 100vw, 1.2rem);
  --display-lg-lh: clamp(2.8rem, -0.505rem + 0.09182 * 100vw, 23rem);
  --display-md-lh: clamp(2.6rem, 1.258rem + 0.03727 * 100vw, 10.8rem);
  --nav-lg-lh: clamp(4.3rem, 2.451rem + 0.05136 * 100vw, 15.6rem);
  --headline-xxl-lh: clamp(3.9rem, 1.625rem + 0.06318 * 100vw, 17.8rem);
  --headline-xl-lh: clamp(3rem, 2.018rem + 0.02727 * 100vw, 9rem);
  --headline-lg-lh: clamp(2.4rem, 1.762rem + 0.01773 * 100vw, 6.3rem);
  --headline-md-lh: clamp(2.1rem, 1.74rem + 0.01 * 100vw, 4.3rem);
  --headline-sm-lh: clamp(1.5rem, 1.238rem + 0.00727 * 100vw, 3.1rem);
  --headline-xs-lh: clamp(1.5rem, 1.294rem + 0.00573 * 100vw, 2.76rem);
  --quote-lh: clamp(2.9rem, 1.656rem + 0.03455 * 100vw, 10.5rem);
  --body-lg-lh: clamp(2.9rem, 2.229rem + 0.01864 * 100vw, 7rem);
  --body-md-lh: clamp(2.7rem, 2.225rem + 0.01318 * 100vw, 5.6rem);
  --body-sm-lh: clamp(2.1rem, 1.805rem + 0.00818 * 100vw, 3.9rem);
  --body-xs-lh: clamp(1.7rem, 1.569rem + 0.00364 * 100vw, 2.5rem);
  --label-lh: clamp(1.6rem, 1.453rem + 0.00409 * 100vw, 2.5rem);
  --tag-lh: clamp(1.6rem, 1.567rem + 0.00091 * 100vw, 1.8rem);
  --button-label-lh: clamp(2.1rem, 1.985rem + 0.00318 * 100vw, 2.8rem);
  --stat-lg-lh: clamp(2.9rem, 1.133rem + 0.04909 * 100vw, 13.7rem);
  --body-xxs-lh: clamp(1.8rem, 1.8rem + 0 * 100vw, 1.8rem);
  --breadcrumb-lh: clamp(1.6rem, 1.567rem + 0.00091 * 100vw, 1.8rem);
  --shadow-none: none;
  --shadow-xs: 0px 1px 3px 0px rgba(0, 0, 0, 0.10),0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0px 4px 8px -2px rgba(0, 0, 0, 0.10),0px 2px 4px -2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0px 12px 16px -4px rgba(0, 0, 0, 0.08),0px 4px 6px -2px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0px 20px 24px -4px rgba(0, 0, 0, 0.08),0px 8px 8px -4px rgba(0, 0, 0, 0.03);
  --shadow-xl: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
  --shadow-xxl: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
  --radius-none: 0;
  --radius-xs: 0.2rem;
  --radius-sm: 0.4rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.6rem;
  --radius-xl: 1.6rem;
  --radius-xxl: 2.4rem;
  --xxl: clamp(14.4rem, 11.258rem + 0.08727 * 100vw, 33.6rem);
  --xl-1: clamp(6.4rem, 3.716rem + 0.07455 * 100vw, 22.8rem);
  --xl-2: clamp(4.8rem, 3.229rem + 0.04364 * 100vw, 14.4rem);
  --lg-1: clamp(3.6rem, 2.618rem + 0.02727 * 100vw, 9.6rem);
  --lg-2: clamp(2.8rem, 2.211rem + 0.01636 * 100vw, 6.4rem);
  --md-1: clamp(2.8rem, 2.473rem + 0.00909 * 100vw, 4.8rem);
  --md-2: clamp(2rem, 1.804rem + 0.00545 * 100vw, 3.2rem);
  --sm-1: clamp(1.6rem, 1.469rem + 0.00364 * 100vw, 2.4rem);
  --sm-2: clamp(1.2rem, 1.135rem + 0.00182 * 100vw, 1.6rem);
  --xs-1: clamp(0.8rem, 0.735rem + 0.00182 * 100vw, 1.2rem);
  --xs-2: clamp(0.8rem, 0.8rem + 0 * 100vw, 0.8rem);
  --xs-3: clamp(0.4rem, 0.4rem + 0 * 100vw, 0.4rem);
  --section-light: var(--base-5);
  --section-dark: var(--base-1);
  --panel-light: var(--base-4);
  --panel-dark: var(--base-1);
  --card-light: var(--base-5);
  --card-light-hover: var(--base-1);
  --card-dark: var(--base-1);
  --card-dark-hover: var(--base-2);
  --display-on-light: var(--base-1);
  --display-on-dark: var(--base-5);
  --headline-on-light: var(--base-1);
  --headline-on-dark: var(--base-5);
  --body-on-light: var(--base-1);
  --body-on-dark: var(--base-5);
  --utility-on-light: var(--base-1);
  --utility-on-dark: var(--base-5);
  --quote-on-light: var(--base-1);
  --quote-on-dark: var(--base-5);
  --stats-on-light: var(--base-1);
  --stats-on-dark: var(--base-5);
  --pictogram-on-light: var(--base-1);
  --pictogram-on-dark: var(--base-5)
}
@media (min-width:768px) {
  :root {
    --radius-sm: 0.6rem;
    --radius-md: 1.2rem;
    --radius-lg: 2rem;
    --radius-xl: 2.4rem;
    --radius-xxl: 4rem
  }
}
@media (min-width:1200px) {
  :root {
    --radius-xs: 0.4rem;
    --radius-sm: 0.8rem;
    --radius-md: 1.6rem;
    --radius-lg: 2.4rem;
    --radius-xl: 4rem;
    --radius-xxl: 6rem
  }
}