/* Nelset_01_size_base */
:root {
  --size-base-0x-0: 0px;
  --size-base-05x-2: 2px;
  --size-base-1x-4: 4px;
  --size-base-1-5x-6: 6px;
  --size-base-2x-8: 8px;
  --size-base-2-5x-10: 10px;
  --size-base-3x-12: 12px;
  --size-base-3-5x-14: 14px;
  --size-base-4x-16: 16px;
  --size-base-5x-20: 20px;
  --size-base-6x-24: 24px;
  --size-base-7x-28: 28px;
  --size-base-8x-32: 32px;
  --size-base-9x-36: 36px;
  --size-base-10x-40: 40px;
  --size-base-11x-44: 44px;
  --size-base-12x-48: 48px;
  --size-base-13x-52: 52px;
  --size-base-14x-56: 56px;
  --size-base-15x-60: 60px;
  --size-base-16x-64: 64px;
  --size-base-18x-72: 72px;
  --size-base-20x-80: 80px;
  --size-base-22x-88: 88px;
  --size-base-24x-96: 96px;
  --size-base-26x-104: 104px;
  --size-base-28x-112: 112px;
  --size-base-30x-120: 120px;
  --size-base-32x-128: 128px;
  --size-base-36x-144: 144px;
  --size-base-40x-160: 160px;
  --size-base-44x-176: 176px;
  --size-base-48x-192: 192px;
  --size-base-52x-208: 208px;
  --size-base-56x-224: 224px;
  --size-base-60x-240: 240px;
  --size-base-64x-256: 256px;
  --size-base-72x-288: 288px;
  --size-base-80x-320: 320px;
  --size-base-88x-352: 352px;
  --size-base-999: 999px;
}

