@tk-kit/design-system 0.1.16

package/dist/styles/_variables.css

@@ -0,0 +1,695 @@
+:root {
+  --font-desktop-heading-h1: 400 48px/56px Golos;
+  --font-desktop-heading-h2: 400 40px/48px Golos;
+  --font-desktop-heading-h3: 400 32px/40px Golos;
+  --font-desktop-heading-h4: 400 28px/36px Golos;
+  --font-desktop-heading-h5: 400 24px/32px Golos;
+  --font-desktop-heading-h6: 400 20px/28px Golos;
+  --font-desktop-heading-heading-bold-h1-b: 400 48px/56px Golos;
+  --font-desktop-heading-heading-bold-h2-b: 400 40px/48px Golos;
+  --font-desktop-heading-heading-bold-h3-b: 400 32px/40px Golos;
+  --font-desktop-heading-heading-bold-h4-b: 400 28px/36px Golos;
+  --font-desktop-heading-heading-bold-h5-b: 400 24px/32px Golos;
+  --font-desktop-heading-heading-bold-h6-b: 400 20px/28px Golos;
+  --font-mobile-heading-h1: 400 36px/44px Golos;
+  --font-mobile-heading-h2: 400 28px/36px Golos;
+  --font-mobile-heading-h3: 400 24px/32px Golos;
+  --font-mobile-heading-h4: 400 20px/28px Golos;
+  --font-mobile-heading-h5: 400 18px/26px Golos;
+  --font-mobile-heading-h6: 400 16px/24px Golos;
+  --font-mobile-heading-heading-bold-h1: 400 36px/44px Golos;
+  --font-mobile-heading-heading-bold-h2: 400 28px/36px Golos;
+  --font-mobile-heading-heading-bold-h3: 400 24px/32px Golos;
+  --font-mobile-heading-heading-bold-h4: 400 20px/28px Golos;
+  --font-mobile-heading-heading-bold-h5: 400 18px/26px Golos;
+  --font-mobile-heading-heading-bold-h6: 400 16px/24px Golos;
+  --font-body-large-18-demibold: 400 18px/26px Golos;
+  --font-body-large-18-medium: 400 18px/26px Golos;
+  --font-body-large-18-regular: 400 18px/26px Golos;
+  --font-body-medium-16-demibold: 400 16px/24px Golos;
+  --font-body-medium-16-medium: 400 16px/24px Golos;
+  --font-body-medium-16-regular: 400 16px/24px Golos;
+  --font-body-medium-16-link: 400 16px/24px Golos;
+  --font-body-small-14-demibold: 400 14px/20px Golos;
+  --font-body-small-14-medium: 400 14px/20px Golos;
+  --font-body-small-14-regular: 400 14px/20px Golos;
+  --font-body-small-14-link: 400 14px/20px Golos;
+  --palette-sky-10: rgb(237, 245, 251);
+  --palette-sky-20: rgb(218, 234, 246);
+  --palette-sky-30: rgb(181, 212, 237);
+  --palette-sky-40: rgb(107, 169, 218);
+  --palette-sky-50: rgb(70, 148, 209);
+  --palette-sky-60: rgb(50, 128, 189);
+  --palette-sky-70: rgb(30, 108, 169);
+  --palette-sky-80: rgb(10, 88, 149);
+  --palette-sky-90: rgb(0, 68, 129);
+  --palette-sky-100: rgb(0, 48, 109);
+  --palette-green-10: rgb(230, 247, 236);
+  --palette-green-20: rgb(204, 237, 216);
+  --palette-green-30: rgb(153, 219, 178);
+  --palette-green-40: rgb(51, 184, 101);
+  --palette-green-50: rgb(0, 166, 62);
+  --palette-green-60: rgb(0, 146, 42);
+  --palette-green-70: rgb(0, 126, 22);
+  --palette-green-80: rgb(0, 106, 2);
+  --palette-green-90: rgb(0, 86, 0);
+  --palette-green-100: rgb(0, 66, 0);
+  --palette-gray-10: rgb(235, 238, 241);
+  --palette-gray-20: rgb(217, 221, 227);
+  --palette-gray-30: rgb(183, 189, 197);
+  --palette-gray-40: rgb(133, 139, 147);
+  --palette-gray-50: rgb(103, 110, 120);
+  --palette-gray-60: rgb(83, 90, 100);
+  --palette-gray-70: rgb(63, 70, 80);
+  --palette-gray-80: rgb(43, 50, 60);
+  --palette-gray-90: rgb(23, 30, 40);
+  --palette-gray-100: rgb(3, 10, 20);
+  --palette-neutral-10: rgb(255, 255, 255);
+  --palette-neutral-100: rgb(0, 0, 0);
+  --palette-red-10: rgb(253, 233, 233);
+  --palette-red-20: rgb(250, 210, 210);
+  --palette-red-30: rgb(239, 120, 120);
+  --palette-red-40: rgb(233, 75, 75);
+  --palette-red-50: rgb(228, 30, 30);
+  --palette-red-60: rgb(208, 10, 10);
+  --palette-red-70: rgb(188, 0, 0);
+  --palette-red-80: rgb(168, 0, 0);
+  --palette-red-90: rgb(148, 0, 0);
+  --palette-red-100: rgb(128, 0, 0);
+  --palette-orange-10: rgb(255, 240, 230);
+  --palette-orange-20: rgb(255, 225, 204);
+  --palette-orange-30: rgb(255, 165, 102);
+  --palette-orange-40: rgb(255, 135, 51);
+  --palette-orange-50: rgb(255, 105, 0);
+  --palette-orange-60: rgb(235, 85, 0);
+  --palette-orange-70: rgb(217, 79, 0);
+  --palette-orange-80: rgb(182, 66, 0);
+  --palette-orange-90: rgb(142, 51, 0);
+  --palette-orange-100: rgb(106, 38, 0);
+  --palette-yellow-10: rgb(255, 250, 230);
+  --palette-yellow-20: rgb(254, 244, 204);
+  --palette-yellow-30: rgb(253, 222, 102);
+  --palette-yellow-40: rgb(253, 211, 51);
+  --palette-yellow-50: rgb(252, 200, 0);
+  --palette-yellow-60: rgb(232, 180, 0);
+  --palette-yellow-70: rgb(212, 160, 0);
+  --palette-yellow-80: rgb(192, 140, 0);
+  --palette-yellow-90: rgb(172, 120, 0);
+  --palette-yellow-100: rgb(143, 94, 0);
+  --palette-lime-10: rgb(246, 252, 233);
+  --palette-lime-20: rgb(235, 247, 210);
+  --palette-lime-30: rgb(195, 232, 119);
+  --palette-lime-40: rgb(175, 225, 74);
+  --palette-lime-50: rgb(155, 217, 29);
+  --palette-lime-60: rgb(135, 197, 9);
+  --palette-lime-70: rgb(115, 177, 0);
+  --palette-lime-80: rgb(95, 157, 0);
+  --palette-lime-90: rgb(75, 137, 0);
+  --palette-lime-100: rgb(55, 117, 0);
+  --palette-blue-10: rgb(231, 238, 254);
+  --palette-blue-20: rgb(207, 221, 252);
+  --palette-blue-30: rgb(111, 153, 245);
+  --palette-blue-40: rgb(63, 119, 242);
+  --palette-blue-50: rgb(15, 85, 239);
+  --palette-blue-60: rgb(0, 65, 219);
+  --palette-blue-70: rgb(0, 45, 199);
+  --palette-blue-80: rgb(0, 25, 179);
+  --palette-blue-90: rgb(0, 5, 159);
+  --palette-blue-100: rgb(0, 0, 139);
+  --palette-violet-10: rgb(249, 242, 255);
+  --palette-violet-20: rgb(243, 228, 255);
+  --palette-violet-30: rgb(218, 175, 255);
+  --palette-violet-40: rgb(206, 149, 255);
+  --palette-violet-50: rgb(194, 122, 255);
+  --palette-violet-60: rgb(174, 102, 235);
+  --palette-violet-70: rgb(154, 82, 215);
+  --palette-violet-80: rgb(134, 62, 195);
+  --palette-violet-90: rgb(114, 42, 175);
+  --palette-violet-100: rgb(94, 22, 155);
+  --palette-rose-10: rgb(254, 232, 238);
+  --palette-rose-20: rgb(251, 208, 220);
+  --palette-rose-30: rgb(244, 113, 150);
+  --palette-rose-40: rgb(241, 66, 116);
+  --palette-rose-50: rgb(237, 19, 81);
+  --palette-rose-60: rgb(227, 8, 70);
+  --palette-rose-70: rgb(201, 0, 57);
+  --palette-rose-80: rgb(174, 0, 49);
+  --palette-rose-90: rgb(149, 0, 42);
+  --palette-rose-100: rgb(110, 0, 31);
+  --palette-slate-10: rgb(248, 250, 252);
+  --palette-slate-20: rgb(226, 232, 240);
+  --palette-slate-30: rgb(202, 213, 226);
+  --palette-slate-40: rgb(144, 161, 185);
+  --palette-slate-50: rgb(98, 116, 142);
+  --palette-slate-60: rgb(69, 85, 108);
+  --palette-slate-70: rgb(49, 65, 88);
+  --palette-slate-80: rgb(29, 41, 61);
+  --palette-slate-90: rgb(15, 23, 43);
+  --palette-slate-100: rgb(2, 6, 24);
+  --spacing-spacing-0: 0;
+  --spacing-spacing-2: 2px;
+  --spacing-spacing-4: 4px;
+  --spacing-spacing-6: 6px;
+  --spacing-spacing-8: 8px;
+  --spacing-spacing-12: 12px;
+  --spacing-spacing-16: 16px;
+  --spacing-spacing-24: 24px;
+  --spacing-spacing-32: 32px;
+  --spacing-spacing-40: 40px;
+  --spacing-spacing-48: 48px;
+  --spacing-spacing-56: 56px;
+  --spacing-spacing-64: 64px;
+  --spacing-spacing-72: 72px;
+  --spacing-spacing-80: 80px;
+  --spacing-spacing-88: 88px;
+  --spacing-spacing-96: 96px;
+  --spacing-spacing-104: 104px;
+  --spacing-spacing-120: 120px;
+  --spacing-spacing-128: 128px;
+  --spacing-spacing-1: 1px;
+  --color-background-neutral-secondary: rgb(98, 116, 142);
+  --color-background-neutral-primary: rgb(29, 41, 61);
+  --color-background-neutral-tertiary: rgb(248, 250, 252);
+  --color-background-neutral-white: rgb(255, 255, 255);
+  --color-background-neutral-hover-white: rgb(248, 250, 252);
+  --color-background-neutral-hover-primary: rgb(2, 6, 24);
+  --color-background-neutral-hover-secondary: rgb(49, 65, 88);
+  --color-background-neutral-hover-tertiary: rgb(226, 232, 240);
+  --color-background-danger-primary: rgb(174, 0, 49);
+  --color-background-danger-tertiary: rgb(251, 208, 220);
+  --color-background-danger-secondary: rgb(237, 19, 81);
+  --color-background-danger-hover-primary: rgb(110, 0, 31);
+  --color-background-danger-hover-secondary: rgb(201, 0, 57);
+  --color-background-danger-hover-tertiary: rgb(241, 66, 116);
+  --color-background-brand-tertiary: rgb(218, 234, 246);
+  --color-background-brand-secondary: rgb(70, 148, 209);
+  --color-background-brand-primary: rgb(10, 88, 149);
+  --color-background-brand-hover-primary: rgb(0, 48, 109);
+  --color-background-brand-hover-secondary: rgb(30, 108, 169);
+  --color-background-brand-hover-tertiary: rgb(107, 169, 218);
+  --color-background-success-tertiary: rgb(204, 237, 216);
+  --color-background-success-primary: rgb(0, 66, 0);
+  --color-background-success-secondary: rgb(0, 166, 62);
+  --color-background-success-hover-primary: rgb(0, 66, 0);
+  --color-background-success-hover-secondary: rgb(0, 166, 62);
+  --color-background-success-hover-tertiary: rgb(204, 237, 216);
+  --color-background-warning-tertiary: rgb(255, 225, 204);
+  --color-background-warning-primary: rgb(106, 38, 0);
+  --color-background-warning-secondary: rgb(255, 105, 0);
+  --color-background-warning-hover-primary: rgb(106, 38, 0);
+  --color-background-warning-hover-secondary: rgb(255, 105, 0);
+  --color-background-warning-hover-tertiary: rgb(255, 225, 204);
+  --color-background-disable-primary: rgb(63, 70, 80);
+  --color-background-disable-secondary: rgb(133, 139, 147);
+  --color-background-disable-tertiary: rgb(217, 221, 227);
+  --color-background-disable-hover-primary: rgb(23, 30, 40);
+  --color-background-disable-hover-secondary: rgb(83, 90, 100);
+  --color-background-disable-hover-tertiary: rgb(133, 139, 147);
+  --color-text-neutral-white: rgb(255, 255, 255);
+  --color-text-neutral-primary: rgb(29, 41, 61);
+  --color-text-neutral-secondary: rgb(98, 116, 142);
+  --color-text-neutral-tertiary: rgb(144, 161, 185);
+  --color-text-neutral-hover-white: rgb(248, 250, 252);
+  --color-text-neutral-hover-primary: rgb(70, 148, 209);
+  --color-text-neutral-hover-secondary: rgb(49, 65, 88);
+  --color-text-neutral-hover-tertiary: rgb(69, 85, 108);
+  --color-text-brand-primary: rgb(30, 108, 169);
+  --color-text-brand-secondary: rgb(70, 148, 209);
+  --color-text-brand-tertiary: rgb(237, 245, 251);
+  --color-text-brand-hover-primary: rgb(0, 48, 109);
+  --color-text-brand-hover-secondary: rgb(237, 245, 251);
+  --color-text-brand-hover-tertiary: rgb(181, 212, 237);
+  --color-text-success-primary: rgb(0, 66, 0);
+  --color-text-success-secondary: rgb(0, 166, 62);
+  --color-text-success-tertiary: rgb(204, 237, 216);
+  --color-text-success-hover-primary: rgb(0, 66, 0);
+  --color-text-success-hover-secondary: rgb(0, 166, 62);
+  --color-text-success-hover-tertiary: rgb(204, 237, 216);
+  --color-text-warning-primary: rgb(106, 38, 0);
+  --color-text-warning-secondary: rgb(255, 105, 0);
+  --color-text-warning-tertiary: rgb(255, 225, 204);
+  --color-text-warning-hover-primary: rgb(106, 38, 0);
+  --color-text-warning-hover-secondary: rgb(255, 105, 0);
+  --color-text-warning-hover-tertiary: rgb(255, 225, 204);
+  --color-text-danger-primary: rgb(174, 0, 49);
+  --color-text-danger-secondary: rgb(237, 19, 81);
+  --color-text-danger-tertiary: rgb(254, 232, 238);
+  --color-text-danger-hover-primary: rgb(110, 0, 31);
+  --color-text-danger-hover-secondary: rgb(254, 232, 238);
+  --color-text-danger-hover-tertiary: rgb(244, 113, 150);
+  --color-text-disable-primary: rgb(63, 70, 80);
+  --color-text-disable-secondary: rgb(133, 139, 147);
+  --color-text-disable-tertiary: rgb(217, 221, 227);
+  --color-text-disable-hover-primary: rgb(23, 30, 40);
+  --color-text-disable-hover-secondary: rgb(83, 90, 100);
+  --color-text-disable-hover-tertiary: rgb(133, 139, 147);
+  --color-border-neutral-white: rgb(255, 255, 255);
+  --color-border-neutral-primary: rgb(43, 50, 60);
+  --color-border-neutral-secondary: rgb(98, 116, 142);
+  --color-border-neutral-tertiary: rgb(226, 232, 240);
+  --color-border-neutral-hover-white: rgb(235, 238, 241);
+  --color-border-neutral-hover-primary: rgb(70, 148, 209);
+  --color-border-neutral-hover-secondary: rgb(49, 65, 88);
+  --color-border-neutral-hover-tertiary: rgb(69, 85, 108);
+  --color-border-brand-primary: rgb(30, 108, 169);
+  --color-border-brand-secondary: rgb(70, 148, 209);
+  --color-border-brand-tertiary: rgb(218, 234, 246);
+  --color-border-brand-hover-primary: rgb(0, 68, 129);
+  --color-border-brand-hover-secondary: rgb(30, 108, 169);
+  --color-border-brand-hover-tertiary: rgb(181, 212, 237);
+  --color-border-success-primary: rgb(0, 66, 0);
+  --color-border-success-secondary: rgb(0, 166, 62);
+  --color-border-success-tertiary: rgb(204, 237, 216);
+  --color-border-warning-primary: rgb(106, 38, 0);
+  --color-border-warning-secondary: rgb(255, 105, 0);
+  --color-border-warning-tertiary: rgb(255, 225, 204);
+  --color-border-danger-primary: rgb(110, 0, 31);
+  --color-border-danger-secondary: rgb(237, 19, 81);
+  --color-border-danger-tertiary: rgb(251, 208, 220);
+  --color-border-disable-primary: rgb(63, 70, 80);
+  --color-border-disable-secondary: rgb(133, 139, 147);
+  --color-border-disable-tertiary: rgb(217, 221, 227);
+  --color-icon-neutral-white: rgb(255, 255, 255);
+  --color-icon-neutral-hover-white: rgb(248, 250, 252);
+  --color-icon-neutral-hover-primary: rgb(70, 148, 209);
+  --color-icon-neutral-hover-secondary: rgb(49, 65, 88);
+  --color-icon-neutral-hover-tertiary: rgb(69, 85, 108);
+  --color-icon-neutral-primary: rgb(29, 41, 61);
+  --color-icon-neutral-secondary: rgb(98, 116, 142);
+  --color-icon-neutral-tertiary: rgb(144, 161, 185);
+  --color-icon-brand-primary: rgb(30, 108, 169);
+  --color-icon-brand-secondary: rgb(70, 148, 209);
+  --color-icon-brand-tertiary: rgb(237, 245, 251);
+  --color-icon-brand-hover-primary: rgb(0, 48, 109);
+  --color-icon-brand-hover-secondary: rgb(237, 245, 251);
+  --color-icon-brand-hover-tertiary: rgb(181, 212, 237);
+  --color-icon-success-primary: rgb(0, 66, 0);
+  --color-icon-success-secondary: rgb(0, 166, 62);
+  --color-icon-success-tertiary: rgb(204, 237, 216);
+  --color-icon-success-hover-primary: rgb(0, 66, 0);
+  --color-icon-success-hover-secondary: rgb(0, 166, 62);
+  --color-icon-success-hover-tertiary: rgb(204, 237, 216);
+  --color-icon-warning-primary: rgb(106, 38, 0);
+  --color-icon-warning-secondary: rgb(255, 105, 0);
+  --color-icon-warning-tertiary: rgb(255, 225, 204);
+  --color-icon-warning-hover-primary: rgb(106, 38, 0);
+  --color-icon-warning-hover-secondary: rgb(255, 105, 0);
+  --color-icon-warning-hover-tertiary: rgb(255, 225, 204);
+  --color-icon-danger-primary: rgb(149, 0, 42);
+  --color-icon-danger-hover-primary: rgb(110, 0, 31);
+  --color-icon-danger-hover-secondary: rgb(254, 232, 238);
+  --color-icon-danger-hover-tertiary: rgb(244, 113, 150);
+  --color-icon-danger-secondary: rgb(237, 19, 81);
+  --color-icon-danger-tertiary: rgb(254, 232, 238);
+  --color-icon-disable-primary: rgb(63, 70, 80);
+  --color-icon-disable-hover-primary: rgb(23, 30, 40);
+  --color-icon-disable-hover-secondary: rgb(83, 90, 100);
+  --color-icon-disable-hover-tertiary: rgb(133, 139, 147);
+  --color-icon-disable-secondary: rgb(133, 139, 147);
+  --color-icon-disable-tertiary: rgb(217, 221, 227);
+  --typography-desktop-heading-h1-font-size: 48px;
+  --typography-desktop-heading-h1-text-decoration: none;
+  --typography-desktop-heading-h1-font-family: Golos;
+  --typography-desktop-heading-h1-font-weight: 400;
+  --typography-desktop-heading-h1-font-style: normal;
+  --typography-desktop-heading-h1-font-stretch: normal;
+  --typography-desktop-heading-h1-letter-spacing: 0;
+  --typography-desktop-heading-h1-line-height: 56px;
+  --typography-desktop-heading-h1-paragraph-indent: 0;
+  --typography-desktop-heading-h1-paragraph-spacing: 0;
+  --typography-desktop-heading-h1-text-case: none;
+  --typography-desktop-heading-h2-font-size: 40px;
+  --typography-desktop-heading-h2-text-decoration: none;
+  --typography-desktop-heading-h2-font-family: Golos;
+  --typography-desktop-heading-h2-font-weight: 400;
+  --typography-desktop-heading-h2-font-style: normal;
+  --typography-desktop-heading-h2-font-stretch: normal;
+  --typography-desktop-heading-h2-letter-spacing: 0;
+  --typography-desktop-heading-h2-line-height: 48px;
+  --typography-desktop-heading-h2-paragraph-indent: 0;
+  --typography-desktop-heading-h2-paragraph-spacing: 0;
+  --typography-desktop-heading-h2-text-case: none;
+  --typography-desktop-heading-h3-font-size: 32px;
+  --typography-desktop-heading-h3-text-decoration: none;
+  --typography-desktop-heading-h3-font-family: Golos;
+  --typography-desktop-heading-h3-font-weight: 400;
+  --typography-desktop-heading-h3-font-style: normal;
+  --typography-desktop-heading-h3-font-stretch: normal;
+  --typography-desktop-heading-h3-letter-spacing: 0;
+  --typography-desktop-heading-h3-line-height: 40px;
+  --typography-desktop-heading-h3-paragraph-indent: 0;
+  --typography-desktop-heading-h3-paragraph-spacing: 0;
+  --typography-desktop-heading-h3-text-case: none;
+  --typography-desktop-heading-h4-font-size: 28px;
+  --typography-desktop-heading-h4-text-decoration: none;
+  --typography-desktop-heading-h4-font-family: Golos;
+  --typography-desktop-heading-h4-font-weight: 400;
+  --typography-desktop-heading-h4-font-style: normal;
+  --typography-desktop-heading-h4-font-stretch: normal;
+  --typography-desktop-heading-h4-letter-spacing: 0;
+  --typography-desktop-heading-h4-line-height: 36px;
+  --typography-desktop-heading-h4-paragraph-indent: 0;
+  --typography-desktop-heading-h4-paragraph-spacing: 0;
+  --typography-desktop-heading-h4-text-case: none;
+  --typography-desktop-heading-h5-font-size: 24px;
+  --typography-desktop-heading-h5-text-decoration: none;
+  --typography-desktop-heading-h5-font-family: Golos;
+  --typography-desktop-heading-h5-font-weight: 400;
+  --typography-desktop-heading-h5-font-style: normal;
+  --typography-desktop-heading-h5-font-stretch: normal;
+  --typography-desktop-heading-h5-letter-spacing: 0;
+  --typography-desktop-heading-h5-line-height: 32px;
+  --typography-desktop-heading-h5-paragraph-indent: 0;
+  --typography-desktop-heading-h5-paragraph-spacing: 0;
+  --typography-desktop-heading-h5-text-case: none;
+  --typography-desktop-heading-h6-font-size: 20px;
+  --typography-desktop-heading-h6-text-decoration: none;
+  --typography-desktop-heading-h6-font-family: Golos;
+  --typography-desktop-heading-h6-font-weight: 400;
+  --typography-desktop-heading-h6-font-style: normal;
+  --typography-desktop-heading-h6-font-stretch: normal;
+  --typography-desktop-heading-h6-letter-spacing: 0;
+  --typography-desktop-heading-h6-line-height: 28px;
+  --typography-desktop-heading-h6-paragraph-indent: 0;
+  --typography-desktop-heading-h6-paragraph-spacing: 0;
+  --typography-desktop-heading-h6-text-case: none;
+  --typography-desktop-heading-heading-bold-h1-b-font-size: 48px;
+  --typography-desktop-heading-heading-bold-h1-b-text-decoration: none;
+  --typography-desktop-heading-heading-bold-h1-b-font-family: Golos;
+  --typography-desktop-heading-heading-bold-h1-b-font-weight: 400;
+  --typography-desktop-heading-heading-bold-h1-b-font-style: normal;
+  --typography-desktop-heading-heading-bold-h1-b-font-stretch: normal;
+  --typography-desktop-heading-heading-bold-h1-b-letter-spacing: 0;
+  --typography-desktop-heading-heading-bold-h1-b-line-height: 56px;
+  --typography-desktop-heading-heading-bold-h1-b-paragraph-indent: 0;
+  --typography-desktop-heading-heading-bold-h1-b-paragraph-spacing: 0;
+  --typography-desktop-heading-heading-bold-h1-b-text-case: none;
+  --typography-desktop-heading-heading-bold-h2-b-font-size: 40px;
+  --typography-desktop-heading-heading-bold-h2-b-text-decoration: none;
+  --typography-desktop-heading-heading-bold-h2-b-font-family: Golos;
+  --typography-desktop-heading-heading-bold-h2-b-font-weight: 400;
+  --typography-desktop-heading-heading-bold-h2-b-font-style: normal;
+  --typography-desktop-heading-heading-bold-h2-b-font-stretch: normal;
+  --typography-desktop-heading-heading-bold-h2-b-letter-spacing: 0;
+  --typography-desktop-heading-heading-bold-h2-b-line-height: 48px;
+  --typography-desktop-heading-heading-bold-h2-b-paragraph-indent: 0;
+  --typography-desktop-heading-heading-bold-h2-b-paragraph-spacing: 0;
+  --typography-desktop-heading-heading-bold-h2-b-text-case: none;
+  --typography-desktop-heading-heading-bold-h3-b-font-size: 32px;
+  --typography-desktop-heading-heading-bold-h3-b-text-decoration: none;
+  --typography-desktop-heading-heading-bold-h3-b-font-family: Golos;
+  --typography-desktop-heading-heading-bold-h3-b-font-weight: 400;
+  --typography-desktop-heading-heading-bold-h3-b-font-style: normal;
+  --typography-desktop-heading-heading-bold-h3-b-font-stretch: normal;
+  --typography-desktop-heading-heading-bold-h3-b-letter-spacing: 0;
+  --typography-desktop-heading-heading-bold-h3-b-line-height: 40px;
+  --typography-desktop-heading-heading-bold-h3-b-paragraph-indent: 0;
+  --typography-desktop-heading-heading-bold-h3-b-paragraph-spacing: 0;
+  --typography-desktop-heading-heading-bold-h3-b-text-case: none;
+  --typography-desktop-heading-heading-bold-h4-b-font-size: 28px;
+  --typography-desktop-heading-heading-bold-h4-b-text-decoration: none;
+  --typography-desktop-heading-heading-bold-h4-b-font-family: Golos;
+  --typography-desktop-heading-heading-bold-h4-b-font-weight: 400;
+  --typography-desktop-heading-heading-bold-h4-b-font-style: normal;
+  --typography-desktop-heading-heading-bold-h4-b-font-stretch: normal;
+  --typography-desktop-heading-heading-bold-h4-b-letter-spacing: 0;
+  --typography-desktop-heading-heading-bold-h4-b-line-height: 36px;
+  --typography-desktop-heading-heading-bold-h4-b-paragraph-indent: 0;
+  --typography-desktop-heading-heading-bold-h4-b-paragraph-spacing: 0;
+  --typography-desktop-heading-heading-bold-h4-b-text-case: none;
+  --typography-desktop-heading-heading-bold-h5-b-font-size: 24px;
+  --typography-desktop-heading-heading-bold-h5-b-text-decoration: none;
+  --typography-desktop-heading-heading-bold-h5-b-font-family: Golos;
+  --typography-desktop-heading-heading-bold-h5-b-font-weight: 400;
+  --typography-desktop-heading-heading-bold-h5-b-font-style: normal;
+  --typography-desktop-heading-heading-bold-h5-b-font-stretch: normal;
+  --typography-desktop-heading-heading-bold-h5-b-letter-spacing: 0;
+  --typography-desktop-heading-heading-bold-h5-b-line-height: 32px;
+  --typography-desktop-heading-heading-bold-h5-b-paragraph-indent: 0;
+  --typography-desktop-heading-heading-bold-h5-b-paragraph-spacing: 0;
+  --typography-desktop-heading-heading-bold-h5-b-text-case: none;
+  --typography-desktop-heading-heading-bold-h6-b-font-size: 20px;
+  --typography-desktop-heading-heading-bold-h6-b-text-decoration: none;
+  --typography-desktop-heading-heading-bold-h6-b-font-family: Golos;
+  --typography-desktop-heading-heading-bold-h6-b-font-weight: 400;
+  --typography-desktop-heading-heading-bold-h6-b-font-style: normal;
+  --typography-desktop-heading-heading-bold-h6-b-font-stretch: normal;
+  --typography-desktop-heading-heading-bold-h6-b-letter-spacing: 0;
+  --typography-desktop-heading-heading-bold-h6-b-line-height: 28px;
+  --typography-desktop-heading-heading-bold-h6-b-paragraph-indent: 0;
+  --typography-desktop-heading-heading-bold-h6-b-paragraph-spacing: 0;
+  --typography-desktop-heading-heading-bold-h6-b-text-case: none;
+  --typography-mobile-heading-h1-font-size: 36px;
+  --typography-mobile-heading-h1-text-decoration: none;
+  --typography-mobile-heading-h1-font-family: Golos;
+  --typography-mobile-heading-h1-font-weight: 400;
+  --typography-mobile-heading-h1-font-style: normal;
+  --typography-mobile-heading-h1-font-stretch: normal;
+  --typography-mobile-heading-h1-letter-spacing: 0;
+  --typography-mobile-heading-h1-line-height: 44px;
+  --typography-mobile-heading-h1-paragraph-indent: 0;
+  --typography-mobile-heading-h1-paragraph-spacing: 0;
+  --typography-mobile-heading-h1-text-case: none;
+  --typography-mobile-heading-h2-font-size: 28px;
+  --typography-mobile-heading-h2-text-decoration: none;
+  --typography-mobile-heading-h2-font-family: Golos;
+  --typography-mobile-heading-h2-font-weight: 400;
+  --typography-mobile-heading-h2-font-style: normal;
+  --typography-mobile-heading-h2-font-stretch: normal;
+  --typography-mobile-heading-h2-letter-spacing: 0;
+  --typography-mobile-heading-h2-line-height: 36px;
+  --typography-mobile-heading-h2-paragraph-indent: 0;
+  --typography-mobile-heading-h2-paragraph-spacing: 0;
+  --typography-mobile-heading-h2-text-case: none;
+  --typography-mobile-heading-h3-font-size: 24px;
+  --typography-mobile-heading-h3-text-decoration: none;
+  --typography-mobile-heading-h3-font-family: Golos;
+  --typography-mobile-heading-h3-font-weight: 400;
+  --typography-mobile-heading-h3-font-style: normal;
+  --typography-mobile-heading-h3-font-stretch: normal;
+  --typography-mobile-heading-h3-letter-spacing: 0;
+  --typography-mobile-heading-h3-line-height: 32px;
+  --typography-mobile-heading-h3-paragraph-indent: 0;
+  --typography-mobile-heading-h3-paragraph-spacing: 0;
+  --typography-mobile-heading-h3-text-case: none;
+  --typography-mobile-heading-h4-font-size: 20px;
+  --typography-mobile-heading-h4-text-decoration: none;
+  --typography-mobile-heading-h4-font-family: Golos;
+  --typography-mobile-heading-h4-font-weight: 400;
+  --typography-mobile-heading-h4-font-style: normal;
+  --typography-mobile-heading-h4-font-stretch: normal;
+  --typography-mobile-heading-h4-letter-spacing: 0;
+  --typography-mobile-heading-h4-line-height: 28px;
+  --typography-mobile-heading-h4-paragraph-indent: 0;
+  --typography-mobile-heading-h4-paragraph-spacing: 0;
+  --typography-mobile-heading-h4-text-case: none;
+  --typography-mobile-heading-h5-font-size: 18px;
+  --typography-mobile-heading-h5-text-decoration: none;
+  --typography-mobile-heading-h5-font-family: Golos;
+  --typography-mobile-heading-h5-font-weight: 400;
+  --typography-mobile-heading-h5-font-style: normal;
+  --typography-mobile-heading-h5-font-stretch: normal;
+  --typography-mobile-heading-h5-letter-spacing: 0;
+  --typography-mobile-heading-h5-line-height: 26px;
+  --typography-mobile-heading-h5-paragraph-indent: 0;
+  --typography-mobile-heading-h5-paragraph-spacing: 0;
+  --typography-mobile-heading-h5-text-case: none;
+  --typography-mobile-heading-h6-font-size: 16px;
+  --typography-mobile-heading-h6-text-decoration: none;
+  --typography-mobile-heading-h6-font-family: Golos;
+  --typography-mobile-heading-h6-font-weight: 400;
+  --typography-mobile-heading-h6-font-style: normal;
+  --typography-mobile-heading-h6-font-stretch: normal;
+  --typography-mobile-heading-h6-letter-spacing: 0;
+  --typography-mobile-heading-h6-line-height: 24px;
+  --typography-mobile-heading-h6-paragraph-indent: 0;
+  --typography-mobile-heading-h6-paragraph-spacing: 0;
+  --typography-mobile-heading-h6-text-case: none;
+  --typography-mobile-heading-heading-bold-h1-font-size: 36px;
+  --typography-mobile-heading-heading-bold-h1-text-decoration: none;
+  --typography-mobile-heading-heading-bold-h1-font-family: Golos;
+  --typography-mobile-heading-heading-bold-h1-font-weight: 400;
+  --typography-mobile-heading-heading-bold-h1-font-style: normal;
+  --typography-mobile-heading-heading-bold-h1-font-stretch: normal;
+  --typography-mobile-heading-heading-bold-h1-letter-spacing: 0;
+  --typography-mobile-heading-heading-bold-h1-line-height: 44px;
+  --typography-mobile-heading-heading-bold-h1-paragraph-indent: 0;
+  --typography-mobile-heading-heading-bold-h1-paragraph-spacing: 0;
+  --typography-mobile-heading-heading-bold-h1-text-case: none;
+  --typography-mobile-heading-heading-bold-h2-font-size: 28px;
+  --typography-mobile-heading-heading-bold-h2-text-decoration: none;
+  --typography-mobile-heading-heading-bold-h2-font-family: Golos;
+  --typography-mobile-heading-heading-bold-h2-font-weight: 400;
+  --typography-mobile-heading-heading-bold-h2-font-style: normal;
+  --typography-mobile-heading-heading-bold-h2-font-stretch: normal;
+  --typography-mobile-heading-heading-bold-h2-letter-spacing: 0;
+  --typography-mobile-heading-heading-bold-h2-line-height: 36px;
+  --typography-mobile-heading-heading-bold-h2-paragraph-indent: 0;
+  --typography-mobile-heading-heading-bold-h2-paragraph-spacing: 0;
+  --typography-mobile-heading-heading-bold-h2-text-case: none;
+  --typography-mobile-heading-heading-bold-h3-font-size: 24px;
+  --typography-mobile-heading-heading-bold-h3-text-decoration: none;
+  --typography-mobile-heading-heading-bold-h3-font-family: Golos;
+  --typography-mobile-heading-heading-bold-h3-font-weight: 400;
+  --typography-mobile-heading-heading-bold-h3-font-style: normal;
+  --typography-mobile-heading-heading-bold-h3-font-stretch: normal;
+  --typography-mobile-heading-heading-bold-h3-letter-spacing: 0;
+  --typography-mobile-heading-heading-bold-h3-line-height: 32px;
+  --typography-mobile-heading-heading-bold-h3-paragraph-indent: 0;
+  --typography-mobile-heading-heading-bold-h3-paragraph-spacing: 0;
+  --typography-mobile-heading-heading-bold-h3-text-case: none;
+  --typography-mobile-heading-heading-bold-h4-font-size: 20px;
+  --typography-mobile-heading-heading-bold-h4-text-decoration: none;
+  --typography-mobile-heading-heading-bold-h4-font-family: Golos;
+  --typography-mobile-heading-heading-bold-h4-font-weight: 400;
+  --typography-mobile-heading-heading-bold-h4-font-style: normal;
+  --typography-mobile-heading-heading-bold-h4-font-stretch: normal;
+  --typography-mobile-heading-heading-bold-h4-letter-spacing: 0;
+  --typography-mobile-heading-heading-bold-h4-line-height: 28px;
+  --typography-mobile-heading-heading-bold-h4-paragraph-indent: 0;
+  --typography-mobile-heading-heading-bold-h4-paragraph-spacing: 0;
+  --typography-mobile-heading-heading-bold-h4-text-case: none;
+  --typography-mobile-heading-heading-bold-h5-font-size: 18px;
+  --typography-mobile-heading-heading-bold-h5-text-decoration: none;
+  --typography-mobile-heading-heading-bold-h5-font-family: Golos;
+  --typography-mobile-heading-heading-bold-h5-font-weight: 400;
+  --typography-mobile-heading-heading-bold-h5-font-style: normal;
+  --typography-mobile-heading-heading-bold-h5-font-stretch: normal;
+  --typography-mobile-heading-heading-bold-h5-letter-spacing: 0;
+  --typography-mobile-heading-heading-bold-h5-line-height: 26px;
+  --typography-mobile-heading-heading-bold-h5-paragraph-indent: 0;
+  --typography-mobile-heading-heading-bold-h5-paragraph-spacing: 0;
+  --typography-mobile-heading-heading-bold-h5-text-case: none;
+  --typography-mobile-heading-heading-bold-h6-font-size: 16px;
+  --typography-mobile-heading-heading-bold-h6-text-decoration: none;
+  --typography-mobile-heading-heading-bold-h6-font-family: Golos;
+  --typography-mobile-heading-heading-bold-h6-font-weight: 400;
+  --typography-mobile-heading-heading-bold-h6-font-style: normal;
+  --typography-mobile-heading-heading-bold-h6-font-stretch: normal;
+  --typography-mobile-heading-heading-bold-h6-letter-spacing: 0;
+  --typography-mobile-heading-heading-bold-h6-line-height: 24px;
+  --typography-mobile-heading-heading-bold-h6-paragraph-indent: 0;
+  --typography-mobile-heading-heading-bold-h6-paragraph-spacing: 0;
+  --typography-mobile-heading-heading-bold-h6-text-case: none;
+  --typography-body-large-18-demibold-font-size: 18px;
+  --typography-body-large-18-demibold-text-decoration: none;
+  --typography-body-large-18-demibold-font-family: Golos;
+  --typography-body-large-18-demibold-font-weight: 400;
+  --typography-body-large-18-demibold-font-style: normal;
+  --typography-body-large-18-demibold-font-stretch: normal;
+  --typography-body-large-18-demibold-letter-spacing: 0;
+  --typography-body-large-18-demibold-line-height: 26px;
+  --typography-body-large-18-demibold-paragraph-indent: 0;
+  --typography-body-large-18-demibold-paragraph-spacing: 0;
+  --typography-body-large-18-demibold-text-case: none;
+  --typography-body-large-18-medium-font-size: 18px;
+  --typography-body-large-18-medium-text-decoration: none;
+  --typography-body-large-18-medium-font-family: Golos;
+  --typography-body-large-18-medium-font-weight: 400;
+  --typography-body-large-18-medium-font-style: normal;
+  --typography-body-large-18-medium-font-stretch: normal;
+  --typography-body-large-18-medium-letter-spacing: 0;
+  --typography-body-large-18-medium-line-height: 26px;
+  --typography-body-large-18-medium-paragraph-indent: 0;
+  --typography-body-large-18-medium-paragraph-spacing: 0;
+  --typography-body-large-18-medium-text-case: none;
+  --typography-body-large-18-regular-font-size: 18px;
+  --typography-body-large-18-regular-text-decoration: none;
+  --typography-body-large-18-regular-font-family: Golos;
+  --typography-body-large-18-regular-font-weight: 400;
+  --typography-body-large-18-regular-font-style: normal;
+  --typography-body-large-18-regular-font-stretch: normal;
+  --typography-body-large-18-regular-letter-spacing: 0;
+  --typography-body-large-18-regular-line-height: 26px;
+  --typography-body-large-18-regular-paragraph-indent: 0;
+  --typography-body-large-18-regular-paragraph-spacing: 0;
+  --typography-body-large-18-regular-text-case: none;
+  --typography-body-medium-16-demibold-font-size: 16px;
+  --typography-body-medium-16-demibold-text-decoration: none;
+  --typography-body-medium-16-demibold-font-family: Golos;
+  --typography-body-medium-16-demibold-font-weight: 400;
+  --typography-body-medium-16-demibold-font-style: normal;
+  --typography-body-medium-16-demibold-font-stretch: normal;
+  --typography-body-medium-16-demibold-letter-spacing: 0;
+  --typography-body-medium-16-demibold-line-height: 24px;
+  --typography-body-medium-16-demibold-paragraph-indent: 0;
+  --typography-body-medium-16-demibold-paragraph-spacing: 0;
+  --typography-body-medium-16-demibold-text-case: none;
+  --typography-body-medium-16-medium-font-size: 16px;
+  --typography-body-medium-16-medium-text-decoration: none;
+  --typography-body-medium-16-medium-font-family: Golos;
+  --typography-body-medium-16-medium-font-weight: 400;
+  --typography-body-medium-16-medium-font-style: normal;
+  --typography-body-medium-16-medium-font-stretch: normal;
+  --typography-body-medium-16-medium-letter-spacing: 0;
+  --typography-body-medium-16-medium-line-height: 24px;
+  --typography-body-medium-16-medium-paragraph-indent: 0;
+  --typography-body-medium-16-medium-paragraph-spacing: 0;
+  --typography-body-medium-16-medium-text-case: none;
+  --typography-body-medium-16-regular-font-size: 16px;
+  --typography-body-medium-16-regular-text-decoration: none;
+  --typography-body-medium-16-regular-font-family: Golos;
+  --typography-body-medium-16-regular-font-weight: 400;
+  --typography-body-medium-16-regular-font-style: normal;
+  --typography-body-medium-16-regular-font-stretch: normal;
+  --typography-body-medium-16-regular-letter-spacing: 0;
+  --typography-body-medium-16-regular-line-height: 24px;
+  --typography-body-medium-16-regular-paragraph-indent: 0;
+  --typography-body-medium-16-regular-paragraph-spacing: 0;
+  --typography-body-medium-16-regular-text-case: none;
+  --typography-body-medium-16-link-font-size: 16px;
+  --typography-body-medium-16-link-text-decoration: underline;
+  --typography-body-medium-16-link-font-family: Golos;
+  --typography-body-medium-16-link-font-weight: 400;
+  --typography-body-medium-16-link-font-style: normal;
+  --typography-body-medium-16-link-font-stretch: normal;
+  --typography-body-medium-16-link-letter-spacing: 0;
+  --typography-body-medium-16-link-line-height: 24px;
+  --typography-body-medium-16-link-paragraph-indent: 0;
+  --typography-body-medium-16-link-paragraph-spacing: 0;
+  --typography-body-medium-16-link-text-case: none;
+  --typography-body-small-14-demibold-font-size: 14px;
+  --typography-body-small-14-demibold-text-decoration: none;
+  --typography-body-small-14-demibold-font-family: Golos;
+  --typography-body-small-14-demibold-font-weight: 400;
+  --typography-body-small-14-demibold-font-style: normal;
+  --typography-body-small-14-demibold-font-stretch: normal;
+  --typography-body-small-14-demibold-letter-spacing: 0;
+  --typography-body-small-14-demibold-line-height: 20px;
+  --typography-body-small-14-demibold-paragraph-indent: 0;
+  --typography-body-small-14-demibold-paragraph-spacing: 0;
+  --typography-body-small-14-demibold-text-case: none;
+  --typography-body-small-14-medium-font-size: 14px;
+  --typography-body-small-14-medium-text-decoration: none;
+  --typography-body-small-14-medium-font-family: Golos;
+  --typography-body-small-14-medium-font-weight: 400;
+  --typography-body-small-14-medium-font-style: normal;
+  --typography-body-small-14-medium-font-stretch: normal;
+  --typography-body-small-14-medium-letter-spacing: 0;
+  --typography-body-small-14-medium-line-height: 20px;
+  --typography-body-small-14-medium-paragraph-indent: 0;
+  --typography-body-small-14-medium-paragraph-spacing: 0;
+  --typography-body-small-14-medium-text-case: none;
+  --typography-body-small-14-regular-font-size: 14px;
+  --typography-body-small-14-regular-text-decoration: none;
+  --typography-body-small-14-regular-font-family: Golos;
+  --typography-body-small-14-regular-font-weight: 400;
+  --typography-body-small-14-regular-font-style: normal;
+  --typography-body-small-14-regular-font-stretch: normal;
+  --typography-body-small-14-regular-letter-spacing: 0;
+  --typography-body-small-14-regular-line-height: 20px;
+  --typography-body-small-14-regular-paragraph-indent: 0;
+  --typography-body-small-14-regular-paragraph-spacing: 0;
+  --typography-body-small-14-regular-text-case: none;
+  --typography-body-small-14-link-font-size: 14px;
+  --typography-body-small-14-link-text-decoration: underline;
+  --typography-body-small-14-link-font-family: Golos;
+  --typography-body-small-14-link-font-weight: 400;
+  --typography-body-small-14-link-font-style: normal;
+  --typography-body-small-14-link-font-stretch: normal;
+  --typography-body-small-14-link-letter-spacing: 0;
+  --typography-body-small-14-link-line-height: 20px;
+  --typography-body-small-14-link-paragraph-indent: 0;
+  --typography-body-small-14-link-paragraph-spacing: 0;
+  --typography-body-small-14-link-text-case: none;
+}