/* Nelset_01_size_base */
:root {
  /* xl */
  /* number */
  --size-base-0x-0: 0px;
  --size-base-05x-2: 2px;
  --size-base--1x-4: 4px;
  --size-base-1x-4: 4px;
  --size-base-1-5x-6: 6px;
  --size-base--2x-8: 8px;
  --size-base-2x-8: 8px;
  --size-base-2-5x-10: 10px;
  --size-base--3x-12: 12px;
  --size-base-3x-12: 12px;
  --size-base-3-5x-14: 14px;
  --size-base--4x-16: 16px;
  --size-base-4x-16: 16px;
  --size-base--5x-20: 20px;
  --size-base-5x-20: 20px;
  --size-base--6x-24: 24px;
  --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-25x-100: 100px;
  --size-base-26x-104: 104px;
  --size-base-27x-108: 108px;
  --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;
}

/* SCALE */
/* STATIC */
:root {
  --viewport: 100vw;
  --size-scale-block-banner-bp-xl: calc(846px + (1200 - 846) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-hero-bp-xl: calc(918px + (1998 - 918) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-img-bp-xl: calc(640px + (1200 - 640) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-padding-bp-xl-xs: calc(16px + (32 - 16) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-padding-bp-xl-sm: calc(20px + (28 - 20) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-padding-bp-xl-md: calc(32px + (56 - 32) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-padding-bp-xl-2md: calc(36px + (72 - 36) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-padding-bp-xl-lg: calc(72px + (128 - 72) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-space-bp-xl-md: calc(32px + (56 - 32) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-space-bp-xl-lg: calc(44px + (64 - 44) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-space-bp-xl-xl: calc(56px + (88 - 56) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-space-bp-xl-2xl: calc(64px + (96 - 64) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-space-bp-xl-3xl: calc(80px + (128 - 80) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-space-bp-xl-4xl: calc(80px + (128 - 80) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-big-2xl-max-bp-xl: calc(1002px + (1830 - 1002) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-big-4xl-max-bp-xl: calc(1002px + (2046 - 1002) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-third-body-max-bp-xl: calc(428px + (908 - 428) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-third-full-max-bp-xl: calc(565px + (1163 - 565) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-third-full-min-bp-xl: calc(565px + (800 - 565) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-two-thirds-body-max-bp-xl: calc(592px + (592 - 592) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-two-thirds-full-max-bp-xl: calc(565px + (1163 - 565) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-text-two-thirds-full-min-bp-xl: calc(565px + (800 - 565) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-height-bp-xl-md: calc(52px + (72 - 52) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-height-bp-xl-lg: calc(64px + (80 - 64) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-height-bp-xl-1xl: calc(80px + (96 - 80) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-height-bp-xl-2xl: calc(88px + (144 - 88) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-padding-bp-xl-lg: calc(48px + (64 - 48) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-space-bp-xl-sm: calc(2px + (4 - 2) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-space-bp-xl-md: calc(4px + (12 - 4) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-button-space-bp-xl-lg: calc(8px + (16 - 8) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-card-height-bp-xl-sm: calc(394px + (560 - 394) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-card-padding-bp-xl-xl: calc(40px + (64 - 40) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-padding-bp-xl-sm: calc(4px + (16 - 4) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-padding-bp-xl-md: calc(8px + (24 - 8) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-padding-bp-xl-lg: calc(16px + (32 - 16) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-padding-bp-xl-1xl: calc(24px + (48 - 24) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-padding-bp-xl-2xl: calc(32px + (56 - 32) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-sm: calc(4px + (12 - 4) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-md: calc(8px + (20 - 8) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-lg: calc(16px + (24 - 16) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-1xl: calc(20px + (28 - 20) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-2xl: calc(24px + (40 - 24) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-3xl: calc(32px + (48 - 32) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-4xl: calc(40px + (56 - 40) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-content-space-bp-xl-5xl: calc(44px + (64 - 44) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-1xl-size: calc(24px + (42 - 24) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-1xl-line: calc(31.200000762939453px + (46.79999923706055 - 31.200000762939453) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-2xl-size: calc(32px + (48 - 32) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-2xl-line: calc(44.79999923706055px + (62.400001525878906 - 44.79999923706055) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-3xl-size: calc(40px + (64 - 40) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-3xl-line: calc(52px + (72.80000305175781 - 52) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-4xl-size: calc(48px + (96 - 48) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-4xl-line: calc(57.599998474121094px + (115.19999694824219 - 57.599998474121094) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-5xl-line: calc(61.599998474121094px + (123.19999694824219 - 61.599998474121094) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-5xl-size: calc(72px + (112 - 72) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-6xl-line: calc(96px + (176 - 96) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-6xl-size: calc(96px + (176 - 96) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-lg-size: calc(16px + (32 - 16) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-lg-line: calc(24px + (48 - 24) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-md-size: calc(14px + (20 - 14) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-md-line: calc(18.200000762939453px + (26 - 18.200000762939453) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-sm-size: calc(12px + (12 - 12) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-font-bp-xl-sm-line: calc(18px + (18 - 18) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-breakpoint-bp-xl: calc(1921px + (3840 - 1921) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-big-max-bp-xl: calc(1147px + (2341 - 1147) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-big-min-bp-xl: calc(789px + (1600 - 789) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-half-max-bp-xl: calc(856px + (1163 - 856) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-half-min-bp-xl: calc(789px + (1000 - 789) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-number-12-bp-xl: calc(12px + (12 - 12) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-number-3-bp-xl: calc(3px + (3 - 3) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-number-9-bp-xl: calc(9px + (9 - 9) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-third-max-bp-xl: calc(565px + (1163 - 565) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-third-min-bp-xl: calc(565px + (1000 - 565) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-third-tablet-full-max-bp-xl: calc(565px + (1163 - 565) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-column-third-tablet-full-min-bp-xl: calc(368px + (800 - 368) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-margin-hor-bp-xl-lg: calc(96px + (160 - 96) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-margin-hor-bp-xl-xl: calc(160px + (224 - 160) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-margin-vert-bp-xl-md: calc(96px + (144 - 96) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-margin-vert-bp-xl-lg: calc(112px + (176 - 112) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-grid-margin-vert-bp-xl-xl: calc(160px + (224 - 160) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-icon-bp-xl-md: calc(24px + (36 - 24) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-icon-bp-xl-lg: calc(48px + (72 - 48) * ((var(--viewport) - 1920px) / (3840 - 1920)));
  --size-scale-block-banner-bp-lg: calc(486px + (846 - 486) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-hero-bp-lg: calc(538px + (918 - 538) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-img-bp-lg: calc(400px + (640 - 400) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-padding-bp-lg-xs: calc(14px + (28 - 14) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-padding-bp-lg-sm: calc(16px + (32 - 16) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-padding-bp-lg-md: calc(24px + (32 - 24) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-padding-bp-lg-2md: calc(28px + (36 - 28) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-padding-bp-lg-lg: calc(44px + (72 - 44) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-space-bp-lg-md: calc(16px + (32 - 16) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-space-bp-lg-lg: calc(24px + (44 - 24) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-space-bp-lg-2lg: calc(32px + (48 - 32) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-space-bp-lg-xl: calc(40px + (56 - 40) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-space-bp-lg-2xl: calc(48px + (64 - 48) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-space-bp-lg-3xl: calc(64px + (80 - 64) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-space-bp-lg-4xl: calc(80px + (96 - 80) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-big-2xl-max-bp-lg: calc(848px + (1002 - 848) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-big-4xl-max-bp-lg: calc(848px + (1002 - 848) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-third-body-max-bp-lg: calc(363px + (428 - 363) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-third-full-max-bp-lg: calc(368px + (565 - 368) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-third-full-min-bp-lg: calc(368px + (565 - 368) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-two-thirds-body-max-bp-lg: calc(592px + (592 - 592) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-two-thirds-full-max-bp-lg: calc(368px + (565 - 368) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-text-two-thirds-full-min-bp-lg: calc(368px + (565 - 368) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-height-bp-lg-md: calc(44px + (52 - 44) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-height-bp-lg-lg: calc(52px + (64 - 52) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-height-bp-lg-1xl: calc(56px + (80 - 56) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-height-bp-lg-2xl: calc(56px + (88 - 56) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-padding-bp-lg-lg: calc(44px + (64 - 44) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-space-bp-lg-sm: calc(2px + (2 - 2) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-space-bp-lg-md: calc(4px + (4 - 4) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-button-space-bp-lg-lg: calc(8px + (8 - 8) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-card-height-bp-lg-sm: calc(370px + (394 - 370) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-card-padding-bp-lg-xl: calc(32px + (40 - 32) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-padding-bp-lg-sm: calc(4px + (4 - 4) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-padding-bp-lg-md: calc(8px + (8 - 8) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-padding-bp-lg-lg: calc(16px + (16 - 16) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-padding-bp-lg-1xl: calc(24px + (24 - 24) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-padding-bp-lg-2xl: calc(32px + (32 - 32) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-sm: calc(4px + (4 - 4) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-lg: calc(8px + (16 - 8) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-md: calc(8px + (8 - 8) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-1xl: calc(12px + (20 - 12) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-2xl: calc(16px + (24 - 16) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-3xl: calc(20px + (32 - 20) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-4xl: calc(28px + (40 - 28) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-content-space-bp-lg-5xl: calc(32px + (44 - 32) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-1xl-size: calc(20px + (20 - 20) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-1xl-line: calc(26px + (26 - 26) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-2xl-size: calc(20px + (32 - 20) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-2xl-line: calc(26px + (46 - 26) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-3xl-size: calc(24px + (40 - 24) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-3xl-line: calc(31.200000762939453px + (52 - 31.200000762939453) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-4xl-size: calc(32px + (48 - 32) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-4xl-line: calc(38.400001525878906px + (57.599998474121094 - 38.400001525878906) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-5xl-size: calc(56px + (72 - 56) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-5xl-line: calc(67.19999694824219px + (79.19999694824219 - 67.19999694824219) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-6xl-size: calc(72px + (96 - 72) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-6xl-line: calc(79.19999694824219px + (105.5999984741211 - 79.19999694824219) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-lg-size: calc(16px + (16 - 16) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-lg-line: calc(24px + (24 - 24) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-md-size: calc(14px + (14 - 14) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-md-line: calc(18.200000762939453px + (18.200000762939453 - 18.200000762939453) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-sm-size: calc(12px + (12 - 12) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-font-bp-lg-sm-line: calc(18px + (18 - 18) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-breakpoint-bp-lg: calc(1280px + (1920 - 1280) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-big-max-bp-lg: calc(742px + (1167 - 742) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-big-min-bp-lg: calc(742px + (742 - 742) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-half-max-bp-lg: calc(560px + (856 - 560) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-half-min-bp-lg: calc(400px + (742 - 400) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-number-12-bp-lg: calc(12px + (12 - 12) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-number-3-bp-lg: calc(3px + (3 - 3) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-number-9-bp-lg: calc(9px + (9 - 9) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-third-max-bp-lg: calc(368px + (565 - 368) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-third-min-bp-lg: calc(368px + (565 - 368) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-third-tablet-full-max-bp-lg: calc(368px + (565 - 368) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-column-third-tablet-full-min-bp-lg: calc(256px + (368 - 256) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-margin-hor-bp-lg-lg: calc(72px + (96 - 72) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-margin-hor-bp-lg-xl: calc(112px + (160 - 112) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-margin-vert-bp-lg-md: calc(64px + (96 - 64) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-margin-vert-bp-lg-lg: calc(80px + (112 - 80) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-grid-margin-vert-bp-lg-xl: calc(112px + (160 - 112) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-icon-bp-lg-md: calc(24px + (24 - 24) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-icon-bp-lg-lg: calc(36px + (36 - 36) * ((var(--viewport) - 1280px) / (1919 - 1280)));
  --size-scale-block-banner-bp-md: calc(486px + (486 - 486) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-hero-bp-md: calc(538px + (538 - 538) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-img-bp-md: calc(360px + (400 - 360) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-padding-bp-md-xs: calc(14px + (14 - 14) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-padding-bp-md-sm: calc(16px + (16 - 16) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-padding-bp-md-md: calc(24px + (24 - 24) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-padding-bp-md-2md: calc(28px + (36 - 28) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-padding-bp-md-lg: calc(44px + (44 - 44) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-space-bp-md-md: calc(16px + (16 - 16) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-space-bp-md-lg: calc(24px + (24 - 24) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-space-bp-md-xl: calc(40px + (40 - 40) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-space-bp-md-2xl: calc(48px + (48 - 48) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-space-bp-md-3xl: calc(64px + (64 - 64) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-space-bp-md-4xl: calc(64px + (64 - 64) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-big-2xl-max-bp-md: calc(848px + (1167 - 848) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-big-4xl-max-bp-md: calc(848px + (1167 - 848) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-third-body-max-bp-md: calc(432px + (363 - 432) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-third-full-max-bp-md: calc(432px + (368 - 432) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-third-full-min-bp-md: calc(300px + (300 - 300) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-two-thirds-body-max-bp-md: calc(431px + (363 - 431) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-two-thirds-full-max-bp-md: calc(432px + (368 - 432) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-text-two-thirds-full-min-bp-md: calc(300px + (300 - 300) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-height-bp-md-md: calc(44px + (44 - 44) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-height-bp-md-lg: calc(52px + (52 - 52) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-height-bp-md-1xl: calc(56px + (56 - 56) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-height-bp-md-2xl: calc(56px + (56 - 56) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-padding-bp-md-lg: calc(44px + (44 - 44) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-space-bp-md-sm: calc(2px + (2 - 2) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-space-bp-md-md: calc(4px + (4 - 4) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-button-space-bp-md-lg: calc(8px + (8 - 8) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-card-height-bp-md-sm: calc(378px + (370 - 378) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-card-padding-bp-md-xl: calc(32px + (32 - 32) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-padding-bp-md-sm: calc(4px + (4 - 4) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-padding-bp-md-md: calc(8px + (8 - 8) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-padding-bp-md-lg: calc(16px + (16 - 16) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-padding-bp-md-1xl: calc(24px + (24 - 24) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-padding-bp-md-2xl: calc(32px + (32 - 32) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-sm: calc(4px + (4 - 4) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-md: calc(8px + (8 - 8) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-lg: calc(12px + (12 - 12) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-1xl: calc(16px + (16 - 16) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-2xl: calc(20px + (20 - 20) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-3xl: calc(20px + (20 - 20) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-4xl: calc(28px + (28 - 28) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-content-space-bp-md-5xl: calc(32px + (32 - 32) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-1xl-size: calc(20px + (20 - 20) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-1xl-line: calc(26px + (26 - 26) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-2xl-size: calc(20px + (20 - 20) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-2xl-line: calc(26px + (26 - 26) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-3xl-size: calc(24px + (24 - 24) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-3xl-line: calc(31.200000762939453px + (31.200000762939453 - 31.200000762939453) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-4xl-size: calc(32px + (32 - 32) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-4xl-line: calc(38.400001525878906px + (38.400001525878906 - 38.400001525878906) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-5xl-size: calc(48px + (56 - 48) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-5xl-line: calc(57.70000076293945px + (67.19999694824219 - 57.70000076293945) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-6xl-size: calc(60px + (72 - 60) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-6xl-line: calc(66px + (79.19999694824219 - 66) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-lg-size: calc(16px + (16 - 16) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-lg-line: calc(24px + (24 - 24) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-md-size: calc(14px + (14 - 14) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-md-line: calc(18.200000762939453px + (18.200000762939453 - 18.200000762939453) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-sm-size: calc(12px + (12 - 12) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-font-bp-md-sm-line: calc(18px + (18 - 18) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-breakpoint-bp-md: calc(768px + (1279 - 768) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-big-max-bp-md: calc(742px + (1167 - 742) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-big-min-bp-md: calc(600px + (656 - 600) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-half-max-bp-md: calc(742px + (560 - 742) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-half-min-bp-md: calc(400px + (400 - 400) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-number-12-bp-md: calc(12px + (12 - 12) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-number-3-bp-md: calc(2px + (3 - 2) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-number-9-bp-md: calc(3px + (3 - 3) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-third-max-bp-md: calc(320px + (368 - 320) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-third-min-bp-md: calc(300px + (300 - 300) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-third-tablet-full-max-bp-md: calc(1200px + (368 - 1200) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-column-third-tablet-full-min-bp-md: calc(500px + (256 - 500) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-margin-hor-bp-md-lg: calc(56px + (72 - 56) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-margin-hor-bp-md-xl: calc(96px + (112 - 96) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-margin-vert-bp-md-lg: calc(64px + (80 - 64) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-margin-vert-bp-md-md: calc(64px + (64 - 64) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-grid-margin-vert-bp-md-xl: calc(112px + (112 - 112) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-icon-bp-md-md: calc(24px + (24 - 24) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-icon-bp-md-lg: calc(36px + (36 - 36) * ((var(--viewport) - 768px) / (1279 - 768)));
  --size-scale-block-banner-bp-sm: calc(504px + (504 - 504) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-hero-bp-sm: calc(538px + (538 - 538) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-img-bp-sm: calc(200px + (360 - 200) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-padding-bp-sm-xs: calc(14px + (14 - 14) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-padding-bp-sm-sm: calc(16px + (16 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-padding-bp-sm-md: calc(24px + (24 - 24) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-padding-bp-sm-2md: calc(28px + (32 - 28) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-padding-bp-sm-lg: calc(44px + (44 - 44) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-space-bp-sm-md: calc(16px + (16 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-space-bp-sm-lg: calc(24px + (24 - 24) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-space-bp-sm-xl: calc(32px + (32 - 32) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-space-bp-sm-2xl: calc(40px + (40 - 40) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-space-bp-sm-3xl: calc(56px + (56 - 56) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-space-bp-sm-4xl: calc(56px + (56 - 56) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-big-2xl-max-bp-sm: calc(848px + (1167 - 848) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-big-4xl-max-bp-sm: calc(848px + (1167 - 848) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-third-body-max-bp-sm: calc(363px + (428 - 363) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-third-full-max-bp-sm: calc(368px + (565 - 368) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-third-full-min-bp-sm: calc(368px + (565 - 368) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-two-thirds-body-max-bp-sm: calc(363px + (431 - 363) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-two-thirds-full-max-bp-sm: calc(368px + (565 - 368) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-block-text-two-thirds-full-min-bp-sm: calc(368px + (565 - 368) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-height-bp-sm-md: calc(44px + (44 - 44) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-height-bp-sm-lg: calc(52px + (52 - 52) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-height-bp-sm-1xl: calc(56px + (56 - 56) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-height-bp-sm-2xl: calc(56px + (56 - 56) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-padding-bp-sm-lg: calc(44px + (44 - 44) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-space-bp-sm-sm: calc(2px + (2 - 2) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-space-bp-sm-md: calc(4px + (4 - 4) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-button-space-bp-sm-lg: calc(8px + (8 - 8) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-card-height-bp-sm-sm: calc(370px + (370 - 370) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-card-padding-bp-sm-xl: calc(16px + (32 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-padding-bp-sm-sm: calc(4px + (4 - 4) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-padding-bp-sm-md: calc(8px + (8 - 8) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-padding-bp-sm-lg: calc(16px + (16 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-padding-bp-sm-1xl: calc(24px + (24 - 24) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-padding-bp-sm-2xl: calc(32px + (32 - 32) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-sm: calc(4px + (4 - 4) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-md: calc(8px + (8 - 8) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-1xl: calc(12px + (12 - 12) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-lg: calc(12px + (12 - 12) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-2xl: calc(16px + (16 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-3xl: calc(20px + (20 - 20) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-4xl: calc(24px + (24 - 24) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-content-space-bp-sm-5xl: calc(28px + (28 - 28) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-1xl-size: calc(20px + (20 - 20) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-1xl-line: calc(26px + (26 - 26) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-2xl-size: calc(20px + (20 - 20) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-2xl-line: calc(26px + (26 - 26) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-3xl-size: calc(24px + (24 - 24) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-3xl-line: calc(31.200000762939453px + (31.200000762939453 - 31.200000762939453) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-4xl-size: calc(32px + (32 - 32) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-4xl-line: calc(38.400001525878906px + (38.400001525878906 - 38.400001525878906) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-5xl-size: calc(40px + (48 - 40) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-5xl-line: calc(48px + (57.70000076293945 - 48) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-6xl-size: calc(48px + (60 - 48) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-6xl-line: calc(52.79999923706055px + (66 - 52.79999923706055) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-lg-size: calc(16px + (16 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-lg-line: calc(24px + (24 - 24) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-md-size: calc(14px + (14 - 14) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-md-line: calc(18.200000762939453px + (18.200000762939453 - 18.200000762939453) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-sm-size: calc(12px + (12 - 12) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-font-bp-sm-sm-line: calc(18px + (18 - 18) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-breakpoint-bp-sm: calc(360px + (767 - 360) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-big-max-bp-sm: calc(742px + (1167 - 742) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-big-min-bp-sm: calc(280px + (600 - 280) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-half-max-bp-sm: calc(742px + (1167 - 742) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-half-min-bp-sm: calc(280px + (656 - 280) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-number-12-bp-sm: calc(2px + (12 - 2) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-number-3-bp-sm: calc(1px + (2 - 1) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-number-9-bp-sm: calc(2px + (3 - 2) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-third-max-bp-sm: calc(600px + (320 - 600) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-third-min-bp-sm: calc(200px + (280 - 200) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-third-tablet-full-max-bp-sm: calc(600px + (1200 - 600) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-column-third-tablet-full-min-bp-sm: calc(200px + (500 - 200) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-margin-hor-bp-sm-lg: calc(16px + (56 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-margin-hor-bp-sm-xl: calc(16px + (96 - 16) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-margin-vert-bp-sm-md: calc(40px + (56 - 40) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-margin-vert-bp-sm-lg: calc(48px + (64 - 48) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-grid-margin-vert-bp-sm-xl: calc(112px + (112 - 112) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-icon-bp-sm-md: calc(24px + (24 - 24) * ((var(--viewport) - 360px) / (767 - 360)));
  --size-scale-icon-bp-sm-lg: calc(36px + (36 - 36) * ((var(--viewport) - 360px) / (767 - 360)));
}

/* Nelset_breakpoint */
@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-scale-block-img-bp-xl);
    --size-block-edit: 994px;
    --size-block-banner: var(--size-scale-block-banner-bp-xl);
    --size-block-hero: var(--size-scale-block-hero-bp-xl);
    --size-block-padding-2md: var(--size-scale-block-padding-bp-xl-2md);
    --size-block-padding-lg: var(--size-scale-block-padding-bp-xl-lg);
    --size-block-padding-md: var(--size-scale-block-padding-bp-xl-md);
    --size-block-padding-sm: var(--size-scale-block-padding-bp-xl-sm);
    --size-block-padding-xs: var(--size-scale-block-padding-bp-xl-xs);
    --size-block-space-2lg: var(--size-base-12x-48);
    --size-block-space-2-2xl: var(--size-base-24x-96);
    --size-block-space-2xl: var(--size-scale-block-space-bp-xl-2xl);
    --size-block-space-3xl: var(--size-scale-block-space-bp-xl-3xl);
    --size-block-space-4xl: var(--size-scale-block-space-bp-xl-4xl);
    --size-block-space-5xl: var(--size-base-40x-160);
    --size-block-space-lg: var(--size-scale-block-space-bp-xl-lg);
    --size-block-space-md: var(--size-scale-block-space-bp-xl-md);
    --size-block-space-sm: var(--size-base-8x-32);
    --size-block-space-xl: var(--size-scale-block-space-bp-xl-xl);
    --size-block-text-big-max-body: 1273px;
    --size-block-text-big-max-2xl: var(--size-scale-block-text-big-2xl-max-bp-xl);
    --size-block-text-big-max-4xl: var(--size-scale-block-text-big-4xl-max-bp-xl);
    --size-block-text-big-max-6xl: 2200px;
    --size-block-text-third-body-max: var(--size-scale-block-text-third-body-max-bp-xl);
    --size-block-text-third-full-max: var(--size-scale-block-text-third-full-max-bp-xl);
    --size-block-text-third-full-min: var(--size-scale-block-text-third-full-min-bp-xl);
    --size-block-text-two-third-body-max: var(--size-scale-block-text-two-thirds-body-max-bp-xl);
    --size-block-text-two-third-full-max: var(--size-scale-block-text-third-full-max-bp-xl);
    --size-block-text-two-third-full-min: var(--size-scale-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-scale-button-height-bp-xl-2xl);
    --size-button-height-2xs: var(--size-base-7x-28);
    --size-button-height-3xs: var(--size-base-8x-32);
    --size-button-height-lg: var(--size-scale-button-height-bp-xl-lg);
    --size-button-height-md: var(--size-scale-button-height-bp-xl-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-scale-button-height-bp-xl-1xl);
    --size-button-height-xxs: var(--size-base-4x-16);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xxs: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-1-5xs: var(--size-base-1-5x-6);
    --size-button-padding-2xs: var(--size-base-2x-8);
    --size-button-padding-3xs: var(--size-base-2-5x-10);
    --size-button-padding-4xs: var(--size-base-3x-12);
    --size-button-padding-5xs: var(--size-base-3-5x-14);
    --size-button-padding-lg: var(--size-scale-button-padding-bp-xl-lg);
    --size-button-padding-sm: var(--size-base-6x-24);
    --size-button-padding-2sm: var(--size-base-7x-28);
    --size-button-padding-md: var(--size-base-8x-32);
    --size-button-space-lg: var(--size-scale-button-space-bp-xl-lg);
    --size-button-space-md: var(--size-scale-button-space-bp-xl-md);
    --size-button-space-sm: var(--size-scale-button-space-bp-xl-sm);
    --size-button-space-toolbar: var(--size-base-6x-24);
    --size-card-big-min: 188px;
    --size-card-big-max: 300px;
    --size-card-height-sm: var(--size-scale-card-height-bp-xl-sm);
    --size-card-height-body-md-min: 51px;
    --size-card-img-min: 116px;
    --size-card-img-max: 185px;
    --size-card-img-padding-sm: 8px;
    --size-card-padding-sm: var(--size-base-2x-8);
    --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-scale-card-padding-bp-xl-xl);
    --size-card-padding-xs: var(--size-base-2x-8);
    --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-scale-content-padding-bp-xl-1xl);
    --size-content-padding-2md: var(--size-base-5x-20);
    --size-content-padding-2xl: var(--size-scale-content-padding-bp-xl-2xl);
    --size-content-padding-lg: var(--size-scale-content-padding-bp-xl-lg);
    --size-content-padding-md: var(--size-scale-content-padding-bp-xl-md);
    --size-content-padding-sm: var(--size-scale-content-padding-bp-xl-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-scale-content-space-bp-xl-1xl);
    --size-content-space-2sm: var(--size-base-2-5x-10);
    --size-content-space-2xl: var(--size-scale-content-space-bp-xl-2xl);
    --size-content-space-3xl: var(--size-scale-content-space-bp-xl-3xl);
    --size-content-space-4xl: var(--size-scale-content-space-bp-xl-4xl);
    --size-content-space-5xl: var(--size-scale-content-space-bp-xl-5xl);
    --size-content-space-lg: var(--size-scale-content-space-bp-xl-lg);
    --size-content-space-md: var(--size-scale-content-space-bp-xl-md);
    --size-content-space-sm: var(--size-scale-content-space-bp-xl-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-letter-spacing: 0.15000000596046448px;
    --size-font-1xl-line: var(--size-scale-font-bp-xl-1xl-line);
    --size-font-1xl-size: var(--size-scale-font-bp-xl-1xl-size);
    --size-font-2xl-letter-spacing: 0px;
    --size-font-2xl-line: var(--size-scale-font-bp-xl-2xl-line);
    --size-font-2xl-size: var(--size-scale-font-bp-xl-2xl-size);
    --size-font-3xl-letter-spacing: 0.25px;
    --size-font-3xl-line: var(--size-scale-font-bp-xl-3xl-line);
    --size-font-3xl-size: var(--size-scale-font-bp-xl-3xl-size);
    --size-font-4xl-letter-spacing: 0px;
    --size-font-4xl-line: var(--size-scale-font-bp-xl-4xl-line);
    --size-font-4xl-size: var(--size-scale-font-bp-xl-4xl-size);
    --size-font-5xl-letter-spacing: -0.5px;
    --size-font-5xl-line: var(--size-scale-font-bp-xl-5xl-line);
    --size-font-5xl-size: var(--size-scale-font-bp-xl-5xl-size);
    --size-font-6xl-letter-spacing: -1.5px;
    --size-font-6xl-line: var(--size-scale-font-bp-xl-6xl-line);
    --size-font-6xl-size: var(--size-scale-font-bp-xl-6xl-size);
    --size-font-lg-letter-spacing: 0px;
    --size-font-lg-line: var(--size-scale-font-bp-xl-lg-line);
    --size-font-lg-size: var(--size-scale-font-bp-xl-lg-size);
    --size-font-md-letter-spacing: 0.10000000149011612px;
    --size-font-md-line: var(--size-scale-font-bp-xl-md-line);
    --size-font-md-size: var(--size-scale-font-bp-xl-md-size);
    --size-font-sm-letter-spacing: 0.10000000149011612px;
    --size-font-sm-line: var(--size-scale-font-bp-xl-sm-line);
    --size-font-sm-size: var(--size-scale-font-bp-xl-sm-size);
    --size-font-xs-letter-spacing: 0.20000000298023224px;
    --size-font-xs-size: var(--size-base-2-5x-10);
    --size-font-xs-line: 12px;
    --size-grids-breakpoint: var(--size-scale-grid-breakpoint-bp-xl);
    --size-grids-breakpoint-lg-min: 1921px;
    --size-grids-breakpoint-lg-max: 3840px;
    --size-grids-breakpoint-lg-max-qhd: 3840px;
    --size-grids-column-big-min: var(--size-scale-grid-column-big-min-bp-xl);
    --size-grids-column-big-max: var(--size-scale-grid-column-big-max-bp-xl);
    --size-grids-column-count-3: var(--size-scale-grid-column-number-3-bp-xl);
    --size-grids-column-count-9: var(--size-scale-grid-column-number-9-bp-xl);
    --size-grids-column-count-12: var(--size-scale-grid-column-number-12-bp-xl);
    --size-grids-column-half-min: var(--size-scale-grid-column-half-min-bp-xl);
    --size-grids-column-half-max: var(--size-scale-grid-column-half-max-bp-xl);
    --size-grids-column-third-max: var(--size-scale-grid-column-third-max-bp-xl);
    --size-grids-column-third-min: var(--size-scale-grid-column-third-min-bp-xl);
    --size-grids-column-third-tablet-full-min: var(--size-scale-grid-column-third-tablet-full-min-bp-xl);
    --size-grids-column-third-tablet-full-max: var(--size-scale-grid-column-third-tablet-full-max-bp-xl);
    --size-grids-container-3xl-max: 2400px;
    --size-grids-container-lg-max: 2400px;
    --size-grids-container-lg-min: 2400px;
    --size-grids-container-xl-max: 2400px;
    --size-grids-container-xl-min: 2400px;
    --size-grids-gutter-sm: var(--size-base-2x-8);
    --size-grids-gutter-md: var(--size-base-4x-16);
    --size-grids-gutter-lg: var(--size-base-6x-24);
    --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-scale-grid-margin-hor-bp-xl-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-grids-margin-horizontal-xl: var(--size-scale-grid-margin-hor-bp-xl-xl);
    --size-grids-margin-vertical-2sm: 192px;
    --size-grids-margin-vertical-3sm: 192px;
    --size-grids-margin-vertical-lg: var(--size-scale-grid-margin-vert-bp-xl-lg);
    --size-grids-margin-vertical-md: var(--size-scale-grid-margin-vert-bp-xl-md);
    --size-grids-margin-vertical-sm: 192px;
    --size-grids-margin-vertical-xl: var(--size-scale-grid-margin-vert-bp-xl-xl);
    --size-grids-margin-vertical-xs: 192px;
    --size-icon-2md: var(--size-base-8x-32);
    --size-icon-2xl: var(--size-base-24x-96);
    --size-icon-lg: var(--size-scale-icon-bp-xl-lg);
    --size-icon-md: var(--size-scale-icon-bp-xl-md);
    --size-icon-xs: var(--size-base-2x-8);
    --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-width-xs: var(--size-base-1x-4);
    --size-pagination-width-sm: var(--size-base-2x-8);
    --size-pagination-width-md: var(--size-base-4x-16);
    --size-pagination-width-lg: var(--size-base-8x-32);
    --size-pagination-width-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-3sm: var(--size-base-2-5x-10);
    --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-breackpoint-lg-lg-lg-sm: lg;
    --size-block-breackpoint-lg-lg-sm-sm: lg;
    --size-block-typography-string: xl;
    --size-font-1xl-line-percent: 130%;
    --size-font-2xl-line-percent: 130%;
    --size-font-3xl-line-percent: 120%;
    --size-font-4xl-line-percent: 120%;
    --size-font-5xl-line-percent: 110%;
    --size-font-6xl-line-percent: 110%;
    --size-font-lg-line-percent: 150%;
    --size-font-md-line-percent: 130%;
    --size-font-xs-line-percent: 120%;
  }
}
@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-scale-block-img-bp-lg);
    --size-block-banner: var(--size-scale-block-banner-bp-lg);
    --size-block-hero: var(--size-scale-block-hero-bp-lg);
    --size-block-edit: 994px;
    --size-block-padding-2md: var(--size-scale-block-padding-bp-lg-2md);
    --size-block-padding-lg: var(--size-scale-block-padding-bp-lg-lg);
    --size-block-padding-md: var(--size-scale-block-padding-bp-lg-md);
    --size-block-padding-sm: var(--size-scale-block-padding-bp-lg-sm);
    --size-block-padding-xs: var(--size-scale-block-padding-bp-lg-xs);
    --size-block-space-2lg: var(--size-base-10x-40);
    --size-block-space-2-2xl: var(--size-base-16x-64);
    --size-block-space-2xl: var(--size-scale-block-space-bp-lg-2xl);
    --size-block-space-3xl: var(--size-scale-block-space-bp-lg-3xl);
    --size-block-space-4xl: var(--size-scale-block-space-bp-lg-4xl);
    --size-block-space-5xl: var(--size-base-32x-128);
    --size-block-space-lg: var(--size-scale-block-space-bp-lg-lg);
    --size-block-space-md: var(--size-scale-block-space-bp-lg-md);
    --size-block-space-sm: var(--size-base-4x-16);
    --size-block-space-xl: var(--size-scale-block-space-bp-lg-xl);
    --size-block-text-big-max-body: 704px;
    --size-block-text-big-max-2xl: var(--size-scale-block-text-big-2xl-max-bp-lg);
    --size-block-text-big-max-4xl: var(--size-scale-block-text-big-4xl-max-bp-lg);
    --size-block-text-big-max-6xl: 1167px;
    --size-block-text-third-body-max: var(--size-scale-block-text-third-body-max-bp-lg);
    --size-block-text-third-full-min: var(--size-scale-block-text-third-full-min-bp-lg);
    --size-block-text-third-full-max: var(--size-scale-block-text-third-full-max-bp-lg);
    --size-block-text-two-third-body-max: var(--size-scale-block-text-two-thirds-body-max-bp-lg);
    --size-block-text-two-third-full-min: var(--size-scale-block-text-third-full-min-bp-lg);
    --size-block-text-two-third-full-max: var(--size-scale-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-scale-button-height-bp-lg-2xl);
    --size-button-height-2xs: var(--size-base-7x-28);
    --size-button-height-3xs: var(--size-base-8x-32);
    --size-button-height-lg: var(--size-scale-button-height-bp-lg-lg);
    --size-button-height-md: var(--size-scale-button-height-bp-lg-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-scale-button-height-bp-lg-1xl);
    --size-button-height-xxs: var(--size-base-4x-16);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xxs: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-1-5xs: var(--size-base-1-5x-6);
    --size-button-padding-2xs: var(--size-base-2x-8);
    --size-button-padding-3xs: var(--size-base-2-5x-10);
    --size-button-padding-4xs: var(--size-base-3x-12);
    --size-button-padding-5xs: var(--size-base-3-5x-14);
    --size-button-padding-sm: var(--size-base-4x-16);
    --size-button-padding-2sm: var(--size-base-5x-20);
    --size-button-padding-md: var(--size-base-6x-24);
    --size-button-padding-lg: var(--size-base-8x-32);
    --size-button-space-lg: var(--size-scale-button-space-bp-lg-lg);
    --size-button-space-md: var(--size-scale-button-space-bp-lg-md);
    --size-button-space-sm: var(--size-scale-button-space-bp-lg-sm);
    --size-button-space-toolbar: var(--size-base-4x-16);
    --size-card-big-min: 188px;
    --size-card-big-max: 300px;
    --size-card-height-sm: var(--size-scale-card-height-bp-lg-sm);
    --size-card-height-body-md-min: 51px;
    --size-card-img-min: 116px;
    --size-card-img-max: 185px;
    --size-card-img-padding-sm: 8px;
    --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-scale-card-padding-bp-lg-xl);
    --size-card-padding-xs: var(--size-base-1x-4);
    --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-scale-content-padding-bp-lg-1xl);
    --size-content-padding-2md: var(--size-base-3x-12);
    --size-content-padding-2xl: var(--size-scale-content-padding-bp-lg-2xl);
    --size-content-padding-lg: var(--size-scale-content-padding-bp-lg-lg);
    --size-content-padding-md: var(--size-scale-content-padding-bp-lg-md);
    --size-content-padding-sm: var(--size-scale-content-padding-bp-lg-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-scale-content-space-bp-lg-1xl);
    --size-content-space-2sm: var(--size-base-1-5x-6);
    --size-content-space-2xl: var(--size-scale-content-space-bp-lg-2xl);
    --size-content-space-3xl: var(--size-scale-content-space-bp-lg-3xl);
    --size-content-space-4xl: var(--size-scale-content-space-bp-lg-4xl);
    --size-content-space-5xl: var(--size-scale-content-space-bp-lg-5xl);
    --size-content-space-lg: var(--size-scale-content-space-bp-lg-lg);
    --size-content-space-md: var(--size-scale-content-space-bp-lg-md);
    --size-content-space-sm: var(--size-scale-content-space-bp-lg-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-letter-spacing: 0.15000000596046448px;
    --size-font-1xl-line: var(--size-scale-font-bp-lg-1xl-line);
    --size-font-1xl-size: var(--size-scale-font-bp-lg-1xl-size);
    --size-font-2xl-letter-spacing: 0px;
    --size-font-2xl-line: var(--size-scale-font-bp-lg-2xl-line);
    --size-font-2xl-size: var(--size-scale-font-bp-lg-2xl-size);
    --size-font-3xl-letter-spacing: 0.25px;
    --size-font-3xl-line: var(--size-scale-font-bp-lg-3xl-line);
    --size-font-3xl-size: var(--size-scale-font-bp-lg-3xl-size);
    --size-font-4xl-letter-spacing: 0px;
    --size-font-4xl-line: var(--size-scale-font-bp-lg-4xl-line);
    --size-font-4xl-size: var(--size-scale-font-bp-lg-4xl-size);
    --size-font-5xl-letter-spacing: -0.5px;
    --size-font-5xl-line: var(--size-scale-font-bp-lg-5xl-line);
    --size-font-5xl-size: var(--size-scale-font-bp-lg-5xl-size);
    --size-font-6xl-letter-spacing: -1.5px;
    --size-font-6xl-line: var(--size-scale-font-bp-lg-6xl-line);
    --size-font-6xl-size: var(--size-scale-font-bp-lg-6xl-size);
    --size-font-lg-letter-spacing: 0px;
    --size-font-lg-line: var(--size-scale-font-bp-lg-lg-line);
    --size-font-lg-size: var(--size-scale-font-bp-lg-lg-size);
    --size-font-md-letter-spacing: 0.10000000149011612px;
    --size-font-md-line: var(--size-scale-font-bp-lg-md-line);
    --size-font-md-size: var(--size-scale-font-bp-lg-md-size);
    --size-font-sm-letter-spacing: 0.10000000149011612px;
    --size-font-sm-line: var(--size-scale-font-bp-lg-sm-line);
    --size-font-sm-size: var(--size-scale-font-bp-lg-sm-size);
    --size-font-xs-letter-spacing: 0.20000000298023224px;
    --size-font-xs-size: var(--size-base-2-5x-10);
    --size-font-xs-line: 12px;
    --size-grids-breakpoint: var(--size-scale-grid-breakpoint-bp-lg);
    --size-grids-breakpoint-lg-min: 1280px;
    --size-grids-breakpoint-lg-max: 1920px;
    --size-grids-breakpoint-lg-max-qhd: 2560px;
    --size-grids-column-big-min: var(--size-scale-grid-column-big-min-bp-lg);
    --size-grids-column-big-max: var(--size-scale-grid-column-big-max-bp-lg);
    --size-grids-column-count-3: var(--size-scale-grid-column-number-3-bp-lg);
    --size-grids-column-count-9: var(--size-scale-grid-column-number-9-bp-lg);
    --size-grids-column-count-12: var(--size-scale-grid-column-number-12-bp-lg);
    --size-grids-column-half-min: var(--size-scale-grid-column-half-min-bp-lg);
    --size-grids-column-half-max: var(--size-scale-grid-column-half-max-bp-lg);
    --size-grids-column-third-min: var(--size-scale-grid-column-third-min-bp-lg);
    --size-grids-column-third-max: var(--size-scale-grid-column-third-max-bp-lg);
    --size-grids-column-third-tablet-full-min: var(--size-scale-grid-column-third-tablet-full-min-bp-lg);
    --size-grids-column-third-tablet-full-max: var(--size-scale-grid-column-third-tablet-full-max-bp-lg);
    --size-grids-container-3xl-max: 1600px;
    --size-grids-container-lg-min: 1080px;
    --size-grids-container-lg-max: 1280px;
    --size-grids-container-xl-min: 1080px;
    --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-gutter-lg: var(--size-base-6x-24);
    --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-scale-grid-margin-hor-bp-lg-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-grids-margin-horizontal-xl: var(--size-scale-grid-margin-hor-bp-lg-xl);
    --size-grids-margin-vertical-2sm: var(--size-base-14x-56);
    --size-grids-margin-vertical-3sm: var(--size-base-16x-64);
    --size-grids-margin-vertical-lg: var(--size-scale-grid-margin-vert-bp-lg-lg);
    --size-grids-margin-vertical-md: var(--size-scale-grid-margin-vert-bp-lg-md);
    --size-grids-margin-vertical-sm: var(--size-base-12x-48);
    --size-grids-margin-vertical-xl: var(--size-scale-grid-margin-vert-bp-lg-xl);
    --size-grids-margin-vertical-xs: var(--size-base-10x-40);
    --size-icon-2md: var(--size-base-8x-32);
    --size-icon-2xl: var(--size-base-16x-64);
    --size-icon-lg: var(--size-scale-icon-bp-lg-lg);
    --size-icon-md: var(--size-scale-icon-bp-lg-md);
    --size-icon-xs: var(--size-base-2x-8);
    --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-width-xs: var(--size-base-1x-4);
    --size-pagination-width-sm: var(--size-base-2x-8);
    --size-pagination-width-md: var(--size-base-4x-16);
    --size-pagination-width-lg: var(--size-base-8x-32);
    --size-pagination-width-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-3sm: var(--size-base-2-5x-10);
    --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-breackpoint-lg-lg-lg-sm: lg;
    --size-block-breackpoint-lg-lg-sm-sm: lg;
    --size-block-typography-string: lg;
    --size-font-1xl-line-percent: 130%;
    --size-font-2xl-line-percent: 130%;
    --size-font-3xl-line-percent: 120%;
    --size-font-4xl-line-percent: 120%;
    --size-font-5xl-line-percent: 110%;
    --size-font-6xl-line-percent: 110%;
    --size-font-lg-line-percent: 150%;
    --size-font-md-line-percent: 130%;
    --size-font-xs-line-percent: 120%;
  }
}
@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-scale-block-img-bp-md);
    --size-block-banner: var(--size-scale-block-banner-bp-md);
    --size-block-hero: var(--size-scale-block-hero-bp-md);
    --size-block-edit: 994px;
    --size-block-padding-2md: var(--size-scale-block-padding-bp-md-2md);
    --size-block-padding-lg: var(--size-scale-block-padding-bp-md-lg);
    --size-block-padding-md: var(--size-scale-block-padding-bp-md-md);
    --size-block-padding-sm: var(--size-scale-block-padding-bp-md-sm);
    --size-block-padding-xs: var(--size-scale-block-padding-bp-md-xs);
    --size-block-space-2lg: var(--size-base-6x-24);
    --size-block-space-2-2xl: var(--size-base-14x-56);
    --size-block-space-2xl: var(--size-scale-block-space-bp-md-2xl);
    --size-block-space-3xl: var(--size-scale-block-space-bp-md-3xl);
    --size-block-space-4xl: var(--size-scale-block-space-bp-md-4xl);
    --size-block-space-5xl: var(--size-base-32x-128);
    --size-block-space-lg: var(--size-scale-block-space-bp-md-lg);
    --size-block-space-md: var(--size-scale-block-space-bp-md-md);
    --size-block-space-sm: var(--size-base-2x-8);
    --size-block-space-xl: var(--size-scale-block-space-bp-md-xl);
    --size-block-text-big-max-2xl: var(--size-scale-block-text-big-2xl-max-bp-md);
    --size-block-text-big-max-4xl: var(--size-scale-block-text-big-4xl-max-bp-md);
    --size-block-text-big-max-body: 744px;
    --size-block-text-big-max-6xl: 1700px;
    --size-block-text-third-body-max: var(--size-scale-block-text-third-body-max-bp-md);
    --size-block-text-third-full-min: var(--size-scale-block-text-third-full-min-bp-md);
    --size-block-text-third-full-max: var(--size-scale-block-text-third-full-max-bp-md);
    --size-block-text-two-third-body-max: var(--size-scale-block-text-two-thirds-body-max-bp-md);
    --size-block-text-two-third-full-min: var(--size-scale-block-text-third-full-min-bp-md);
    --size-block-text-two-third-full-max: var(--size-scale-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-scale-button-height-bp-md-2xl);
    --size-button-height-2xs: var(--size-base-7x-28);
    --size-button-height-3xs: var(--size-base-8x-32);
    --size-button-height-lg: var(--size-scale-button-height-bp-md-lg);
    --size-button-height-md: var(--size-scale-button-height-bp-md-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-scale-button-height-bp-md-1xl);
    --size-button-height-xxs: var(--size-base-4x-16);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xxs: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-1-5xs: var(--size-base-1-5x-6);
    --size-button-padding-2xs: var(--size-base-2x-8);
    --size-button-padding-3xs: var(--size-base-2-5x-10);
    --size-button-padding-4xs: var(--size-base-3x-12);
    --size-button-padding-5xs: var(--size-base-3-5x-14);
    --size-button-padding-sm: var(--size-base-4x-16);
    --size-button-padding-2sm: var(--size-base-5x-20);
    --size-button-padding-md: var(--size-base-6x-24);
    --size-button-padding-lg: var(--size-base-8x-32);
    --size-button-space-lg: var(--size-scale-button-space-bp-lg-lg);
    --size-button-space-md: var(--size-scale-button-space-bp-md-md);
    --size-button-space-sm: var(--size-scale-button-space-bp-md-sm);
    --size-button-space-toolbar: var(--size-base-4x-16);
    --size-card-big-min: 188px;
    --size-card-big-max: 300px;
    --size-card-height-sm: var(--size-scale-card-height-bp-md-sm);
    --size-card-height-body-md-min: 51px;
    --size-card-img-min: 116px;
    --size-card-img-max: 185px;
    --size-card-img-padding-sm: 8px;
    --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-5x-20);
    --size-card-padding-2xl: var(--size-base-8x-32);
    --size-card-padding-xl: var(--size-scale-card-padding-bp-md-xl);
    --size-card-padding-xs: var(--size-base-1x-4);
    --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-scale-content-padding-bp-md-1xl);
    --size-content-padding-2md: var(--size-base-3x-12);
    --size-content-padding-2xl: var(--size-scale-content-padding-bp-md-2xl);
    --size-content-padding-lg: var(--size-scale-content-padding-bp-md-lg);
    --size-content-padding-md: var(--size-scale-content-padding-bp-md-md);
    --size-content-padding-sm: var(--size-scale-content-space-bp-md-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-scale-content-space-bp-md-1xl);
    --size-content-space-2sm: var(--size-base-1-5x-6);
    --size-content-space-2xl: var(--size-scale-content-space-bp-md-2xl);
    --size-content-space-3xl: var(--size-scale-content-space-bp-md-3xl);
    --size-content-space-4xl: var(--size-scale-content-space-bp-md-4xl);
    --size-content-space-5xl: var(--size-scale-content-space-bp-md-5xl);
    --size-content-space-lg: var(--size-scale-content-space-bp-md-lg);
    --size-content-space-md: var(--size-scale-content-space-bp-md-md);
    --size-content-space-sm: var(--size-scale-content-space-bp-md-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-letter-spacing: 0.15000000596046448px;
    --size-font-1xl-line: var(--size-scale-font-bp-md-1xl-line);
    --size-font-1xl-size: var(--size-scale-font-bp-md-1xl-size);
    --size-font-2xl-letter-spacing: 0px;
    --size-font-2xl-line: var(--size-scale-font-bp-md-2xl-line);
    --size-font-2xl-size: var(--size-scale-font-bp-md-2xl-size);
    --size-font-3xl-letter-spacing: 0.25px;
    --size-font-3xl-line: var(--size-scale-font-bp-md-3xl-line);
    --size-font-3xl-size: var(--size-scale-font-bp-md-3xl-size);
    --size-font-4xl-letter-spacing: 0px;
    --size-font-4xl-line: var(--size-scale-font-bp-md-4xl-line);
    --size-font-4xl-size: var(--size-scale-font-bp-md-4xl-size);
    --size-font-5xl-letter-spacing: -0.5px;
    --size-font-5xl-line: var(--size-scale-font-bp-md-5xl-line);
    --size-font-5xl-size: var(--size-scale-font-bp-md-5xl-size);
    --size-font-6xl-letter-spacing: -1.5px;
    --size-font-6xl-line: var(--size-scale-font-bp-md-6xl-line);
    --size-font-6xl-size: var(--size-scale-font-bp-md-6xl-size);
    --size-font-lg-letter-spacing: 0px;
    --size-font-lg-line: var(--size-scale-font-bp-md-lg-line);
    --size-font-lg-size: var(--size-scale-font-bp-md-lg-size);
    --size-font-md-letter-spacing: 0.10000000149011612px;
    --size-font-md-size: var(--size-scale-font-bp-md-md-size);
    --size-font-md-line: var(--size-scale-font-bp-md-md-line);
    --size-font-sm-letter-spacing: 0.10000000149011612px;
    --size-font-sm-line: var(--size-scale-font-bp-md-sm-line);
    --size-font-sm-size: var(--size-scale-font-bp-md-sm-size);
    --size-font-xs-letter-spacing: 0.20000000298023224px;
    --size-font-xs-size: var(--size-base-2-5x-10);
    --size-font-xs-line: 12px;
    --size-grids-breakpoint: var(--size-scale-grid-breakpoint-bp-md);
    --size-grids-breakpoint-lg-min: 768px;
    --size-grids-breakpoint-lg-max: 1279px;
    --size-grids-breakpoint-lg-max-qhd: 1279px;
    --size-grids-column-big-min: var(--size-scale-grid-column-big-min-bp-md);
    --size-grids-column-big-max: var(--size-scale-grid-column-big-max-bp-md);
    --size-grids-column-count-3: var(--size-scale-grid-column-number-3-bp-md);
    --size-grids-column-count-9: var(--size-scale-grid-column-number-9-bp-md);
    --size-grids-column-count-12: var(--size-scale-grid-column-number-12-bp-md);
    --size-grids-column-half-min: var(--size-scale-grid-column-half-min-bp-md);
    --size-grids-column-half-max: var(--size-scale-grid-column-half-max-bp-md);
    --size-grids-column-third-min: var(--size-scale-grid-column-third-min-bp-md);
    --size-grids-column-third-max: var(--size-scale-grid-column-third-max-bp-md);
    --size-grids-column-third-tablet-full-min: var(--size-scale-grid-column-third-tablet-full-min-bp-md);
    --size-grids-column-third-tablet-full-max: var(--size-scale-grid-column-third-tablet-full-max-bp-md);
    --size-grids-container-3xl-max: 1440px;
    --size-grids-container-lg-max: 2400px;
    --size-grids-container-lg-min: 2400px;
    --size-grids-container-xl-max: 1440px;
    --size-grids-container-xl-min: 1440px;
    --size-grids-gutter-sm: var(--size-base-2x-8);
    --size-grids-gutter-md: var(--size-base-4x-16);
    --size-grids-gutter-lg: var(--size-base-6x-24);
    --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-scale-grid-margin-hor-bp-md-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --size-grids-margin-horizontal-xl: var(--size-scale-grid-margin-hor-bp-md-xl);
    --size-grids-margin-vertical-2sm: var(--size-base-12x-48);
    --size-grids-margin-vertical-3sm: var(--size-base-12x-48);
    --size-grids-margin-vertical-lg: var(--size-scale-grid-margin-vert-bp-md-lg);
    --size-grids-margin-vertical-md: var(--size-scale-grid-margin-vert-bp-md-md);
    --size-grids-margin-vertical-sm: var(--size-base-11x-44);
    --size-grids-margin-vertical-xl: var(--size-scale-grid-margin-vert-bp-md-xl);
    --size-grids-margin-vertical-xs: var(--size-base-8x-32);
    --size-icon-2md: var(--size-base-8x-32);
    --size-icon-2xl: var(--size-base-16x-64);
    --size-icon-lg: var(--size-scale-icon-bp-md-lg);
    --size-icon-md: var(--size-scale-icon-bp-md-md);
    --size-icon-xs: var(--size-base-2x-8);
    --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-width-xs: var(--size-base-1x-4);
    --size-pagination-width-sm: var(--size-base-2x-8);
    --size-pagination-width-md: var(--size-base-4x-16);
    --size-pagination-width-lg: var(--size-base-8x-32);
    --size-pagination-width-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-3sm: var(--size-base-2-5x-10);
    --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-breackpoint-lg-lg-lg-sm: lg;
    --size-block-breackpoint-lg-lg-sm-sm: sm;
    --size-block-typography-string: md;
    --size-font-1xl-line-percent: 130%;
    --size-font-2xl-line-percent: 130%;
    --size-font-3xl-line-percent: 120%;
    --size-font-4xl-line-percent: 120%;
    --size-font-5xl-line-percent: 110%;
    --size-font-6xl-line-percent: 110%;
    --size-font-lg-line-percent: 150%;
    --size-font-md-line-percent: 130%;
    --size-font-xs-line-percent: 120%;
  }
}
@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-scale-block-img-bp-sm);
    --size-block-banner: var(--size-scale-block-banner-bp-sm);
    --size-block-hero: var(--size-scale-block-hero-bp-sm);
    --size-block-edit: 994px;
    --size-block-padding-2md: var(--size-scale-block-padding-bp-sm-2md);
    --size-block-padding-lg: var(--size-scale-block-padding-bp-sm-lg);
    --size-block-padding-md: var(--size-scale-block-padding-bp-sm-md);
    --size-block-padding-sm: var(--size-scale-block-padding-bp-sm-sm);
    --size-block-padding-xs: var(--size-scale-block-padding-bp-sm-xs);
    --size-block-space-2lg: var(--size-base-6x-24);
    --size-block-space-2-2xl: var(--size-base-12x-48);
    --size-block-space-2xl: var(--size-scale-block-space-bp-sm-2xl);
    --size-block-space-3xl: var(--size-scale-block-space-bp-sm-3xl);
    --size-block-space-4xl: var(--size-scale-block-space-bp-sm-4xl);
    --size-block-space-5xl: var(--size-base-32x-128);
    --size-block-space-lg: var(--size-scale-block-space-bp-sm-lg);
    --size-block-space-md: var(--size-scale-block-space-bp-sm-md);
    --size-block-space-sm: var(--size-base-2x-8);
    --size-block-space-xl: var(--size-scale-block-space-bp-sm-xl);
    --size-block-text-big-max-2xl: var(--size-scale-block-text-big-2xl-max-bp-sm);
    --size-block-text-big-max-4xl: var(--size-scale-block-text-big-4xl-max-bp-sm);
    --size-block-text-big-max-body: 1273px;
    --size-block-text-big-max-6xl: 1700px;
    --size-block-text-third-body-max: var(--size-scale-block-text-third-body-max-bp-sm);
    --size-block-text-third-full-max: var(--size-scale-block-text-third-full-max-bp-sm);
    --size-block-text-third-full-min: var(--size-scale-block-text-third-full-min-bp-sm);
    --size-block-text-two-third-body-max: var(--size-scale-block-text-two-thirds-body-max-bp-sm);
    --size-block-text-two-third-full-max: var(--size-scale-block-text-third-full-max-bp-sm);
    --size-block-text-two-third-full-min: var(--size-scale-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-scale-button-height-bp-sm-2xl);
    --size-button-height-2xs: var(--size-base-7x-28);
    --size-button-height-3xs: var(--size-base-8x-32);
    --size-button-height-lg: var(--size-scale-button-height-bp-sm-lg);
    --size-button-height-md: var(--size-scale-button-height-bp-sm-md);
    --size-button-height-sm: var(--size-base-9x-36);
    --size-button-height-xl: var(--size-scale-button-height-bp-sm-1xl);
    --size-button-height-xxs: var(--size-base-4x-16);
    --size-button-height-xs: var(--size-base-6x-24);
    --size-button-padding-xxs: var(--size-base-05x-2);
    --size-button-padding-xs: var(--size-base-1x-4);
    --size-button-padding-1-5xs: var(--size-base-1-5x-6);
    --size-button-padding-2xs: var(--size-base-2x-8);
    --size-button-padding-3xs: var(--size-base-2-5x-10);
    --size-button-padding-4xs: var(--size-base-3x-12);
    --size-button-padding-5xs: var(--size-base-3-5x-14);
    --size-button-padding-sm: var(--size-base-4x-16);
    --size-button-padding-2sm: var(--size-base-5x-20);
    --size-button-padding-md: var(--size-base-6x-24);
    --size-button-padding-lg: var(--size-base-8x-32);
    --size-button-space-lg: var(--size-scale-button-space-bp-sm-lg);
    --size-button-space-md: var(--size-scale-button-space-bp-sm-md);
    --size-button-space-sm: var(--size-scale-button-space-bp-sm-sm);
    --size-button-space-toolbar: var(--size-base-3x-12);
    --size-card-big-min: 188px;
    --size-card-big-max: 300px;
    --size-card-height-sm: var(--size-scale-card-height-bp-sm-sm);
    --size-card-height-body-md-min: 51px;
    --size-card-img-min: 116px;
    --size-card-img-max: 185px;
    --size-card-img-padding-sm: 4px;
    --size-card-padding-sm: var(--size-base-2x-8);
    --size-card-padding-lg: var(--size-base-4x-16);
    --size-card-padding-md: var(--size-base-4x-16);
    --size-card-padding-2xl: var(--size-base-5x-20);
    --size-card-padding-xl: var(--size-scale-card-padding-bp-sm-xl);
    --size-card-padding-xs: var(--size-base-1x-4);
    --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-scale-content-padding-bp-sm-1xl);
    --size-content-padding-2md: var(--size-base-3x-12);
    --size-content-padding-2xl: var(--size-scale-content-padding-bp-sm-2xl);
    --size-content-padding-lg: var(--size-scale-content-padding-bp-sm-lg);
    --size-content-padding-md: var(--size-scale-content-padding-bp-sm-md);
    --size-content-padding-sm: var(--size-scale-content-space-bp-sm-sm);
    --size-content-padding-xs: var(--size-base-05x-2);
    --size-content-space-1xl: var(--size-scale-content-space-bp-sm-1xl);
    --size-content-space-2sm: var(--size-base-1-5x-6);
    --size-content-space-2xl: var(--size-scale-content-space-bp-sm-2xl);
    --size-content-space-3xl: var(--size-scale-content-space-bp-sm-3xl);
    --size-content-space-4xl: var(--size-scale-content-space-bp-sm-4xl);
    --size-content-space-5xl: var(--size-scale-content-space-bp-sm-5xl);
    --size-content-space-lg: var(--size-scale-content-space-bp-sm-lg);
    --size-content-space-md: var(--size-scale-content-space-bp-sm-md);
    --size-content-space-sm: var(--size-scale-content-space-bp-sm-sm);
    --size-content-space-xs: var(--size-base-05x-2);
    --size-font-1xl-letter-spacing: 0.15000000596046448px;
    --size-font-1xl-line: var(--size-scale-font-bp-sm-1xl-line);
    --size-font-1xl-size: var(--size-scale-font-bp-sm-1xl-size);
    --size-font-2xl-letter-spacing: 0px;
    --size-font-2xl-line: var(--size-scale-font-bp-sm-2xl-line);
    --size-font-2xl-size: var(--size-scale-font-bp-sm-2xl-size);
    --size-font-3xl-letter-spacing: 0.25px;
    --size-font-3xl-line: var(--size-scale-font-bp-sm-3xl-line);
    --size-font-3xl-size: var(--size-scale-font-bp-sm-3xl-size);
    --size-font-4xl-letter-spacing: 0px;
    --size-font-4xl-line: var(--size-scale-font-bp-sm-4xl-line);
    --size-font-4xl-size: var(--size-scale-font-bp-sm-4xl-size);
    --size-font-5xl-letter-spacing: -0.5px;
    --size-font-5xl-line: var(--size-scale-font-bp-sm-5xl-line);
    --size-font-5xl-size: var(--size-scale-font-bp-sm-5xl-size);
    --size-font-6xl-letter-spacing: -1.5px;
    --size-font-6xl-line: var(--size-scale-font-bp-sm-6xl-line);
    --size-font-6xl-size: var(--size-scale-font-bp-sm-6xl-size);
    --size-font-lg-letter-spacing: 0px;
    --size-font-lg-line: var(--size-scale-font-bp-sm-lg-line);
    --size-font-lg-size: var(--size-scale-font-bp-sm-lg-size);
    --size-font-md-letter-spacing: 0.10000000149011612px;
    --size-font-md-size: var(--size-scale-font-bp-sm-md-size);
    --size-font-md-line: var(--size-scale-font-bp-sm-md-line);
    --size-font-sm-letter-spacing: 0.10000000149011612px;
    --size-font-sm-line: var(--size-scale-font-bp-sm-sm-line);
    --size-font-sm-size: var(--size-scale-font-bp-sm-sm-size);
    --size-font-xs-letter-spacing: 0.20000000298023224px;
    --size-font-xs-size: var(--size-base-2-5x-10);
    --size-font-xs-line: 12px;
    --size-grids-breakpoint: var(--size-scale-grid-breakpoint-bp-sm);
    --size-grids-breakpoint-lg-min: 360px;
    --size-grids-breakpoint-lg-max: 767px;
    --size-grids-breakpoint-lg-max-qhd: 767px;
    --size-grids-column-big-min: var(--size-scale-grid-column-big-min-bp-sm);
    --size-grids-column-big-max: var(--size-scale-grid-column-big-max-bp-sm);
    --size-grids-column-count-3: var(--size-scale-grid-column-number-3-bp-sm);
    --size-grids-column-count-12: var(--size-scale-grid-column-number-12-bp-sm);
    --size-grids-column-count-9: var(--size-scale-grid-column-number-9-bp-sm);
    --size-grids-column-half-min: var(--size-scale-grid-column-half-min-bp-sm);
    --size-grids-column-half-max: var(--size-scale-grid-column-half-max-bp-sm);
    --size-grids-column-third-min: var(--size-scale-grid-column-third-min-bp-sm);
    --size-grids-column-third-max: var(--size-scale-grid-column-third-max-bp-sm);
    --size-grids-column-third-tablet-full-min: var(--size-scale-grid-column-third-tablet-full-min-bp-sm);
    --size-grids-column-third-tablet-full-max: var(--size-scale-grid-column-third-tablet-full-max-bp-sm);
    --size-grids-container-3xl-max: 1440px;
    --size-grids-container-lg-max: 2400px;
    --size-grids-container-lg-min: 2400px;
    --size-grids-container-xl-max: 1440px;
    --size-grids-container-xl-min: 1440px;
    --size-grids-gutter-sm: var(--size-base-2x-8);
    --size-grids-gutter-md: var(--size-base-4x-16);
    --size-grids-gutter-lg: var(--size-base-6x-24);
    --size-grids-margin-md: var(--size-base-4x-16);
    --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-scale-grid-margin-hor-bp-sm-lg);
    --size-grids-margin-horizontal-md: var(--size-base-4x-16);
    --size-grids-margin-horizontal-xl: var(--size-scale-grid-margin-hor-bp-sm-xl);
    --size-grids-margin-vertical-2sm: var(--size-base-6x-24);
    --size-grids-margin-vertical-3sm: var(--size-base-7x-28);
    --size-grids-margin-vertical-lg: var(--size-scale-grid-margin-vert-bp-sm-lg);
    --size-grids-margin-vertical-md: var(--size-scale-grid-margin-vert-bp-sm-md);
    --size-grids-margin-vertical-sm: var(--size-base-6x-24);
    --size-grids-margin-vertical-xl: var(--size-scale-grid-margin-vert-bp-sm-xl);
    --size-grids-margin-vertical-xs: var(--size-base-5x-20);
    --size-icon-2md: var(--size-base-8x-32);
    --size-icon-2xl: var(--size-base-16x-64);
    --size-icon-lg: var(--size-scale-icon-bp-sm-lg);
    --size-icon-md: var(--size-scale-icon-bp-sm-md);
    --size-icon-xs: var(--size-base-2x-8);
    --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-width-xs: var(--size-base-1x-4);
    --size-pagination-width-sm: var(--size-base-2x-8);
    --size-pagination-width-md: var(--size-base-4x-16);
    --size-pagination-width-lg: var(--size-base-8x-32);
    --size-pagination-width-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-3sm: var(--size-base-2-5x-10);
    --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-breackpoint-lg-lg-lg-sm: sm;
    --size-block-breackpoint-lg-lg-sm-sm: sm;
    --size-block-typography-string: sm;
    --size-font-1xl-line-percent: 130%;
    --size-font-2xl-line-percent: 130%;
    --size-font-3xl-line-percent: 120%;
    --size-font-4xl-line-percent: 120%;
    --size-font-5xl-line-percent: 110%;
    --size-font-6xl-line-percent: 110%;
    --size-font-lg-line-percent: 150%;
    --size-font-md-line-percent: 130%;
    --size-font-xs-line-percent: 120%;
  }
}
/* Nelset_color_base */
:root {
  /* base */
  /* color */
  --color-grid: #ff0000;
  --color-base-component: #9747ff;
  --color-base-accent-100: #f99f9f;
  --color-base-accent-200: #f57272;
  --color-base-accent-25: #fee5e5;
  --color-base-accent-300: #f35151;
  --color-base-accent-400: #f02929;
  --color-base-accent-50: #fbc1c1;
  --color-base-accent-500: #ed0101;
  --color-base-accent-600: #cb0101;
  --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-o-0: #ffffff00;
  --color-base-error-100: #fbbebe;
  --color-base-error-1000: #d90101;
  --color-base-error-1100: #b80202;
  --color-base-error-1200: #9a0303;
  --color-base-error-1300: #7d0505;
  --color-base-error-1400: #610606;
  --color-base-error-200: #f9a8a8;
  --color-base-error-25: #feefef;
  --color-base-error-300: #f79090;
  --color-base-error-400: #f67a7a;
  --color-base-error-50: #fcd4d4;
  --color-base-error-500: #f46969;
  --color-base-error-600: #f24b4b;
  --color-base-error-700: #f13434;
  --color-base-error-800: #f01f1f;
  --color-base-error-900: #ed0404;
  --color-base-neutral-10: #f7f7f7;
  --color-base-neutral-100: #d0d0d0;
  --color-base-neutral-20: #f1f1f1;
  --color-base-neutral-200: #bfbfbf;
  --color-base-neutral-25: #ececec;
  --color-base-neutral-30: #eaeaea;
  --color-base-neutral-300: #adadad;
  --color-base-neutral-40: #e3e3e3;
  --color-base-neutral-400: #9c9c9c;
  --color-base-neutral-50: #dddddd;
  --color-base-neutral-500: #838383;
  --color-base-neutral-600: #7c7c7c;
  --color-base-neutral-700: #6a6a6a;
  --color-base-neutral-75: #d8d8d8;
  --color-base-neutral-800: #525252;
  --color-base-neutral-900: #404040;
  --color-base-neutral-910: #393939;
  --color-base-neutral-920: #2d2d2d;
  --color-base-neutral-930: #232323;
  --color-base-neutral-935: #212121;
  --color-base-neutral-940: #1e1e1e;
  --color-base-neutral-950: #101010;
  --color-base-neutral-100-o-10: #d0d0d01a;
  --color-base-neutral-100-o-20: #d0d0d033;
  --color-base-neutral-100-o-30: #d0d0d04d;
  --color-base-neutral-100-o-40: #d0d0d066;
  --color-base-neutral-100-o-50: #d0d0d080;
  --color-base-neutral-100-o-60: #d0d0d099;
  --color-base-neutral-100-o-70: #d0d0d0b2;
  --color-base-neutral-100-o-80: #d0d0d0cc;
  --color-base-neutral-500-o-10: #8383831a;
  --color-base-neutral-500-o-20: #83838333;
  --color-base-neutral-500-o-30: #8383834d;
  --color-base-neutral-500-o-40: #83838366;
  --color-base-neutral-500-o-50: #83838380;
  --color-base-neutral-500-o-60: #83838399;
  --color-base-neutral-500-o-70: #838383b2;
  --color-base-neutral-500-o-80: #838383cc;
  --color-base-neutral-600-o-10: #7c7c7c1a;
  --color-base-neutral-600-o-20: #7c7c7c33;
  --color-base-neutral-600-o-30: #7c7c7c4d;
  --color-base-neutral-600-o-40: #7c7c7c66;
  --color-base-neutral-600-o-50: #7c7c7c80;
  --color-base-neutral-600-o-60: #7c7c7c99;
  --color-base-neutral-600-o-70: #7c7c7cb2;
  --color-base-neutral-600-o-80: #7c7c7ccc;
  --color-base-neutral-700-o-10: #5252521a;
  --color-base-neutral-700-o-20: #52525233;
  --color-base-neutral-700-o-30: #5252524d;
  --color-base-neutral-700-o-40: #52525266;
  --color-base-neutral-700-o-50: #52525280;
  --color-base-neutral-700-o-60: #52525299;
  --color-base-neutral-700-o-70: #525252b2;
  --color-base-neutral-700-o-80: #525252cc;
  --color-base-neutral-800-o-10: #3939391a;
  --color-base-neutral-800-o-20: #39393933;
  --color-base-neutral-800-o-30: #3939394d;
  --color-base-neutral-800-o-40: #39393966;
  --color-base-neutral-800-o-50: #39393980;
  --color-base-neutral-800-o-60: #39393999;
  --color-base-neutral-800-o-70: #393939b2;
  --color-base-neutral-800-o-80: #393939cc;
  --color-base-neutral-900-o-10: #1e1e1e1a;
  --color-base-neutral-900-o-20: #1e1e1e33;
  --color-base-neutral-900-o-30: #1e1e1e4d;
  --color-base-neutral-900-o-40: #1e1e1e66;
  --color-base-neutral-900-o-50: #1e1e1e80;
  --color-base-neutral-900-o-60: #1e1e1e99;
  --color-base-neutral-900-o-70: #1e1e1eb2;
  --color-base-neutral-900-o-80: #1e1e1ecc;
  --color-base-primary-10: #fff7de;
  --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-badge-bg-success: var(--color-base-success-500);
  --color-bg-base: var(--color-base-base-0);
  --color-bg-dark: var(--color-base-base-1000);
  --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-inverce: var(--color-base-neutral-20);
  --color-bg-neutral-lg: var(--color-base-neutral-100);
  --color-bg-neutral-md: var(--color-base-neutral-30);
  --color-bg-neutral-sm: var(--color-base-neutral-20);
  --color-bg-neutral-xl: var(--color-base-neutral-300);
  --color-bg-neutral-xs: var(--color-base-neutral-10);
  --color-bg-neutral-sm-o-40: var(--color-base-neutral-100-o-40);
  --color-bg-neutral-sm-o-50: var(--color-base-neutral-100-o-50);
  --color-bg-neutral-xs-0-0: var(--color-base-neutral-10-o-0);
  --color-bg-neutral-xs-invisible: var(--color-base-neutral-10);
  --color-bg-tone-xl: var(--color-base-neutral-800-o-70);
  --color-bg-variable-invisible: var(--color-base-base-0-o-0);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-accent-400);
  --color-border-light: var(--color-base-base-0);
  --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-bg-active: var(--color-base-neutral-800);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-200);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-910);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-75);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-lg-active: var(--color-base-neutral-300);
  --color-button-filled-neutral-bg-lg-default: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-lg-disabled: var(--color-base-neutral-20);
  --color-button-filled-neutral-bg-lg-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-30);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-20);
  --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-20);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-20);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-variable-active: var(--color-base-neutral-30);
  --color-button-filled-neutral-bg-variable-default: var(--color-base-base-0);
  --color-button-filled-neutral-bg-variable-disabled: var(--color-base-base-0);
  --color-button-filled-neutral-bg-variable-hover: var(--color-base-neutral-20);
  --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-20);
  --color-button-filled-neutral-border-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-primary-active: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-disabled: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-primary-hover: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-secondary-active: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-disabled: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-secondary-hover: var(--color-content-neutral-secondary);
  --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-20);
  --color-button-filled-primary-bg-error: var(--color-base-error-700);
  --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-filled-primary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-primary-content-inverse-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-inverse-selected: var(--color-content-light);
  --color-button-filled-secondary-bg-active: var(--color-base-primary-100);
  --color-button-filled-secondary-bg-default: var(--color-base-primary-25);
  --color-button-filled-secondary-bg-disabled: var(--color-base-neutral-20);
  --color-button-filled-secondary-bg-error: var(--color-base-error-700);
  --color-button-filled-secondary-bg-hover: var(--color-base-primary-50);
  --color-button-filled-secondary-content-active: var(--color-base-primary-600);
  --color-button-filled-secondary-content-default: var(--color-base-primary-500);
  --color-button-filled-secondary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-secondary-content-hover: var(--color-base-primary-500);
  --color-button-filled-secondary-content-selected: var(--color-content-light);
  --color-button-filled-secondary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-secondary-content-inverse-disabled: var(--color-base-neutral-100);
  --color-button-filled-secondary-content-inverse-selected: var(--color-content-light);
  --color-button-focus-neutral: var(--color-base-neutral-100);
  --color-button-focus-primary: var(--color-base-primary-50);
  --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-20);
  --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-20);
  --color-button-outline-base-border-active: var(--color-base-neutral-940);
  --color-button-outline-base-border-default: var(--color-base-neutral-940);
  --color-button-outline-base-border-disabled: var(--color-button-filled-neutral-content-secondary-disabled);
  --color-button-outline-base-border-hover: var(--color-base-neutral-940);
  --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-20);
  --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-20);
  --color-button-outline-neutral-border-error: var(--color-base-error-700);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-primary-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-primary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-tertiary-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-hover: var(--color-base-neutral-50);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-o-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-error-bg-active: var(--color-base-accent-50);
  --color-button-text-error-bg-default: var(--color-base-base-0-o-0);
  --color-button-text-error-bg-disabled: var(--color-bg-variable);
  --color-button-text-error-bg-hover: var(--color-base-accent-25);
  --color-button-text-error-content-active: var(--color-base-error-1100);
  --color-button-text-error-content-default: var(--color-base-error-800);
  --color-button-text-error-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-error-content-hover: var(--color-base-error-1000);
  --color-button-text-neutral-bg-md-active: var(--color-button-filled-neutral-bg-md-active);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-md-hover: var(--color-button-filled-neutral-bg-md-hover);
  --color-button-text-neutral-bg-sm-active: var(--color-button-filled-neutral-bg-sm-active);
  --color-button-text-neutral-bg-sm-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-disabled: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-hover: var(--color-button-filled-neutral-bg-sm-hover);
  --color-button-text-neutral-content-primary-active: var(--color-base-neutral-700);
  --color-button-text-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-text-neutral-content-primary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-primary-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-content-secondary-active: var(--color-base-neutral-900);
  --color-button-text-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-secondary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-secondary-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-content-tertiary-active: var(--color-base-neutral-600);
  --color-button-text-neutral-content-tertiary-default: var(--color-content-neutral-tertiary);
  --color-button-text-neutral-content-tertiary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-tertiary-hover: var(--color-base-neutral-400);
  --color-button-text-primary-bg-active: var(--color-base-primary-50);
  --color-button-text-primary-bg-default: var(--color-base-base-0-o-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-card-neutral-bg-lg-active: var(--color-base-neutral-300);
  --color-card-neutral-bg-lg-default: var(--color-base-neutral-100);
  --color-card-neutral-bg-lg-disabled: var(--color-base-neutral-20);
  --color-card-neutral-bg-lg-hover: var(--color-base-neutral-200);
  --color-card-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-card-neutral-bg-md-default: var(--color-base-neutral-30);
  --color-card-neutral-bg-md-disabled: var(--color-base-neutral-20);
  --color-card-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-card-neutral-bg-sm-active: var(--color-base-neutral-100);
  --color-card-neutral-bg-sm-default: var(--color-base-neutral-20);
  --color-card-neutral-bg-sm-disabled: var(--color-base-neutral-20);
  --color-card-neutral-bg-sm-hover: var(--color-base-neutral-50);
  --color-card-neutral-bg-variable-active: var(--color-base-neutral-30);
  --color-card-neutral-bg-variable-default: var(--color-base-base-0);
  --color-card-neutral-bg-variable-disabled: var(--color-base-base-0);
  --color-card-neutral-bg-variable-hover: var(--color-base-neutral-20);
  --color-card-primary-bg-active: var(--color-base-primary-500);
  --color-card-primary-bg-default: var(--color-content-primary-primary);
  --color-card-primary-bg-disabled: var(--color-base-neutral-20);
  --color-card-primary-bg-hover: var(--color-base-primary-400);
  --color-card-secondary-bg-active: var(--color-base-primary-100);
  --color-card-secondary-bg-default: var(--color-base-primary-25);
  --color-card-secondary-bg-disabled: var(--color-base-neutral-20);
  --color-card-secondary-bg-hover: var(--color-base-primary-50);
  --color-content-error: var(--color-base-error-1000);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-940);
  --color-content-neutral-secondary: var(--color-base-neutral-600);
  --color-content-neutral-tertiary: var(--color-base-neutral-300);
  --color-content-neutral-inverse-primary: var(--color-base-base-0);
  --color-content-neutral-inverse-secondary: var(--color-base-neutral-50);
  --color-content-neutral-inverse-tertiary: var(--color-base-neutral-100);
  --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-progress-bar-bg-neutral-md-active: var(--color-base-primary-200);
  --color-progress-bar-bg-neutral-md-default: var(--color-base-neutral-40);
  --color-progress-bar-bg-neutral-md-disabled: var(--color-base-neutral-20);
  --color-progress-bar-bg-neutral-sm-active: var(--color-base-primary-200);
  --color-progress-bar-bg-neutral-sm-default: var(--color-base-neutral-10);
  --color-progress-bar-bg-neutral-sm-disabled: var(--color-base-neutral-20);
  --color-progress-bar-content-secondary-active: var(--color-content-light);
  --color-progress-bar-content-secondary-default: var(--color-base-neutral-75);
  --color-progress-bar-content-secondary-disabled: var(--color-base-neutral-100);
  --color-progress-bar-content-secondary-inverse-active: var(--color-content-light);
  --color-progress-bar-content-secondary-inverse-default: var(--color-base-base-0);
  --color-progress-bar-content-secondary-inverse-disabled: var(--color-base-neutral-100);
  --color-textfield-filled-neutral-bg-light-default: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-light-disabled: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-light-error: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-light-hover: var(--color-base-neutral-10);
  --color-textfield-filled-neutral-bg-md-default: var(--color-button-filled-neutral-bg-md-default);
  --color-textfield-filled-neutral-bg-md-disabled: var(--color-button-filled-neutral-bg-md-disabled);
  --color-textfield-filled-neutral-bg-md-error: var(--color-button-filled-neutral-bg-md-default);
  --color-textfield-filled-neutral-bg-md-hover: var(--color-button-filled-neutral-bg-md-hover);
  --color-textfield-filled-neutral-bg-sm-default: var(--color-button-filled-neutral-bg-sm-default);
  --color-textfield-filled-neutral-bg-sm-disabled: var(--color-button-filled-neutral-bg-sm-disabled);
  --color-textfield-filled-neutral-bg-sm-error: var(--color-button-filled-neutral-bg-sm-default);
  --color-textfield-filled-neutral-bg-sm-hover: var(--color-button-filled-neutral-bg-sm-hover);
  --color-textfield-filled-neutral-border-sm-default: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-border-sm-disabled: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-border-sm-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-border-sm-hover: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-content-default: var(--color-base-neutral-400);
  --color-textfield-filled-neutral-content-disabled: var(--color-base-neutral-100);
  --color-textfield-filled-neutral-content-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-content-input: var(--color-content-neutral-primary);
  --color-textfield-filled-neutral-content-lable: var(--color-base-neutral-400);
  --color-textfield-focus-neutral: var(--color-base-neutral-50);
  --color-textfield-focus-primary: var(--color-base-primary-50);
  --color-textfield-outline-bg-variable-default: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-disabled: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-hover: var(--color-bg-variable);
  --color-textfield-outline-border-default: var(--color-base-neutral-50);
  --color-textfield-outline-border-disabled: var(--color-base-neutral-20);
  --color-textfield-outline-border-error: var(--color-base-error-700);
  --color-textfield-outline-border-hover: var(--color-base-neutral-100);
  --color-textfield-outline-content-default: var(--color-base-neutral-400);
  --color-textfield-outline-content-disabled: var(--color-base-neutral-100);
  --color-textfield-outline-content-error: var(--color-base-error-700);
  --color-textfield-outline-content-input: var(--color-content-neutral-primary);
}

.light,
.color-theme-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-badge-bg-success: var(--color-base-success-500);
  --color-bg-base: var(--color-base-base-0);
  --color-bg-dark: var(--color-base-base-1000);
  --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-inverce: var(--color-base-neutral-20);
  --color-bg-neutral-lg: var(--color-base-neutral-100);
  --color-bg-neutral-md: var(--color-base-neutral-30);
  --color-bg-neutral-sm: var(--color-base-neutral-20);
  --color-bg-neutral-xl: var(--color-base-neutral-300);
  --color-bg-neutral-xs: var(--color-base-neutral-10);
  --color-bg-neutral-sm-o-40: var(--color-base-neutral-100-o-40);
  --color-bg-neutral-sm-o-50: var(--color-base-neutral-100-o-50);
  --color-bg-neutral-xs-0-0: var(--color-base-neutral-10-o-0);
  --color-bg-neutral-xs-invisible: var(--color-base-neutral-10);
  --color-bg-tone-xl: var(--color-base-neutral-800-o-70);
  --color-bg-variable-invisible: var(--color-base-base-0-o-0);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-accent-400);
  --color-border-light: var(--color-base-base-0);
  --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-bg-active: var(--color-base-neutral-800);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-200);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-910);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-75);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-lg-active: var(--color-base-neutral-300);
  --color-button-filled-neutral-bg-lg-default: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-lg-disabled: var(--color-base-neutral-20);
  --color-button-filled-neutral-bg-lg-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-30);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-20);
  --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-20);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-20);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-variable-active: var(--color-base-neutral-30);
  --color-button-filled-neutral-bg-variable-default: var(--color-base-base-0);
  --color-button-filled-neutral-bg-variable-disabled: var(--color-base-base-0);
  --color-button-filled-neutral-bg-variable-hover: var(--color-base-neutral-20);
  --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-20);
  --color-button-filled-neutral-border-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-primary-active: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-disabled: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-primary-hover: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-secondary-active: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-disabled: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-secondary-hover: var(--color-content-neutral-secondary);
  --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-20);
  --color-button-filled-primary-bg-error: var(--color-base-error-700);
  --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-filled-primary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-primary-content-inverse-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-inverse-selected: var(--color-content-light);
  --color-button-filled-secondary-bg-active: var(--color-base-primary-100);
  --color-button-filled-secondary-bg-default: var(--color-base-primary-25);
  --color-button-filled-secondary-bg-disabled: var(--color-base-neutral-20);
  --color-button-filled-secondary-bg-error: var(--color-base-error-700);
  --color-button-filled-secondary-bg-hover: var(--color-base-primary-50);
  --color-button-filled-secondary-content-active: var(--color-base-primary-600);
  --color-button-filled-secondary-content-default: var(--color-base-primary-500);
  --color-button-filled-secondary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-secondary-content-hover: var(--color-base-primary-500);
  --color-button-filled-secondary-content-selected: var(--color-content-light);
  --color-button-filled-secondary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-secondary-content-inverse-disabled: var(--color-base-neutral-100);
  --color-button-filled-secondary-content-inverse-selected: var(--color-content-light);
  --color-button-focus-neutral: var(--color-base-neutral-100);
  --color-button-focus-primary: var(--color-base-primary-50);
  --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-20);
  --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-20);
  --color-button-outline-base-border-active: var(--color-base-neutral-940);
  --color-button-outline-base-border-default: var(--color-base-neutral-940);
  --color-button-outline-base-border-disabled: var(--color-button-filled-neutral-content-secondary-disabled);
  --color-button-outline-base-border-hover: var(--color-base-neutral-940);
  --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-20);
  --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-20);
  --color-button-outline-neutral-border-error: var(--color-base-error-700);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-primary-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-primary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-tertiary-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-hover: var(--color-base-neutral-50);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-o-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-error-bg-active: var(--color-base-accent-50);
  --color-button-text-error-bg-default: var(--color-base-base-0-o-0);
  --color-button-text-error-bg-disabled: var(--color-bg-variable);
  --color-button-text-error-bg-hover: var(--color-base-accent-25);
  --color-button-text-error-content-active: var(--color-base-error-1100);
  --color-button-text-error-content-default: var(--color-base-error-800);
  --color-button-text-error-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-error-content-hover: var(--color-base-error-1000);
  --color-button-text-neutral-bg-md-active: var(--color-button-filled-neutral-bg-md-active);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-md-hover: var(--color-button-filled-neutral-bg-md-hover);
  --color-button-text-neutral-bg-sm-active: var(--color-button-filled-neutral-bg-sm-active);
  --color-button-text-neutral-bg-sm-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-disabled: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-hover: var(--color-button-filled-neutral-bg-sm-hover);
  --color-button-text-neutral-content-primary-active: var(--color-base-neutral-700);
  --color-button-text-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-text-neutral-content-primary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-primary-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-content-secondary-active: var(--color-base-neutral-900);
  --color-button-text-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-secondary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-secondary-hover: var(--color-base-neutral-800);
  --color-button-text-neutral-content-tertiary-active: var(--color-base-neutral-600);
  --color-button-text-neutral-content-tertiary-default: var(--color-content-neutral-tertiary);
  --color-button-text-neutral-content-tertiary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-tertiary-hover: var(--color-base-neutral-400);
  --color-button-text-primary-bg-active: var(--color-base-primary-50);
  --color-button-text-primary-bg-default: var(--color-base-base-0-o-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-card-neutral-bg-lg-active: var(--color-base-neutral-300);
  --color-card-neutral-bg-lg-default: var(--color-base-neutral-100);
  --color-card-neutral-bg-lg-disabled: var(--color-base-neutral-20);
  --color-card-neutral-bg-lg-hover: var(--color-base-neutral-200);
  --color-card-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-card-neutral-bg-md-default: var(--color-base-neutral-30);
  --color-card-neutral-bg-md-disabled: var(--color-base-neutral-20);
  --color-card-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-card-neutral-bg-sm-active: var(--color-base-neutral-100);
  --color-card-neutral-bg-sm-default: var(--color-base-neutral-20);
  --color-card-neutral-bg-sm-disabled: var(--color-base-neutral-20);
  --color-card-neutral-bg-sm-hover: var(--color-base-neutral-50);
  --color-card-neutral-bg-variable-active: var(--color-base-neutral-30);
  --color-card-neutral-bg-variable-default: var(--color-base-base-0);
  --color-card-neutral-bg-variable-disabled: var(--color-base-base-0);
  --color-card-neutral-bg-variable-hover: var(--color-base-neutral-20);
  --color-card-primary-bg-active: var(--color-base-primary-500);
  --color-card-primary-bg-default: var(--color-content-primary-primary);
  --color-card-primary-bg-disabled: var(--color-base-neutral-20);
  --color-card-primary-bg-hover: var(--color-base-primary-400);
  --color-card-secondary-bg-active: var(--color-base-primary-100);
  --color-card-secondary-bg-default: var(--color-base-primary-25);
  --color-card-secondary-bg-disabled: var(--color-base-neutral-20);
  --color-card-secondary-bg-hover: var(--color-base-primary-50);
  --color-content-error: var(--color-base-error-1000);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-940);
  --color-content-neutral-secondary: var(--color-base-neutral-600);
  --color-content-neutral-tertiary: var(--color-base-neutral-300);
  --color-content-neutral-inverse-primary: var(--color-base-base-0);
  --color-content-neutral-inverse-secondary: var(--color-base-neutral-50);
  --color-content-neutral-inverse-tertiary: var(--color-base-neutral-100);
  --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-progress-bar-bg-neutral-md-active: var(--color-base-primary-200);
  --color-progress-bar-bg-neutral-md-default: var(--color-base-neutral-40);
  --color-progress-bar-bg-neutral-md-disabled: var(--color-base-neutral-20);
  --color-progress-bar-bg-neutral-sm-active: var(--color-base-primary-200);
  --color-progress-bar-bg-neutral-sm-default: var(--color-base-neutral-10);
  --color-progress-bar-bg-neutral-sm-disabled: var(--color-base-neutral-20);
  --color-progress-bar-content-secondary-active: var(--color-content-light);
  --color-progress-bar-content-secondary-default: var(--color-base-neutral-75);
  --color-progress-bar-content-secondary-disabled: var(--color-base-neutral-100);
  --color-progress-bar-content-secondary-inverse-active: var(--color-content-light);
  --color-progress-bar-content-secondary-inverse-default: var(--color-base-base-0);
  --color-progress-bar-content-secondary-inverse-disabled: var(--color-base-neutral-100);
  --color-textfield-filled-neutral-bg-light-default: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-light-disabled: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-light-error: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-light-hover: var(--color-base-neutral-10);
  --color-textfield-filled-neutral-bg-md-default: var(--color-button-filled-neutral-bg-md-default);
  --color-textfield-filled-neutral-bg-md-disabled: var(--color-button-filled-neutral-bg-md-disabled);
  --color-textfield-filled-neutral-bg-md-error: var(--color-button-filled-neutral-bg-md-default);
  --color-textfield-filled-neutral-bg-md-hover: var(--color-button-filled-neutral-bg-md-hover);
  --color-textfield-filled-neutral-bg-sm-default: var(--color-button-filled-neutral-bg-sm-default);
  --color-textfield-filled-neutral-bg-sm-disabled: var(--color-button-filled-neutral-bg-sm-disabled);
  --color-textfield-filled-neutral-bg-sm-error: var(--color-button-filled-neutral-bg-sm-default);
  --color-textfield-filled-neutral-bg-sm-hover: var(--color-button-filled-neutral-bg-sm-hover);
  --color-textfield-filled-neutral-border-sm-default: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-border-sm-disabled: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-border-sm-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-border-sm-hover: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-content-default: var(--color-base-neutral-400);
  --color-textfield-filled-neutral-content-disabled: var(--color-base-neutral-100);
  --color-textfield-filled-neutral-content-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-content-input: var(--color-content-neutral-primary);
  --color-textfield-filled-neutral-content-lable: var(--color-base-neutral-400);
  --color-textfield-focus-neutral: var(--color-base-neutral-50);
  --color-textfield-focus-primary: var(--color-base-primary-50);
  --color-textfield-outline-bg-variable-default: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-disabled: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-hover: var(--color-bg-variable);
  --color-textfield-outline-border-default: var(--color-base-neutral-50);
  --color-textfield-outline-border-disabled: var(--color-base-neutral-20);
  --color-textfield-outline-border-error: var(--color-base-error-700);
  --color-textfield-outline-border-hover: var(--color-base-neutral-100);
  --color-textfield-outline-content-default: var(--color-base-neutral-400);
  --color-textfield-outline-content-disabled: var(--color-base-neutral-100);
  --color-textfield-outline-content-error: var(--color-base-error-700);
  --color-textfield-outline-content-input: var(--color-content-neutral-primary);
}

/* dark */
.dark,
.color-theme-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-badge-bg-success: var(--color-base-success-500);
  --color-bg-base: var(--color-base-neutral-940);
  --color-bg-dark: var(--color-base-base-1000);
  --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-inverce: var(--color-base-neutral-940);
  --color-bg-neutral-lg: var(--color-base-neutral-800);
  --color-bg-neutral-md: var(--color-base-neutral-920);
  --color-bg-neutral-sm: var(--color-base-neutral-940);
  --color-bg-neutral-xl: var(--color-base-neutral-700);
  --color-bg-neutral-xs: var(--color-base-neutral-950);
  --color-bg-neutral-sm-o-40: var(--color-base-neutral-940-o-40);
  --color-bg-neutral-sm-o-50: var(--color-base-neutral-940-o-50);
  --color-bg-neutral-xs-0-0: var(--color-base-neutral-950-o-0);
  --color-bg-neutral-xs-invisible: var(--color-base-neutral-950);
  --color-bg-tone-xl: var(--color-base-neutral-800-o-70);
  --color-bg-variable-invisible: var(--color-base-base-1000-o-0);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-error-400);
  --color-border-light: var(--color-base-base-0);
  --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-800);
  --color-border-neutral-md: var(--color-base-neutral-910);
  --color-border-neutral-sm: var(--color-base-neutral-940);
  --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-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-940);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-100);
  --color-button-filled-base-content-default: var(--color-base-neutral-940);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-910);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-lg-active: var(--color-base-neutral-600);
  --color-button-filled-neutral-bg-lg-default: var(--color-base-neutral-800);
  --color-button-filled-neutral-bg-lg-disabled: var(--color-base-neutral-910);
  --color-button-filled-neutral-bg-lg-hover: var(--color-base-neutral-700);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-800);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-920);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-920);
  --color-button-filled-neutral-bg-md-hover: var(--color-base-neutral-900);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-900);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-940);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-940);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-920);
  --color-button-filled-neutral-bg-variable-active: var(--color-base-neutral-935);
  --color-button-filled-neutral-bg-variable-default: var(--color-base-neutral-950);
  --color-button-filled-neutral-bg-variable-disabled: var(--color-base-neutral-940);
  --color-button-filled-neutral-bg-variable-hover: var(--color-base-neutral-940);
  --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-primary-active: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-disabled: var(--color-base-neutral-800);
  --color-button-filled-neutral-content-primary-hover: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-secondary-active: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-disabled: var(--nelset-color-base-neutral-800);
  --color-button-filled-neutral-content-secondary-hover: var(--color-content-neutral-secondary);
  --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-940);
  --color-button-filled-primary-bg-error: var(--color-base-error-700);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-neutral-940);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-910);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-filled-primary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-primary-content-inverse-disabled: var(--color-base-neutral-910);
  --color-button-filled-primary-content-inverse-selected: var(--color-content-light);
  --color-button-filled-secondary-bg-active: var(--color-base-primary-100);
  --color-button-filled-secondary-bg-default: var(--color-base-primary-25);
  --color-button-filled-secondary-bg-disabled: var(--color-base-neutral-940);
  --color-button-filled-secondary-bg-error: var(--color-base-error-700);
  --color-button-filled-secondary-bg-hover: var(--color-base-primary-50);
  --color-button-filled-secondary-content-active: var(--color-content-primary-primary);
  --color-button-filled-secondary-content-default: var(--color-content-primary-primary);
  --color-button-filled-secondary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-secondary-content-hover: var(--color-content-primary-primary);
  --color-button-filled-secondary-content-selected: var(--color-content-light);
  --color-button-filled-secondary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-secondary-content-inverse-disabled: var(--color-base-neutral-910);
  --color-button-filled-secondary-content-inverse-selected: var(--color-content-light);
  --color-button-focus-neutral: var(--color-base-neutral-600);
  --color-button-focus-primary: var(--color-base-primary-50);
  --color-button-outline-base-bg-active: var(--color-base-neutral-910);
  --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-940);
  --color-button-outline-base-bg-light-active: var(--color-base-neutral-910);
  --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-940);
  --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-940);
  --color-button-outline-base-border-hover: var(--color-base-neutral-20);
  --color-button-outline-base-content-default: var(--color-content-neutral-primary);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-910);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-910);
  --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-940);
  --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-940);
  --color-button-outline-neutral-border-error: var(--color-base-error-700);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-primary-disabled: var(--color-base-neutral-910);
  --color-button-outline-neutral-content-primary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-tertiary-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-hover: var(--color-base-neutral-50);
  --color-button-outline-primary-bg-active: var(--color-base-neutral-910);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-o-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-neutral-940);
  --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-940);
  --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-error-bg-active: var(--color-base-neutral-910);
  --color-button-text-error-bg-default: var(--color-base-base-0-o-0);
  --color-button-text-error-bg-disabled: var(--color-bg-variable);
  --color-button-text-error-bg-hover: var(--color-base-neutral-940);
  --color-button-text-error-content-active: var(--color-base-primary-500);
  --color-button-text-error-content-default: var(--color-content-primary-primary);
  --color-button-text-error-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-error-content-hover: var(--color-base-primary-400);
  --color-button-text-neutral-bg-md-active: var(--color-button-filled-neutral-bg-md-active);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-md-hover: var(--color-button-filled-neutral-bg-md-hover);
  --color-button-text-neutral-bg-sm-active: var(--color-button-filled-neutral-bg-sm-active);
  --color-button-text-neutral-bg-sm-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-disabled: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-hover: var(--color-button-filled-neutral-bg-sm-hover);
  --color-button-text-neutral-content-primary-active: var(--color-base-neutral-300);
  --color-button-text-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-text-neutral-content-primary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-primary-hover: var(--color-base-neutral-200);
  --color-button-text-neutral-content-secondary-active: var(--color-base-neutral-25);
  --color-button-text-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-secondary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-secondary-hover: var(--color-base-neutral-50);
  --color-button-text-neutral-content-tertiary-active: var(--color-base-neutral-600);
  --color-button-text-neutral-content-tertiary-default: var(--color-content-neutral-tertiary);
  --color-button-text-neutral-content-tertiary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-tertiary-hover: var(--color-base-neutral-400);
  --color-button-text-primary-bg-active: var(--color-base-neutral-910);
  --color-button-text-primary-bg-default: var(--color-base-base-0-o-0);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--color-base-neutral-940);
  --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-card-neutral-bg-lg-active: var(--color-base-neutral-600);
  --color-card-neutral-bg-lg-default: var(--color-base-neutral-800);
  --color-card-neutral-bg-lg-disabled: var(--color-base-neutral-910);
  --color-card-neutral-bg-lg-hover: var(--color-base-neutral-700);
  --color-card-neutral-bg-md-active: var(--color-base-neutral-800);
  --color-card-neutral-bg-md-default: var(--color-base-neutral-920);
  --color-card-neutral-bg-md-disabled: var(--color-base-neutral-920);
  --color-card-neutral-bg-md-hover: var(--color-base-neutral-900);
  --color-card-neutral-bg-sm-active: var(--color-base-neutral-900);
  --color-card-neutral-bg-sm-default: var(--color-base-neutral-940);
  --color-card-neutral-bg-sm-disabled: var(--color-base-neutral-940);
  --color-card-neutral-bg-sm-hover: var(--color-base-neutral-920);
  --color-card-neutral-bg-variable-active: var(--color-base-neutral-935);
  --color-card-neutral-bg-variable-default: var(--color-base-neutral-950);
  --color-card-neutral-bg-variable-disabled: var(--color-base-neutral-940);
  --color-card-neutral-bg-variable-hover: var(--color-base-neutral-940);
  --color-card-primary-bg-active: var(--color-base-primary-500);
  --color-card-primary-bg-default: var(--color-content-primary-primary);
  --color-card-primary-bg-disabled: var(--color-base-neutral-940);
  --color-card-primary-bg-hover: var(--color-base-primary-400);
  --color-card-secondary-bg-active: var(--color-base-primary-100);
  --color-card-secondary-bg-default: var(--color-base-primary-25);
  --color-card-secondary-bg-disabled: var(--color-base-neutral-940);
  --color-card-secondary-bg-hover: var(--color-base-primary-50);
  --color-content-error: var(--color-base-error-1000);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-base-0);
  --color-content-neutral-secondary: var(--color-base-neutral-400);
  --color-content-neutral-tertiary: var(--color-base-neutral-700);
  --color-content-neutral-inverse-primary: var(--color-base-neutral-940);
  --color-content-neutral-inverse-secondary: var(--color-base-neutral-600);
  --color-content-neutral-inverse-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-progress-bar-bg-neutral-md-active: var(--color-base-primary-200);
  --color-progress-bar-bg-neutral-md-default: var(--color-base-neutral-800);
  --color-progress-bar-bg-neutral-md-disabled: var(--color-base-neutral-300);
  --color-progress-bar-bg-neutral-sm-active: var(--color-base-primary-500);
  --color-progress-bar-bg-neutral-sm-default: var(--color-base-neutral-800);
  --color-progress-bar-bg-neutral-sm-disabled: var(--color-base-neutral-300);
  --color-progress-bar-content-secondary-active: var(--color-content-light);
  --color-progress-bar-content-secondary-default: var(--color-base-neutral-400);
  --color-progress-bar-content-secondary-disabled: var(--color-base-neutral-100);
  --color-progress-bar-content-secondary-inverse-active: var(--color-content-light);
  --color-progress-bar-content-secondary-inverse-default: var(--color-base-neutral-400);
  --color-progress-bar-content-secondary-inverse-disabled: var(--color-base-neutral-100);
  --color-textfield-filled-neutral-bg-light-default: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-light-disabled: var(--color-base-neutral-600);
  --color-textfield-filled-neutral-bg-light-error: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-light-hover: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-bg-md-default: var(--color-button-filled-neutral-bg-md-default);
  --color-textfield-filled-neutral-bg-md-disabled: var(--color-button-filled-neutral-bg-md-disabled);
  --color-textfield-filled-neutral-bg-md-error: var(--color-button-filled-neutral-bg-md-default);
  --color-textfield-filled-neutral-bg-md-hover: var(--color-button-filled-neutral-bg-md-hover);
  --color-textfield-filled-neutral-bg-sm-default: var(--color-button-filled-neutral-bg-sm-default);
  --color-textfield-filled-neutral-bg-sm-disabled: var(--color-button-filled-neutral-bg-sm-disabled);
  --color-textfield-filled-neutral-bg-sm-error: var(--color-button-filled-neutral-bg-sm-default);
  --color-textfield-filled-neutral-bg-sm-hover: var(--color-button-filled-neutral-bg-sm-hover);
  --color-textfield-filled-neutral-border-sm-default: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-border-sm-disabled: var(--color-base-neutral-940);
  --color-textfield-filled-neutral-border-sm-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-border-sm-hover: var(--color-base-neutral-200);
  --color-textfield-filled-neutral-content-default: var(--color-base-neutral-300);
  --color-textfield-filled-neutral-content-disabled: var(--color-base-neutral-900);
  --color-textfield-filled-neutral-content-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-content-input: var(--color-content-neutral-primary);
  --color-textfield-filled-neutral-content-lable: var(--color-base-neutral-300);
  --color-textfield-focus-neutral: var(--color-base-neutral-700);
  --color-textfield-focus-primary: var(--color-base-primary-50);
  --color-textfield-outline-bg-variable-default: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-disabled: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-hover: var(--color-bg-variable);
  --color-textfield-outline-border-default: var(--color-base-neutral-920);
  --color-textfield-outline-border-disabled: var(--color-base-neutral-940);
  --color-textfield-outline-border-error: var(--color-base-error-700);
  --color-textfield-outline-border-hover: var(--color-base-neutral-200);
  --color-textfield-outline-content-default: var(--color-base-neutral-900);
  --color-textfield-outline-content-disabled: var(--color-base-neutral-100);
  --color-textfield-outline-content-error: var(--color-base-error-700);
  --color-textfield-outline-content-input: var(--color-content-neutral-primary);
}

/* neutral */
.neutral,
.color-theme-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-badge-bg-success: var(--color-base-success-500);
  --color-bg-base: var(--color-base-base-0);
  --color-bg-dark: var(--color-base-base-1000);
  --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(--color-base-success-25);
  --color-bg-variable: var(--color-base-neutral-10);
  --color-bg-neutral-inverce: var(--color-base-base-0);
  --color-bg-neutral-lg: var(--color-base-neutral-200);
  --color-bg-neutral-md: var(--color-base-neutral-100);
  --color-bg-neutral-sm: var(--color-base-neutral-50);
  --color-bg-neutral-xl: var(--color-base-neutral-300);
  --color-bg-neutral-xs: var(--color-base-neutral-20);
  --color-bg-neutral-sm-o-40: var(--color-base-neutral-50);
  --color-bg-neutral-sm-o-50: var(--color-base-neutral-50);
  --color-bg-neutral-xs-0-0: var(--color-base-neutral-20-o-0);
  --color-bg-neutral-xs-invisible: var(--color-base-neutral-20);
  --color-bg-tone-xl: var(--color-base-neutral-800-o-70);
  --color-bg-variable-invisible: var(--color-base-neutral-10-o-0);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-error-400);
  --color-border-light: var(--color-base-base-0);
  --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-bg-active: var(--color-base-neutral-800);
  --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-910);
  --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-lg-active: var(--color-base-neutral-300);
  --color-button-filled-neutral-bg-lg-default: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-lg-disabled: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-lg-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-300);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-75);
  --color-button-filled-neutral-bg-md-hover: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-variable-active: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-variable-default: var(--color-base-neutral-10);
  --color-button-filled-neutral-bg-variable-disabled: var(--color-base-base-0);
  --color-button-filled-neutral-bg-variable-hover: var(--color-base-neutral-50);
  --color-button-filled-neutral-border-active: var(--nelset-color-base-neutral-600);
  --color-button-filled-neutral-border-default: var(--color-bg-neutral-md);
  --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-primary-active: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-primary-disabled: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-primary-hover: var(--color-content-neutral-primary);
  --color-button-filled-neutral-content-secondary-active: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-filled-neutral-content-secondary-disabled: var(--color-base-neutral-200);
  --color-button-filled-neutral-content-secondary-hover: var(--color-content-neutral-secondary);
  --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-700);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-neutral-940);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-filled-primary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-primary-content-inverse-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-inverse-selected: var(--color-content-light);
  --color-button-filled-secondary-bg-active: var(--color-base-primary-100);
  --color-button-filled-secondary-bg-default: var(--color-base-primary-25);
  --color-button-filled-secondary-bg-disabled: var(--color-base-neutral-50);
  --color-button-filled-secondary-bg-error: var(--color-base-error-700);
  --color-button-filled-secondary-bg-hover: var(--color-base-primary-50);
  --color-button-filled-secondary-content-active: var(--color-base-primary-600);
  --color-button-filled-secondary-content-default: var(--color-base-primary-500);
  --color-button-filled-secondary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-secondary-content-hover: var(--color-base-primary-500);
  --color-button-filled-secondary-content-selected: var(--color-content-light);
  --color-button-filled-secondary-content-inverse-default: var(--color-base-neutral-940);
  --color-button-filled-secondary-content-inverse-disabled: var(--color-base-neutral-100);
  --color-button-filled-secondary-content-inverse-selected: var(--color-content-light);
  --color-button-focus-neutral: var(--color-base-neutral-100);
  --color-button-focus-primary: var(--color-base-primary-50);
  --color-button-outline-base-bg-active: var(--color-base-neutral-100);
  --color-button-outline-base-bg-default: var(--color-base-neutral-20);
  --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-20);
  --color-button-outline-base-border-active: var(--color-base-neutral-940);
  --color-button-outline-base-border-default: var(--color-base-neutral-940);
  --color-button-outline-base-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-base-border-hover: var(--color-base-neutral-940);
  --color-button-outline-base-content-default: var(--color-base-neutral-940);
  --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-border-active: var(--color-base-neutral-940);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-940);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-error: var(--color-base-error-700);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-940);
  --color-button-outline-neutral-content-primary-default: var(--color-base-neutral-940);
  --color-button-outline-neutral-content-primary-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-primary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-tertiary-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-tertiary-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-tertiary-hover: var(--color-base-neutral-50);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-o-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-error-bg-active: var(--nelset-color-base-neutral-50);
  --color-button-text-error-bg-default: var(--color-bg-variable);
  --color-button-text-error-bg-disabled: var(--color-bg-variable);
  --color-button-text-error-bg-hover: var(--nelset-color-base-neutral-25);
  --color-button-text-error-content-active: var(--color-base-primary-500);
  --color-button-text-error-content-default: var(--color-content-primary-primary);
  --color-button-text-error-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-error-content-hover: var(--color-base-primary-400);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-910);
  --color-button-text-neutral-bg-md-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-910);
  --color-button-text-neutral-bg-sm-active: var(--color-base-neutral-75);
  --color-button-text-neutral-bg-sm-default: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-disabled: var(--color-base-base-0-o-0);
  --color-button-text-neutral-bg-sm-hover: var(--color-base-neutral-50);
  --color-button-text-neutral-content-primary-active: var(--color-base-neutral-800);
  --color-button-text-neutral-content-primary-default: var(--color-content-neutral-primary);
  --color-button-text-neutral-content-primary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-primary-hover: var(--color-base-neutral-910);
  --color-button-text-neutral-content-secondary-active: var(--color-base-neutral-940);
  --color-button-text-neutral-content-secondary-default: var(--color-content-neutral-secondary);
  --color-button-text-neutral-content-secondary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-secondary-hover: var(--color-base-neutral-910);
  --color-button-text-neutral-content-tertiary-active: var(--color-base-neutral-600);
  --color-button-text-neutral-content-tertiary-default: var(--color-content-neutral-tertiary);
  --color-button-text-neutral-content-tertiary-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-neutral-content-tertiary-hover: var(--color-base-neutral-400);
  --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-card-neutral-bg-lg-active: var(--color-base-neutral-300);
  --color-card-neutral-bg-lg-default: var(--color-base-neutral-200);
  --color-card-neutral-bg-lg-disabled: var(--color-base-neutral-50);
  --color-card-neutral-bg-lg-hover: var(--color-base-neutral-200);
  --color-card-neutral-bg-md-active: var(--color-base-neutral-300);
  --color-card-neutral-bg-md-default: var(--color-base-neutral-100);
  --color-card-neutral-bg-md-disabled: var(--color-base-neutral-75);
  --color-card-neutral-bg-md-hover: var(--color-base-neutral-200);
  --color-card-neutral-bg-sm-active: var(--color-base-neutral-200);
  --color-card-neutral-bg-sm-default: var(--color-base-neutral-50);
  --color-card-neutral-bg-sm-disabled: var(--color-base-neutral-50);
  --color-card-neutral-bg-sm-hover: var(--color-base-neutral-100);
  --color-card-neutral-bg-variable-active: var(--color-base-neutral-100);
  --color-card-neutral-bg-variable-default: var(--color-base-neutral-10);
  --color-card-neutral-bg-variable-disabled: var(--color-base-base-0);
  --color-card-neutral-bg-variable-hover: var(--color-base-neutral-50);
  --color-card-primary-bg-active: var(--color-base-primary-500);
  --color-card-primary-bg-default: var(--color-content-primary-primary);
  --color-card-primary-bg-disabled: var(--color-base-neutral-50);
  --color-card-primary-bg-hover: var(--color-base-primary-400);
  --color-card-secondary-bg-active: var(--color-base-primary-100);
  --color-card-secondary-bg-default: var(--color-base-primary-25);
  --color-card-secondary-bg-disabled: var(--color-base-neutral-50);
  --color-card-secondary-bg-hover: var(--color-base-primary-50);
  --color-content-error: var(--color-base-error-1000);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-940);
  --color-content-neutral-secondary: var(--color-base-neutral-800);
  --color-content-neutral-tertiary: var(--color-base-neutral-300);
  --color-content-neutral-inverse-primary: var(--color-base-base-0);
  --color-content-neutral-inverse-secondary: var(--color-base-neutral-50);
  --color-content-neutral-inverse-tertiary: var(--color-base-neutral-100);
  --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-progress-bar-bg-neutral-md-active: var(--color-base-primary-500);
  --color-progress-bar-bg-neutral-md-default: var(--color-base-neutral-25);
  --color-progress-bar-bg-neutral-md-disabled: var(--color-base-neutral-50);
  --color-progress-bar-bg-neutral-sm-active: var(--color-base-primary-500);
  --color-progress-bar-bg-neutral-sm-default: var(--color-base-neutral-20);
  --color-progress-bar-bg-neutral-sm-disabled: var(--color-base-neutral-50);
  --color-progress-bar-content-secondary-active: var(--color-content-light);
  --color-progress-bar-content-secondary-default: var(--color-base-neutral-940);
  --color-progress-bar-content-secondary-disabled: var(--color-base-neutral-100);
  --color-progress-bar-content-secondary-inverse-active: var(--color-content-light);
  --color-progress-bar-content-secondary-inverse-default: var(--color-base-neutral-940);
  --color-progress-bar-content-secondary-inverse-disabled: var(--color-base-neutral-100);
  --color-textfield-filled-neutral-bg-light-default: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-light-disabled: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-light-error: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-light-hover: var(--color-base-neutral-75);
  --color-textfield-filled-neutral-bg-md-default: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-md-disabled: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-md-error: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-md-hover: var(--color-base-neutral-75);
  --color-textfield-filled-neutral-bg-sm-default: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-sm-disabled: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-sm-error: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-sm-hover: var(--color-base-neutral-75);
  --color-textfield-filled-neutral-border-sm-default: var(--color-base-neutral-940);
  --color-textfield-filled-neutral-border-sm-disabled: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-border-sm-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-border-sm-hover: var(--color-base-neutral-940);
  --color-textfield-filled-neutral-content-default: var(--color-base-neutral-940);
  --color-textfield-filled-neutral-content-disabled: var(--color-base-neutral-100);
  --color-textfield-filled-neutral-content-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-content-input: var(--color-base-neutral-940);
  --color-textfield-filled-neutral-content-lable: var(--color-base-neutral-940);
  --color-textfield-focus-neutral: var(--color-base-neutral-940);
  --color-textfield-focus-primary: var(--color-base-primary-50);
  --color-textfield-outline-bg-variable-default: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-disabled: var(--color-bg-variable);
  --color-textfield-outline-bg-variable-hover: var(--color-bg-variable);
  --color-textfield-outline-border-default: var(--color-base-neutral-100);
  --color-textfield-outline-border-disabled: var(--color-base-neutral-50);
  --color-textfield-outline-border-error: var(--color-base-error-700);
  --color-textfield-outline-border-hover: var(--color-base-neutral-200);
  --color-textfield-outline-content-default: var(--color-base-neutral-940);
  --color-textfield-outline-content-disabled: var(--color-base-neutral-100);
  --color-textfield-outline-content-error: var(--color-base-error-700);
  --color-textfield-outline-content-input: var(--color-content-neutral-primary);
}

/* 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-button-full: var(--size-base-999);
  --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-card-img-sm: 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-button-full: var(--size-base-999);
  --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-card-img-sm: 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-md: var(--size-base-1x-4);
  --radius-button-sm: var(--size-base-1x-4);
  --radius-button-lg: var(--size-base-1-5x-6);
  --radius-button-xl: var(--size-base-2x-8);
  --radius-button-full: var(--size-base-999);
  --radius-card-md: var(--size-base-2x-8);
  --radius-card-sm: var(--size-base-2x-8);
  --radius-card-2xl: var(--size-base-3x-12);
  --radius-card-lg: var(--size-base-3x-12);
  --radius-card-xl: var(--size-base-3x-12);
  --radius-card-img-sm: var(--size-base-1-5x-6);
  --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-button-full: var(--size-base-999);
  --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-card-img-sm: var(--size-base-3x-12);
  --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-xl: var(--size-base-7x-28);
  --radius-button-full: var(--size-base-999);
  --radius-button-lg: var(--size-base-999);
  --radius-button-md: var(--size-base-999);
  --radius-button-sm: 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-card-img-sm: var(--size-base-8x-32);
  --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);
}

/*# sourceMappingURL=vars.css.map */