/* Nelset_scale */
@media (min-width: 1920px) {
  :root {
    --size-block-banner-bp-xl:calc(846px + (1200 - 846) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-hero-bp-xl:calc(918px + (1998 - 918) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-img-bp-xl:calc(640px + (1200 - 640) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-padding-bp-xl-sm:calc(20px + (28 - 20) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-padding-bp-xl-md:calc(32px + (56 - 32) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-padding-bp-xl-lg:calc(72px + (128 - 72) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-space-bp-xl-md:calc(32px + (56 - 32) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-space-bp-xl-lg:calc(44px + (64 - 44) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-space-bp-xl-xl:calc(56px + (88 - 56) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-space-bp-xl-2xl:calc(64px + (96 - 64) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-space-bp-xl-3xl:calc(80px + (128 - 80) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-space-bp-xl-4xl:calc(80px + (128 - 80) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-text-big-max-bp-xl:calc(1273px + (1830 - 1273) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-text-third-body-max-bp-xl:calc(428px + (908 - 428) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-text-third-full-max-bp-xl:calc(565px + (1163 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-text-third-full-min-bp-xl:calc(565px + (800 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-text-two-thirds-body-max-bp-xl:calc(592px + (592 - 592) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-text-two-thirds-full-max-bp-xl:calc(565px + (1163 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-text-two-thirds-full-min-bp-xl:calc(565px + (800 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-button-height-bp-xl-md:calc(52px + (72 - 52) * ((100vw - 1920px) / (3840 - 1920)));
    --size-button-height-bp-xl-lg:calc(64px + (80 - 64) * ((100vw - 1920px) / (3840 - 1920)));
    --size-button-height-bp-xl-1xl:calc(80px + (96 - 80) * ((100vw - 1920px) / (3840 - 1920)));
    --size-button-height-bp-xl-2xl:calc(88px + (104 - 88) * ((100vw - 1920px) / (3840 - 1920)));
    --size-button-space-bp-xl-sm:calc(2px + (4 - 2) * ((100vw - 1920px) / (3840 - 1920)));
    --size-button-space-bp-xl-md:calc(4px + (8 - 4) * ((100vw - 1920px) / (3840 - 1920)));
    --size-button-space-bp-xl-lg:calc(8px + (16 - 8) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-height-bp-xl-sm:calc(394px + (560 - 394) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-padding-bp-xl-xl:calc(40px + (64 - 40) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-padding-bp-xl-sm:calc(4px + (16 - 4) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-padding-bp-xl-md:calc(8px + (24 - 8) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-padding-bp-xl-lg:calc(16px + (32 - 16) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-padding-bp-xl-1xl:calc(24px + (48 - 24) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-padding-bp-xl-2xl:calc(32px + (56 - 32) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-sm:calc(4px + (12 - 4) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-md:calc(8px + (20 - 8) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-lg:calc(16px + (24 - 16) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-1xl:calc(20px + (28 - 20) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-2xl:calc(24px + (40 - 24) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-3xl:calc(32px + (48 - 32) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-4xl:calc(40px + (56 - 40) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-space-bp-xl-5xl:calc(44px + (64 - 44) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-1xl-size:calc(24px + (36 - 24) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-1xl-line:calc(31.200000762939453px + (46.79999923706055 - 31.200000762939453) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-2xl-size:calc(32px + (40 - 32) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-2xl-line:calc(44.79999923706055px + (56 - 44.79999923706055) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-3xl-size:calc(40px + (64 - 40) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-3xl-line:calc(52px + (72.80000305175781 - 52) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-4xl-size:calc(48px + (96 - 48) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-4xl-line:calc(57.599998474121094px + (115.19999694824219 - 57.599998474121094) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-5xl-size:calc(56px + (112 - 56) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-5xl-line:calc(61.599998474121094px + (123.19999694824219 - 61.599998474121094) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-6xl-line:calc(96px + (176 - 96) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-6xl-size:calc(96px + (176 - 96) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-lg-size:calc(16px + (24 - 16) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-lg-line:calc(24px + (36 - 24) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-md-size:calc(14px + (20 - 14) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-md-line:calc(21px + (30 - 21) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-sm-size:calc(12px + (12 - 12) * ((100vw - 1920px) / (3840 - 1920)));
    --size-font-bp-xl-sm-line:calc(18px + (18 - 18) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-breakpoint-bp-xl:calc(1920px + (3840 - 1920) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-big-max-bp-xl:calc(789px + (2000 - 789) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-big-min-bp-xl:calc(789px + (1600 - 789) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-half-max-bp-xl:calc(856px + (1163 - 856) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-half-min-bp-xl:calc(789px + (1000 - 789) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-number-12-bp-xl:calc(12px + (12 - 12) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-number-3-bp-xl:calc(3px + (3 - 3) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-number-9-bp-xl:calc(9px + (9 - 9) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-third-max-bp-xl:calc(565px + (1163 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-third-min-bp-xl:calc(565px + (1000 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-third-tablet-full-max-bp-xl:calc(565px + (1163 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-column-third-tablet-full-min-bp-xl:calc(368px + (800 - 368) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-margin-hor-bp-xl-lg:calc(96px + (160 - 96) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-margin-hor-bp-xl-xl:calc(160px + (224 - 160) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-margin-vert-bp-xl-md:calc(96px + (144 - 96) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-margin-vert-bp-xl-lg:calc(112px + (176 - 112) * ((100vw - 1920px) / (3840 - 1920)));
    --size-grid-margin-vert-bp-xl-xl:calc(160px + (224 - 160) * ((100vw - 1920px) / (3840 - 1920)));
    --size-icon-bp-xl-md:calc(24px + (36 - 24) * ((100vw - 1920px) / (3840 - 1920)));
    --size-icon-bp-xl-lg:calc(48px + (72 - 48) * ((100vw - 1920px) / (3840 - 1920)));
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  :root {
    --size-block-banner-bp-lg:calc(486px + (846 - 486) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-hero-bp-lg:calc(538px + (918 - 538) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-img-bp-lg:calc(400px + (640 - 400) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-padding-bp-lg-sm:calc(16px + (32 - 16) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-padding-bp-lg-md:calc(24px + (32 - 24) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-padding-bp-lg-lg:calc(44px + (72 - 44) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-space-bp-lg-md:calc(16px + (32 - 16) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-space-bp-lg-lg:calc(24px + (44 - 24) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-space-bp-lg-2lg:calc(32px + (48 - 32) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-space-bp-lg-xl:calc(40px + (56 - 40) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-space-bp-lg-2xl:calc(48px + (64 - 48) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-space-bp-lg-3xl:calc(64px + (80 - 64) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-space-bp-lg-4xl:calc(80px + (96 - 80) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-text-big-max-bp-lg:calc(848px + (1167 - 848) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-text-third-body-max-bp-lg:calc(363px + (428 - 363) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-text-third-full-max-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-text-third-full-min-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-text-two-thirds-body-max-bp-lg:calc(592px + (592 - 592) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-text-two-thirds-full-max-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-text-two-thirds-full-min-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-button-height-bp-lg-lg:calc(44px + (64 - 44) * ((100vw - 1280px) / (1919 - 1280)));
    --size-button-height-bp-lg-md:calc(44px + (52 - 44) * ((100vw - 1280px) / (1919 - 1280)));
    --size-button-height-bp-lg-1xl:calc(48px + (80 - 48) * ((100vw - 1280px) / (1919 - 1280)));
    --size-button-height-bp-lg-2xl:calc(52px + (88 - 52) * ((100vw - 1280px) / (1919 - 1280)));
    --size-button-space-bp-lg-sm:calc(2px + (2 - 2) * ((100vw - 1280px) / (1919 - 1280)));
    --size-button-space-bp-lg-md:calc(4px + (4 - 4) * ((100vw - 1280px) / (1919 - 1280)));
    --size-button-space-bp-lg-lg:calc(8px + (8 - 8) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-height-bp-lg-sm:calc(370px + (394 - 370) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-padding-bp-lg-xl:calc(32px + (40 - 32) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-padding-bp-lg-sm:calc(4px + (4 - 4) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-padding-bp-lg-md:calc(8px + (8 - 8) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-padding-bp-lg-lg:calc(16px + (16 - 16) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-padding-bp-lg-1xl:calc(24px + (24 - 24) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-padding-bp-lg-2xl:calc(32px + (32 - 32) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-sm:calc(4px + (4 - 4) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-lg:calc(8px + (16 - 8) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-md:calc(8px + (8 - 8) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-1xl:calc(12px + (20 - 12) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-2xl:calc(16px + (24 - 16) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-3xl:calc(20px + (32 - 20) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-4xl:calc(28px + (40 - 28) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-space-bp-lg-5xl:calc(32px + (44 - 32) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-1xl-size:calc(20px + (20 - 20) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-1xl-line:calc(26px + (26 - 26) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-2xl-size:calc(20px + (32 - 20) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-2xl-line:calc(26px + (46 - 26) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-3xl-size:calc(24px + (40 - 24) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-3xl-line:calc(31.200000762939453px + (52 - 31.200000762939453) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-4xl-size:calc(32px + (48 - 32) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-4xl-line:calc(38.400001525878906px + (57.599998474121094 - 38.400001525878906) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-5xl-size:calc(56px + (72 - 56) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-5xl-line:calc(67.19999694824219px + (79.19999694824219 - 67.19999694824219) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-6xl-size:calc(72px + (96 - 72) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-6xl-line:calc(79.19999694824219px + (105.5999984741211 - 79.19999694824219) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-lg-size:calc(16px + (16 - 16) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-lg-line:calc(24px + (24 - 24) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-md-size:calc(14px + (14 - 14) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-md-line:calc(21px + (21 - 21) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-sm-size:calc(12px + (12 - 12) * ((100vw - 1280px) / (1919 - 1280)));
    --size-font-bp-lg-sm-line:calc(18px + (18 - 18) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-breakpoint-bp-lg:calc(1280px + (1919 - 1280) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-big-max-bp-lg:calc(742px + (1167 - 742) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-big-min-bp-lg:calc(742px + (742 - 742) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-half-max-bp-lg:calc(560px + (856 - 560) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-half-min-bp-lg:calc(400px + (742 - 400) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-number-12-bp-lg:calc(12px + (12 - 12) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-number-3-bp-lg:calc(3px + (3 - 3) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-number-9-bp-lg:calc(9px + (9 - 9) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-third-max-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-third-min-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-third-tablet-full-max-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-column-third-tablet-full-min-bp-lg:calc(256px + (368 - 256) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-margin-hor-bp-lg-lg:calc(72px + (96 - 72) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-margin-hor-bp-lg-xl:calc(112px + (160 - 112) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-margin-vert-bp-lg-md:calc(64px + (96 - 64) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-margin-vert-bp-lg-lg:calc(80px + (112 - 80) * ((100vw - 1280px) / (1919 - 1280)));
    --size-grid-margin-vert-bp-lg-xl:calc(112px + (160 - 112) * ((100vw - 1280px) / (1919 - 1280)));
    --size-icon-bp-lg-md:calc(24px + (24 - 24) * ((100vw - 1280px) / (1919 - 1280)));
    --size-icon-bp-lg-lg:calc(36px + (36 - 36) * ((100vw - 1280px) / (1919 - 1280)));
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --size-block-banner-bp-md:calc(486px + (486 - 486) * ((100vw - 768px) / (1279 - 768)));
    --size-block-hero-bp-md:calc(538px + (538 - 538) * ((100vw - 768px) / (1279 - 768)));
    --size-block-img-bp-md:calc(360px + (400 - 360) * ((100vw - 768px) / (1279 - 768)));
    --size-block-padding-bp-md-sm:calc(16px + (16 - 16) * ((100vw - 768px) / (1279 - 768)));
    --size-block-padding-bp-md-md:calc(24px + (24 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-block-padding-bp-md-lg:calc(44px + (44 - 44) * ((100vw - 768px) / (1279 - 768)));
    --size-block-space-bp-md-md:calc(16px + (16 - 16) * ((100vw - 768px) / (1279 - 768)));
    --size-block-space-bp-md-lg:calc(24px + (24 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-block-space-bp-md-xl:calc(40px + (40 - 40) * ((100vw - 768px) / (1279 - 768)));
    --size-block-space-bp-md-2xl:calc(48px + (48 - 48) * ((100vw - 768px) / (1279 - 768)));
    --size-block-space-bp-md-3xl:calc(64px + (64 - 64) * ((100vw - 768px) / (1279 - 768)));
    --size-block-space-bp-md-4xl:calc(64px + (64 - 64) * ((100vw - 768px) / (1279 - 768)));
    --size-block-text-big-max-bp-md:calc(848px + (1167 - 848) * ((100vw - 768px) / (1279 - 768)));
    --size-block-text-third-body-max-bp-md:calc(432px + (363 - 432) * ((100vw - 768px) / (1279 - 768)));
    --size-block-text-third-full-max-bp-md:calc(432px + (368 - 432) * ((100vw - 768px) / (1279 - 768)));
    --size-block-text-third-full-min-bp-md:calc(300px + (300 - 300) * ((100vw - 768px) / (1279 - 768)));
    --size-block-text-two-thirds-body-max-bp-md:calc(431px + (363 - 431) * ((100vw - 768px) / (1279 - 768)));
    --size-block-text-two-thirds-full-max-bp-md:calc(432px + (368 - 432) * ((100vw - 768px) / (1279 - 768)));
    --size-block-text-two-thirds-full-min-bp-md:calc(300px + (300 - 300) * ((100vw - 768px) / (1279 - 768)));
    --size-button-height-bp-md-lg:calc(44px + (44 - 44) * ((100vw - 768px) / (1279 - 768)));
    --size-button-height-bp-md-md:calc(44px + (44 - 44) * ((100vw - 768px) / (1279 - 768)));
    --size-button-height-bp-md-1xl:calc(48px + (48 - 48) * ((100vw - 768px) / (1279 - 768)));
    --size-button-height-bp-md-2xl:calc(52px + (52 - 52) * ((100vw - 768px) / (1279 - 768)));
    --size-button-space-bp-md-sm:calc(2px + (2 - 2) * ((100vw - 768px) / (1279 - 768)));
    --size-button-space-bp-md-md:calc(4px + (4 - 4) * ((100vw - 768px) / (1279 - 768)));
    --size-button-space-bp-md-lg:calc(8px + (8 - 8) * ((100vw - 768px) / (1279 - 768)));
    --size-card-height-bp-md-sm:calc(378px + (370 - 378) * ((100vw - 768px) / (1279 - 768)));
    --size-card-padding-bp-md-xl:calc(32px + (32 - 32) * ((100vw - 768px) / (1279 - 768)));
    --size-content-padding-bp-md-sm:calc(4px + (4 - 4) * ((100vw - 768px) / (1279 - 768)));
    --size-content-padding-bp-md-md:calc(8px + (8 - 8) * ((100vw - 768px) / (1279 - 768)));
    --size-content-padding-bp-md-lg:calc(16px + (16 - 16) * ((100vw - 768px) / (1279 - 768)));
    --size-content-padding-bp-md-1xl:calc(24px + (24 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-content-padding-bp-md-2xl:calc(32px + (32 - 32) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-sm:calc(4px + (4 - 4) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-md:calc(8px + (8 - 8) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-lg:calc(12px + (12 - 12) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-1xl:calc(16px + (16 - 16) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-2xl:calc(20px + (20 - 20) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-3xl:calc(20px + (20 - 20) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-4xl:calc(28px + (28 - 28) * ((100vw - 768px) / (1279 - 768)));
    --size-content-space-bp-md-5xl:calc(32px + (32 - 32) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-1xl-size:calc(20px + (20 - 20) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-1xl-line:calc(26px + (26 - 26) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-2xl-size:calc(20px + (20 - 20) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-2xl-line:calc(26px + (26 - 26) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-3xl-size:calc(24px + (24 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-3xl-line:calc(31.200000762939453px + (31.200000762939453 - 31.200000762939453) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-4xl-size:calc(32px + (32 - 32) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-4xl-line:calc(43.20000076293945px + (43.20000076293945 - 43.20000076293945) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-5xl-size:calc(48px + (56 - 48) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-5xl-line:calc(57.70000076293945px + (67.19999694824219 - 57.70000076293945) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-6xl-size:calc(60px + (72 - 60) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-6xl-line:calc(66px + (79.19999694824219 - 66) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-lg-size:calc(16px + (16 - 16) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-lg-line:calc(24px + (24 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-md-size:calc(14px + (14 - 14) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-md-line:calc(21px + (21 - 21) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-sm-size:calc(12px + (12 - 12) * ((100vw - 768px) / (1279 - 768)));
    --size-font-bp-md-sm-line:calc(18px + (18 - 18) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-breakpoint-bp-md:calc(768px + (1279 - 768) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-big-max-bp-md:calc(742px + (1167 - 742) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-big-min-bp-md:calc(600px + (656 - 600) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-half-max-bp-md:calc(742px + (560 - 742) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-half-min-bp-md:calc(400px + (400 - 400) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-number-12-bp-md:calc(12px + (12 - 12) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-number-3-bp-md:calc(2px + (3 - 2) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-number-9-bp-md:calc(3px + (3 - 3) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-third-max-bp-md:calc(320px + (368 - 320) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-third-min-bp-md:calc(300px + (300 - 300) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-third-tablet-full-max-bp-md:calc(1200px + (368 - 1200) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-column-third-tablet-full-min-bp-md:calc(500px + (256 - 500) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-margin-hor-bp-md-lg:calc(56px + (72 - 56) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-margin-hor-bp-md-xl:calc(96px + (112 - 96) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-margin-vert-bp-md-lg:calc(64px + (80 - 64) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-margin-vert-bp-md-md:calc(64px + (64 - 64) * ((100vw - 768px) / (1279 - 768)));
    --size-grid-margin-vert-bp-md-xl:calc(112px + (112 - 112) * ((100vw - 768px) / (1279 - 768)));
    --size-icon-bp-md-md:calc(24px + (24 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-icon-bp-md-lg:calc(36px + (36 - 36) * ((100vw - 768px) / (1279 - 768)));
  }
}
@media (max-width: 767px) {
  :root {
    --size-block-banner-bp-sm:calc(504px + (504 - 504) * ((100vw - 360px) / (767 - 360)));
    --size-block-hero-bp-sm:calc(538px + (538 - 538) * ((100vw - 360px) / (767 - 360)));
    --size-block-img-bp-sm:calc(200px + (360 - 200) * ((100vw - 360px) / (767 - 360)));
    --size-block-padding-bp-sm-sm:calc(16px + (16 - 16) * ((100vw - 360px) / (767 - 360)));
    --size-block-padding-bp-sm-md:calc(24px + (24 - 24) * ((100vw - 360px) / (767 - 360)));
    --size-block-padding-bp-sm-lg:calc(44px + (44 - 44) * ((100vw - 360px) / (767 - 360)));
    --size-block-space-bp-sm-md:calc(16px + (16 - 16) * ((100vw - 360px) / (767 - 360)));
    --size-block-space-bp-sm-lg:calc(24px + (24 - 24) * ((100vw - 360px) / (767 - 360)));
    --size-block-space-bp-sm-xl:calc(32px + (32 - 32) * ((100vw - 360px) / (767 - 360)));
    --size-block-space-bp-sm-2xl:calc(40px + (40 - 40) * ((100vw - 360px) / (767 - 360)));
    --size-block-space-bp-sm-3xl:calc(56px + (56 - 56) * ((100vw - 360px) / (767 - 360)));
    --size-block-space-bp-sm-4xl:calc(56px + (56 - 56) * ((100vw - 360px) / (767 - 360)));
    --size-block-text-big-max-bp-sm:calc(848px + (1167 - 848) * ((100vw - 360px) / (767 - 360)));
    --size-block-text-third-body-max-bp-sm:calc(363px + (428 - 363) * ((100vw - 360px) / (767 - 360)));
    --size-block-text-third-full-max-bp-sm:calc(368px + (565 - 368) * ((100vw - 360px) / (767 - 360)));
    --size-block-text-third-full-min-bp-sm:calc(368px + (565 - 368) * ((100vw - 360px) / (767 - 360)));
    --size-block-text-two-thirds-body-max-bp-sm:calc(363px + (431 - 363) * ((100vw - 360px) / (767 - 360)));
    --size-block-text-two-thirds-full-max-bp-sm:calc(368px + (565 - 368) * ((100vw - 360px) / (767 - 360)));
    --size-block-text-two-thirds-full-min-bp-sm:calc(368px + (565 - 368) * ((100vw - 360px) / (767 - 360)));
    --size-button-height-bp-sm-lg:calc(44px + (44 - 44) * ((100vw - 360px) / (767 - 360)));
    --size-button-height-bp-sm-md:calc(44px + (44 - 44) * ((100vw - 360px) / (767 - 360)));
    --size-button-height-bp-sm-1xl:calc(48px + (48 - 48) * ((100vw - 360px) / (767 - 360)));
    --size-button-height-bp-sm-2xl:calc(52px + (52 - 52) * ((100vw - 360px) / (767 - 360)));
    --size-button-space-bp-sm-sm:calc(2px + (2 - 2) * ((100vw - 360px) / (767 - 360)));
    --size-button-space-bp-sm-md:calc(4px + (4 - 4) * ((100vw - 360px) / (767 - 360)));
    --size-button-space-bp-sm-lg:calc(8px + (8 - 8) * ((100vw - 360px) / (767 - 360)));
    --size-card-height-bp-sm-sm:calc(370px + (370 - 370) * ((100vw - 360px) / (767 - 360)));
    --size-card-padding-bp-sm-xl:calc(32px + (32 - 32) * ((100vw - 360px) / (767 - 360)));
    --size-content-padding-bp-sm-sm:calc(4px + (4 - 4) * ((100vw - 360px) / (767 - 360)));
    --size-content-padding-bp-sm-md:calc(8px + (8 - 8) * ((100vw - 360px) / (767 - 360)));
    --size-content-padding-bp-sm-lg:calc(16px + (16 - 16) * ((100vw - 360px) / (767 - 360)));
    --size-content-padding-bp-sm-1xl:calc(24px + (24 - 24) * ((100vw - 360px) / (767 - 360)));
    --size-content-padding-bp-sm-2xl:calc(32px + (32 - 32) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-sm:calc(4px + (4 - 4) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-md:calc(8px + (8 - 8) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-1xl:calc(12px + (12 - 12) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-lg:calc(12px + (12 - 12) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-2xl:calc(16px + (16 - 16) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-3xl:calc(20px + (20 - 20) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-4xl:calc(24px + (24 - 24) * ((100vw - 360px) / (767 - 360)));
    --size-content-space-bp-sm-5xl:calc(28px + (28 - 28) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-1xl-size:calc(20px + (20 - 20) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-1xl-line:calc(26px + (26 - 26) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-2xl-size:calc(20px + (20 - 20) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-2xl-line:calc(26px + (26 - 26) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-3xl-size:calc(24px + (24 - 24) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-3xl-line:calc(31.200000762939453px + (31.200000762939453 - 31.200000762939453) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-4xl-size:calc(32px + (32 - 32) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-4xl-line:calc(43.20000076293945px + (43.20000076293945 - 43.20000076293945) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-5xl-size:calc(40px + (48 - 40) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-5xl-line:calc(48px + (57.70000076293945 - 48) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-6xl-size:calc(48px + (60 - 48) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-6xl-line:calc(52.79999923706055px + (66 - 52.79999923706055) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-lg-size:calc(16px + (16 - 16) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-lg-line:calc(24px + (24 - 24) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-md-size:calc(14px + (14 - 14) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-md-line:calc(21px + (21 - 21) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-sm-size:calc(12px + (12 - 12) * ((100vw - 360px) / (767 - 360)));
    --size-font-bp-sm-sm-line:calc(18px + (18 - 18) * ((100vw - 360px) / (767 - 360)));
    --size-grid-breakpoint-bp-sm:calc(360px + (767 - 360) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-big-max-bp-sm:calc(742px + (1167 - 742) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-big-min-bp-sm:calc(280px + (600 - 280) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-half-max-bp-sm:calc(742px + (1167 - 742) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-half-min-bp-sm:calc(280px + (656 - 280) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-number-12-bp-sm:calc(2px + (12 - 2) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-number-3-bp-sm:calc(1px + (2 - 1) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-number-9-bp-sm:calc(2px + (3 - 2) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-third-max-bp-sm:calc(600px + (320 - 600) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-third-min-bp-sm:calc(200px + (280 - 200) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-third-tablet-full-max-bp-sm:calc(600px + (1200 - 600) * ((100vw - 360px) / (767 - 360)));
    --size-grid-column-third-tablet-full-min-bp-sm:calc(200px + (500 - 200) * ((100vw - 360px) / (767 - 360)));
    --size-grid-margin-hor-bp-sm-lg:calc(16px + (56 - 16) * ((100vw - 360px) / (767 - 360)));
    --size-grid-margin-hor-bp-sm-xl:calc(16px + (96 - 16) * ((100vw - 360px) / (767 - 360)));
    --size-grid-margin-vert-bp-sm-md:calc(40px + (56 - 40) * ((100vw - 360px) / (767 - 360)));
    --size-grid-margin-vert-bp-sm-lg:calc(48px + (64 - 48) * ((100vw - 360px) / (767 - 360)));
    --size-grid-margin-vert-bp-sm-xl:calc(112px + (112 - 112) * ((100vw - 360px) / (767 - 360)));
    --size-icon-bp-sm-md:calc(24px + (24 - 24) * ((100vw - 360px) / (767 - 360)));
    --size-icon-bp-sm-lg:calc(36px + (36 - 36) * ((100vw - 360px) / (767 - 360)));
  }
}
/* Nelset_03_bp_static */
/* xl >= 1920px */
@media (min-width: 1920px) {
  :root {
    --size-static-boolean: 0px;
    --size-static-block-padding-sm: 24px;
    --size-static-block-padding-2md: 40px;
    --size-static-block-padding-3md: 40px;
    --size-static-block-padding-4md: var(--size-base-10x-40);
    --size-static-block-padding-md: var(--size-base-10x-40);
    --size-static-block-padding-lg: 96px;
    --size-static-block-space-md: 48px;
    --size-static-block-space-lg: 52px;
    --size-static-block-space-xl: 72px;
    --size-static-block-space-2xl: 80px;
    --size-static-block-space-3xl: 112px;
    --size-static-block-space-4xl: 112px;
    --size-static-block-space-5xl: var(--size-base-40x-160);
    --size-static-button-height-xs: var(--size-base-6x-24);
    --size-static-button-height-sm: var(--size-base-9x-36);
    --size-static-button-height-md: var(--size-base-16x-64);
    --size-static-button-height-lg: var(--size-base-18x-72);
    --size-static-button-height-xl: 88px;
    --size-static-button-height-2xl: 96px;
    --size-static-card-padding-sm: var(--size-base-4x-16);
    --size-static-card-padding-md: var(--size-base-6x-24);
    --size-static-card-padding-lg: var(--size-base-10x-40);
    --size-static-card-padding-2xl: var(--size-base-14x-56);
    --size-static-card-padding-xl: 56px;
    --size-static-card-space-sm: var(--size-base-3x-12);
    --size-static-card-space-md: var(--size-base-6x-24);
    --size-static-card-space-lg: var(--size-base-14x-56);
    --size-static-content-padding-xs: 2px;
    --size-static-content-padding-sm: 8px;
    --size-static-content-padding-md: 16px;
    --size-static-content-padding-lg: 24px;
    --size-static-content-padding-1xl: 32px;
    --size-static-content-padding-2xl: 40px;
    --size-static-content-space-xs: 2px;
    --size-static-content-space-sm: var(--size-base-1x-4);
    --size-static-content-space-md: var(--size-base-3x-12);
    --size-static-content-space-lg: 20px;
    --size-static-content-space-1xl: 24px;
    --size-static-content-space-2xl: 36px;
    --size-static-content-space-3xl: 44px;
    --size-static-content-space-4xl: 48px;
    --size-static-content-space-5xl: 56px;
    --size-static-grids-breakpoint-min: 1920px;
    --size-static-grids-breakpoint-mid: 2560px;
    --size-static-grids-breakpoint-max: 3840px;
    --size-static-grids-column-big-min: 789px;
    --size-static-grids-column-big-max: 848px;
    --size-static-grids-margin-md: var(--size-base-14x-56);
    --size-static-grids-margin-lg: var(--size-base-20x-80);
    --size-static-grids-margin-xl: var(--size-base-32x-128);
    --size-static-grids-margin-4xl: var(--size-base-64x-256);
    --size-static-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-static-grids-margin-horizontal-lg: 128px;
    --size-static-grids-margin-horizontal-xl: 192px;
    --size-static-grids-margin-vertical-lg: 112px;
    --size-static-grids-margin-vertical-2xl: 144px;
    --size-static-grids-margin-vertical-xl: 144px;
    --size-static-grids-margin-vertical-2sm: 192px;
    --size-static-grids-margin-vertical-3xl: 192px;
    --size-static-grids-margin-vertical-md: 192px;
    --size-static-grids-margin-vertical-sm: 192px;
    --size-static-grids-margin-vertical-xs: 192px;
  }
}
/* lg >= 1280px and <= 1919px */
@media (min-width: 1280px) and (max-width: 1919px) {
  :root {
    --size-static-boolean: 0px;
    --size-static-block-padding-sm: var(--size-base-5x-20);
    --size-static-block-padding-md: var(--size-base-6x-24);
    --size-static-block-padding-2md: var(--size-base-7x-28);
    --size-static-block-padding-3md: var(--size-base-8x-32);
    --size-static-block-padding-4md: var(--size-base-10x-40);
    --size-static-block-padding-lg: var(--size-base-14x-56);
    --size-static-block-space-md: var(--size-base-6x-24);
    --size-static-block-space-lg: var(--size-base-8x-32);
    --size-static-block-space-xl: var(--size-base-12x-48);
    --size-static-block-space-2xl: var(--size-base-14x-56);
    --size-static-block-space-3xl: var(--size-base-18x-72);
    --size-static-block-space-4xl: var(--size-base-22x-88);
    --size-static-block-space-5xl: var(--size-base-32x-128);
    --size-static-button-height-xs: var(--size-base-6x-24);
    --size-static-button-height-sm: var(--size-base-9x-36);
    --size-static-button-height-md: var(--size-base-11x-44);
    --size-static-button-height-lg: var(--size-base-13x-52);
    --size-static-button-height-xl: var(--size-base-14x-56);
    --size-static-button-height-2xl: 64px;
    --size-static-card-padding-sm: var(--size-base-2x-8);
    --size-static-card-padding-md: var(--size-base-4x-16);
    --size-static-card-padding-lg: var(--size-base-6x-24);
    --size-static-card-padding-xl: 32px;
    --size-static-card-padding-2xl: var(--size-base-10x-40);
    --size-static-card-space-sm: var(--size-base-2x-8);
    --size-static-card-space-md: var(--size-base-4x-16);
    --size-static-card-space-lg: var(--size-base-10x-40);
    --size-static-content-padding-xs: 2px;
    --size-static-content-padding-sm: 4px;
    --size-static-content-padding-md: 8px;
    --size-static-content-padding-lg: 16px;
    --size-static-content-padding-1xl: 24px;
    --size-static-content-padding-2xl: 32px;
    --size-static-content-space-xs: var(--size-base-05x-2);
    --size-static-content-space-sm: var(--size-base-1x-4);
    --size-static-content-space-md: var(--size-base-2x-8);
    --size-static-content-space-lg: var(--size-base-3x-12);
    --size-static-content-space-1xl: 16px;
    --size-static-content-space-2xl: 20px;
    --size-static-content-space-3xl: var(--size-base-6x-24);
    --size-static-content-space-4xl: var(--size-base-8x-32);
    --size-static-content-space-5xl: var(--size-base-10x-40);
    --size-static-grids-breakpoint-min: 1280px;
    --size-static-grids-breakpoint-mid: 1440px;
    --size-static-grids-breakpoint-max: 1919px;
    --size-static-grids-column-big-min: 742px;
    --size-static-grids-column-big-max: 848px;
    --size-static-grids-margin-md: var(--size-base-14x-56);
    --size-static-grids-margin-lg: var(--size-base-20x-80);
    --size-static-grids-margin-xl: var(--size-base-32x-128);
    --size-static-grids-margin-4xl: var(--size-base-64x-256);
    --size-static-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-static-grids-margin-horizontal-lg: 80px;
    --size-static-grids-margin-horizontal-xl: 128px;
    --size-static-grids-margin-vertical-xs: var(--size-base-10x-40);
    --size-static-grids-margin-vertical-sm: var(--size-base-12x-48);
    --size-static-grids-margin-vertical-2sm: var(--size-base-14x-56);
    --size-static-grids-margin-vertical-md: var(--size-base-16x-64);
    --size-static-grids-margin-vertical-lg: var(--size-base-20x-80);
    --size-static-grids-margin-vertical-xl: var(--size-base-24x-96);
    --size-static-grids-margin-vertical-2xl: var(--size-base-28x-112);
    --size-static-grids-margin-vertical-3xl: var(--size-base-32x-128);
  }
}
/* md >= 768px and <= 1279px */
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --size-static-boolean: 0px;
    --size-static-block-padding-2md: var(--size-base-7x-28);
    --size-static-block-padding-3md: var(--size-base-8x-32);
    --size-static-block-padding-4md: var(--size-base-10x-40);
    --size-static-block-padding-lg: var(--size-block-padding-bp-md-lg);
    --size-static-block-padding-sm: 16px;
    --size-static-block-padding-md: var(--size-base-6x-24);
    --size-static-block-space-md: var(--size-base-4x-16);
    --size-static-block-space-lg: var(--size-base-6x-24);
    --size-static-block-space-xl: var(--size-base-10x-40);
    --size-static-block-space-2xl: var(--size-base-12x-48);
    --size-static-block-space-3xl: var(--size-base-16x-64);
    --size-static-block-space-4xl: var(--size-base-20x-80);
    --size-static-block-space-5xl: var(--size-base-28x-112);
    --size-static-button-height-xs: var(--size-base-6x-24);
    --size-static-button-height-sm: var(--size-base-9x-36);
    --size-static-button-height-lg: var(--size-base-11x-44);
    --size-static-button-height-md: var(--size-base-11x-44);
    --size-static-button-height-2xl: 52px;
    --size-static-button-height-xl: var(--size-base-14x-56);
    --size-static-card-padding-sm: var(--size-base-2x-8);
    --size-static-card-padding-md: var(--size-base-4x-16);
    --size-static-card-padding-lg: var(--size-base-6x-24);
    --size-static-card-padding-2xl: var(--size-base-8x-32);
    --size-static-card-padding-xl: 32px;
    --size-static-card-space-sm: var(--size-base-2x-8);
    --size-static-card-space-md: var(--size-base-4x-16);
    --size-static-card-space-lg: var(--size-base-10x-40);
    --size-static-content-padding-xs: 2px;
    --size-static-content-padding-sm: 4px;
    --size-static-content-padding-md: 8px;
    --size-static-content-padding-lg: 16px;
    --size-static-content-padding-1xl: 24px;
    --size-static-content-padding-2xl: 32px;
    --size-static-content-space-xs: var(--size-base-05x-2);
    --size-static-content-space-sm: var(--size-base-1x-4);
    --size-static-content-space-md: var(--size-base-2x-8);
    --size-static-content-space-lg: var(--size-base-3x-12);
    --size-static-content-space-1xl: var(--size-base-4x-16);
    --size-static-content-space-2xl: var(--size-base-5x-20);
    --size-static-content-space-3xl: var(--size-base-5x-20);
    --size-static-content-space-4xl: var(--size-base-7x-28);
    --size-static-content-space-5xl: var(--size-base-8x-32);
    --size-static-grids-breakpoint-min: 768px;
    --size-static-grids-breakpoint-mid: 1024px;
    --size-static-grids-breakpoint-max: 1279px;
    --size-static-grids-column-big-min: 656px;
    --size-static-grids-column-big-max: 848px;
    --size-static-grids-margin-md: var(--size-base-14x-56);
    --size-static-grids-margin-lg: var(--size-base-20x-80);
    --size-static-grids-margin-xl: var(--size-base-32x-128);
    --size-static-grids-margin-4xl: var(--size-base-64x-256);
    --size-static-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-static-grids-margin-horizontal-lg: 64px;
    --size-static-grids-margin-horizontal-xl: 104px;
    --size-static-grids-margin-vertical-xs: var(--size-base-8x-32);
    --size-static-grids-margin-vertical-sm: var(--size-base-11x-44);
    --size-static-grids-margin-vertical-2sm: var(--size-base-12x-48);
    --size-static-grids-margin-vertical-md: var(--size-base-12x-48);
    --size-static-grids-margin-vertical-lg: var(--size-base-16x-64);
    --size-static-grids-margin-vertical-2xl: var(--size-base-22x-88);
    --size-static-grids-margin-vertical-xl: var(--size-base-22x-88);
    --size-static-grids-margin-vertical-3xl: var(--size-base-24x-96);
  }
}
/* sm >= 360px and <= 767px */
@media (max-width: 767px) {
  :root {
    --size-static-boolean: 0px;
    --size-static-block-padding-md: var(--size-base-4x-16);
    --size-static-block-padding-sm: 16px;
    --size-static-block-padding-2md: var(--size-base-7x-28);
    --size-static-block-padding-3md: var(--size-base-8x-32);
    --size-static-block-padding-4md: var(--size-base-8x-32);
    --size-static-block-padding-lg: var(--size-base-11x-44);
    --size-static-block-space-md: var(--size-base-4x-16);
    --size-static-block-space-lg: var(--size-base-6x-24);
    --size-static-block-space-xl: var(--size-base-10x-40);
    --size-static-block-space-2xl: var(--size-base-12x-48);
    --size-static-block-space-3xl: var(--size-base-14x-56);
    --size-static-block-space-4xl: var(--size-base-16x-64);
    --size-static-block-space-5xl: var(--size-base-26x-104);
    --size-static-button-height-xs: var(--size-base-6x-24);
    --size-static-button-height-sm: var(--size-base-9x-36);
    --size-static-button-height-lg: var(--size-base-11x-44);
    --size-static-button-height-md: var(--size-base-11x-44);
    --size-static-button-height-2xl: 52px;
    --size-static-button-height-xl: var(--size-base-14x-56);
    --size-static-card-padding-md: var(--size-base-4x-16);
    --size-static-card-padding-sm: var(--size-base-4x-16);
    --size-static-card-padding-lg: var(--size-base-6x-24);
    --size-static-card-padding-2xl: var(--size-base-8x-32);
    --size-static-card-padding-xl: 32px;
    --size-static-card-space-sm: var(--size-base-2x-8);
    --size-static-card-space-md: var(--size-base-4x-16);
    --size-static-card-space-lg: var(--size-base-10x-40);
    --size-static-content-padding-xs: 2px;
    --size-static-content-padding-sm: 4px;
    --size-static-content-padding-md: 8px;
    --size-static-content-padding-lg: 16px;
    --size-static-content-padding-1xl: 24px;
    --size-static-content-padding-2xl: 32px;
    --size-static-content-space-xs: var(--size-base-05x-2);
    --size-static-content-space-sm: var(--size-base-1x-4);
    --size-static-content-space-md: var(--size-base-2x-8);
    --size-static-content-space-1xl: var(--size-base-3x-12);
    --size-static-content-space-lg: var(--size-base-3x-12);
    --size-static-content-space-2xl: var(--size-base-4x-16);
    --size-static-content-space-3xl: var(--size-base-5x-20);
    --size-static-content-space-4xl: var(--size-base-6x-24);
    --size-static-content-space-5xl: var(--size-base-7x-28);
    --size-static-grids-breakpoint-min: 360px;
    --size-static-grids-breakpoint-mid: 490px;
    --size-static-grids-breakpoint-max: 767px;
    --size-static-grids-column-big-min: 300px;
    --size-static-grids-column-big-max: 848px;
    --size-static-grids-margin-md: var(--size-base-14x-56);
    --size-static-grids-margin-lg: var(--size-base-20x-80);
    --size-static-grids-margin-xl: var(--size-base-32x-128);
    --size-static-grids-margin-4xl: var(--size-base-64x-256);
    --size-static-grids-margin-horizontal-lg: var(--size-base-4x-16);
    --size-static-grids-margin-horizontal-md: var(--size-base-4x-16);
    --size-static-grids-margin-horizontal-xl: 32px;
    --size-static-grids-margin-vertical-xs: var(--size-base-5x-20);
    --size-static-grids-margin-vertical-2sm: var(--size-base-6x-24);
    --size-static-grids-margin-vertical-sm: var(--size-base-6x-24);
    --size-static-grids-margin-vertical-md: var(--size-base-7x-28);
    --size-static-grids-margin-vertical-lg: var(--size-base-10x-40);
    --size-static-grids-margin-vertical-2xl: var(--size-base-12x-48);
    --size-static-grids-margin-vertical-xl: var(--size-base-12x-48);
    --size-static-grids-margin-vertical-3xl: var(--size-base-14x-56);
  }
}
/* Nelset_breakpoint */
/* xl >= 1920px */
@media (min-width: 1920px) {
  :root {
    --size-badge-padding-xs: var(--size-base-05x-2);
    --size-badge-padding-sm: var(--size-base-1x-4);
    --size-badge-padding-md: var(--size-base-2x-8);
    --size-badge-padding-lg: var(--size-base-3x-12);
    --size-block-img: var(--size-block-img-bp-xl);
    --size-block-edit: 994px;
    --size-block-banner: var(--size-block-banner-bp-xl);
    --size-block-hero: var(--size-block-hero-bp-xl);
    --size-block-padding-lg: var(--size-block-padding-bp-xl-lg);
    --size-block-padding-md: var(--size-block-padding-bp-xl-md);
    --size-block-padding-sm: var(--size-block-padding-bp-xl-sm);
    --size-block-space-2xl: var(--size-block-space-bp-xl-2xl);
    --size-block-space-3xl: var(--size-block-space-bp-xl-3xl);
    --size-block-space-4xl: var(--size-block-space-bp-xl-4xl);
    --size-block-space-5xl: var(--size-base-40x-160);
    --size-block-space-lg: var(--size-block-space-bp-xl-lg);
    --size-block-space-md: var(--size-block-space-bp-xl-md);
    --size-block-space-xl: var(--size-block-space-bp-xl-xl);
    --size-block-text-big-max-2xl: var(--size-block-text-big-max-bp-xl);
    --size-block-text-big-max-body: 1273px;
    --size-block-text-big-max-6xl: 1700px;
    --size-block-text-big-max-4xl: 2200px;
    --size-block-text-third-body-max: var(--size-block-text-third-body-max-bp-xl);
    --size-block-text-third-full-max: var(--size-block-text-third-full-max-bp-xl);
    --size-block-text-third-full-min: var(--size-block-text-third-full-min-bp-xl);
    --size-block-text-two-third-body-max: var(--size-block-text-two-thirds-body-max-bp-xl);
    --size-block-text-two-third-full-max: var(--size-block-text-third-full-max-bp-xl);
    --size-block-text-two-third-full-min: var(--size-block-text-third-full-min-bp-xl);
    --size-border-xs: 1px;
    --size-border-sm: 2px;
    --size-border-md: 3px;
    --size-border-lg: 4px;
    --size-border-xl: 8px;
    --size-button-height-2xl: var(--size-button-height-bp-xl-2xl);
    --size-button-height-lg: var(--size-button-height-bp-xl-lg);
    --size-button-height-md: var(--size-button-height-bp-xl-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-button-height-bp-xl-1xl);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xls: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-sm: var(--size-base-6x-24);
    --size-button-padding-md: var(--size-base-8x-32);
    --size-button-padding-lg: var(--size-base-12x-48);
    --size-button-space-lg: var(--size-button-space-bp-xl-lg);
    --size-button-space-md: var(--size-button-space-bp-xl-md);
    --size-button-space-sm: var(--size-button-space-bp-xl-sm);
    --size-button-width-min: 0px;
    --size-card-height-sm: var(--size-card-height-bp-xl-sm);
    --size-card-padding-sm: var(--size-base-4x-16);
    --size-card-padding-md: var(--size-base-6x-24);
    --size-card-padding-lg: var(--size-base-10x-40);
    --size-card-padding-2xl: var(--size-base-14x-56);
    --size-card-padding-xl: var(--size-card-padding-bp-xl-xl);
    --size-card-space-sm: var(--size-base-3x-12);
    --size-card-space-md: var(--size-base-6x-24);
    --size-card-space-lg: var(--size-base-14x-56);
    --size-checkbox-size: var(--size-base-6x-24);
    --size-content-number: 0px;
    --size-content-padding-1xl: var(--size-content-padding-bp-xl-1xl);
    --size-content-padding-2xl: var(--size-content-padding-bp-xl-2xl);
    --size-content-padding-lg: var(--size-content-padding-bp-xl-lg);
    --size-content-padding-md: var(--size-content-padding-bp-xl-md);
    --size-content-padding-sm: var(--size-content-padding-bp-xl-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-content-space-bp-xl-1xl);
    --size-content-space-2xl: var(--size-content-space-bp-xl-2xl);
    --size-content-space-3xl: var(--size-content-space-bp-xl-3xl);
    --size-content-space-4xl: var(--size-content-space-bp-xl-4xl);
    --size-content-space-5xl: var(--size-content-space-bp-xl-5xl);
    --size-content-space-lg: var(--size-content-space-bp-xl-lg);
    --size-content-space-md: var(--size-content-space-bp-xl-md);
    --size-content-space-sm: var(--size-content-space-bp-xl-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-line: var(--size-font-bp-xl-1xl-line);
    --size-font-1xl-size: var(--size-font-bp-xl-1xl-size);
    --size-font-2xl-line: var(--size-font-bp-xl-2xl-line);
    --size-font-2xl-size: var(--size-font-bp-xl-2xl-size);
    --size-font-3xl-line: var(--size-font-bp-xl-3xl-line);
    --size-font-3xl-size: var(--size-font-bp-xl-3xl-size);
    --size-font-4xl-line: var(--size-font-bp-xl-4xl-line);
    --size-font-4xl-size: var(--size-font-bp-xl-4xl-size);
    --size-font-5xl-line: var(--size-font-bp-xl-5xl-line);
    --size-font-5xl-size: var(--size-font-bp-xl-5xl-size);
    --size-font-6xl-line: var(--size-font-bp-xl-6xl-line);
    --size-font-6xl-size: var(--size-font-bp-xl-6xl-size);
    --size-font-lg-line: var(--size-font-bp-xl-lg-line);
    --size-font-lg-size: var(--size-font-bp-xl-lg-size);
    --size-font-md-line: var(--size-font-bp-xl-md-line);
    --size-font-md-size: var(--size-font-bp-xl-md-size);
    --size-font-sm-line: var(--size-font-bp-xl-sm-line);
    --size-font-sm-size: var(--size-font-bp-xl-sm-size);
    --size-grids-breakpoint: var(--size-grid-breakpoint-bp-xl);
    --size-grids-column-big-max: var(--size-grid-column-big-max-bp-xl);
    --size-grids-column-big-min: var(--size-grid-column-big-min-bp-xl);
    --size-grids-column-count-3: var(--size-grid-column-number-3-bp-xl);
    --size-grids-column-count-9: var(--size-grid-column-number-9-bp-xl);
    --size-grids-column-count-12: var(--size-grid-column-number-12-bp-xl);
    --size-grids-column-count-static-3: 3px;
    --size-grids-column-count-static-9: 9px;
    --size-grids-column-count-static-12: 12px;
    --size-grids-column-half-min: var(--size-grid-column-half-min-bp-xl);
    --size-grids-column-half-max: var(--size-grid-column-half-max-bp-xl);
    --size-grids-column-third-max: var(--size-grid-column-third-max-bp-xl);
    --size-grids-column-third-min: var(--size-grid-column-third-min-bp-xl);
    --size-grids-column-third-tablet-full-min: var(--size-grid-column-third-tablet-full-min-bp-xl);
    --size-grids-column-third-tablet-full-max: var(--size-grid-column-third-tablet-full-max-bp-xl);
    --size-grids-container-2xl-max: 2400px;
    --size-grids-container-lg-max: 2400px;
    --size-grids-container-xl-max: 2400px;
    --size-grids-gutter-sm: var(--size-base-2x-8);
    --size-grids-gutter-md: var(--size-base-4x-16);
    --size-grids-margin-md: var(--size-base-14x-56);
    --size-grids-margin-lg: var(--size-base-20x-80);
    --size-grids-margin-xl: var(--size-base-32x-128);
    --size-grids-margin-horizontal-lg: var(--size-grid-margin-hor-bp-xl-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-grids-margin-horizontal-xl: var(--size-grid-margin-hor-bp-xl-xl);
    --size-grids-margin-vertical-lg: var(--size-grid-margin-vert-bp-xl-lg);
    --size-grids-margin-vertical-md: var(--size-grid-margin-vert-bp-xl-md);
    --size-grids-margin-vertical-xl: var(--size-grid-margin-vert-bp-xl-xl);
    --size-icon-2xl: var(--size-base-24x-96);
    --size-icon-lg: var(--size-icon-bp-xl-lg);
    --size-icon-md: var(--size-icon-bp-xl-md);
    --size-icon-sm: var(--size-base-4x-16);
    --size-icon-xl: var(--size-base-12x-48);
    --size-logo-variable: 160px;
    --size-pagination-height-xs: var(--size-base-05x-2);
    --size-pagination-height-sm: var(--size-base-1x-4);
    --size-pagination-height-md: var(--size-base-2x-8);
    --size-pagination-height-lg: var(--size-base-4x-16);
    --size-pagination-wight-xs: var(--size-base-1x-4);
    --size-pagination-wight-sm: var(--size-base-2x-8);
    --size-pagination-wight-md: var(--size-base-4x-16);
    --size-pagination-wight-lg: var(--size-base-8x-32);
    --size-pagination-wight-xl: var(--size-base-12x-48);
    --size-textfield-padding-2sm: 0px;
    --size-textfield-padding-lg: 0px;
    --size-textfield-padding-md: 0px;
    --size-textfield-padding-sm: 0px;
    --size-textfield-padding-xl: 0px;
    /* string */
    --size-block-typography-string: xl;
  }
}
/* lg >= 1280px and <= 1919px */
@media (min-width: 1280px) and (max-width: 1919px) {
  :root {
    --size-badge-padding-xs: var(--size-base-05x-2);
    --size-badge-padding-sm: var(--size-base-1x-4);
    --size-badge-padding-md: var(--size-base-2x-8);
    --size-badge-padding-lg: var(--size-base-3x-12);
    --size-block-img: var(--size-block-img-bp-lg);
    --size-block-banner: var(--size-block-banner-bp-lg);
    --size-block-hero: var(--size-block-hero-bp-lg);
    --size-block-edit: 994px;
    --size-block-padding-lg: var(--size-block-padding-bp-lg-lg);
    --size-block-padding-md: var(--size-block-padding-bp-lg-md);
    --size-block-padding-sm: var(--size-block-padding-bp-lg-sm);
    --size-block-space-2xl: var(--size-block-space-bp-lg-2xl);
    --size-block-space-3xl: var(--size-block-space-bp-lg-3xl);
    --size-block-space-4xl: var(--size-block-space-bp-lg-4xl);
    --size-block-space-5xl: var(--size-base-32x-128);
    --size-block-space-lg: var(--size-block-space-bp-lg-lg);
    --size-block-space-md: var(--size-block-space-bp-lg-md);
    --size-block-space-xl: var(--size-block-space-bp-lg-xl);
    --size-block-text-big-max-body: 704px;
    --size-block-text-big-max-2xl: var(--size-block-text-big-max-bp-lg);
    --size-block-text-big-max-4xl: 1167px;
    --size-block-text-big-max-6xl: 1167px;
    --size-block-text-third-body-max: var(--size-block-text-third-body-max-bp-lg);
    --size-block-text-third-full-min: var(--size-block-text-third-full-min-bp-lg);
    --size-block-text-third-full-max: var(--size-block-text-third-full-max-bp-lg);
    --size-block-text-two-third-body-max: var(--size-block-text-two-thirds-body-max-bp-lg);
    --size-block-text-two-third-full-min: var(--size-block-text-third-full-min-bp-lg);
    --size-block-text-two-third-full-max: var(--size-block-text-third-full-max-bp-lg);
    --size-border-xs: 1px;
    --size-border-sm: 2px;
    --size-border-md: 3px;
    --size-border-lg: 4px;
    --size-border-xl: 8px;
    --size-button-height-2xl: var(--size-button-height-bp-lg-2xl);
    --size-button-height-lg: var(--size-button-height-bp-lg-lg);
    --size-button-height-md: var(--size-button-height-bp-lg-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-button-height-bp-lg-1xl);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xls: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-sm: var(--size-base-4x-16);
    --size-button-padding-md: var(--size-base-6x-24);
    --size-button-padding-lg: var(--size-base-8x-32);
    --size-button-space-lg: var(--size-button-space-bp-lg-lg);
    --size-button-space-md: var(--size-button-space-bp-lg-md);
    --size-button-space-sm: var(--size-button-space-bp-lg-sm);
    --size-button-width-min: 200px;
    --size-card-height-sm: var(--size-card-height-bp-lg-sm);
    --size-card-padding-sm: var(--size-base-2x-8);
    --size-card-padding-md: var(--size-base-4x-16);
    --size-card-padding-lg: var(--size-base-6x-24);
    --size-card-padding-2xl: var(--size-base-10x-40);
    --size-card-padding-xl: var(--size-card-padding-bp-lg-xl);
    --size-card-space-sm: var(--size-base-2x-8);
    --size-card-space-md: var(--size-base-4x-16);
    --size-card-space-lg: var(--size-base-10x-40);
    --size-checkbox-size: var(--size-base-6x-24);
    --size-content-number: var(--size-base-6x-24);
    --size-content-padding-1xl: var(--size-content-padding-bp-lg-1xl);
    --size-content-padding-2xl: var(--size-content-padding-bp-lg-2xl);
    --size-content-padding-lg: var(--size-content-padding-bp-lg-lg);
    --size-content-padding-md: var(--size-content-padding-bp-lg-md);
    --size-content-padding-sm: var(--size-content-padding-bp-lg-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-content-space-bp-lg-1xl);
    --size-content-space-2xl: var(--size-content-space-bp-lg-2xl);
    --size-content-space-3xl: var(--size-content-space-bp-lg-3xl);
    --size-content-space-4xl: var(--size-content-space-bp-lg-4xl);
    --size-content-space-5xl: var(--size-content-space-bp-lg-5xl);
    --size-content-space-lg: var(--size-content-space-bp-lg-lg);
    --size-content-space-md: var(--size-content-space-bp-lg-md);
    --size-content-space-sm: var(--size-content-space-bp-lg-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-line: var(--size-font-bp-lg-1xl-line);
    --size-font-1xl-size: var(--size-font-bp-lg-1xl-size);
    --size-font-2xl-line: var(--size-font-bp-lg-2xl-line);
    --size-font-2xl-size: var(--size-font-bp-lg-2xl-size);
    --size-font-3xl-line: var(--size-font-bp-lg-3xl-line);
    --size-font-3xl-size: var(--size-font-bp-lg-3xl-size);
    --size-font-4xl-line: var(--size-font-bp-lg-4xl-line);
    --size-font-4xl-size: var(--size-font-bp-lg-4xl-size);
    --size-font-5xl-line: var(--size-font-bp-lg-5xl-line);
    --size-font-5xl-size: var(--size-font-bp-lg-5xl-size);
    --size-font-6xl-line: var(--size-font-bp-lg-6xl-line);
    --size-font-6xl-size: var(--size-font-bp-lg-6xl-size);
    --size-font-lg-line: var(--size-font-bp-lg-lg-line);
    --size-font-lg-size: var(--size-font-bp-lg-lg-size);
    --size-font-md-line: var(--size-font-bp-lg-md-line);
    --size-font-md-size: var(--size-font-bp-lg-md-size);
    --size-font-sm-line: var(--size-font-bp-lg-sm-line);
    --size-font-sm-size: var(--size-font-bp-lg-sm-size);
    --size-grids-breakpoint: var(--size-grid-breakpoint-bp-lg);
    --size-grids-column-big-min: var(--size-grid-column-big-min-bp-lg);
    --size-grids-column-big-max: var(--size-grid-column-big-max-bp-lg);
    --size-grids-column-count-3: var(--size-grid-column-number-3-bp-lg);
    --size-grids-column-count-9: var(--size-grid-column-number-9-bp-lg);
    --size-grids-column-count-12: var(--size-grid-column-number-12-bp-lg);
    --size-grids-column-count-static-3: 3px;
    --size-grids-column-count-static-9: 9px;
    --size-grids-column-count-static-12: 12px;
    --size-grids-column-half-min: var(--size-grid-column-half-min-bp-lg);
    --size-grids-column-half-max: var(--size-grid-column-half-max-bp-lg);
    --size-grids-column-third-min: var(--size-grid-column-third-min-bp-lg);
    --size-grids-column-third-max: var(--size-grid-column-third-max-bp-lg);
    --size-grids-column-third-tablet-full-min: var(--size-grid-column-third-tablet-full-min-bp-lg);
    --size-grids-column-third-tablet-full-max: var(--size-grid-column-third-tablet-full-max-bp-lg);
    --size-grids-container-2xl-max: 1600px;
    --size-grids-container-lg-max: 1280px;
    --size-grids-container-xl-max: 1440px;
    --size-grids-gutter-sm: var(--size-base-2x-8);
    --size-grids-gutter-md: var(--size-base-4x-16);
    --size-grids-margin-md: var(--size-base-14x-56);
    --size-grids-margin-lg: var(--size-base-20x-80);
    --size-grids-margin-xl: var(--size-base-32x-128);
    --size-grids-margin-horizontal-lg: var(--size-grid-margin-hor-bp-lg-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-grids-margin-horizontal-xl: var(--size-grid-margin-hor-bp-lg-xl);
    --size-grids-margin-vertical-lg: var(--size-grid-margin-vert-bp-lg-lg);
    --size-grids-margin-vertical-md: var(--size-grid-margin-vert-bp-lg-md);
    --size-grids-margin-vertical-xl: var(--size-grid-margin-vert-bp-lg-xl);
    --size-icon-2xl: var(--size-base-16x-64);
    --size-icon-lg: var(--size-icon-bp-lg-lg);
    --size-icon-md: var(--size-icon-bp-lg-md);
    --size-icon-sm: var(--size-base-4x-16);
    --size-icon-xl: var(--size-base-12x-48);
    --size-logo-variable: 120px;
    --size-pagination-height-xs: var(--size-base-05x-2);
    --size-pagination-height-sm: var(--size-base-1x-4);
    --size-pagination-height-md: var(--size-base-2x-8);
    --size-pagination-height-lg: var(--size-base-4x-16);
    --size-pagination-wight-xs: var(--size-base-1x-4);
    --size-pagination-wight-sm: var(--size-base-2x-8);
    --size-pagination-wight-md: var(--size-base-4x-16);
    --size-pagination-wight-lg: var(--size-base-8x-32);
    --size-pagination-wight-xl: var(--size-base-12x-48);
    --size-textfield-padding-sm: var(--size-base-1x-4);
    --size-textfield-padding-2sm: var(--size-base-1-5x-6);
    --size-textfield-padding-md: var(--size-base-3x-12);
    --size-textfield-padding-lg: var(--size-base-4x-16);
    --size-textfield-padding-xl: var(--size-base-6x-24);
    /* string */
    --size-block-typography-string: lg;
  }
}
/* md >= 768px and <= 1279px */
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --size-badge-padding-xs: var(--size-base-05x-2);
    --size-badge-padding-sm: var(--size-base-1x-4);
    --size-badge-padding-md: var(--size-base-2x-8);
    --size-badge-padding-lg: var(--size-base-3x-12);
    --size-block-img: var(--size-block-img-bp-md);
    --size-block-banner: var(--size-block-banner-bp-md);
    --size-block-hero: var(--size-block-hero-bp-md);
    --size-block-edit: 994px;
    --size-block-padding-lg: var(--size-block-padding-bp-md-lg);
    --size-block-padding-md: var(--size-block-padding-bp-md-md);
    --size-block-padding-sm: var(--size-block-padding-bp-md-sm);
    --size-block-space-2xl: var(--size-block-space-bp-md-2xl);
    --size-block-space-3xl: var(--size-block-space-bp-md-3xl);
    --size-block-space-4xl: var(--size-block-space-bp-md-4xl);
    --size-block-space-5xl: var(--size-base-32x-128);
    --size-block-space-lg: var(--size-block-space-bp-md-lg);
    --size-block-space-md: var(--size-block-space-bp-md-md);
    --size-block-space-xl: var(--size-block-space-bp-md-xl);
    --size-block-text-big-max-2xl: var(--size-block-text-big-max-bp-md);
    --size-block-text-big-max-4xl: 744px;
    --size-block-text-big-max-body: 744px;
    --size-block-text-big-max-6xl: 1700px;
    --size-block-text-third-body-max: var(--size-block-text-third-body-max-bp-md);
    --size-block-text-third-full-min: var(--size-block-text-third-full-min-bp-md);
    --size-block-text-third-full-max: var(--size-block-text-third-full-max-bp-md);
    --size-block-text-two-third-body-max: var(--size-block-text-two-thirds-body-max-bp-md);
    --size-block-text-two-third-full-min: var(--size-block-text-third-full-min-bp-md);
    --size-block-text-two-third-full-max: var(--size-block-text-third-full-max-bp-md);
    --size-border-xs: 1px;
    --size-border-sm: 2px;
    --size-border-md: 3px;
    --size-border-lg: 4px;
    --size-border-xl: 8px;
    --size-button-height-2xl: var(--size-button-height-bp-md-2xl);
    --size-button-height-lg: var(--size-button-height-bp-md-lg);
    --size-button-height-md: var(--size-button-height-bp-md-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-button-height-bp-md-1xl);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xls: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-sm: var(--size-base-4x-16);
    --size-button-padding-md: var(--size-base-6x-24);
    --size-button-padding-lg: var(--size-base-8x-32);
    --size-button-space-lg: var(--size-button-space-bp-lg-lg);
    --size-button-space-md: var(--size-button-space-bp-md-md);
    --size-button-space-sm: var(--size-button-space-bp-md-sm);
    --size-button-width-min: 0px;
    --size-card-height-sm: var(--size-card-height-bp-md-sm);
    --size-card-padding-sm: var(--size-base-2x-8);
    --size-card-padding-md: var(--size-base-4x-16);
    --size-card-padding-lg: var(--size-base-6x-24);
    --size-card-padding-2xl: var(--size-base-8x-32);
    --size-card-padding-xl: var(--size-card-padding-bp-md-xl);
    --size-card-space-sm: var(--size-base-2x-8);
    --size-card-space-md: var(--size-base-4x-16);
    --size-card-space-lg: var(--size-base-10x-40);
    --size-checkbox-size: var(--size-base-6x-24);
    --size-content-number: 0px;
    --size-content-padding-1xl: var(--size-content-padding-bp-md-1xl);
    --size-content-padding-2xl: var(--size-content-padding-bp-md-2xl);
    --size-content-padding-lg: var(--size-content-padding-bp-md-lg);
    --size-content-padding-md: var(--size-content-padding-bp-md-md);
    --size-content-padding-sm: var(--size-content-space-bp-md-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-content-space-bp-md-1xl);
    --size-content-space-2xl: var(--size-content-space-bp-md-2xl);
    --size-content-space-3xl: var(--size-content-space-bp-md-3xl);
    --size-content-space-4xl: var(--size-content-space-bp-md-4xl);
    --size-content-space-5xl: var(--size-content-space-bp-md-5xl);
    --size-content-space-lg: var(--size-content-space-bp-md-lg);
    --size-content-space-md: var(--size-content-space-bp-md-md);
    --size-content-space-sm: var(--size-content-space-bp-md-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-line: var(--size-font-bp-md-1xl-line);
    --size-font-1xl-size: var(--size-font-bp-md-1xl-size);
    --size-font-2xl-line: var(--size-font-bp-md-2xl-line);
    --size-font-2xl-size: var(--size-font-bp-md-2xl-size);
    --size-font-3xl-line: var(--size-font-bp-md-3xl-line);
    --size-font-3xl-size: var(--size-font-bp-md-3xl-size);
    --size-font-4xl-line: var(--size-font-bp-md-4xl-line);
    --size-font-4xl-size: var(--size-font-bp-md-4xl-size);
    --size-font-5xl-line: var(--size-font-bp-md-5xl-line);
    --size-font-5xl-size: var(--size-font-bp-md-5xl-size);
    --size-font-6xl-line: var(--size-font-bp-md-6xl-line);
    --size-font-6xl-size: var(--size-font-bp-md-6xl-size);
    --size-font-lg-line: var(--size-font-bp-md-lg-line);
    --size-font-lg-size: var(--size-font-bp-md-lg-size);
    --size-font-md-size: var(--size-font-bp-md-md-size);
    --size-font-md-line: var(--size-font-bp-md-md-line);
    --size-font-sm-line: var(--size-font-bp-md-sm-line);
    --size-font-sm-size: var(--size-font-bp-md-sm-size);
    --size-grids-breakpoint: var(--size-grid-breakpoint-bp-md);
    --size-grids-column-big-min: var(--size-grid-column-big-min-bp-md);
    --size-grids-column-big-max: var(--size-grid-column-big-max-bp-md);
    --size-grids-column-count-3: var(--size-grid-column-number-3-bp-md);
    --size-grids-column-count-9: var(--size-grid-column-number-9-bp-md);
    --size-grids-column-count-12: var(--size-grid-column-number-12-bp-md);
    --size-grids-column-count-static-3: 2px;
    --size-grids-column-count-static-9: 3px;
    --size-grids-column-count-static-12: 12px;
    --size-grids-column-half-min: var(--size-grid-column-half-min-bp-md);
    --size-grids-column-half-max: var(--size-grid-column-half-max-bp-md);
    --size-grids-column-third-min: var(--size-grid-column-third-min-bp-md);
    --size-grids-column-third-max: var(--size-grid-column-third-max-bp-md);
    --size-grids-column-third-tablet-full-min: var(--size-grid-column-third-tablet-full-min-bp-md);
    --size-grids-column-third-tablet-full-max: var(--size-grid-column-third-tablet-full-max-bp-md);
    --size-grids-container-2xl-max: 1440px;
    --size-grids-container-lg-max: 2400px;
    --size-grids-container-xl-max: 1440px;
    --size-grids-gutter-sm: var(--size-base-2x-8);
    --size-grids-gutter-md: var(--size-base-4x-16);
    --size-grids-margin-md: var(--size-base-14x-56);
    --size-grids-margin-lg: var(--size-base-20x-80);
    --size-grids-margin-xl: var(--size-base-32x-128);
    --size-grids-margin-horizontal-lg: var(--size-grid-margin-hor-bp-md-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-grids-margin-horizontal-xl: var(--size-grid-margin-hor-bp-md-xl);
    --size-grids-margin-vertical-lg: var(--size-grid-margin-vert-bp-md-lg);
    --size-grids-margin-vertical-md: var(--size-grid-margin-vert-bp-md-md);
    --size-grids-margin-vertical-xl: var(--size-grid-margin-vert-bp-md-xl);
    --size-icon-2xl: var(--size-base-16x-64);
    --size-icon-lg: var(--size-icon-bp-md-lg);
    --size-icon-md: var(--size-icon-bp-md-md);
    --size-icon-sm: var(--size-base-4x-16);
    --size-icon-xl: var(--size-base-12x-48);
    --size-logo-variable: 160px;
    --size-pagination-height-xs: var(--size-base-05x-2);
    --size-pagination-height-sm: var(--size-base-1x-4);
    --size-pagination-height-md: var(--size-base-2x-8);
    --size-pagination-height-lg: var(--size-base-4x-16);
    --size-pagination-wight-xs: var(--size-base-1x-4);
    --size-pagination-wight-sm: var(--size-base-2x-8);
    --size-pagination-wight-md: var(--size-base-4x-16);
    --size-pagination-wight-lg: var(--size-base-8x-32);
    --size-pagination-wight-xl: var(--size-base-12x-48);
    --size-textfield-padding-sm: var(--size-base-1x-4);
    --size-textfield-padding-2sm: var(--size-base-1-5x-6);
    --size-textfield-padding-md: var(--size-base-3x-12);
    --size-textfield-padding-lg: var(--size-base-4x-16);
    --size-textfield-padding-xl: var(--size-base-6x-24);
    /* string */
    --size-block-typography-string: md;
  }
}
/* sm >= 360px and <= 767px */
@media (max-width: 767px) {
  :root {
    --size-badge-padding-xs: var(--size-base-05x-2);
    --size-badge-padding-sm: var(--size-base-1x-4);
    --size-badge-padding-md: var(--size-base-2x-8);
    --size-badge-padding-lg: var(--size-base-3x-12);
    --size-block-img: var(--size-block-img-bp-sm);
    --size-block-banner: var(--size-block-banner-bp-sm);
    --size-block-hero: var(--size-block-hero-bp-sm);
    --size-block-edit: 994px;
    --size-block-padding-lg: var(--size-block-padding-bp-sm-lg);
    --size-block-padding-md: var(--size-block-padding-bp-sm-md);
    --size-block-padding-sm: var(--size-block-padding-bp-sm-sm);
    --size-block-space-2xl: var(--size-block-space-bp-sm-2xl);
    --size-block-space-3xl: var(--size-block-space-bp-sm-3xl);
    --size-block-space-4xl: var(--size-block-space-bp-sm-4xl);
    --size-block-space-5xl: var(--size-base-32x-128);
    --size-block-space-lg: var(--size-block-space-bp-sm-lg);
    --size-block-space-md: var(--size-block-space-bp-sm-md);
    --size-block-space-xl: var(--size-block-space-bp-sm-xl);
    --size-block-text-big-max-2xl: var(--size-block-text-big-max-bp-sm);
    --size-block-text-big-max-body: 1273px;
    --size-block-text-big-max-4xl: 1700px;
    --size-block-text-big-max-6xl: 1700px;
    --size-block-text-third-body-max: var(--size-block-text-third-body-max-bp-sm);
    --size-block-text-third-full-max: var(--size-block-text-third-full-max-bp-sm);
    --size-block-text-third-full-min: var(--size-block-text-third-full-min-bp-sm);
    --size-block-text-two-third-body-max: var(--size-block-text-two-thirds-body-max-bp-sm);
    --size-block-text-two-third-full-max: var(--size-block-text-third-full-max-bp-sm);
    --size-block-text-two-third-full-min: var(--size-block-text-third-full-min-bp-sm);
    --size-border-xs: 1px;
    --size-border-sm: 2px;
    --size-border-md: 3px;
    --size-border-lg: 4px;
    --size-border-xl: 8px;
    --size-button-height-2xl: var(--size-button-height-bp-sm-2xl);
    --size-button-height-lg: var(--size-button-height-bp-sm-lg);
    --size-button-height-md: var(--size-button-height-bp-sm-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-button-height-bp-sm-1xl);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xls: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-sm: var(--size-base-4x-16);
    --size-button-padding-md: var(--size-base-6x-24);
    --size-button-padding-lg: var(--size-base-8x-32);
    --size-button-space-lg: var(--size-button-space-bp-sm-lg);
    --size-button-space-md: var(--size-button-space-bp-sm-md);
    --size-button-space-sm: var(--size-button-space-bp-sm-sm);
    --size-button-width-min: 0px;
    --size-card-height-sm: var(--size-card-height-bp-sm-sm);
    --size-card-padding-md: var(--size-base-4x-16);
    --size-card-padding-sm: var(--size-base-4x-16);
    --size-card-padding-lg: var(--size-base-6x-24);
    --size-card-padding-2xl: var(--size-base-8x-32);
    --size-card-padding-xl: var(--size-card-padding-bp-sm-xl);
    --size-card-space-sm: var(--size-base-2x-8);
    --size-card-space-md: var(--size-base-4x-16);
    --size-card-space-lg: var(--size-base-10x-40);
    --size-checkbox-size: var(--size-base-6x-24);
    --size-content-number: 0px;
    --size-content-padding-1xl: var(--size-content-padding-bp-sm-1xl);
    --size-content-padding-2xl: var(--size-content-padding-bp-sm-2xl);
    --size-content-padding-lg: var(--size-content-padding-bp-sm-lg);
    --size-content-padding-md: var(--size-content-padding-bp-sm-md);
    --size-content-padding-sm: var(--size-content-space-bp-sm-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-content-space-bp-sm-1xl);
    --size-content-space-2xl: var(--size-content-space-bp-sm-2xl);
    --size-content-space-3xl: var(--size-content-space-bp-sm-3xl);
    --size-content-space-4xl: var(--size-content-space-bp-sm-4xl);
    --size-content-space-5xl: var(--size-content-space-bp-sm-5xl);
    --size-content-space-lg: var(--size-content-space-bp-sm-lg);
    --size-content-space-md: var(--size-content-space-bp-sm-md);
    --size-content-space-sm: var(--size-content-space-bp-sm-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-line: var(--size-font-bp-sm-1xl-line);
    --size-font-1xl-size: var(--size-font-bp-sm-1xl-size);
    --size-font-2xl-line: var(--size-font-bp-sm-2xl-line);
    --size-font-2xl-size: var(--size-font-bp-sm-2xl-size);
    --size-font-3xl-line: var(--size-font-bp-sm-3xl-line);
    --size-font-3xl-size: var(--size-font-bp-sm-3xl-size);
    --size-font-4xl-line: var(--size-font-bp-sm-4xl-line);
    --size-font-4xl-size: var(--size-font-bp-sm-4xl-size);
    --size-font-5xl-line: var(--size-font-bp-sm-5xl-line);
    --size-font-5xl-size: var(--size-font-bp-sm-5xl-size);
    --size-font-6xl-line: var(--size-font-bp-sm-6xl-line);
    --size-font-6xl-size: var(--size-font-bp-sm-6xl-size);
    --size-font-lg-line: var(--size-font-bp-sm-lg-line);
    --size-font-lg-size: var(--size-font-bp-sm-lg-size);
    --size-font-md-size: var(--size-font-bp-sm-md-size);
    --size-font-md-line: var(--size-font-bp-sm-md-line);
    --size-font-sm-line: var(--size-font-bp-sm-sm-line);
    --size-font-sm-size: var(--size-font-bp-sm-sm-size);
    --size-grids-breakpoint: var(--size-grid-breakpoint-bp-sm);
    --size-grids-column-big-min: var(--size-grid-column-big-min-bp-sm);
    --size-grids-column-big-max: var(--size-grid-column-big-max-bp-sm);
    --size-grids-column-count-3: var(--size-grid-column-number-3-bp-sm);
    --size-grids-column-count-12: var(--size-grid-column-number-12-bp-sm);
    --size-grids-column-count-9: var(--size-grid-column-number-9-bp-sm);
    --size-grids-column-count-static-3: 2px;
    --size-grids-column-count-static-9: 2px;
    --size-grids-column-count-static-12: 6px;
    --size-grids-column-half-min: var(--size-grid-column-half-min-bp-sm);
    --size-grids-column-half-max: var(--size-grid-column-half-max-bp-sm);
    --size-grids-column-third-min: var(--size-grid-column-third-min-bp-sm);
    --size-grids-column-third-max: var(--size-grid-column-third-max-bp-sm);
    --size-grids-column-third-tablet-full-min: var(--size-grid-column-third-tablet-full-min-bp-sm);
    --size-grids-column-third-tablet-full-max: var(--size-grid-column-third-tablet-full-max-bp-sm);
    --size-grids-container-2xl-max: 1440px;
    --size-grids-container-lg-max: 2400px;
    --size-grids-container-xl-max: 1440px;
    --size-grids-gutter-sm: var(--size-base-2x-8);
    --size-grids-gutter-md: var(--size-base-4x-16);
    --size-grids-margin-md: var(--size-base-14x-56);
    --size-grids-margin-lg: var(--size-base-20x-80);
    --size-grids-margin-xl: var(--size-base-32x-128);
    --size-grids-margin-horizontal-lg: var(--size-grid-margin-hor-bp-sm-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-grids-margin-horizontal-xl: var(--size-grid-margin-hor-bp-sm-xl);
    --size-grids-margin-vertical-lg: var(--size-grid-margin-vert-bp-sm-lg);
    --size-grids-margin-vertical-md: var(--size-grid-margin-vert-bp-sm-md);
    --size-grids-margin-vertical-xl: var(--size-grid-margin-vert-bp-sm-xl);
    --size-icon-2xl: var(--size-base-16x-64);
    --size-icon-lg: var(--size-icon-bp-sm-lg);
    --size-icon-md: var(--size-icon-bp-sm-md);
    --size-icon-sm: var(--size-base-4x-16);
    --size-icon-xl: var(--size-base-12x-48);
    --size-logo-variable: 160px;
    --size-pagination-height-xs: var(--size-base-05x-2);
    --size-pagination-height-sm: var(--size-base-1x-4);
    --size-pagination-height-md: var(--size-base-2x-8);
    --size-pagination-height-lg: var(--size-base-4x-16);
    --size-pagination-wight-xs: var(--size-base-1x-4);
    --size-pagination-wight-sm: var(--size-base-2x-8);
    --size-pagination-wight-md: var(--size-base-4x-16);
    --size-pagination-wight-lg: var(--size-base-8x-32);
    --size-pagination-wight-xl: var(--size-base-12x-48);
    --size-textfield-padding-sm: var(--size-base-1x-4);
    --size-textfield-padding-2sm: var(--size-base-1-5x-6);
    --size-textfield-padding-md: var(--size-base-3x-12);
    --size-textfield-padding-lg: var(--size-base-4x-16);
    --size-textfield-padding-xl: var(--size-base-6x-24);
    /* string */
    --size-block-typography-string: sm;
  }
}
/* Nelset_color_base */
:root {
  --color-grid: #ff0000;
  --color-base-component: #9747ff;
  --color-base-accent-100: #f66565;
  --color-base-accent-200: #f12626;
  --color-base-accent-25: #fcb0b0;
  --color-base-accent-300: #f02323;
  --color-base-accent-400: #ee0202;
  --color-base-accent-50: #f98b8b;
  --color-base-accent-500: #d30202;
  --color-base-accent-600: #b40303;
  --color-base-accent-700: #980404;
  --color-base-accent-800: #7b0505;
  --color-base-accent-900: #5a0606;
  --color-base-base-0: #ffffff;
  --color-base-base-1000: #000000;
  --color-base-base-0-opacity-0: #ffffff00;
  --color-base-error-100: #f68282;
  --color-base-error-200: #f35353;
  --color-base-error-25: #fcd3d3;
  --color-base-error-300: #f02626;
  --color-base-error-400: #ee0202;
  --color-base-error-50: #faadad;
  --color-base-error-500: #d30202;
  --color-base-error-600: #b40303;
  --color-base-error-700: #980404;
  --color-base-error-800: #7b0505;
  --color-base-error-900: #5a0606;
  --color-base-neutral-100: #d0d0d0;
  --color-base-neutral-200: #bfbfbf;
  --color-base-neutral-25: #f4f4f4;
  --color-base-neutral-300: #adadad;
  --color-base-neutral-400: #9c9c9c;
  --color-base-neutral-50: #e3e3e3;
  --color-base-neutral-500: #838383;
  --color-base-neutral-600: #6a6a6a;
  --color-base-neutral-700: #525252;
  --color-base-neutral-800: #393939;
  --color-base-neutral-900: #1e1e1e;
  --color-base-primary-100: #fbcf68;
  --color-base-primary-200: #f9bf3f;
  --color-base-primary-25: #feeeba;
  --color-base-primary-300: #f7b018;
  --color-base-primary-400: #ed9711;
  --color-base-primary-50: #fde095;
  --color-base-primary-500: #e27d0a;
  --color-base-primary-600: #d86504;
  --color-base-primary-700: #c24b01;
  --color-base-primary-800: #a13001;
  --color-base-primary-900: #801401;
  --color-base-success-100: #aee9a9;
  --color-base-success-200: #91e18a;
  --color-base-success-25: #e9f9e8;
  --color-base-success-300: #73d96a;
  --color-base-success-400: #56d14b;
  --color-base-success-50: #cbf1c8;
  --color-base-success-500: #47b640;
  --color-base-success-600: #399d36;
  --color-base-success-700: #287e29;
  --color-base-success-800: #1a631f;
  --color-base-success-900: #0c4a14;
}

/* Nelset_color_styles */
:root {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--color-base-primary-800);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-base: var(--color-base-base-0);
  --color-bg-error: var(--color-base-accent-25);
  --color-bg-light: var(--color-base-base-0);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-sticky: var(--color-base-primary-50);
  --color-bg-success: var(--color-base-success-25);
  --color-bg-variable: var(--color-base-base-0);
  --color-bg-neutral-100: var(--color-base-neutral-100);
  --color-bg-neutral-200: var(--color-base-neutral-200);
  --color-bg-neutral-25: var(--color-base-neutral-25);
  --color-bg-neutral-300: var(--color-base-neutral-300);
  --color-bg-neutral-50: var(--color-base-neutral-50);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-accent-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-300);
  --color-border-neutral-lg: var(--color-base-neutral-100);
  --color-border-neutral-md: var(--color-base-neutral-50);
  --color-border-neutral-sm: var(--color-base-neutral-25);
  --color-border-neutral-xl: var(--color-base-neutral-200);
  --color-border-primary-lg: var(--color-base-primary-400);
  --color-border-primary-sm: var(--color-base-primary-200);
  --color-button-filled-base-focus: var(--color-base-neutral-200);
  --color-button-filled-base-bg-active: var(--color-base-neutral-700);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-25);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-800);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-25);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-25);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-50);
  --color-button-filled-neutral-border-active: var(--color-base-neutral-300);
  --color-button-filled-neutral-border-default: var(--color-base-neutral-100);
  --color-button-filled-neutral-border-disabled: var(--color-base-neutral-25);
  --color-button-filled-neutral-border-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-active: var(--color-base-neutral-900);
  --color-button-filled-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-neutral-content-hover: var(--color-base-neutral-800);
  --color-button-filled-neutral-focus-md: var(--color-base-neutral-100);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-50);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-25);
  --color-button-filled-primary-bg-error: var(--color-base-error-300);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-base-0);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-50);
  --color-button-outline-base-bg-default: var(--color-base-base-0);
  --color-button-outline-base-bg-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-hover: var(--color-base-neutral-25);
  --color-button-outline-base-bg-light-active: var(--color-base-neutral-50);
  --color-button-outline-base-bg-light-default: var(--color-bg-variable);
  --color-button-outline-base-bg-light-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-light-hover: var(--color-base-neutral-25);
  --color-button-outline-base-border-active: var(--color-base-neutral-900);
  --color-button-outline-base-border-default: var(--color-base-neutral-900);
  --color-button-outline-base-border-disabled: var(--color-button-filled-neutral-content-disabled);
  --color-button-outline-base-border-hover: var(--color-base-neutral-900);
  --color-button-outline-base-content-default: var(--color-content-neutral-primary);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-25);
  --color-button-outline-neutral-bg-textfield-default: var(--color-bg-variable);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-200);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-25);
  --color-button-outline-neutral-border-error: var(--color-base-error-300);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-100);
  --color-button-outline-neutral-border-textfield-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-primary-100);
  --color-button-outline-neutral-content-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-primary-25);
  --color-button-outline-primary-border-active: var(--color-base-primary-200);
  --color-button-outline-primary-border-default: var(--color-base-primary-100);
  --color-button-outline-primary-border-disabled: var(--color-button-filled-primary-bg-disabled);
  --color-button-outline-primary-border-hover: var(--color-base-primary-100);
  --color-button-outline-primary-content-default: var(--color-content-neutral-secondary);
  --color-button-outline-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-text-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-base-bg-active: var(--color-base-neutral-50);
  --color-button-text-base-bg-default: var(--color-bg-variable);
  --color-button-text-base-bg-disabled: var(--color-bg-variable);
  --color-button-text-base-bg-hover: var(--color-base-neutral-25);
  --color-button-text-base-content-active: var(--color-base-neutral-700);
  --color-button-text-base-content-default: var(--color-content-neutral-primary);
  --color-button-text-base-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-base-content-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-text-neutral-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-disabled: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-25);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-text-neutral-content-active: var(--color-base-neutral-900);
  --color-button-text-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-hover: var(--color-base-neutral-800);
  --color-button-text-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--color-base-primary-50);
  --color-button-text-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--color-base-primary-25);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-900);
  --color-content-neutral-secondary: var(--color-base-neutral-600);
  --color-content-neutral-tertiary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-primary: var(--color-base-base-0);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-300);
  --color-content-primary-link: var(--color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--color-base-primary-200);
  --color-content-primary-selected: var(--color-base-primary-700);
  --color-textfield-light-focus: var(--color-base-primary-100);
  --color-textfield-light-bg-active: var(--color-base-neutral-50);
  --color-textfield-light-bg-default: var(--color-base-base-0);
  --color-textfield-light-bg-disabled: var(--color-bg-variable);
  --color-textfield-light-bg-hover: var(--color-base-neutral-25);
  --color-textfield-light-border-active: var(--color-base-neutral-200);
  --color-textfield-light-border-default: var(--color-base-neutral-50);
  --color-textfield-light-border-disabled: var(--color-base-neutral-25);
  --color-textfield-light-border-error: var(--color-base-error-300);
  --color-textfield-light-border-hover: var(--color-base-neutral-100);
  --color-textfield-light-content-default: var(--color-base-neutral-400);
  --color-textfield-light-content-disabled: var(--color-base-neutral-100);
  --color-textfield-light-content-error: var(--color-base-error-300);
  --color-textfield-light-content-input: var(--color-base-neutral-900);
}

/* light */
.light {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--color-base-primary-800);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-base: var(--color-base-base-0);
  --color-bg-error: var(--color-base-accent-25);
  --color-bg-light: var(--color-base-base-0);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-sticky: var(--color-base-primary-50);
  --color-bg-success: var(--color-base-success-25);
  --color-bg-variable: var(--color-base-base-0);
  --color-bg-neutral-100: var(--color-base-neutral-100);
  --color-bg-neutral-200: var(--color-base-neutral-200);
  --color-bg-neutral-25: var(--color-base-neutral-25);
  --color-bg-neutral-300: var(--color-base-neutral-300);
  --color-bg-neutral-50: var(--color-base-neutral-50);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-accent-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-300);
  --color-border-neutral-lg: var(--color-base-neutral-100);
  --color-border-neutral-md: var(--color-base-neutral-50);
  --color-border-neutral-sm: var(--color-base-neutral-25);
  --color-border-neutral-xl: var(--color-base-neutral-200);
  --color-border-primary-lg: var(--color-base-primary-400);
  --color-border-primary-sm: var(--color-base-primary-200);
  --color-button-filled-base-focus: var(--color-base-neutral-200);
  --color-button-filled-base-bg-active: var(--color-base-neutral-700);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-25);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-800);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-25);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-25);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-50);
  --color-button-filled-neutral-border-active: var(--color-base-neutral-300);
  --color-button-filled-neutral-border-default: var(--color-base-neutral-100);
  --color-button-filled-neutral-border-disabled: var(--color-base-neutral-25);
  --color-button-filled-neutral-border-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-active: var(--color-base-neutral-900);
  --color-button-filled-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-neutral-content-hover: var(--color-base-neutral-800);
  --color-button-filled-neutral-focus-md: var(--color-base-neutral-100);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-50);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-25);
  --color-button-filled-primary-bg-error: var(--color-base-error-300);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-base-0);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-50);
  --color-button-outline-base-bg-default: var(--color-base-base-0);
  --color-button-outline-base-bg-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-hover: var(--color-base-neutral-25);
  --color-button-outline-base-bg-light-active: var(--color-base-neutral-50);
  --color-button-outline-base-bg-light-default: var(--color-bg-variable);
  --color-button-outline-base-bg-light-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-light-hover: var(--color-base-neutral-25);
  --color-button-outline-base-border-active: var(--color-base-neutral-900);
  --color-button-outline-base-border-default: var(--color-base-neutral-900);
  --color-button-outline-base-border-disabled: var(--color-button-filled-neutral-content-disabled);
  --color-button-outline-base-border-hover: var(--color-base-neutral-900);
  --color-button-outline-base-content-default: var(--color-content-neutral-primary);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-25);
  --color-button-outline-neutral-bg-textfield-default: var(--color-bg-variable);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-200);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-25);
  --color-button-outline-neutral-border-error: var(--color-base-error-300);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-100);
  --color-button-outline-neutral-border-textfield-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-primary-100);
  --color-button-outline-neutral-content-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-primary-25);
  --color-button-outline-primary-border-active: var(--color-base-primary-200);
  --color-button-outline-primary-border-default: var(--color-base-primary-100);
  --color-button-outline-primary-border-disabled: var(--color-button-filled-primary-bg-disabled);
  --color-button-outline-primary-border-hover: var(--color-base-primary-100);
  --color-button-outline-primary-content-default: var(--color-content-neutral-secondary);
  --color-button-outline-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-text-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-base-bg-active: var(--color-base-neutral-50);
  --color-button-text-base-bg-default: var(--color-bg-variable);
  --color-button-text-base-bg-disabled: var(--color-bg-variable);
  --color-button-text-base-bg-hover: var(--color-base-neutral-25);
  --color-button-text-base-content-active: var(--color-base-neutral-700);
  --color-button-text-base-content-default: var(--color-content-neutral-primary);
  --color-button-text-base-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-base-content-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-text-neutral-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-disabled: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-25);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-text-neutral-content-active: var(--color-base-neutral-900);
  --color-button-text-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-hover: var(--color-base-neutral-800);
  --color-button-text-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--color-base-primary-50);
  --color-button-text-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--color-base-primary-25);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-900);
  --color-content-neutral-secondary: var(--color-base-neutral-600);
  --color-content-neutral-tertiary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-primary: var(--color-base-base-0);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-300);
  --color-content-primary-link: var(--color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--color-base-primary-200);
  --color-content-primary-selected: var(--color-base-primary-700);
  --color-textfield-light-focus: var(--color-base-primary-100);
  --color-textfield-light-bg-active: var(--color-base-neutral-50);
  --color-textfield-light-bg-default: var(--color-base-base-0);
  --color-textfield-light-bg-disabled: var(--color-bg-variable);
  --color-textfield-light-bg-hover: var(--color-base-neutral-25);
  --color-textfield-light-border-active: var(--color-base-neutral-200);
  --color-textfield-light-border-default: var(--color-base-neutral-50);
  --color-textfield-light-border-disabled: var(--color-base-neutral-25);
  --color-textfield-light-border-error: var(--color-base-error-300);
  --color-textfield-light-border-hover: var(--color-base-neutral-100);
  --color-textfield-light-content-default: var(--color-base-neutral-400);
  --color-textfield-light-content-disabled: var(--color-base-neutral-100);
  --color-textfield-light-content-error: var(--color-base-error-300);
  --color-textfield-light-content-input: var(--color-base-neutral-900);
}

/* dark */
.dark {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--nelset-color-base-primary-700);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-base: var(--color-base-neutral-900);
  --color-bg-error: var(--color-base-accent-25);
  --color-bg-light: var(--color-base-base-0);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-sticky: var(--color-base-primary-50);
  --color-bg-success: var(--color-base-success-25);
  --color-bg-variable: var(--color-base-base-1000);
  --color-bg-neutral-100: var(--color-base-neutral-700);
  --color-bg-neutral-200: var(--color-base-neutral-600);
  --color-bg-neutral-25: var(--color-base-neutral-900);
  --color-bg-neutral-300: var(--color-base-neutral-500);
  --color-bg-neutral-50: var(--color-base-neutral-800);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-error-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-500);
  --color-border-neutral-lg: var(--color-base-neutral-700);
  --color-border-neutral-md: var(--color-base-neutral-800);
  --color-border-neutral-sm: var(--color-base-neutral-900);
  --color-border-neutral-xl: var(--color-base-neutral-600);
  --color-border-primary-lg: var(--nelset-color-base-primary-400);
  --color-border-primary-sm: var(--nelset-color-base-primary-200);
  --color-button-filled-base-focus: var(--color-base-neutral-200);
  --color-button-filled-base-bg-active: var(--color-base-neutral-300);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-900);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-100);
  --color-button-filled-base-content-default: var(--color-base-neutral-900);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-800);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-md-active: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-md-default: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-md-disabled: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-md-hover: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-600);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-800);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-900);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-800);
  --color-button-filled-neutral-border-active: var(--nelset-color-base-neutral-600);
  --color-button-filled-neutral-border-default: var(--nelset-color-base-neutral-800);
  --color-button-filled-neutral-border-disabled: var(--nelset-color-base-neutral-900);
  --color-button-filled-neutral-border-hover: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-content-active: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-disabled: var(--nelset-color-base-neutral-800);
  --color-button-filled-neutral-content-hover: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-focus-md: var(--color-base-neutral-600);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-600);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-900);
  --color-button-filled-primary-bg-error: var(--color-base-error-300);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-neutral-900);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-800);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-800);
  --color-button-outline-base-bg-default: var(--color-base-base-1000);
  --color-button-outline-base-bg-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-hover: var(--color-base-neutral-900);
  --color-button-outline-base-bg-light-active: var(--color-base-neutral-800);
  --color-button-outline-base-bg-light-default: var(--color-bg-variable);
  --color-button-outline-base-bg-light-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-light-hover: var(--color-base-neutral-900);
  --color-button-outline-base-border-active: var(--color-base-neutral-50);
  --color-button-outline-base-border-default: var(--color-base-neutral-500);
  --color-button-outline-base-border-disabled: var(--color-base-neutral-900);
  --color-button-outline-base-border-hover: var(--color-base-neutral-25);
  --color-button-outline-base-content-default: var(--color-content-neutral-primary);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-800);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-800);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-900);
  --color-button-outline-neutral-bg-textfield-default: var(--color-bg-variable);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-500);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-error: var(--color-base-error-300);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-25);
  --color-button-outline-neutral-border-textfield-default: var(--color-base-base-0);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-base-0);
  --color-button-outline-neutral-content-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-800);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-neutral-800);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-neutral-900);
  --color-button-outline-primary-border-active: var(--color-base-primary-300);
  --color-button-outline-primary-border-default: var(--color-base-primary-300);
  --color-button-outline-primary-border-disabled: var(--color-base-neutral-900);
  --color-button-outline-primary-border-hover: var(--color-base-primary-300);
  --color-button-outline-primary-content-default: var(--color-content-neutral-primary);
  --color-button-outline-primary-content-disabled: var(--nelset-color-base-neutral-800);
  --color-button-text-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-base-bg-active: var(--color-base-neutral-800);
  --color-button-text-base-bg-default: var(--color-bg-variable);
  --color-button-text-base-bg-disabled: var(--color-bg-variable);
  --color-button-text-base-bg-hover: var(--color-base-neutral-900);
  --color-button-text-base-content-active: var(--color-base-neutral-300);
  --color-button-text-base-content-default: var(--color-content-neutral-primary);
  --color-button-text-base-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-base-content-hover: var(--color-base-neutral-200);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-800);
  --color-button-text-neutral-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-disabled: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-900);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-900);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-900);
  --color-button-text-neutral-content-active: var(--color-base-neutral-600);
  --color-button-text-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-hover: var(--color-base-neutral-500);
  --color-button-text-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--color-base-neutral-800);
  --color-button-text-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--color-base-neutral-900);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--nelset-color-base-success-500);
  --color-content-neutral-primary: var(--color-base-base-0);
  --color-content-neutral-secondary: var(--color-base-neutral-200);
  --color-content-neutral-tertiary: var(--color-base-neutral-300);
  --color-content-neutral-inversion-primary: var(--color-base-neutral-900);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-600);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-200);
  --color-content-primary-link: var(--nelset-color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--nelset-color-base-primary-200);
  --color-content-primary-selected: var(--nelset-color-base-primary-700);
  --color-textfield-light-focus: var(--color-base-primary-200);
  --color-textfield-light-bg-active: var(--color-base-neutral-50);
  --color-textfield-light-bg-default: var(--color-base-base-0);
  --color-textfield-light-bg-disabled: var(--color-base-base-0);
  --color-textfield-light-bg-hover: var(--color-base-neutral-25);
  --color-textfield-light-border-active: var(--color-base-neutral-100);
  --color-textfield-light-border-default: var(--color-base-neutral-50);
  --color-textfield-light-border-disabled: var(--color-base-neutral-900);
  --color-textfield-light-border-error: var(--color-base-error-300);
  --color-textfield-light-border-hover: var(--color-base-neutral-200);
  --color-textfield-light-content-default: var(--color-base-neutral-300);
  --color-textfield-light-content-disabled: var(--color-base-neutral-100);
  --color-textfield-light-content-error: var(--color-base-error-300);
  --color-textfield-light-content-input: var(--color-base-neutral-900);
}

/* neutral */
.neutral {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--nelset-color-base-primary-700);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-base: var(--color-base-base-0);
  --color-bg-error: var(--color-base-error-25);
  --color-bg-light: var(--color-base-base-0);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-sticky: var(--color-base-primary-50);
  --color-bg-success: var(--nelset-color-base-success-25);
  --color-bg-variable: var(--color-base-neutral-25);
  --color-bg-neutral-100: var(--color-base-neutral-100);
  --color-bg-neutral-200: var(--color-base-neutral-200);
  --color-bg-neutral-25: var(--color-base-neutral-25);
  --color-bg-neutral-300: var(--nelset-color-base-neutral-300);
  --color-bg-neutral-50: var(--color-base-neutral-50);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-error-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-400);
  --color-border-neutral-lg: var(--color-base-neutral-200);
  --color-border-neutral-md: var(--color-base-neutral-100);
  --color-border-neutral-sm: var(--color-base-neutral-50);
  --color-border-neutral-xl: var(--color-base-neutral-300);
  --color-border-primary-lg: var(--nelset-color-base-primary-400);
  --color-border-primary-sm: var(--nelset-color-base-primary-200);
  --color-button-filled-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-filled-base-bg-active: var(--color-base-neutral-700);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-50);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-800);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--nelset-color-base-neutral-800);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-md-active: var(--color-bg-neutral-100);
  --color-button-filled-neutral-bg-md-default: var(--color-bg-neutral-100);
  --color-button-filled-neutral-bg-md-disabled: var(--color-bg-neutral-100);
  --color-button-filled-neutral-bg-md-hover: var(--color-bg-neutral-100);
  --color-button-filled-neutral-bg-sm-active: var(--color-bg-neutral-200);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-disabled: var(--nelset-color-base-neutral-900);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-border-active: var(--nelset-color-base-neutral-600);
  --color-button-filled-neutral-border-default: var(--color-bg-neutral-100);
  --color-button-filled-neutral-border-disabled: var(--nelset-color-base-neutral-900);
  --color-button-filled-neutral-border-hover: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-content-active: var(--nelset-color-base-neutral-900);
  --color-button-filled-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-disabled: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-hover: var(--nelset-color-base-neutral-900);
  --color-button-filled-neutral-focus-md: var(--color-base-neutral-200);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-100);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-50);
  --color-button-filled-primary-bg-error: var(--color-base-error-300);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-neutral-900);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-100);
  --color-button-outline-base-bg-default: var(--color-base-neutral-25);
  --color-button-outline-base-bg-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-hover: var(--color-base-neutral-50);
  --color-button-outline-base-bg-light-active: var(--color-base-neutral-50);
  --color-button-outline-base-bg-light-default: var(--color-base-base-0);
  --color-button-outline-base-bg-light-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-light-hover: var(--color-base-neutral-25);
  --color-button-outline-base-border-active: var(--color-base-neutral-900);
  --color-button-outline-base-border-default: var(--color-base-neutral-900);
  --color-button-outline-base-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-base-border-hover: var(--color-base-neutral-900);
  --color-button-outline-base-content-default: var(--color-base-neutral-900);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-bg-textfield-default: var(--color-base-base-0);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-error: var(--color-base-error-300);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-textfield-default: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-neutral-900);
  --color-button-outline-neutral-content-default: var(--color-base-neutral-900);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-25);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-primary-25);
  --color-button-outline-primary-border-active: var(--color-base-primary-300);
  --color-button-outline-primary-border-default: var(--color-base-primary-300);
  --color-button-outline-primary-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-primary-border-hover: var(--color-base-primary-300);
  --color-button-outline-primary-content-default: var(--nelset-color-base-neutral-900);
  --color-button-outline-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-text-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-base-bg-active: var(--color-base-neutral-100);
  --color-button-text-base-bg-default: var(--color-bg-variable);
  --color-button-text-base-bg-disabled: var(--color-bg-variable);
  --color-button-text-base-bg-hover: var(--color-base-neutral-50);
  --color-button-text-base-content-active: var(--color-base-neutral-700);
  --color-button-text-base-content-default: var(--color-content-neutral-primary);
  --color-button-text-base-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-base-content-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-100);
  --color-button-text-neutral-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-disabled: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-50);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-800);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-opacity-0);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-content-active: var(--color-base-neutral-900);
  --color-button-text-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-hover: var(--color-base-neutral-800);
  --color-button-text-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--nelset-color-base-neutral-50);
  --color-button-text-primary-bg-default: var(--color-bg-variable);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--nelset-color-base-neutral-25);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--nelset-color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-900);
  --color-content-neutral-secondary: var(--color-base-neutral-700);
  --color-content-neutral-tertiary: var(--color-base-neutral-300);
  --color-content-neutral-inversion-primary: var(--color-base-base-0);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-300);
  --color-content-primary-link: var(--nelset-color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--nelset-color-base-primary-200);
  --color-content-primary-selected: var(--nelset-color-base-primary-700);
  --color-textfield-light-focus: var(--color-base-neutral-900);
  --color-textfield-light-bg-active: var(--color-base-neutral-100);
  --color-textfield-light-bg-default: var(--color-base-base-0);
  --color-textfield-light-bg-disabled: var(--color-bg-variable);
  --color-textfield-light-bg-hover: var(--color-base-neutral-50);
  --color-textfield-light-border-active: var(--color-base-neutral-900);
  --color-textfield-light-border-default: var(--color-base-neutral-900);
  --color-textfield-light-border-disabled: var(--color-base-neutral-50);
  --color-textfield-light-border-error: var(--color-base-error-300);
  --color-textfield-light-border-hover: var(--color-base-neutral-900);
  --color-textfield-light-content-default: var(--color-base-neutral-900);
  --color-textfield-light-content-disabled: var(--color-base-neutral-100);
  --color-textfield-light-content-error: var(--color-base-error-300);
  --color-textfield-light-content-input: var(--color-base-neutral-900);
}

/* Nelset_size_radius */
:root {
  --radius-bage: var(--size-base-0x-0);
  --radius-checkbox: var(--size-base-0x-0);
  --radius-divider: var(--size-base-0x-0);
  --radius-icon: var(--size-base-0x-0);
  --radius-pagination: var(--size-base-0x-0);
  --radius-radio: var(--size-base-10x-40);
  --radius-avatar-full: var(--size-base-999);
  --radius-block-md: var(--size-base-0x-0);
  --radius-block-xl: var(--size-base-0x-0);
  --radius-button-lable-padding: var(--size-base-0x-0);
  --radius-button-lg: var(--size-base-0x-0);
  --radius-button-md: var(--size-base-0x-0);
  --radius-button-sm: var(--size-base-0x-0);
  --radius-button-xl: var(--size-base-0x-0);
  --radius-card-2xl: var(--size-base-0x-0);
  --radius-card-lg: var(--size-base-0x-0);
  --radius-card-md: var(--size-base-0x-0);
  --radius-card-sm: var(--size-base-0x-0);
  --radius-card-xl: var(--size-base-0x-0);
  --radius-textfield-lable-padding: var(--size-base-0x-0);
  --radius-textfield-lg: var(--size-base-0x-0);
  --radius-textfield-md: var(--size-base-0x-0);
  --radius-textfield-sm: var(--size-base-0x-0);
  --radius-textfield-xl: var(--size-base-0x-0);
}

/* false */
.radius-false {
  --radius-bage: var(--size-base-0x-0);
  --radius-checkbox: var(--size-base-0x-0);
  --radius-divider: var(--size-base-0x-0);
  --radius-icon: var(--size-base-0x-0);
  --radius-pagination: var(--size-base-0x-0);
  --radius-radio: var(--size-base-10x-40);
  --radius-avatar-full: var(--size-base-999);
  --radius-block-md: var(--size-base-0x-0);
  --radius-block-xl: var(--size-base-0x-0);
  --radius-button-lable-padding: var(--size-base-0x-0);
  --radius-button-lg: var(--size-base-0x-0);
  --radius-button-md: var(--size-base-0x-0);
  --radius-button-sm: var(--size-base-0x-0);
  --radius-button-xl: var(--size-base-0x-0);
  --radius-card-2xl: var(--size-base-0x-0);
  --radius-card-lg: var(--size-base-0x-0);
  --radius-card-md: var(--size-base-0x-0);
  --radius-card-sm: var(--size-base-0x-0);
  --radius-card-xl: var(--size-base-0x-0);
  --radius-textfield-lable-padding: var(--size-base-0x-0);
  --radius-textfield-lg: var(--size-base-0x-0);
  --radius-textfield-md: var(--size-base-0x-0);
  --radius-textfield-sm: var(--size-base-0x-0);
  --radius-textfield-xl: var(--size-base-0x-0);
}

/* small */
.radius-small {
  --radius-checkbox: var(--size-base-1x-4);
  --radius-divider: var(--size-base-1x-4);
  --radius-icon: var(--size-base-1x-4);
  --radius-pagination: var(--size-base-1x-4);
  --radius-bage: var(--size-base-2x-8);
  --radius-radio: var(--size-base-10x-40);
  --radius-avatar-full: var(--size-base-999);
  --radius-block-md: var(--size-base-2x-8);
  --radius-block-xl: var(--size-base-2x-8);
  --radius-button-lable-padding: var(--size-base-0x-0);
  --radius-button-sm: var(--size-base-1x-4);
  --radius-button-lg: var(--size-base-1-5x-6);
  --radius-button-md: var(--size-base-1-5x-6);
  --radius-button-xl: var(--size-base-2x-8);
  --radius-card-2xl: var(--size-base-2x-8);
  --radius-card-lg: var(--size-base-2x-8);
  --radius-card-md: var(--size-base-2x-8);
  --radius-card-sm: var(--size-base-2x-8);
  --radius-card-xl: var(--size-base-2x-8);
  --radius-textfield-lable-padding: var(--size-base-0x-0);
  --radius-textfield-lg: var(--size-base-2x-8);
  --radius-textfield-md: var(--size-base-2x-8);
  --radius-textfield-sm: var(--size-base-2x-8);
  --radius-textfield-xl: var(--size-base-2x-8);
}

/* middle */
.radius-middle {
  --radius-checkbox: var(--size-base-1x-4);
  --radius-divider: var(--size-base-1x-4);
  --radius-icon: var(--size-base-1x-4);
  --radius-pagination: var(--size-base-2x-8);
  --radius-bage: var(--size-base-3x-12);
  --radius-radio: var(--size-base-10x-40);
  --radius-avatar-full: var(--size-base-999);
  --radius-block-md: var(--size-base-6x-24);
  --radius-block-xl: var(--size-base-10x-40);
  --radius-button-sm: var(--size-base-2x-8);
  --radius-button-md: var(--size-base-3x-12);
  --radius-button-lg: var(--size-base-3-5x-14);
  --radius-button-lable-padding: var(--size-base-4x-16);
  --radius-button-xl: var(--size-base-4x-16);
  --radius-card-sm: var(--size-base-4x-16);
  --radius-card-md: var(--size-base-5x-20);
  --radius-card-lg: var(--size-base-6x-24);
  --radius-card-xl: var(--size-base-7x-28);
  --radius-card-2xl: var(--size-base-10x-40);
  --radius-textfield-sm: var(--size-base-2x-8);
  --radius-textfield-md: var(--size-base-3x-12);
  --radius-textfield-lg: var(--size-base-3-5x-14);
  --radius-textfield-lable-padding: var(--size-base-4x-16);
  --radius-textfield-xl: var(--size-base-4x-16);
}

/* max */
.radius-max {
  --radius-checkbox: var(--size-base-1-5x-6);
  --radius-pagination: var(--size-base-10x-40);
  --radius-radio: var(--size-base-10x-40);
  --radius-bage: var(--size-base-999);
  --radius-divider: var(--size-base-999);
  --radius-icon: var(--size-base-999);
  --radius-avatar-full: var(--size-base-999);
  --radius-block-md: var(--size-base-10x-40);
  --radius-block-xl: var(--size-base-10x-40);
  --radius-button-lable-padding: var(--size-base-5x-20);
  --radius-button-lg: var(--size-base-999);
  --radius-button-md: var(--size-base-999);
  --radius-button-sm: var(--size-base-999);
  --radius-button-xl: var(--size-base-999);
  --radius-card-2xl: var(--size-base-10x-40);
  --radius-card-lg: var(--size-base-10x-40);
  --radius-card-md: var(--size-base-10x-40);
  --radius-card-sm: var(--size-base-10x-40);
  --radius-card-xl: var(--size-base-10x-40);
  --radius-textfield-sm: var(--size-base-4x-16);
  --radius-textfield-lable-padding: var(--size-base-5x-20);
  --radius-textfield-md: var(--size-base-5x-20);
  --radius-textfield-lg: var(--size-base-6x-24);
  --radius-textfield-xl: var(--size-base-7x-28);
}

/* Body fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: local("Inter Light"), url("/themes/nelset/fonts/Inter-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local("Inter Regular"), url("/themes/nelset/fonts/Inter-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local("Inter Medium"), url("/themes/nelset/fonts/Inter-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local("Inter SemiBold"), url("/themes/nelset/fonts/Inter-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: local("Inter Bold"), url("/themes/nelset/fonts/Inter-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: local("Inter Extra Bold"), url("/themes/nelset/fonts/Inter-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: local("Inter Black"), url("/themes/nelset/fonts/Inter-Black.ttf") format("truetype");
}
/* Heading fonts */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: local("Raleway Light"), url("/themes/nelset/fonts/Raleway-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: local("Raleway Regular"), url("/themes/nelset/fonts/Raleway-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: local("Raleway Medium"), url("/themes/nelset/fonts/Raleway-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: local("Raleway SemiBold"), url("/themes/nelset/fonts/Raleway-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: local("Raleway Bold"), url("/themes/nelset/fonts/Raleway-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 800;
  src: local("Raleway Extra Bold"), url("/themes/nelset/fonts/Raleway-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 900;
  src: local("Raleway Black"), url("/themes/nelset/fonts/Raleway-Black.ttf") format("truetype");
}
/* Project_fonts_default */
:root {
  --font-family: 'Inter';
  --font-secondary: 'Raleway';
  --font-heading: var(--font-secondary);
  --font-button: var(--font-secondary);
}

/* Project_fonts_styles */
:root {
  /* Heading6xlBold */
  --font-family-Heading6xlBold: var(--font-heading);
  --font-size-Heading6xlBold: var(--size-font-6xl-size);
  --font-style-Heading6xlBold: normal;
  --font-weight-Heading6xlBold: 700;
  --font-line-height-Heading6xlBold: var(--size-font-6xl-line, 100%);
  --font-letter-spacing-Heading6xlBold: -1.5px;
  --font-varian-Heading6xlBold: lining-nums proportional-nums;
  /* Heading6xlSemiBold */
  --font-family-Heading6xlSemiBold: var(--font-heading);
  --font-size-Heading6xlSemiBold: var(--size-font-6xl-size);
  --font-style-Heading6xlSemiBold: normal;
  --font-weight-Heading6xlSemiBold: 600;
  --font-line-height-Heading6xlSemiBold: var(--size-font-6xl-line, 100%);
  --font-letter-spacing-Heading6xlSemiBold: -1.5px;
  --font-varian-Heading6xlSemiBold: lining-nums proportional-nums;
  /* Heading6xlMd */
  --font-family-Heading6xlMd: var(--font-heading);
  --font-size-Heading6xlMd: var(--size-font-6xl-size);
  --font-style-Heading6xlMd: normal;
  --font-weight-Heading6xlMd: 500;
  --font-line-height-Heading6xlMd: var(--size-font-6xl-line, 100%);
  --font-letter-spacing-Heading6xlMd: -1.5px;
  --font-varian-Heading6xlMd: lining-nums proportional-nums;
  /* Heading5xlBold */
  --font-family-Heading5xlBold: var(--font-heading);
  --font-size-Heading5xlBold: var(--size-font-5xl-size);
  --font-style-Heading5xlBold: normal;
  --font-weight-Heading5xlBold: 700;
  --font-line-height-Heading5xlBold: var(--size-font-5xl-line, 110%);
  --font-letter-spacing-Heading5xlBold: -0.5px;
  /* Heading5xlSemiBold */
  --font-family-Heading5xlSemiBold: var(--font-heading);
  --font-size-Heading5xlSemiBold: var(--size-font-5xl-size);
  --font-style-Heading5xlSemiBold: normal;
  --font-weight-Heading5xlSemiBold: 600;
  --font-line-height-Heading5xlSemiBold: var(--size-font-5xl-line, 110%);
  --font-letter-spacing-Heading5xlSemiBold: -0.5px;
  --font-varian-Heading5xlSemiBold: lining-nums proportional-nums;
  /* Heading5xlMd */
  --font-family-Heading5xlMd: var(--font-heading);
  --font-size-Heading5xlMd: var(--size-font-5xl-size);
  --font-style-Heading5xlMd: normal;
  --font-weight-Heading5xlMd: 500;
  --font-line-height-Heading5xlMd: var(--size-font-5xl-line, 110%);
  --font-letter-spacing-Heading5xlMd: -0.5px;
  /* Heading4xlBold */
  --font-family-Heading4xlBold: var(--font-heading);
  --font-size-Heading4xlBold: var(--size-font-4xl-size);
  --font-style-Heading4xlBold: normal;
  --font-weight-Heading4xlBold: 700;
  --font-line-height-Heading4xlBold: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlBold: lining-nums proportional-nums;
  /* Heading4xlSemiBold */
  --font-family-Heading4xlSemiBold: var(--font-heading);
  --font-size-Heading4xlSemiBold: var(--size-font-4xl-size);
  --font-style-Heading4xlSemiBold: normal;
  --font-weight-Heading4xlSemiBold: 600;
  --font-line-height-Heading4xlSemiBold: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlSemiBold: lining-nums proportional-nums;
  --font-letter-spacing-Heading4xlSemiBold: 0.25px;
  /* Heading4xlMd */
  --font-family-Heading4xlMd: var(--font-heading);
  --font-size-Heading4xlMd: var(--size-font-4xl-size);
  --font-style-Heading4xlMd: normal;
  --font-weight-Heading4xlMd: 500;
  --font-line-height-Heading4xlMd: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlMd: lining-nums proportional-nums;
  /* Heading4xlRegular */
  --font-family-Heading4xlRegular: var(--font-heading);
  --font-size-Heading4xlRegular: var(--size-font-4xl-size);
  --font-style-Heading4xlRegular: normal;
  --font-weight-Heading4xlRegular: 400;
  --font-line-height-Heading4xlRegular: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlRegular: lining-nums proportional-nums;
  /* Heading4xlLight */
  --font-family-Heading4xlLight: var(--font-heading);
  --font-size-Heading4xlLight: var(--size-font-4xl-size);
  --font-style-Heading4xlLight: normal;
  --font-weight-Heading4xlLight: 300;
  --font-line-height-Heading4xlLight: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlLight: lining-nums proportional-nums;
  /* Heading3xlBold */
  --font-family-Heading3xlBold: var(--font-heading);
  --font-size-Heading3xlBold: var(--size-font-3xl-size);
  --font-style-Heading3xlBold: normal;
  --font-weight-Heading3xlBold: 700;
  --font-line-height-Heading3xlBold: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlBold: 0.25px;
  --font-varian-Heading3xlBold: lining-nums proportional-nums;
  /* Heading3xlSemiBold */
  --font-family-Heading3xlSemiBold: var(--font-heading);
  --font-size-Heading3xlSemiBold: var(--size-font-3xl-size);
  --font-style-Heading3xlSemiBold: normal;
  --font-weight-Heading3xlSemiBold: 600;
  --font-line-height-Heading3xlSemiBold: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlSemiBold: 0.25px;
  --font-varian-Heading3xlSemiBold: lining-nums proportional-nums;
  /* Heading3xlMd */
  --font-family-Heading3xlMd: var(--font-heading);
  --font-size-Heading3xlMd: var(--size-font-3xl-size);
  --font-style-Heading3xlMd: normal;
  --font-weight-Heading3xlMd: 500;
  --font-line-height-Heading3xlMd: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlMd: 0.25px;
  --font-varian-Heading3xlMd: lining-nums proportional-nums;
  /* Heading3xlRegular */
  --font-family-Heading3xlRegular: var(--font-heading);
  --font-size-Heading3xlRegular: var(--size-font-3xl-size);
  --font-style-Heading3xlRegular: normal;
  --font-weight-Heading3xlRegular: 400;
  --font-line-height-Heading3xlRegular: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlRegular: 0.25px;
  --font-varian-Heading3xlRegular: lining-nums proportional-nums;
  /* Heading3xlLight */
  --font-family-Heading3xlLight: var(--font-heading);
  --font-size-Heading3xlLight: var(--size-font-3xl-size);
  --font-style-Heading3xlLight: normal;
  --font-weight-Heading3xlLight: 300;
  --font-line-height-Heading3xlLight: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlLight: 0.25px;
  /* Heading2xlBold */
  --font-family-Heading2xlBold: var(--font-heading);
  --font-size-Heading2xlBold: var(--size-font-2xl-size);
  --font-style-Heading2xlBold: normal;
  --font-weight-Heading2xlBold: 700;
  --font-line-height-Heading2xlBold: var(--size-font-2xl-line, 130%);
  /* Heading2xlSemiBold */
  --font-family-Heading2xlSemiBold: var(--font-heading);
  --font-size-Heading2xlSemiBold: var(--size-font-2xl-size);
  --font-style-Heading2xlSemiBold: normal;
  --font-weight-Heading2xlSemiBold: 600;
  --font-line-height-Heading2xlSemiBold: var(--size-font-2xl-line, 130%);
  /* Heading2xlMd */
  --font-family-Heading2xlMd: var(--font-heading);
  --font-size-Heading2xlMd: var(--size-font-2xl-size);
  --font-style-Heading2xlMd: normal;
  --font-weight-Heading2xlMd: 500;
  --font-line-height-Heading2xlMd: var(--size-font-2xl-line, 130%);
  /* Heading2xlRegular */
  --font-family-Heading2xlRegular: var(--font-heading);
  --font-size-Heading2xlRegular: var(--size-font-2xl-size);
  --font-style-Heading2xlRegular: normal;
  --font-weight-Heading2xlRegular: 400;
  --font-line-height-Heading2xlRegular: var(--size-font-2xl-line, 130%);
  /* HeadingxlSemiBold */
  --font-family-HeadingxlSemiBold: var(--font-heading);
  --font-size-HeadingxlSemiBold: var(--size-font-1xl-size);
  --font-style-HeadingxlSemiBold: normal;
  --font-weight-HeadingxlSemiBold: 600;
  --font-line-height-HeadingxlSemiBold: var(--size-font-1xl-line, 130%);
  --font-letter-spacing-HeadingxlSemiBold: 0.15px;
  --font-variant-numeric-HeadingxlSemiBold: lining-nums proportional-nums;
  /* HeadingxlMd */
  --font-family-HeadingxlMd: var(--font-heading);
  --font-size-HeadingxlMd: var(--size-font-1xl-size);
  --font-style-HeadingxlMd: normal;
  --font-weight-HeadingxlMd: 500;
  --font-line-height-HeadingxlMd: var(--size-font-1xl-line, 130%);
  --font-letter-spacing-HeadingxlMd: 0.15px;
  --font-variant-numeric-HeadingxlMd: lining-nums proportional-nums;
  /* HeadingxlRegular */
  --font-family-HeadingxlRegular: var(--font-heading);
  --font-size-HeadingxlRegular: var(--size-font-1xl-size);
  --font-style-HeadingxlRegular: normal;
  --font-weight-HeadingxlRegular: 400;
  --font-line-height-HeadingxlRegular: var(--size-font-1xl-line, 130%);
  --font-letter-spacing-HeadingxlRegular: 0.15px;
  --font-variant-numeric-HeadingxlRegular: lining-nums proportional-nums;
  /* BodyLgBold */
  --font-family-BodyLgBold: var(--font-family);
  --font-size-BodyLgBold: var(--size-font-lg-size);
  --font-style-BodyLgBold: normal;
  --font-weight-BodyLgBold: 700;
  --font-line-height-BodyLgBold: var(--size-font-lg-line, 150%);
  --font-letter-spacing-BodyLgBold: 0.1px;
  --font-variant-numeric-BodyLgBold: lining-nums proportional-nums;
  /* BodyLgSemiBold */
  --font-family-BodyLgSemiBold: var(--font-family);
  --font-size-BodyLgSemiBold: var(--size-font-lg-size);
  --font-style-BodyLgSemiBold: normal;
  --font-weight-BodyLgSemiBold: 600;
  --font-line-height-BodyLgSemiBold: var(--size-font-lg-line, 150%);
  --font-letter-spacing-BodyLgSemiBold: 0.1px;
  --font-variant-numeric-BodyLgSemiBold: lining-nums proportional-nums;
  /* BodyLgRegular */
  --font-family-BodyLgRegular: var(--font-family);
  --font-size-BodyLgRegular: var(--size-font-lg-size);
  --font-style-BodyLgRegular: normal;
  --font-weight-BodyLgRegular: 400;
  --font-line-height-BodyLgRegular: var(--size-font-lg-line, 150%);
  --font-letter-spacing-BodyLgRegular: 0.1px;
  --font-variant-numeric-BodyLgRegular: lining-nums proportional-nums;
  /* BodyMdSemiBold */
  --font-family-BodyMdSemiBold: var(--font-family);
  --font-size-BodyMdSemiBold: var(--size-font-md-size);
  --font-style-BodyMdSemiBold: normal;
  --font-weight-BodyMdSemiBold: 600;
  --font-line-height-BodyMdSemiBold: var(--size-font-md-line, 150%);
  --font-letter-spacing-BodyMdSemiBold: 0.1px;
  /* BodyMdRegular */
  --font-family-BodyMdRegular: var(--font-family);
  --font-size-BodyMdRegular: var(--size-font-md-size);
  --font-style-BodyMdRegular: normal;
  --font-weight-BodyMdRegular: 400;
  --font-line-height-BodyMdRegular: var(--size-font-md-line, 150%);
  --font-letter-spacing-BodyMdRegular: 0.25px;
  /* BodySmSemiBold */
  --font-family-BodySmSemiBold: var(--font-family);
  --font-size-BodySmSemiBold: var(--size-font-sm-size);
  --font-style-BodySmSemiBold: normal;
  --font-weight-BodySmSemiBold: 600;
  --font-line-height-BodySmSemiBold: var(--size-font-sm-line, 150%);
  --font-letter-spacing-BodySmSemiBold: 0.1px;
  /* BodySmRegular */
  --font-family-BodySmRegular: var(--font-family);
  --font-size-BodySmRegular: var(--size-font-sm-size);
  --font-style-BodySmRegular: normal;
  --font-weight-BodySmRegular: 400;
  --font-line-height-BodySmRegular: var(--size-font-sm-line, 150%);
  --font-letter-spacing-BodySmRegular: 0.2px;
  /* ButtonLg */
  --font-family-ButtonLg: var(--font-button);
  --font-size-ButtonLg: var(--size-font-lg-size);
  --font-style-ButtonLg: normal;
  --font-weight-ButtonLg: 600;
  --font-line-height-ButtonLg: var(--size-font-lg-line, 150%);
  --font-letter-spacing-ButtonLg: 0.2px;
}

/* Project_fonts_mixin */
.heading-6xl-bold {
  /* Heading6xlBold */
  font-family: var(--font-family-Heading6xlBold);
  font-size: var(--font-size-Heading6xlBold);
  font-style: var(--font-style-Heading6xlBold);
  font-weight: var(--font-weight-Heading6xlBold);
  line-height: var(--font-line-height-Heading6xlBold);
  letter-spacing: var(--font-letter-spacing-Heading6xlBold);
  font-variant-numeric: var(--font-varian-Heading6xlBold);
}

.heading-6xl-semibold {
  /* Heading6xlSemiBold */
  font-family: var(--font-family-Heading6xlSemiBold);
  font-size: var(--font-size-Heading6xlSemiBold);
  font-style: var(--font-style-Heading6xlSemiBold);
  font-weight: var(--font-weight-Heading6xlSemiBold);
  line-height: var(--font-line-height-Heading6xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading6xlSemiBold);
  font-variant-numeric: var(--font-varian-Heading6xlSemiBold);
}

.heading-6xl-md {
  /* Heading6xlMd */
  font-family: var(--font-family-Heading6xlMd);
  font-size: --font-size-Heading6xlMd;
  font-style: var(--font-style-Heading6xlMd);
  font-weight: var(--font-weight-Heading6xlMd);
  line-height: var(--font-line-height-Heading6xlMd);
  letter-spacing: var(--font-letter-spacing-Heading6xlMd);
  font-variant-numeric: var(--font-varian-Heading6xlMd);
}

.heading-5xl-bold {
  /* Heading5xlBold */
  font-family: var(--font-family-Heading5xlBold);
  font-size: var(--font-size-Heading5xlBold);
  font-style: var(--font-style-Heading5xlBold);
  font-weight: var(--font-weight-Heading5xlBold);
  line-height: var(--font-line-height-Heading5xlBold);
  letter-spacing: var(--font-letter-spacing-Heading5xlBold);
}

.heading-5xl-semibold {
  /* Heading5xlSemiBold */
  font-variant-numeric: var(--font-varian-Heading5xlSemiBold);
  font-family: var(--font-family-Heading5xlSemiBold);
  font-size: var(--font-size-Heading5xlSemiBold);
  font-style: var(--font-style-Heading5xlSemiBold);
  font-weight: var(--font-weight-Heading5xlSemiBold);
  line-height: var(--font-line-height-Heading5xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading5xlSemiBold);
}

.heading-5xl-md {
  /* Heading5xlMd */
  font-family: var(--font-family-Heading5xlMd);
  font-size: var(--font-size-Heading5xlMd);
  font-style: var(--font-style-Heading5xlMd);
  font-weight: var(--font-weight-Heading5xlMd);
  line-height: var(--font-line-height-Heading5xlMd);
  letter-spacing: var(--font-letter-spacing-Heading5xlMd);
}

.heading-4xl-bold {
  /* Heading4xlBold */
  font-variant-numeric: var(--font-varian-Heading4xlBold);
  font-family: var(--font-family-Heading4xlBold);
  font-size: var(--font-size-Heading4xlBold);
  font-style: var(--font-style-Heading4xlBold);
  font-weight: var(--font-weight-Heading4xlBold);
  line-height: var(--font-line-height-Heading4xlBold);
}

.heading-4xl-semibold {
  /* Heading4xlSemiBold */
  font-variant-numeric: var(--font-varian-Heading4xlSemiBold);
  font-family: var(--font-family-Heading4xlSemiBold);
  font-size: var(--font-size-Heading4xlSemiBold);
  font-style: var(--font-style-Heading4xlSemiBold);
  font-weight: var(--font-weight-Heading4xlSemiBold);
  line-height: var(--font-line-height-Heading4xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading4xlSemiBold);
}

.heading-4xl-md {
  /* Heading4xlMd */
  font-variant-numeric: var(--font-varian-Heading4xlMd);
  font-family: var(--font-family-Heading4xlMd);
  font-size: var(--font-size-Heading4xlMd);
  font-style: var(--font-style-Heading4xlMd);
  font-weight: var(--font-weight-Heading4xlMd);
  line-height: var(--font-line-height-Heading4xlMd);
}

.heading-4xl-regular {
  /* Heading4xlRegular */
  font-family: var(--font-family-Heading4xlRegular);
  font-size: var(--font-size-Heading4xlRegular);
  font-style: var(--font-style-Heading4xlRegular);
  font-weight: var(--font-weight-Heading4xlRegular);
  line-height: var(--font-line-height-Heading4xlRegular);
  font-variant-numeric: var(--font-varian-Heading4xlRegular);
}

.heading-4xl-light {
  /* Heading4xlLight */
  font-variant-numeric: var(--font-varian-Heading4xlLight);
  font-family: var(--font-family-Heading4xlLight);
  font-size: var(--font-size-Heading4xlLight);
  font-style: var(--font-style-Heading4xlLight);
  font-weight: var(--font-weight-Heading4xlLight);
  line-height: var(--font-line-height-Heading4xlLight);
}

.heading-3xl-bold {
  /* Heading3xlBold */
  font-variant-numeric: var(--font-varian-Heading3xlBold);
  font-family: var(--font-family-Heading3xlBold);
  font-size: var(--font-size-Heading3xlBold);
  font-style: var(--font-style-Heading3xlBold);
  font-weight: var(--font-weight-Heading3xlBold);
  line-height: var(--font-line-height-Heading3xlBold);
  letter-spacing: var(--font-letter-spacing-Heading3xlBold);
}

.heading-3xl-semibold {
  /* Heading3xlSemiBold */
  font-variant-numeric: var(--font-varian-Heading3xlSemiBold);
  font-family: var(--font-family-Heading3xlSemiBold);
  font-size: var(--font-size-Heading3xlSemiBold);
  font-style: var(--font-style-Heading3xlSemiBold);
  font-weight: var(--font-weight-Heading3xlSemiBold);
  line-height: var(--font-line-height-Heading3xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading3xlSemiBold);
}

.heading-3xl-md {
  /* Heading3xlMd */
  font-variant-numeric: var(--font-varian-Heading3xlMd);
  font-family: var(--font-family-Heading3xlMd);
  font-size: var(--font-size-Heading3xlMd);
  font-style: var(--font-style-Heading3xlMd);
  font-weight: var(--font-weight-Heading3xlMd);
  line-height: var(--font-line-height-Heading3xlMd);
  letter-spacing: var(--font-letter-spacing-Heading3xlMd);
}

.heading-3xl-regular {
  /* Heading3xlRegular */
  font-variant-numeric: var(--font-varian-Heading3xlRegular);
  font-family: var(--font-family-Heading3xlRegular);
  font-size: var(--font-size-Heading3xlRegular);
  font-style: var(--font-style-Heading3xlRegular);
  font-weight: var(--font-weight-Heading3xlRegular);
  line-height: var(--font-line-height-Heading3xlRegular);
  letter-spacing: var(--font-letter-spacing-Heading3xlRegular);
}

.heading-3xl-light {
  /* Heading3xlLight */
  font-family: var(--font-family-Heading3xlLight);
  font-size: var(--font-size-Heading3xlLight);
  font-style: var(--font-style-Heading3xlLight);
  font-weight: var(--font-weight-Heading3xlLight);
  line-height: var(--font-line-height-Heading3xlLight);
  letter-spacing: var(--font-letter-spacing-Heading3xlLight);
}

.heading-2xl-bold {
  /* Heading2xlBold */
  font-family: var(--font-family-Heading2xlBold);
  font-size: var(--font-size-Heading2xlBold);
  font-style: var(--font-style-Heading2xlBold);
  font-weight: var(--font-weight-Heading2xlBold);
  line-height: var(--font-line-height-Heading2xlBold);
}

.heading-2xl-semibold {
  /* Heading2xlSemiBold */
  font-family: var(--font-family-Heading2xlSemiBold);
  font-size: var(--font-size-Heading2xlSemiBold);
  font-style: var(--font-style-Heading2xlSemiBold);
  font-weight: var(--font-weight-Heading2xlSemiBold);
  line-height: var(--font-line-height-Heading2xlSemiBold);
}

.heading-2xl-md {
  /* Heading2xlMd */
  font-family: var(--font-family-Heading2xlMd);
  font-size: var(--font-size-Heading2xlMd);
  font-style: var(--font-style-Heading2xlMd);
  font-weight: var(--font-weight-Heading2xlMd);
  line-height: var(--font-line-height-Heading2xlMd);
}

.heading-2xl-regular {
  /* Heading2xlRegular */
  font-family: var(--font-family-Heading2xlRegular);
  font-size: var(--font-size-Heading2xlRegular);
  font-style: var(--font-style-Heading2xlRegular);
  font-weight: var(--font-weight-Heading2xlRegular);
  line-height: var(--font-line-height-Heading2xlRegular);
}

.heading-xl-semibold {
  /* HeadingxlSemiBold */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlSemiBold);
  font-family: var(--font-family-HeadingxlSemiBold);
  font-size: var(--font-size-HeadingxlSemiBold);
  font-style: var(--font-style-HeadingxlSemiBold);
  font-weight: var(--font-weight-HeadingxlSemiBold);
  line-height: var(--font-line-height-HeadingxlSemiBold);
  letter-spacing: var(--font-letter-spacing-HeadingxlSemiBold);
}

.heading-xl-md {
  /* HeadingxlMd */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlMd);
  font-family: var(--font-family-HeadingxlMd);
  font-size: var(--font-size-HeadingxlMd);
  font-style: var(--font-style-HeadingxlMd);
  font-weight: var(--font-weight-HeadingxlMd);
  line-height: var(--font-line-height-HeadingxlMd);
  letter-spacing: var(--font-letter-spacing-HeadingxlMd);
}

.heading-xl-regular {
  /* HeadingxlRegular */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlRegular);
  font-family: var(--font-family-HeadingxlRegular);
  font-size: var(--font-size-HeadingxlRegular);
  font-style: var(--font-style-HeadingxlRegular);
  font-weight: var(--font-weight-HeadingxlRegular);
  line-height: var(--font-line-height-HeadingxlRegular);
  letter-spacing: var(--font-letter-spacing-HeadingxlRegular);
}

.body-lg-bold {
  /* BodyLgBold */
  font-family: var(--font-family-BodyLgBold);
  font-size: var(--font-size-BodyLgBold);
  font-style: var(--font-style-BodyLgBold);
  font-weight: var(--font-weight-BodyLgBold);
  line-height: var(--font-line-height-BodyLgBold);
  letter-spacing: var(--font-letter-spacing-BodyLgBold);
  font-variant-numeric: var(--font-variant-numeric-BodyLgBold);
}

.body-lg-semibold {
  /* BodyLgSemiBold */
  font-variant-numeric: var(--font-variant-numeric-BodyLgSemiBold);
  font-family: var(--font-family-BodyLgSemiBold);
  font-size: var(--font-size-BodyLgSemiBold);
  font-style: var(--font-style-BodyLgSemiBold);
  font-weight: var(--font-weight-BodyLgSemiBold);
  line-height: var(--font-line-height-BodyLgSemiBold);
  letter-spacing: var(--font-letter-spacing-BodyLgSemiBold);
}

.body-lg-regular {
  /* BodyLgRegular */
  font-variant-numeric: var(--font-variant-numeric-BodyLgRegular);
  font-family: var(--font-family-BodyLgRegular);
  font-size: var(--font-size-BodyLgRegular);
  font-style: var(--font-style-BodyLgRegular);
  font-weight: var(--font-weight-BodyLgRegular);
  line-height: var(--font-line-height-BodyLgRegular);
  letter-spacing: var(--font-letter-spacing-BodyLgRegular);
}

.body-md-semibold {
  /* BodyMdSemiBold */
  font-family: var(--font-family-BodyMdSemiBold);
  font-size: var(--font-size-BodyMdSemiBold);
  font-style: var(--font-style-BodyMdSemiBold);
  font-weight: var(--font-weight-BodyMdSemiBold);
  line-height: var(--font-line-height-BodyMdSemiBold);
  letter-spacing: var(--font-letter-spacing-BodyMdSemiBold);
}

.body-md-regular {
  /* BodyMdRegular */
  font-family: var(--font-family-BodyMdRegular);
  font-size: var(--font-size-BodyMdRegular);
  font-style: var(--font-style-BodyMdRegular);
  font-weight: var(--font-weight-BodyMdRegular);
  line-height: var(--font-line-height-BodyMdRegular);
  letter-spacing: var(--font-letter-spacing-BodyMdRegular);
}

.body-sm-semibold {
  /* BodySmSemiBold */
  font-family: var(--font-family-BodySmSemiBold);
  font-size: var(--font-size-BodySmSemiBold);
  font-style: var(--font-style-BodySmSemiBold);
  font-weight: var(--font-weight-BodySmSemiBold);
  line-height: var(--font-line-height-BodySmSemiBold);
  letter-spacing: var(--font-letter-spacing-BodySmSemiBold);
}

.body-sm-regular {
  /* BodySmRegular */
  font-family: var(--font-family-BodySmRegular);
  font-size: var(--font-size-BodySmRegular);
  font-style: var(--font-style-BodySmRegular);
  font-weight: var(--font-weight-BodySmRegular);
  line-height: var(--font-line-height-BodySmRegular);
  letter-spacing: var(--font-letter-spacing-BodySmRegular);
}/*# sourceMappingURL=vars.css.map */