/* Nelset_01_size_base */
:root {
  --size-base-0x-0: 0px;
  --size-base-05x-2: 2px;
  --size-base-1x-4: 4px;
  --size-base-1-5x-6: 6px;
  --size-base-2x-8: 8px;
  --size-base-2-5x-10: 10px;
  --size-base-3x-12: 12px;
  --size-base-3-5x-14: 14px;
  --size-base-4x-16: 16px;
  --size-base-5x-20: 20px;
  --size-base-6x-24: 24px;
  --size-base-7x-28: 28px;
  --size-base-8x-32: 32px;
  --size-base-9x-36: 36px;
  --size-base-10x-40: 40px;
  --size-base-11x-44: 44px;
  --size-base-12x-48: 48px;
  --size-base-13x-52: 52px;
  --size-base-14x-56: 56px;
  --size-base-15x-60: 60px;
  --size-base-16x-64: 64px;
  --size-base-18x-72: 72px;
  --size-base-20x-80: 80px;
  --size-base-22x-88: 88px;
  --size-base-24x-96: 96px;
  --size-base-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;
}

/* Nelset_scale */
: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 + (36 - 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(21px + (30 - 21) * ((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(1920px + (3840 - 1920) * ((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-lg:calc(44px + (64 - 44) * ((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-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(21px + (21 - 21) * ((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 + (1919 - 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-lg:calc(44px + (44 - 44) * ((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-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(21px + (21 - 21) * ((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-lg:calc(44px + (44 - 44) * ((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-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(21px + (21 - 21) * ((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-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-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-lg-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-1xl-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: 1920px;
    --size-grids-breakpoint-lg-max: 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-count-static-3: 3px;
    --size-grids-column-count-static-9: 9px;
    --size-grids-column-count-static-12: 12px;
    --size-grids-column-half-min: var(--size-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-mobile: lg;
    --size-block-breackpoint-tablet: 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-2: 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-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-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: 1919px;
    --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-count-static-3: 3px;
    --size-grids-column-count-static-9: 9px;
    --size-grids-column-count-static-12: 12px;
    --size-grids-column-half-min: var(--size-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-mobile: lg;
    --size-block-breackpoint-tablet: 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-2: 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-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-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-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-count-static-3: 2px;
    --size-grids-column-count-static-9: 3px;
    --size-grids-column-count-static-12: 12px;
    --size-grids-column-half-min: var(--size-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-mobile: lg;
    --size-block-breackpoint-tablet: 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-2: 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-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-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-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-count-static-3: 2px;
    --size-grids-column-count-static-9: 2px;
    --size-grids-column-count-static-12: 6px;
    --size-grids-column-half-min: var(--size-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-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-sm-lg);
    --size-grids-margin-horizontal-md: var(--size-base-14x-56);
    --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-mobile: sm;
    --size-block-breackpoint-tablet: 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-2: 130%;
    --size-font-xs-line-percent: 120%;
  }
}
/* Nelset_color_base */
:root {
  --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-opacity-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: #f6f6f6;
  --color-base-neutral-100: #d0d0d0;
  --color-base-neutral-20: #f1f1f1;
  --color-base-neutral-200: #bfbfbf;
  --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: #6a6a6a;
  --color-base-neutral-700: #525252;
  --color-base-neutral-75: #d8d8d8;
  --color-base-neutral-800: #393939;
  --color-base-neutral-900: #1e1e1e;
  --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-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-40);
  --color-bg-neutral-sm: var(--color-base-neutral-30);
  --color-bg-neutral-xl: var(--color-base-neutral-300);
  --color-bg-neutral-xs: var(--color-base-neutral-20);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-accent-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-300);
  --color-border-neutral-lg: var(--color-base-neutral-100);
  --color-border-neutral-md: var(--color-base-neutral-50);
  --color-border-neutral-sm: var(--color-base-neutral-20);
  --color-border-neutral-xl: var(--color-base-neutral-200);
  --color-border-primary-lg: var(--color-base-primary-400);
  --color-border-primary-sm: var(--color-base-primary-200);
  --color-button-filled-base-focus: var(--color-base-neutral-200);
  --color-button-filled-base-bg-active: var(--color-base-neutral-700);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-20);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-800);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-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-light-active: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-light-default: var(--color-base-base-0);
  --color-button-filled-neutral-bg-light-disabled: var(--color-base-base-0);
  --color-button-filled-neutral-bg-light-hover: var(--color-base-neutral-20);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-40);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-30);
  --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-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-neutral-focus-md: var(--color-base-neutral-100);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-50);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-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-900);
  --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-focus: var(--color-base-primary-50);
  --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-900);
  --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-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-50);
  --color-button-outline-base-bg-default: var(--color-base-base-0);
  --color-button-outline-base-bg-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-hover: var(--color-base-neutral-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-900);
  --color-button-outline-base-border-default: var(--color-base-neutral-900);
  --color-button-outline-base-border-disabled: var(--color-button-filled-neutral-content-secondary-disabled);
  --color-button-outline-base-border-hover: var(--color-base-neutral-900);
  --color-button-outline-base-content-default: var(--color-content-neutral-primary);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-20);
  --color-button-outline-neutral-bg-textfield-default: var(--color-bg-variable);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-200);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-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-border-textfield-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-primary-100);
  --color-button-outline-neutral-content-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-primary-25);
  --color-button-outline-primary-border-active: var(--color-base-primary-200);
  --color-button-outline-primary-border-default: var(--color-base-primary-100);
  --color-button-outline-primary-border-disabled: var(--color-button-filled-primary-bg-disabled);
  --color-button-outline-primary-border-hover: var(--color-base-primary-100);
  --color-button-outline-primary-content-default: var(--color-content-neutral-secondary);
  --color-button-outline-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-text-neutral-bg-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-20);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-text-neutral-bg-md-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-text-neutral-content-primary-active: var(--color-base-neutral-500);
  --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-600);
  --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-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--color-base-primary-50);
  --color-button-text-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--color-base-primary-25);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-900);
  --color-content-neutral-secondary: var(--color-base-neutral-600);
  --color-content-neutral-tertiary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-primary: var(--color-base-base-0);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-300);
  --color-content-primary-link: var(--color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--color-base-primary-200);
  --color-content-primary-selected: var(--color-base-primary-700);
  --color-textfield-filled-neutral-focus: var(--color-base-neutral-50);
  --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-sm-default: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-bg-sm-disabled: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-bg-sm-error: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-bg-sm-hover: var(--color-base-neutral-30);
  --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-base-neutral-900);
  --color-textfield-outline-focus: var(--color-base-primary-100);
  --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-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-40);
  --color-bg-neutral-sm: var(--color-base-neutral-30);
  --color-bg-neutral-xl: var(--color-base-neutral-300);
  --color-bg-neutral-xs: var(--color-base-neutral-20);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-accent-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-300);
  --color-border-neutral-lg: var(--color-base-neutral-100);
  --color-border-neutral-md: var(--color-base-neutral-50);
  --color-border-neutral-sm: var(--color-base-neutral-20);
  --color-border-neutral-xl: var(--color-base-neutral-200);
  --color-border-primary-lg: var(--color-base-primary-400);
  --color-border-primary-sm: var(--color-base-primary-200);
  --color-button-filled-base-focus: var(--color-base-neutral-200);
  --color-button-filled-base-bg-active: var(--color-base-neutral-700);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-20);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-800);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-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-light-active: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-light-default: var(--color-base-base-0);
  --color-button-filled-neutral-bg-light-disabled: var(--color-base-base-0);
  --color-button-filled-neutral-bg-light-hover: var(--color-base-neutral-20);
  --color-button-filled-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-filled-neutral-bg-md-default: var(--color-base-neutral-40);
  --color-button-filled-neutral-bg-md-disabled: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-100);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-30);
  --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-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-neutral-focus-md: var(--color-base-neutral-100);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-50);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-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-900);
  --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-focus: var(--color-base-primary-50);
  --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-900);
  --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-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-50);
  --color-button-outline-base-bg-default: var(--color-base-base-0);
  --color-button-outline-base-bg-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-hover: var(--color-base-neutral-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-900);
  --color-button-outline-base-border-default: var(--color-base-neutral-900);
  --color-button-outline-base-border-disabled: var(--color-button-filled-neutral-content-secondary-disabled);
  --color-button-outline-base-border-hover: var(--color-base-neutral-900);
  --color-button-outline-base-content-default: var(--color-content-neutral-primary);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-20);
  --color-button-outline-neutral-bg-textfield-default: var(--color-bg-variable);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-200);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-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-border-textfield-default: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-primary-100);
  --color-button-outline-neutral-content-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-primary-25);
  --color-button-outline-primary-border-active: var(--color-base-primary-200);
  --color-button-outline-primary-border-default: var(--color-base-primary-100);
  --color-button-outline-primary-border-disabled: var(--color-button-filled-primary-bg-disabled);
  --color-button-outline-primary-border-hover: var(--color-base-primary-100);
  --color-button-outline-primary-content-default: var(--color-content-neutral-secondary);
  --color-button-outline-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-50);
  --color-button-text-neutral-bg-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-20);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-200);
  --color-button-text-neutral-bg-md-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-100);
  --color-button-text-neutral-content-primary-active: var(--color-base-neutral-500);
  --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-600);
  --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-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--color-base-primary-50);
  --color-button-text-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--color-base-primary-25);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-900);
  --color-content-neutral-secondary: var(--color-base-neutral-600);
  --color-content-neutral-tertiary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-primary: var(--color-base-base-0);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-300);
  --color-content-primary-link: var(--color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--color-base-primary-200);
  --color-content-primary-selected: var(--color-base-primary-700);
  --color-textfield-filled-neutral-focus: var(--color-base-neutral-50);
  --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-sm-default: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-bg-sm-disabled: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-bg-sm-error: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-bg-sm-hover: var(--color-base-neutral-30);
  --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-base-neutral-900);
  --color-textfield-outline-focus: var(--color-base-primary-100);
  --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-bg-base: var(--color-base-neutral-900);
  --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-base-1000);
  --color-bg-neutral-lg: var(--color-base-neutral-600);
  --color-bg-neutral-md: var(--color-base-neutral-700);
  --color-bg-neutral-sm: var(--color-base-neutral-800);
  --color-bg-neutral-xl: var(--color-base-neutral-500);
  --color-bg-neutral-xs: var(--color-base-neutral-900);
  --color-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-error-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-500);
  --color-border-neutral-lg: var(--color-base-neutral-700);
  --color-border-neutral-md: var(--color-base-neutral-800);
  --color-border-neutral-sm: var(--color-base-neutral-900);
  --color-border-neutral-xl: var(--color-base-neutral-600);
  --color-border-primary-lg: var(--nelset-color-base-primary-400);
  --color-border-primary-sm: var(--nelset-color-base-primary-200);
  --color-button-filled-base-focus: var(--color-base-neutral-200);
  --color-button-filled-base-bg-active: var(--color-base-neutral-300);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-900);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-100);
  --color-button-filled-base-content-default: var(--color-base-neutral-900);
  --color-button-filled-base-content-disabled: var(--color-base-neutral-800);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-lg-active: var(--color-base-neutral-600);
  --color-button-filled-neutral-bg-lg-default: var(--color-base-neutral-700);
  --color-button-filled-neutral-bg-lg-disabled: var(--color-base-neutral-800);
  --color-button-filled-neutral-bg-lg-hover: var(--color-base-neutral-600);
  --color-button-filled-neutral-bg-light-active: var(--color-base-neutral-50);
  --color-button-filled-neutral-bg-light-default: var(--color-base-base-0);
  --color-button-filled-neutral-bg-light-disabled: var(--color-base-neutral-900);
  --color-button-filled-neutral-bg-light-hover: var(--color-base-neutral-20);
  --color-button-filled-neutral-bg-md-active: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-md-default: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-md-disabled: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-md-hover: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-bg-sm-active: var(--color-base-neutral-600);
  --color-button-filled-neutral-bg-sm-default: var(--color-base-neutral-800);
  --color-button-filled-neutral-bg-sm-disabled: var(--color-base-neutral-900);
  --color-button-filled-neutral-bg-sm-hover: var(--color-base-neutral-800);
  --color-button-filled-neutral-border-active: var(--nelset-color-base-neutral-600);
  --color-button-filled-neutral-border-default: var(--nelset-color-base-neutral-800);
  --color-button-filled-neutral-border-disabled: var(--nelset-color-base-neutral-900);
  --color-button-filled-neutral-border-hover: var(--nelset-color-base-neutral-700);
  --color-button-filled-neutral-content-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-neutral-focus-md: var(--color-base-neutral-600);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-600);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-900);
  --color-button-filled-primary-bg-error: var(--color-base-error-700);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-neutral-900);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-800);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-filled-primary-content-inverse-default: var(--color-base-neutral-900);
  --color-button-filled-primary-content-inverse-disabled: var(--color-base-neutral-800);
  --color-button-filled-primary-content-inverse-selected: var(--color-content-light);
  --color-button-filled-secondary-focus: var(--color-base-primary-50);
  --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-900);
  --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-900);
  --color-button-filled-secondary-content-inverse-disabled: var(--color-base-neutral-800);
  --color-button-filled-secondary-content-inverse-selected: var(--color-content-light);
  --color-button-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-800);
  --color-button-outline-base-bg-default: var(--color-base-base-1000);
  --color-button-outline-base-bg-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-hover: var(--color-base-neutral-900);
  --color-button-outline-base-bg-light-active: var(--color-base-neutral-800);
  --color-button-outline-base-bg-light-default: var(--color-bg-variable);
  --color-button-outline-base-bg-light-disabled: var(--color-bg-variable);
  --color-button-outline-base-bg-light-hover: var(--color-base-neutral-900);
  --color-button-outline-base-border-active: var(--color-base-neutral-50);
  --color-button-outline-base-border-default: var(--color-base-neutral-500);
  --color-button-outline-base-border-disabled: var(--color-base-neutral-900);
  --color-button-outline-base-border-hover: var(--color-base-neutral-20);
  --color-button-outline-base-content-default: var(--color-content-neutral-primary);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-800);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-800);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-900);
  --color-button-outline-neutral-bg-textfield-default: var(--color-bg-variable);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-500);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-error: var(--color-base-error-700);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-20);
  --color-button-outline-neutral-border-textfield-default: var(--color-base-base-0);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-base-0);
  --color-button-outline-neutral-content-default: var(--color-content-neutral-primary);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-800);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-neutral-800);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-neutral-900);
  --color-button-outline-primary-border-active: var(--color-base-primary-300);
  --color-button-outline-primary-border-default: var(--color-base-primary-300);
  --color-button-outline-primary-border-disabled: var(--color-base-neutral-900);
  --color-button-outline-primary-border-hover: var(--color-base-primary-300);
  --color-button-outline-primary-content-default: var(--color-content-neutral-primary);
  --color-button-outline-primary-content-disabled: var(--nelset-color-base-neutral-800);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-800);
  --color-button-text-neutral-bg-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-900);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-900);
  --color-button-text-neutral-bg-md-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-900);
  --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-600);
  --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-500);
  --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-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--color-base-neutral-800);
  --color-button-text-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--color-base-neutral-900);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--nelset-color-base-success-500);
  --color-content-neutral-primary: var(--color-base-base-0);
  --color-content-neutral-secondary: var(--color-base-neutral-200);
  --color-content-neutral-tertiary: var(--color-base-neutral-300);
  --color-content-neutral-inversion-primary: var(--color-base-neutral-900);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-600);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-200);
  --color-content-primary-link: var(--nelset-color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--nelset-color-base-primary-200);
  --color-content-primary-selected: var(--nelset-color-base-primary-700);
  --color-textfield-filled-neutral-focus: 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-sm-default: var(--color-base-base-0);
  --color-textfield-filled-neutral-bg-sm-disabled: var(--color-base-neutral-600);
  --color-textfield-filled-neutral-bg-sm-error: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-bg-sm-hover: var(--color-base-neutral-20);
  --color-textfield-filled-neutral-border-sm-default: var(--color-base-neutral-50);
  --color-textfield-filled-neutral-border-sm-disabled: var(--color-base-neutral-900);
  --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-100);
  --color-textfield-filled-neutral-content-error: var(--color-base-error-700);
  --color-textfield-filled-neutral-content-input: var(--color-base-neutral-900);
  --color-textfield-outline-focus: var(--color-base-primary-100);
  --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-900);
  --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-300);
  --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-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-20);
  --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-border-base: var(--color-content-neutral-primary);
  --color-border-error: var(--color-base-error-400);
  --color-border-focused: #ffffff;
  --color-border-success: var(--color-base-success-500);
  --color-border-neutral-2xl: var(--color-base-neutral-400);
  --color-border-neutral-lg: var(--color-base-neutral-200);
  --color-border-neutral-md: var(--color-base-neutral-100);
  --color-border-neutral-sm: var(--color-base-neutral-50);
  --color-border-neutral-xl: var(--color-base-neutral-300);
  --color-border-primary-lg: var(--nelset-color-base-primary-400);
  --color-border-primary-sm: var(--nelset-color-base-primary-200);
  --color-button-filled-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-filled-base-bg-active: var(--color-base-neutral-700);
  --color-button-filled-base-bg-default: var(--color-content-neutral-primary);
  --color-button-filled-base-bg-disabled: var(--color-base-neutral-50);
  --color-button-filled-base-bg-hover: var(--color-base-neutral-800);
  --color-button-filled-base-content-default: var(--color-base-base-0);
  --color-button-filled-base-content-disabled: var(--nelset-color-base-neutral-800);
  --color-button-filled-base-content-selected: var(--color-content-light);
  --color-button-filled-neutral-bg-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-light-active: var(--color-base-neutral-75);
  --color-button-filled-neutral-bg-light-default: var(--color-base-base-0);
  --color-button-filled-neutral-bg-light-disabled: var(--color-base-base-0);
  --color-button-filled-neutral-bg-light-hover: var(--color-base-neutral-50);
  --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-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-neutral-focus-md: var(--color-base-neutral-200);
  --color-button-filled-neutral-focus-sm: var(--color-base-neutral-100);
  --color-button-filled-primary-focus: var(--color-base-primary-50);
  --color-button-filled-primary-bg-active: var(--color-base-primary-500);
  --color-button-filled-primary-bg-default: var(--color-content-primary-primary);
  --color-button-filled-primary-bg-disabled: var(--color-base-neutral-50);
  --color-button-filled-primary-bg-error: var(--color-base-error-700);
  --color-button-filled-primary-bg-hover: var(--color-base-primary-400);
  --color-button-filled-primary-content-default: var(--color-base-neutral-900);
  --color-button-filled-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-filled-primary-content-selected: var(--color-content-light);
  --color-button-filled-primary-content-inverse-default: var(--color-base-neutral-900);
  --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-focus: var(--color-base-primary-50);
  --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-900);
  --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-outline-base-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-base-bg-active: var(--color-base-neutral-100);
  --color-button-outline-base-bg-default: var(--color-base-neutral-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-900);
  --color-button-outline-base-border-default: var(--color-base-neutral-900);
  --color-button-outline-base-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-base-border-hover: var(--color-base-neutral-900);
  --color-button-outline-base-content-default: var(--color-base-neutral-900);
  --color-button-outline-base-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-bg-default: var(--color-bg-variable);
  --color-button-outline-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-outline-neutral-bg-error: var(--color-base-error-25);
  --color-button-outline-neutral-bg-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-bg-textfield-default: var(--color-base-base-0);
  --color-button-outline-neutral-border-active: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-default: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-neutral-border-error: var(--color-base-error-700);
  --color-button-outline-neutral-border-hover: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-textfield-default: var(--color-base-neutral-900);
  --color-button-outline-neutral-border-textfield-focus: var(--color-base-neutral-900);
  --color-button-outline-neutral-content-default: var(--color-base-neutral-900);
  --color-button-outline-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-active: var(--color-base-neutral-100);
  --color-button-outline-neutral-content-sm-default: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-disabled: var(--color-base-neutral-20);
  --color-button-outline-neutral-content-sm-error: var(--color-base-error-300);
  --color-button-outline-neutral-content-sm-hover: var(--color-base-neutral-50);
  --color-button-outline-neutral-focus-button: var(--color-button-filled-neutral-focus-sm);
  --color-button-outline-primary-focus: var(--color-button-filled-primary-focus);
  --color-button-outline-primary-bg-active: var(--color-base-primary-50);
  --color-button-outline-primary-bg-default: var(--color-base-base-0-opacity-0);
  --color-button-outline-primary-bg-disabled: var(--color-bg-variable);
  --color-button-outline-primary-bg-hover: var(--color-base-primary-25);
  --color-button-outline-primary-border-active: var(--color-base-primary-300);
  --color-button-outline-primary-border-default: var(--color-base-primary-300);
  --color-button-outline-primary-border-disabled: var(--color-base-neutral-50);
  --color-button-outline-primary-border-hover: var(--color-base-primary-300);
  --color-button-outline-primary-content-default: var(--nelset-color-base-neutral-900);
  --color-button-outline-primary-content-disabled: var(--color-base-neutral-100);
  --color-button-text-neutral-focus: var(--color-button-filled-neutral-focus-sm);
  --color-button-text-neutral-bg-active: var(--color-base-neutral-75);
  --color-button-text-neutral-bg-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-disabled: var(--color-bg-variable);
  --color-button-text-neutral-bg-hover: var(--color-base-neutral-50);
  --color-button-text-neutral-bg-md-active: var(--color-base-neutral-800);
  --color-button-text-neutral-bg-md-default: var(--color-bg-variable);
  --color-button-text-neutral-bg-md-hover: var(--color-base-neutral-800);
  --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-focus: var(--color-button-filled-primary-focus);
  --color-button-text-primary-bg-active: var(--nelset-color-base-neutral-50);
  --color-button-text-primary-bg-default: var(--color-bg-variable);
  --color-button-text-primary-bg-disabled: var(--color-bg-variable);
  --color-button-text-primary-bg-hover: var(--nelset-color-base-neutral-25);
  --color-button-text-primary-content-active: var(--color-base-primary-500);
  --color-button-text-primary-content-default: var(--color-content-primary-primary);
  --color-button-text-primary-content-disabled: var(--color-button-filled-primary-content-disabled);
  --color-button-text-primary-content-hover: var(--color-base-primary-400);
  --color-content-light: var(--color-base-base-0);
  --color-content-success: var(--nelset-color-base-success-500);
  --color-content-neutral-primary: var(--color-base-neutral-900);
  --color-content-neutral-secondary: var(--color-base-neutral-700);
  --color-content-neutral-tertiary: var(--color-base-neutral-300);
  --color-content-neutral-inversion-primary: var(--color-base-base-0);
  --color-content-neutral-inversion-secondary: var(--color-base-neutral-200);
  --color-content-neutral-inversion-tertiary: var(--color-base-neutral-300);
  --color-content-primary-link: var(--nelset-color-base-primary-500);
  --color-content-primary-primary: var(--color-base-primary-300);
  --color-content-primary-secondary: var(--nelset-color-base-primary-200);
  --color-content-primary-selected: var(--nelset-color-base-primary-700);
  --color-textfield-filled-neutral-focus: var(--color-base-neutral-900);
  --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-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-900);
  --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-900);
  --color-textfield-filled-neutral-content-default: var(--color-base-neutral-900);
  --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-900);
  --color-textfield-outline-focus: var(--color-base-primary-100);
  --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-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);
}

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