@vkontakte/vkui-tokens 4.78.1 → 4.80.0

package/themes/vkontakteAndroid/cssVars/theme/index.json

@@ -27,10 +27,22 @@
 		"name": "--vkui--elevation4",
 		"value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))"
 	},
+	"blurS": {
+		"name": "--vkui--blur_s",
+		"value": "var(--vkui--blur_s, 8px)"
+	},
 	"blurM": {
 		"name": "--vkui--blur_m",
 		"value": "var(--vkui--blur_m, 16px)"
 	},
+	"blurL": {
+		"name": "--vkui--blur_l",
+		"value": "var(--vkui--blur_l, 48px)"
+	},
+	"blurXL": {
+		"name": "--vkui--blur_x_l",
+		"value": "var(--vkui--blur_x_l, 96px)"
+	},
 	"fontFamilyFallbacks": {
 		"name": "--vkui--font_family_fallbacks",
 		"value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif)"

package/themes/vkontakteAndroid/docs.json

@@ -54,6 +54,17 @@
       }
     ]
   },
+  "blurL": {
+    "tags": [
+      "blur"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Сильное размытие"
+      }
+    ]
+  },
   "blurM": {
     "tags": [
       "blur"
@@ -65,6 +76,28 @@
       }
     ]
   },
+  "blurS": {
+    "tags": [
+      "blur"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Слабое размытие"
+      }
+    ]
+  },
+  "blurXL": {
+    "tags": [
+      "blur"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Очень сильное размытие"
+      }
+    ]
+  },
   "colorAccentAzure": {
     "tags": [
       "color",
@@ -1382,6 +1415,10 @@
       }
     ]
   },
+  "colorTextTertiaryAlpha": {
+    "tags": [],
+    "desc": []
+  },
   "colorTrackBackground": {
     "tags": [
       "color",

package/themes/vkontakteAndroid/index.css

@@ -6,7 +6,10 @@
 	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkontakteAndroid/index.js

@@ -1 +1 @@
-export default{themeName:"vkontakteAndroid",themeNameBase:"vkontakteAndroid",elevation1:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)",elevation1InvertY:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)",elevation2:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)",elevation3:"0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)",elevation4:"0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)",blurM:16,fontFamilyFallbacks:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyAccent:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyBase:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeightAccent1:600,fontWeightAccent2:500,fontWeightAccent3:400,fontWeightBase1:600,fontWeightBase2:500,fontWeightBase3:400,fontDisplayTitle1:{regular:{fontSize:23,lineHeight:28,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle2:{regular:{fontSize:21,lineHeight:26,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600},compact:{fontSize:22,lineHeight:24,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle3:{regular:{fontSize:19,lineHeight:24,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle4:{regular:{fontSize:17,lineHeight:22,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontTitle1:{regular:{fontSize:24,lineHeight:28,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontTitle2:{regular:{fontSize:20,lineHeight:24,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500}},fontTitle3:{regular:{fontSize:17,lineHeight:22,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontHeadline1:{regular:{fontSize:16,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500,letterSpacing:"0.15px"},compact:{fontSize:15,lineHeight:20,letterSpacing:"0.15px"}},fontHeadline2:{regular:{fontSize:15,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500},compact:{fontSize:14,lineHeight:20}},fontText:{regular:{fontSize:16,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.15px"},compact:{fontSize:15,lineHeight:20,letterSpacing:"0.15px"}},fontParagraph:{regular:{fontSize:15,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontSubhead:{regular:{fontSize:14,lineHeight:18,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.15px"},compact:{fontSize:13,lineHeight:16,letterSpacing:"0.15px"}},fontFootnote:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.2px"}},fontFootnoteCaps:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.2px"}},fontCaption1:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.3px"}},fontCaption1Caps:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.3px"}},fontCaption2:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.3px"}},fontCaption2Caps:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.3px"}},fontCaption3:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.3px"}},fontCaption3Caps:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.3px"}},sizeSelectIconPadding:{regular:6,compact:7},sizePopupBasePadding:{regular:32,compact:20},sizePopupHeaderPadding:{regular:24,compact:16},sizeLabelHorizontalMargin:{regular:16},sizeBorderRadius:{regular:8},sizeBorderRadiusRounded:{regular:48},sizeCheckBorderRadius:{regular:4},sizeBorderRadiusPaper:{regular:12},sizeBorderRadiusPromo:{regular:20},sizeCellHeight:{regular:48,compact:44},sizeFieldHeight:{regular:44,compact:36},sizeSearchHeight:{regular:36,compact:32},sizeButtonExtraSmallHeight:{regular:24,compact:22},sizeButtonSmallHeight:{regular:30,compact:28},sizeButtonMediumHeight:{regular:36,compact:32},sizeButtonLargeHeight:{regular:44,compact:36},sizeCheckbox:{regular:16},sizeArrow:{regular:8},sizeArrowPromo:{regular:40},sizePopupSmall:{regular:430},sizePopupMedium:{regular:680},sizePopupLarge:{regular:880},sizeFieldHorizontalPadding:{regular:12},sizeButtonPaddingHorizontal:{regular:12},sizeArrowPadding:{regular:12},sizeTooltipMargin:{regular:8},sizeIconUI:{regular:16},sizeAvatarXS:{regular:24},sizeAvatarS:{regular:32},sizeAvatarM:{regular:48},sizeAvatarL:{regular:96},sizeAvatarXL:{regular:128},sizeBadgeXS:{regular:12},sizeBadgeS:{regular:16},sizeBadgeM:{regular:24},sizeBadgeL:{regular:44},sizeBadgeXL:{regular:56},sizeCardgridPadding:{regular:8},sizeCardBorderRadius:{regular:8},sizeCardgridPaddingVertical:{regular:8},sizeBasePaddingHorizontal:{regular:16},sizeBasePaddingVertical:{regular:12},sizeButtonGroupGapSpace:{regular:1},sizeButtonGroupGapSmall:{regular:8},sizeButtonGroupGapMedium:{regular:12},sizeOptionHierarchy:{regular:32},sizeSwitchHeight:{regular:14,compact:12},sizeSwitchWidth:{regular:34,compact:32},sizeSwitchPin:{regular:20,compact:18},sizePanelHeaderHeight:{compact:48,regular:56},sizeButtonBaseSmallPaddingHorizontal:{regular:16},sizeButtonBaseMediumPaddingHorizontal:{regular:16},sizeButtonBaseLargePaddingHorizontal:{regular:20},sizeButtonBaseSmallPaddingHorizontalIcon:{regular:12},sizeButtonBaseMediumPaddingHorizontalIcon:{regular:12},sizeButtonBaseLargePaddingHorizontalIcon:{regular:16},sizeButtonTertiarySmallPaddingHorizontal:{regular:12},sizeButtonTertiaryMediumPaddingHorizontal:{regular:12},sizeButtonTertiaryLargePaddingHorizontal:{regular:16},sizeButtonTertiarySmallPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryMediumPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryLargePaddingHorizontalIcon:{regular:12},sizeButtonMinimumWidth:{regular:80},sizeFormItemPaddingVertical:{regular:12},sizeSplitColPaddingHorizontal:{regular:16},sizeSubnavigationBarGap:{regular:8},sizeSubnavigationBarPaddingVertical:{regular:12},sizeBorder1x:{regular:1},sizeBorder2x:{regular:.5},sizeBorder3x:{regular:.33},spacingSize3Xs:2,spacingSize2Xs:2,spacingSizeXs:4,spacingSizeS:6,spacingSizeM:8,spacingSizeL:10,spacingSizeXl:12,spacingSize2Xl:16,spacingSize3Xl:20,spacingSize4Xl:24,animationDurationL:"0.4s",animationDurationM:"0.2s",animationDurationS:"0.1s",animationEasingDefault:"cubic-bezier(0.3, 0.3, 0.5, 1)",animationEasingPlatform:"cubic-bezier(0.4, 0, 0.2, 1)",opacityDisable:.52,opacityDisableAccessibility:.52,opacityActive:.72,zIndexModal:99,zIndexPopout:100,themeInheritsFrom:"vkBase",gradientBlack:"rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%",gradientWhite:"rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%",gradientTint:"rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%",gradient:"rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%",fontHeadline:{regular:{fontSize:16,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500,letterSpacing:"0.15px"},compact:{fontSize:15,lineHeight:20,letterSpacing:"0.15px"}},vkontakteGradientAquamarineBlue:"rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%",vkontakteGradientBlue:"rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%",vkontakteGradientCandy:"rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%",vkontakteGradientCrimson:"rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%",vkontakteGradientDisco:"rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%",vkontakteGradientEmerald:"rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%",vkontakteGradientGray:"rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%",vkontakteGradientGreen:"rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%",vkontakteGradientLagoon:"rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%",vkontakteGradientLavender:"rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%",vkontakteGradientMarine:"rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%",vkontakteGradientMidnight:"rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%",vkontakteGradientOrange:"rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%",vkontakteGradientPink:"rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%",vkontakteGradientPurple:"rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%",vkontakteGradientRaspberryPink:"rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%",vkontakteGradientRed:"rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%",vkontakteGradientRetrowave:"rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%",vkontakteGradientSunset:"rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%",vkontakteGradientTurquoise:"rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%",vkontakteGradientTwilight:"rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%",vkontakteGradientUnicorn:"rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%",vkontakteGradientViolet:"rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%",vkontakteGradientYellow:"rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%",vkontakteGradientYellowBright:"rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%",vkontakteGradientHalloweenOrange:"rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%",vkontakteGradientHalloweenViolet:"rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%",vkontakteGradientNewYear:"rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%",vkontakteGradientFrost:"rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%",vkontakteGradientValentine:"rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%",vkontakteGradientWarmValentine:"rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%",vkontakteGradientSberkot:"rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%",vkontakteGradientMable:"rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%",vkontakteGradientWomensDay:"rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%",colorsScheme:"light",colorBackgroundAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorBackgroundAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorBackgroundAccentThemedAlpha:{normal:"rgba(38, 136, 235, 0.2)",hover:"rgba(38, 136, 235, 0.24)",active:"rgba(38, 136, 235, 0.28)"},colorBackgroundAccentTint:{normal:"#5a9eff",hover:"#5698F7",active:"#5393EF"},colorBackgroundAccentAlternative:{normal:"#2688EB",hover:"#2483E4",active:"#237EDD"},colorBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},colorBackgroundContent:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundContentAlpha:{normal:"rgba(255, 255, 255, 0.8)",hover:"rgba(255, 255, 255, 0.84)",active:"rgba(255, 255, 255, 0.88)"},colorBackgroundContentInverse:{normal:"#19191A",hover:"#18191B",active:"#17181D"},colorBackgroundSecondary:{normal:"#f5f5f5",hover:"#EBECEE",active:"#E1E3E6"},colorBackgroundSecondaryAlpha:{normal:"rgba(0, 0, 0, 0.04)",hover:"rgba(0, 0, 0, 0.08)",active:"rgba(0, 0, 0, 0.12)"},colorBackgroundTertiary:{normal:"#f9f9f9",hover:"#EFF0F1",active:"#E5E6EA"},colorBackgroundTertiaryAlpha:{normal:"rgba(0, 0, 0, 0.03)",hover:"rgba(0, 0, 0, 0.07)",active:"rgba(0, 0, 0, 0.11)"},colorBackgroundContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundContrastSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.20)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundContrastInverse:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorBackgroundContrastThemed:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundModal:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundModalInverse:{normal:"#1C1D1E",hover:"#1B1C1F",active:"#1A1C20"},colorBackgroundPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorBackgroundPositiveTint:{normal:"#E8F9E8",hover:"#DFF0E1",active:"#D5E6DA"},colorBackgroundWarning:{normal:"#FFF2D6",hover:"#F5E9D0",active:"#EBE0CA"},colorBackgroundNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorBackgroundNegativeTint:{normal:"#FFE9E9",hover:"#F5E0E2",active:"#EBD8DB"},colorBackgroundInfoTint:{normal:"#DEEEFF",hover:"#D5E5F7",active:"#CCDCEF"},colorFieldBackground:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorHeaderBackground:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorTextAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorTextPrimary:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextPrimaryAlpha:{normal:"rgba(37, 41, 46, 0.84)",hover:"rgba(37, 41, 46, 0.88)",active:"rgba(37, 41, 46, 0.92)"},colorTextPrimaryInvariably:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextSecondary:{normal:"#818c99",hover:"#7C8795",active:"#778292"},colorTextSecondaryAlpha:{normal:"rgba(37, 41, 46, 0.55)",hover:"rgba(37, 41, 46, 0.59)",active:"rgba(37, 41, 46, 0.63)"},colorTextSubhead:{normal:"#6d7885",hover:"#697482",active:"#64707F"},colorTextTertiary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},colorTextContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextContrastThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorTextNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorTextLink:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},colorTextLinkThemed:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},colorTextLinkTint:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorTextLinkVisited:{normal:"#4986cc",hover:"#4681C6",active:"#437DC1"},colorTextMuted:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorLinkContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorIconAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorIconPrimary:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorIconPrimaryInvariably:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorIconMedium:{normal:"#818c99",hover:"#7C8795",active:"#778292"},colorIconMediumAlpha:{normal:"rgba(0, 0, 0, 0.48)",hover:"rgba(0, 0, 0, 0.52)",active:"rgba(0, 0, 0, 0.56)"},colorIconSecondary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},colorIconSecondaryAlpha:{normal:"rgba(0, 0, 0, 0.36)",hover:"rgba(0, 0, 0, 0.4)",active:"rgba(0, 0, 0, 0.44)"},colorIconTertiary:{normal:"#b8c1cc",hover:"#B1BAC6",active:"#A9B3C1"},colorIconTertiaryAlpha:{normal:"rgba(0, 0, 0, 0.24)",hover:"rgba(0, 0, 0, 0.28)",active:"rgba(0, 0, 0, 0.32)"},colorIconContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconContrastThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconContrastSecondary:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorIconPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorIconWarning:{normal:"#F8A01C",hover:"#EE9A1D",active:"#E4941F"},colorIconNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorStrokeAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorStrokeAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorSeparatorPrimary:{normal:"#d7d8d9",hover:"#CED0D3",active:"#C6C8CD"},colorSeparatorPrimary2x:{normal:"#cbcccd",hover:"#C3C4C7",active:"#BBBDC1"},colorSeparatorPrimary3x:{normal:"#bebfc1",hover:"#B6B8BC",active:"#AFB1B6"},colorSeparatorPrimaryAlpha:{normal:"rgba(0, 0, 0, 0.12)",hover:"rgba(0, 0, 0, 0.16)",active:"rgba(0, 0, 0, 0.2)"},colorSeparatorSecondary:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorStrokePositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorStrokeNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorStrokeContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorStrokePrimary:{normal:"#2C2D2E",hover:"#2A2C2F",active:"#282B2F"},colorImageBorderAlpha:{normal:"rgba(0, 0, 0, 0.08)",hover:"rgba(0, 0, 0, 0.12)",active:"rgba(0, 0, 0, 0.16)"},colorFieldBorderAlpha:{normal:"rgba(0, 0, 0, 0.12)",hover:"rgba(0, 0, 0, 0.24)",active:"rgba(0, 0, 0, 0.36)"},colorAccentBlue:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorAccentGray:{normal:"#a3adb8",hover:"#9CA7B3",active:"#96A0AE"},colorAccentRed:{normal:"#ff3347",hover:"#F53247",active:"#EB3046"},colorAccentOrangeFire:{normal:"#f05c44",hover:"#E65944",active:"#DD5643"},colorAccentOrange:{normal:"#ffa000",hover:"#F59A02",active:"#EB9405"},colorAccentOrangePeach:{normal:"#F9B54F",hover:"#EFAE4E",active:"#E5A84E"},colorAccentLime:{normal:"#AFF70D",hover:"#A8EE0F",active:"#A1E511"},colorAccentGreen:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorAccentCyan:{normal:"#13FFD0",hover:"#12F5CA",active:"#11ECC4"},colorAccentAzure:{normal:"#0077FF",hover:"#0073F7",active:"#006FEF"},colorAccentPurple:{normal:"#735ce6",hover:"#6E59DF",active:"#6A56D8"},colorAccentViolet:{normal:"#792ec0",hover:"#742DBB",active:"#6F2CB6"},colorAccentRaspberryPink:{normal:"#e03fab",hover:"#D73DA7",active:"#CE3BA2"},colorAccentPink:{normal:"#F45FFF",hover:"#EA5CF7",active:"#E059EF"},colorAccentSecondary:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorOverlayPrimary:{normal:"rgba(0, 0, 0, 0.40)",hover:"rgba(0, 0, 0, 0.44)",active:"rgba(0, 0, 0, 0.48)"},colorOverlaySecondary:{normal:"rgba(0, 0, 0, 0.27)",hover:"rgba(0, 0, 0, 0.31)",active:"rgba(0, 0, 0, 0.35)"},colorAvatarOverlay:{normal:"rgba(0, 0, 0, 0.60)",hover:"rgba(0, 0, 0, 0.64)",active:"rgba(0, 0, 0, 0.68)"},colorAvatarOverlayInverseAlpha:{normal:"rgba(255, 255, 255, 0.85)",hover:"rgba(255, 255, 255, 0.89)",active:"rgba(255, 255, 255, 0.93)"},colorActionSheetText:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorImagePlaceholder:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorImagePlaceholderAlpha:{normal:"rgba(0, 28, 61, 0.08)",hover:"rgba(0, 28, 61, 0.12)",active:"rgba(0, 28, 61, 0.16)"},colorSkeletonFrom:{normal:"#f5f5f5",hover:"#EBECEE",active:"#E1E3E6"},colorSkeletonTo:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorButtonText:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorButtonIcon:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorButtonStroke:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorWriteBarIcon:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorWriteBarInputBackground:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorWriteBarInputBorder:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorWriteBarInputBorderAlpha:{normal:"rgba(0, 0, 0, 0.08)",hover:"rgba(0, 0, 0, 0.12)",active:"rgba(0, 0, 0, 0.16)"},colorTrackBackground:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorTrackBuffer:{normal:"#a0bfe4",hover:"#9AB8DD",active:"#93B1D7"},colorSearchFieldBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},colorPanelHeaderIcon:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorSegmentedControl:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTabbarTextInactive:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},colorTransparent:{normal:"transparent",hover:"rgba(0, 16, 61, 0.04)",active:"rgba(0, 16, 61, 0.08)"},colorBackgroundInverse:{normal:"#0A0A0A",hover:"#0A0A0C",active:"#090A0E"},colorStrokeContrastSecondaryAlpha:{normal:"rgba(1, 1, 1, 0.12)",hover:"rgba(1, 1, 1, 0.16)",active:"rgba(1, 1, 1, 0.2)"},vkontakteColorSnippetBorderAlpha:{normal:"rgba(0, 0, 0, 0.15)",hover:"rgba(0, 0, 0, 0.19)",active:"rgba(0, 0, 0, 0.23)"},vkontakteColorSnippetBackground:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorModalCardBorderAlpha:{normal:"rgba(0, 0, 0, 0)",hover:"rgba(0, 0, 0, 0.04)",active:"rgba(0, 0, 0, 0.08)"},vkontakteColorLandingSnippetBorderAlpha:{normal:"rgba(0, 0, 0, 0.15)",hover:"rgba(0, 0, 0, 0.19)",active:"rgba(0, 0, 0, 0.23)"},vkontakteColorActionSheetSeparatorAlpha:{normal:"rgba(0, 0, 0, 0.12)",hover:"rgba(0, 0, 0, 0.16)",active:"rgba(0, 0, 0, 0.2)"},vkontakteColorInputBorder:{normal:"#E1E3E6",hover:"#D8DBDF",active:"#CFD2D8"},vkontakteColorSearchBarBackground:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorSearchBarFieldTint:{normal:"#818c99",hover:"#7C8795",active:"#778292"},vkontakteBackgroundHoverAlpha:{normal:"rgba(0, 0, 0, 0.04)",hover:"rgba(0, 0, 0, 0.08)",active:"rgba(0, 0, 0, 0.12)"},vkontakteColorAccentAlternate:{normal:"#0077ff",hover:"#0073F7",active:"#006FEF"},vkontakteColorBackgroundSuggestions:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorBackgroundKeyboard:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},vkontakteColorContentPlaceholderIcon:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorContentTintForeground:{normal:"#7f8285",hover:"#7A7D82",active:"#75797F"},vkontakteColorTextName:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteColorControlBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorControlForeground:{normal:"#5181b8",hover:"#4E7CB3",active:"#4B78AE"},vkontakteColorControlTintMuted:{normal:"#76787a",hover:"#717478",active:"#6D7075"},vkontakteColorHeaderSearchFieldBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorHeaderSearchFieldTint:{normal:"#818c99",hover:"#7C8795",active:"#778292"},vkontakteColorHeaderTabActiveIndicator:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},vkontakteColorIconOutlineMedium:{normal:"#818c99",hover:"#7C8795",active:"#778292"},vkontakteColorIconOutlineSecondary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorSkeletonShimmerFrom:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorAlphaSkeletonShimmerTo:{normal:"transparent",hover:"rgba(0, 16, 61, 0.04)",active:"rgba(0, 16, 61, 0.08)"},vkontakteColorLoaderBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorLoaderTint:{normal:"#76787a",hover:"#717478",active:"#6D7075"},vkontakteColorMusicPlaybackIcon:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteColorStatusBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorPlaceholderIconForegroundPrimary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorPlaceholderIconForegroundSecondary:{normal:"#aeb7c2",hover:"#A7B0BD",active:"#A0AAB7"},vkontakteColorPlaceholderIconTint:{normal:"#001c3d",hover:"#001C3D",active:"#001B3D"},vkontakteColorPollOptionBackground:{normal:"#45678f",hover:"#42648C",active:"#3F6088"},vkontakteColorTabbarActiveIcon:{normal:"#2975cc",hover:"#2771C6",active:"#266DC1"},vkontakteColorTabbarBackground:{normal:"#f9f9f9",hover:"#EFF0F1",active:"#E5E6EA"},vkontakteColorTabbarInactiveIcon:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorTabbarTabletTextSecondary:{normal:"#909499",hover:"#8A8F95",active:"#848992"},vkontakteColorToolbarAttachBackgroundFrom:{normal:"#b8c1cc",hover:"#B1BAC6",active:"#A9B3C1"},vkontakteColorSplashScreenIcon:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},vkontakteColorIconName:{normal:"#74a2d6",hover:"#6F9CD0",active:"#6B96CA"},vkontakteColorPanelTabActiveText:{normal:"#76787a",hover:"#717478",active:"#6D7075"},vkontakteColorBackgroundTextAlpha:{normal:"rgba(38, 136, 235, 0.20)",hover:"rgba(38, 136, 235, 0.24)",active:"rgba(38, 136, 235, 0.28)"},vkontakteColorModalCardHeaderClose:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteImBubbleButtonOutgoingBackgroundAlpha:{normal:"rgba(255, 255, 255, 0.60)",hover:"rgba(255, 255, 255, 0.64)",active:"rgba(255, 255, 255, 0.68)"},vkontakteImBubbleButtonForeground:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteImBubbleIncomingHighlighted:{normal:"#d7d8d9",hover:"#CED0D3",active:"#C6C8CD"},vkontakteImBubbleGiftBackground:{normal:"#f4e7c3",hover:"#EADEBE",active:"#E0D6B8"},vkontakteImBubbleGiftBackgroundHighlighted:{normal:"#e3d3ac",hover:"#DACBA8",active:"#D1C3A3"},vkontakteImBubbleOutgoingAlternate:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteImAttachTint:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteImReplySeparator:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteImToolbarVoiceMsgBackground:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorImForwardLineAlpha:{normal:"rgba(69, 103, 143, 0.24)",hover:"rgba(69, 103, 143, 0.28)",active:"rgba(69, 103, 143, 0.32)"},vkontakteColorImBubbleBorderAlternateHighlightedAlpha:{normal:"rgba(215, 216, 217, 1)",hover:"#CED0D3",active:"#C6C8CD"},vkontakteColorImBubbleIncoming:{normal:"#EBEDF0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorImBubbleIncomingAlternate:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorImBubbleIncomingExpiring:{normal:"#E6E9FF",hover:"#DDE0F7",active:"#D4D8EF"},vkontakteColorImBubbleOutgoing:{normal:"#CCE4FF",hover:"#C4DCF7",active:"#BCD3EF"},vkontakteColorImBubbleOutgoingExpiringHighlighted:{normal:"#ADB8FF",hover:"#A6B1F7",active:"#9FABEF"},vkontakteColorImBubbleGiftText:{normal:"#857250",hover:"#806E4F",active:"#7A6A4E"},vkontakteColorImBubbleGiftTextSecondary:{normal:"#AB9871",hover:"#A4936F",active:"#9D8D6D"},vkontakteColorImTextName:{normal:"#2D81E0",hover:"#2B7CD9",active:"#2978D3"},vkontakteButtonMutedBackground:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},vkontakteButtonTertiaryBackground:{normal:"rgba(0, 0, 0, 0.00)",hover:"rgba(0, 0, 0, 0.04)",active:"rgba(0, 0, 0, 0.08)"},vkontakteButtonTertiaryForeground:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteFloatButtonForeground:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteLandingBackground:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},vkontakteImBubbleIncomingAlternateHighlighted:{normal:"#f9f9f9",hover:"#EFF0F1",active:"#E5E6EA"},vkontakteImBubbleIncomingExpiringHighlighted:{normal:"#ccd3ff",hover:"#C4CBF7",active:"#BCC3EF"},vkontakteImBubbleOutgoingHighlighted:{normal:"#add3ff",hover:"#A6CBF7",active:"#9FC3EF"},vkontakteImBubbleButtonBackground:{normal:"#F9F9F9",hover:"#EFF0F1",active:"#E5E6EA"},vkontakteImBubbleButtonBackgroundHighlighted:{normal:"#D7D8D9",hover:"#CED0D3",active:"#C6C8CD"},vkontakteImBubbleMableOutgoing:{normal:"#D9F4FF",hover:"#D0EBF7",active:"#C8E2EF"},vkontakteImBubbleMableOutgoingExpiringHighlighted:{normal:"#C2CBFF",hover:"#BAC4F7",active:"#B2BCEF"},vkontakteImBubbleMableOutgoingHighlighted:{normal:"#B0E8FF",hover:"#A9DFF7",active:"#A2D7EF"},vkontakteImBubbleMableWallpaperOutgoing:{normal:"#D9F4FF",hover:"#D0EBF7",active:"#C8E2EF"},vkontakteImBubbleMableWallpaperOutgoingHighlighted:{normal:"#B0E8FF",hover:"#A9DFF7",active:"#A2D7EF"},vkontakteImBubbleWallpaperButtonForeground:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteImServiceMessageText:{normal:"#818C99",hover:"#7C8795",active:"#778292"},vkontakteLandingSecondaryButtonBackground:{normal:"rgba(0, 57, 115, 0.10)",hover:"rgba(0, 57, 115, 0.14)",active:"rgba(0, 57, 115, 0.18)"},vkontakteStoriesSkeletonLoaderBackground:{normal:"#454647",hover:"#424447",active:"#3F4246"},vkontaktePaletteBlack:{normal:"#000000",hover:"#000102",active:"#000105"},themeType:"root"};
+export default{themeName:"vkontakteAndroid",themeNameBase:"vkontakteAndroid",elevation1:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)",elevation1InvertY:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)",elevation2:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)",elevation3:"0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)",elevation4:"0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)",blurS:8,blurM:16,blurL:48,blurXL:96,fontFamilyFallbacks:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyAccent:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyBase:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeightAccent1:600,fontWeightAccent2:500,fontWeightAccent3:400,fontWeightBase1:600,fontWeightBase2:500,fontWeightBase3:400,fontDisplayTitle1:{regular:{fontSize:23,lineHeight:28,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle2:{regular:{fontSize:21,lineHeight:26,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600},compact:{fontSize:22,lineHeight:24,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle3:{regular:{fontSize:19,lineHeight:24,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle4:{regular:{fontSize:17,lineHeight:22,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontTitle1:{regular:{fontSize:24,lineHeight:28,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontTitle2:{regular:{fontSize:20,lineHeight:24,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500}},fontTitle3:{regular:{fontSize:17,lineHeight:22,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontHeadline1:{regular:{fontSize:16,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500,letterSpacing:"0.15px"},compact:{fontSize:15,lineHeight:20,letterSpacing:"0.15px"}},fontHeadline2:{regular:{fontSize:15,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500},compact:{fontSize:14,lineHeight:20}},fontText:{regular:{fontSize:16,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.15px"},compact:{fontSize:15,lineHeight:20,letterSpacing:"0.15px"}},fontParagraph:{regular:{fontSize:15,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontSubhead:{regular:{fontSize:14,lineHeight:18,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.15px"},compact:{fontSize:13,lineHeight:16,letterSpacing:"0.15px"}},fontFootnote:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.2px"}},fontFootnoteCaps:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.2px"}},fontCaption1:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.3px"}},fontCaption1Caps:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.3px"}},fontCaption2:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.3px"}},fontCaption2Caps:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.3px"}},fontCaption3:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400,letterSpacing:"0.3px"}},fontCaption3Caps:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase",letterSpacing:"0.3px"}},sizeSelectIconPadding:{regular:6,compact:7},sizePopupBasePadding:{regular:32,compact:20},sizePopupHeaderPadding:{regular:24,compact:16},sizeLabelHorizontalMargin:{regular:16},sizeBorderRadius:{regular:8},sizeBorderRadiusRounded:{regular:48},sizeCheckBorderRadius:{regular:4},sizeBorderRadiusPaper:{regular:12},sizeBorderRadiusPromo:{regular:20},sizeCellHeight:{regular:48,compact:44},sizeFieldHeight:{regular:44,compact:36},sizeSearchHeight:{regular:36,compact:32},sizeButtonExtraSmallHeight:{regular:24,compact:22},sizeButtonSmallHeight:{regular:30,compact:28},sizeButtonMediumHeight:{regular:36,compact:32},sizeButtonLargeHeight:{regular:44,compact:36},sizeCheckbox:{regular:16},sizeArrow:{regular:8},sizeArrowPromo:{regular:40},sizePopupSmall:{regular:430},sizePopupMedium:{regular:680},sizePopupLarge:{regular:880},sizeFieldHorizontalPadding:{regular:12},sizeButtonPaddingHorizontal:{regular:12},sizeArrowPadding:{regular:12},sizeTooltipMargin:{regular:8},sizeIconUI:{regular:16},sizeAvatarXS:{regular:24},sizeAvatarS:{regular:32},sizeAvatarM:{regular:48},sizeAvatarL:{regular:96},sizeAvatarXL:{regular:128},sizeBadgeXS:{regular:12},sizeBadgeS:{regular:16},sizeBadgeM:{regular:24},sizeBadgeL:{regular:44},sizeBadgeXL:{regular:56},sizeCardgridPadding:{regular:8},sizeCardBorderRadius:{regular:8},sizeCardgridPaddingVertical:{regular:8},sizeBasePaddingHorizontal:{regular:16},sizeBasePaddingVertical:{regular:12},sizeButtonGroupGapSpace:{regular:1},sizeButtonGroupGapSmall:{regular:8},sizeButtonGroupGapMedium:{regular:12},sizeOptionHierarchy:{regular:32},sizeSwitchHeight:{regular:14,compact:12},sizeSwitchWidth:{regular:34,compact:32},sizeSwitchPin:{regular:20,compact:18},sizePanelHeaderHeight:{compact:48,regular:56},sizeButtonBaseSmallPaddingHorizontal:{regular:16},sizeButtonBaseMediumPaddingHorizontal:{regular:16},sizeButtonBaseLargePaddingHorizontal:{regular:20},sizeButtonBaseSmallPaddingHorizontalIcon:{regular:12},sizeButtonBaseMediumPaddingHorizontalIcon:{regular:12},sizeButtonBaseLargePaddingHorizontalIcon:{regular:16},sizeButtonTertiarySmallPaddingHorizontal:{regular:12},sizeButtonTertiaryMediumPaddingHorizontal:{regular:12},sizeButtonTertiaryLargePaddingHorizontal:{regular:16},sizeButtonTertiarySmallPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryMediumPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryLargePaddingHorizontalIcon:{regular:12},sizeButtonMinimumWidth:{regular:80},sizeFormItemPaddingVertical:{regular:12},sizeSplitColPaddingHorizontal:{regular:16},sizeSubnavigationBarGap:{regular:8},sizeSubnavigationBarPaddingVertical:{regular:12},sizeBorder1x:{regular:1},sizeBorder2x:{regular:.5},sizeBorder3x:{regular:.33},spacingSize3Xs:2,spacingSize2Xs:2,spacingSizeXs:4,spacingSizeS:6,spacingSizeM:8,spacingSizeL:10,spacingSizeXl:12,spacingSize2Xl:16,spacingSize3Xl:20,spacingSize4Xl:24,animationDurationL:"0.4s",animationDurationM:"0.2s",animationDurationS:"0.1s",animationEasingDefault:"cubic-bezier(0.3, 0.3, 0.5, 1)",animationEasingPlatform:"cubic-bezier(0.4, 0, 0.2, 1)",opacityDisable:.52,opacityDisableAccessibility:.52,opacityActive:.72,zIndexModal:99,zIndexPopout:100,themeInheritsFrom:"vkBase",gradientBlack:"rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%",gradientWhite:"rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%",gradientTint:"rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%",gradient:"rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%",fontHeadline:{regular:{fontSize:16,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500,letterSpacing:"0.15px"},compact:{fontSize:15,lineHeight:20,letterSpacing:"0.15px"}},vkontakteGradientAquamarineBlue:"rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%",vkontakteGradientBlue:"rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%",vkontakteGradientCandy:"rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%",vkontakteGradientCrimson:"rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%",vkontakteGradientDisco:"rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%",vkontakteGradientEmerald:"rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%",vkontakteGradientGray:"rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%",vkontakteGradientGreen:"rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%",vkontakteGradientLagoon:"rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%",vkontakteGradientLavender:"rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%",vkontakteGradientMarine:"rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%",vkontakteGradientMidnight:"rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%",vkontakteGradientOrange:"rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%",vkontakteGradientPink:"rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%",vkontakteGradientPurple:"rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%",vkontakteGradientRaspberryPink:"rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%",vkontakteGradientRed:"rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%",vkontakteGradientRetrowave:"rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%",vkontakteGradientSunset:"rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%",vkontakteGradientTurquoise:"rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%",vkontakteGradientTwilight:"rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%",vkontakteGradientUnicorn:"rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%",vkontakteGradientViolet:"rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%",vkontakteGradientYellow:"rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%",vkontakteGradientYellowBright:"rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%",vkontakteGradientHalloweenOrange:"rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%",vkontakteGradientHalloweenViolet:"rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%",vkontakteGradientNewYear:"rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%",vkontakteGradientFrost:"rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%",vkontakteGradientValentine:"rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%",vkontakteGradientWarmValentine:"rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%",vkontakteGradientSberkot:"rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%",vkontakteGradientMable:"rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%",vkontakteGradientWomensDay:"rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%",colorsScheme:"light",colorBackgroundAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorBackgroundAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorBackgroundAccentThemedAlpha:{normal:"rgba(38, 136, 235, 0.2)",hover:"rgba(38, 136, 235, 0.24)",active:"rgba(38, 136, 235, 0.28)"},colorBackgroundAccentTint:{normal:"#5a9eff",hover:"#5698F7",active:"#5393EF"},colorBackgroundAccentAlternative:{normal:"#2688EB",hover:"#2483E4",active:"#237EDD"},colorBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},colorBackgroundContent:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundContentAlpha:{normal:"rgba(255, 255, 255, 0.8)",hover:"rgba(255, 255, 255, 0.84)",active:"rgba(255, 255, 255, 0.88)"},colorBackgroundContentInverse:{normal:"#19191A",hover:"#18191B",active:"#17181D"},colorBackgroundSecondary:{normal:"#f5f5f5",hover:"#EBECEE",active:"#E1E3E6"},colorBackgroundSecondaryAlpha:{normal:"rgba(0, 0, 0, 0.04)",hover:"rgba(0, 0, 0, 0.08)",active:"rgba(0, 0, 0, 0.12)"},colorBackgroundTertiary:{normal:"#f9f9f9",hover:"#EFF0F1",active:"#E5E6EA"},colorBackgroundTertiaryAlpha:{normal:"rgba(0, 0, 0, 0.03)",hover:"rgba(0, 0, 0, 0.07)",active:"rgba(0, 0, 0, 0.11)"},colorBackgroundContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundContrastSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.20)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundContrastInverse:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorBackgroundContrastThemed:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundModal:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundModalInverse:{normal:"#1C1D1E",hover:"#1B1C1F",active:"#1A1C20"},colorBackgroundPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorBackgroundPositiveTint:{normal:"#E8F9E8",hover:"#DFF0E1",active:"#D5E6DA"},colorBackgroundWarning:{normal:"#FFF2D6",hover:"#F5E9D0",active:"#EBE0CA"},colorBackgroundNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorBackgroundNegativeTint:{normal:"#FFE9E9",hover:"#F5E0E2",active:"#EBD8DB"},colorBackgroundInfoTint:{normal:"#DEEEFF",hover:"#D5E5F7",active:"#CCDCEF"},colorFieldBackground:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorHeaderBackground:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorTextAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorTextPrimary:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextPrimaryAlpha:{normal:"rgba(37, 41, 46, 0.84)",hover:"rgba(37, 41, 46, 0.88)",active:"rgba(37, 41, 46, 0.92)"},colorTextPrimaryInvariably:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextSecondary:{normal:"#818c99",hover:"#7C8795",active:"#778292"},colorTextSecondaryAlpha:{normal:"rgba(37, 41, 46, 0.55)",hover:"rgba(37, 41, 46, 0.59)",active:"rgba(37, 41, 46, 0.63)"},colorTextSubhead:{normal:"#6d7885",hover:"#697482",active:"#64707F"},colorTextTertiary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},colorTextContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextContrastThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorTextNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorTextLink:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},colorTextLinkThemed:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},colorTextLinkTint:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorTextLinkVisited:{normal:"#4986cc",hover:"#4681C6",active:"#437DC1"},colorTextMuted:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorLinkContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorIconAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorIconPrimary:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorIconPrimaryInvariably:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorIconMedium:{normal:"#818c99",hover:"#7C8795",active:"#778292"},colorIconMediumAlpha:{normal:"rgba(0, 0, 0, 0.48)",hover:"rgba(0, 0, 0, 0.52)",active:"rgba(0, 0, 0, 0.56)"},colorIconSecondary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},colorIconSecondaryAlpha:{normal:"rgba(0, 0, 0, 0.36)",hover:"rgba(0, 0, 0, 0.4)",active:"rgba(0, 0, 0, 0.44)"},colorIconTertiary:{normal:"#b8c1cc",hover:"#B1BAC6",active:"#A9B3C1"},colorIconTertiaryAlpha:{normal:"rgba(0, 0, 0, 0.24)",hover:"rgba(0, 0, 0, 0.28)",active:"rgba(0, 0, 0, 0.32)"},colorIconContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconContrastThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconContrastSecondary:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorIconPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorIconWarning:{normal:"#F8A01C",hover:"#EE9A1D",active:"#E4941F"},colorIconNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorStrokeAccent:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorStrokeAccentThemed:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorSeparatorPrimary:{normal:"#d7d8d9",hover:"#CED0D3",active:"#C6C8CD"},colorSeparatorPrimary2x:{normal:"#cbcccd",hover:"#C3C4C7",active:"#BBBDC1"},colorSeparatorPrimary3x:{normal:"#bebfc1",hover:"#B6B8BC",active:"#AFB1B6"},colorSeparatorPrimaryAlpha:{normal:"rgba(0, 0, 0, 0.12)",hover:"rgba(0, 0, 0, 0.16)",active:"rgba(0, 0, 0, 0.2)"},colorSeparatorSecondary:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorStrokePositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorStrokeNegative:{normal:"#e64646",hover:"#DD4446",active:"#D44245"},colorStrokeContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorStrokePrimary:{normal:"#2C2D2E",hover:"#2A2C2F",active:"#282B2F"},colorImageBorderAlpha:{normal:"rgba(0, 0, 0, 0.08)",hover:"rgba(0, 0, 0, 0.12)",active:"rgba(0, 0, 0, 0.16)"},colorFieldBorderAlpha:{normal:"rgba(0, 0, 0, 0.12)",hover:"rgba(0, 0, 0, 0.24)",active:"rgba(0, 0, 0, 0.36)"},colorAccentBlue:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorAccentGray:{normal:"#a3adb8",hover:"#9CA7B3",active:"#96A0AE"},colorAccentRed:{normal:"#ff3347",hover:"#F53247",active:"#EB3046"},colorAccentOrangeFire:{normal:"#f05c44",hover:"#E65944",active:"#DD5643"},colorAccentOrange:{normal:"#ffa000",hover:"#F59A02",active:"#EB9405"},colorAccentOrangePeach:{normal:"#F9B54F",hover:"#EFAE4E",active:"#E5A84E"},colorAccentLime:{normal:"#AFF70D",hover:"#A8EE0F",active:"#A1E511"},colorAccentGreen:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorAccentCyan:{normal:"#13FFD0",hover:"#12F5CA",active:"#11ECC4"},colorAccentAzure:{normal:"#0077FF",hover:"#0073F7",active:"#006FEF"},colorAccentPurple:{normal:"#735ce6",hover:"#6E59DF",active:"#6A56D8"},colorAccentViolet:{normal:"#792ec0",hover:"#742DBB",active:"#6F2CB6"},colorAccentRaspberryPink:{normal:"#e03fab",hover:"#D73DA7",active:"#CE3BA2"},colorAccentPink:{normal:"#F45FFF",hover:"#EA5CF7",active:"#E059EF"},colorAccentSecondary:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorOverlayPrimary:{normal:"rgba(0, 0, 0, 0.40)",hover:"rgba(0, 0, 0, 0.44)",active:"rgba(0, 0, 0, 0.48)"},colorOverlaySecondary:{normal:"rgba(0, 0, 0, 0.27)",hover:"rgba(0, 0, 0, 0.31)",active:"rgba(0, 0, 0, 0.35)"},colorAvatarOverlay:{normal:"rgba(0, 0, 0, 0.60)",hover:"rgba(0, 0, 0, 0.64)",active:"rgba(0, 0, 0, 0.68)"},colorAvatarOverlayInverseAlpha:{normal:"rgba(255, 255, 255, 0.85)",hover:"rgba(255, 255, 255, 0.89)",active:"rgba(255, 255, 255, 0.93)"},colorActionSheetText:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorImagePlaceholder:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorImagePlaceholderAlpha:{normal:"rgba(0, 28, 61, 0.08)",hover:"rgba(0, 28, 61, 0.12)",active:"rgba(0, 28, 61, 0.16)"},colorSkeletonFrom:{normal:"#f5f5f5",hover:"#EBECEE",active:"#E1E3E6"},colorSkeletonTo:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorButtonText:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorButtonIcon:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorButtonStroke:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorWriteBarIcon:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorWriteBarInputBackground:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorWriteBarInputBorder:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorWriteBarInputBorderAlpha:{normal:"rgba(0, 0, 0, 0.08)",hover:"rgba(0, 0, 0, 0.12)",active:"rgba(0, 0, 0, 0.16)"},colorTrackBackground:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorTrackBuffer:{normal:"#a0bfe4",hover:"#9AB8DD",active:"#93B1D7"},colorSearchFieldBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},colorPanelHeaderIcon:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},colorSegmentedControl:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTabbarTextInactive:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},colorTransparent:{normal:"transparent",hover:"rgba(0, 16, 61, 0.04)",active:"rgba(0, 16, 61, 0.08)"},colorBackgroundInverse:{normal:"#0A0A0A",hover:"#0A0A0C",active:"#090A0E"},colorStrokeContrastSecondaryAlpha:{normal:"rgba(1, 1, 1, 0.12)",hover:"rgba(1, 1, 1, 0.16)",active:"rgba(1, 1, 1, 0.2)"},vkontakteColorSnippetBorderAlpha:{normal:"rgba(0, 0, 0, 0.15)",hover:"rgba(0, 0, 0, 0.19)",active:"rgba(0, 0, 0, 0.23)"},vkontakteColorSnippetBackground:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorModalCardBorderAlpha:{normal:"rgba(0, 0, 0, 0)",hover:"rgba(0, 0, 0, 0.04)",active:"rgba(0, 0, 0, 0.08)"},vkontakteColorLandingSnippetBorderAlpha:{normal:"rgba(0, 0, 0, 0.15)",hover:"rgba(0, 0, 0, 0.19)",active:"rgba(0, 0, 0, 0.23)"},vkontakteColorActionSheetSeparatorAlpha:{normal:"rgba(0, 0, 0, 0.12)",hover:"rgba(0, 0, 0, 0.16)",active:"rgba(0, 0, 0, 0.2)"},vkontakteColorInputBorder:{normal:"#E1E3E6",hover:"#D8DBDF",active:"#CFD2D8"},vkontakteColorSearchBarBackground:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorSearchBarFieldTint:{normal:"#818c99",hover:"#7C8795",active:"#778292"},vkontakteBackgroundHoverAlpha:{normal:"rgba(0, 0, 0, 0.04)",hover:"rgba(0, 0, 0, 0.08)",active:"rgba(0, 0, 0, 0.12)"},vkontakteColorAccentAlternate:{normal:"#0077ff",hover:"#0073F7",active:"#006FEF"},vkontakteColorBackgroundSuggestions:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorBackgroundKeyboard:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},vkontakteColorContentPlaceholderIcon:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorContentTintForeground:{normal:"#7f8285",hover:"#7A7D82",active:"#75797F"},vkontakteColorTextName:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteColorControlBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorControlForeground:{normal:"#5181b8",hover:"#4E7CB3",active:"#4B78AE"},vkontakteColorControlTintMuted:{normal:"#76787a",hover:"#717478",active:"#6D7075"},vkontakteColorHeaderSearchFieldBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorHeaderSearchFieldTint:{normal:"#818c99",hover:"#7C8795",active:"#778292"},vkontakteColorHeaderTabActiveIndicator:{normal:"#2688eb",hover:"#2483E4",active:"#237EDD"},vkontakteColorIconOutlineMedium:{normal:"#818c99",hover:"#7C8795",active:"#778292"},vkontakteColorIconOutlineSecondary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorSkeletonShimmerFrom:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorAlphaSkeletonShimmerTo:{normal:"transparent",hover:"rgba(0, 16, 61, 0.04)",active:"rgba(0, 16, 61, 0.08)"},vkontakteColorLoaderBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorLoaderTint:{normal:"#76787a",hover:"#717478",active:"#6D7075"},vkontakteColorMusicPlaybackIcon:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteColorStatusBackground:{normal:"#ebedf0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorPlaceholderIconForegroundPrimary:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorPlaceholderIconForegroundSecondary:{normal:"#aeb7c2",hover:"#A7B0BD",active:"#A0AAB7"},vkontakteColorPlaceholderIconTint:{normal:"#001c3d",hover:"#001C3D",active:"#001B3D"},vkontakteColorPollOptionBackground:{normal:"#45678f",hover:"#42648C",active:"#3F6088"},vkontakteColorTabbarActiveIcon:{normal:"#2975cc",hover:"#2771C6",active:"#266DC1"},vkontakteColorTabbarBackground:{normal:"#f9f9f9",hover:"#EFF0F1",active:"#E5E6EA"},vkontakteColorTabbarInactiveIcon:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorTabbarTabletTextSecondary:{normal:"#909499",hover:"#8A8F95",active:"#848992"},vkontakteColorToolbarAttachBackgroundFrom:{normal:"#b8c1cc",hover:"#B1BAC6",active:"#A9B3C1"},vkontakteColorSplashScreenIcon:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},vkontakteColorIconName:{normal:"#74a2d6",hover:"#6F9CD0",active:"#6B96CA"},vkontakteColorPanelTabActiveText:{normal:"#76787a",hover:"#717478",active:"#6D7075"},vkontakteColorBackgroundTextAlpha:{normal:"rgba(38, 136, 235, 0.20)",hover:"rgba(38, 136, 235, 0.24)",active:"rgba(38, 136, 235, 0.28)"},vkontakteColorModalCardHeaderClose:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteImBubbleButtonOutgoingBackgroundAlpha:{normal:"rgba(255, 255, 255, 0.60)",hover:"rgba(255, 255, 255, 0.64)",active:"rgba(255, 255, 255, 0.68)"},vkontakteImBubbleButtonForeground:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteImBubbleIncomingHighlighted:{normal:"#d7d8d9",hover:"#CED0D3",active:"#C6C8CD"},vkontakteImBubbleGiftBackground:{normal:"#f4e7c3",hover:"#EADEBE",active:"#E0D6B8"},vkontakteImBubbleGiftBackgroundHighlighted:{normal:"#e3d3ac",hover:"#DACBA8",active:"#D1C3A3"},vkontakteImBubbleOutgoingAlternate:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteImAttachTint:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteImReplySeparator:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteImToolbarVoiceMsgBackground:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteColorImForwardLineAlpha:{normal:"rgba(69, 103, 143, 0.24)",hover:"rgba(69, 103, 143, 0.28)",active:"rgba(69, 103, 143, 0.32)"},vkontakteColorImBubbleBorderAlternateHighlightedAlpha:{normal:"rgba(215, 216, 217, 1)",hover:"#CED0D3",active:"#C6C8CD"},vkontakteColorImBubbleIncoming:{normal:"#EBEDF0",hover:"#E2E4E9",active:"#D8DBE2"},vkontakteColorImBubbleIncomingAlternate:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},vkontakteColorImBubbleIncomingExpiring:{normal:"#E6E9FF",hover:"#DDE0F7",active:"#D4D8EF"},vkontakteColorImBubbleOutgoing:{normal:"#CCE4FF",hover:"#C4DCF7",active:"#BCD3EF"},vkontakteColorImBubbleOutgoingExpiringHighlighted:{normal:"#ADB8FF",hover:"#A6B1F7",active:"#9FABEF"},vkontakteColorImBubbleGiftText:{normal:"#857250",hover:"#806E4F",active:"#7A6A4E"},vkontakteColorImBubbleGiftTextSecondary:{normal:"#AB9871",hover:"#A4936F",active:"#9D8D6D"},vkontakteColorImTextName:{normal:"#2D81E0",hover:"#2B7CD9",active:"#2978D3"},vkontakteButtonMutedBackground:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},vkontakteButtonTertiaryBackground:{normal:"rgba(0, 0, 0, 0.00)",hover:"rgba(0, 0, 0, 0.04)",active:"rgba(0, 0, 0, 0.08)"},vkontakteButtonTertiaryForeground:{normal:"#2d81e0",hover:"#2B7CD9",active:"#2978D3"},vkontakteFloatButtonForeground:{normal:"#99a2ad",hover:"#939CA9",active:"#8D96A4"},vkontakteLandingBackground:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},vkontakteImBubbleIncomingAlternateHighlighted:{normal:"#f9f9f9",hover:"#EFF0F1",active:"#E5E6EA"},vkontakteImBubbleIncomingExpiringHighlighted:{normal:"#ccd3ff",hover:"#C4CBF7",active:"#BCC3EF"},vkontakteImBubbleOutgoingHighlighted:{normal:"#add3ff",hover:"#A6CBF7",active:"#9FC3EF"},vkontakteImBubbleButtonBackground:{normal:"#F9F9F9",hover:"#EFF0F1",active:"#E5E6EA"},vkontakteImBubbleButtonBackgroundHighlighted:{normal:"#D7D8D9",hover:"#CED0D3",active:"#C6C8CD"},vkontakteImBubbleMableOutgoing:{normal:"#D9F4FF",hover:"#D0EBF7",active:"#C8E2EF"},vkontakteImBubbleMableOutgoingExpiringHighlighted:{normal:"#C2CBFF",hover:"#BAC4F7",active:"#B2BCEF"},vkontakteImBubbleMableOutgoingHighlighted:{normal:"#B0E8FF",hover:"#A9DFF7",active:"#A2D7EF"},vkontakteImBubbleMableWallpaperOutgoing:{normal:"#D9F4FF",hover:"#D0EBF7",active:"#C8E2EF"},vkontakteImBubbleMableWallpaperOutgoingHighlighted:{normal:"#B0E8FF",hover:"#A9DFF7",active:"#A2D7EF"},vkontakteImBubbleWallpaperButtonForeground:{normal:"#000000",hover:"#000102",active:"#000105"},vkontakteImServiceMessageText:{normal:"#818C99",hover:"#7C8795",active:"#778292"},vkontakteLandingSecondaryButtonBackground:{normal:"rgba(0, 57, 115, 0.10)",hover:"rgba(0, 57, 115, 0.14)",active:"rgba(0, 57, 115, 0.18)"},vkontakteStoriesSkeletonLoaderBackground:{normal:"#454647",hover:"#424447",active:"#3F4246"},vkontaktePaletteBlack:{normal:"#000000",hover:"#000102",active:"#000105"},themeType:"root"};

package/themes/vkontakteAndroid/index.json

@@ -6,7 +6,10 @@
 	"elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)",
 	"elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)",
 	"elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)",
+	"blurS": 8,
 	"blurM": 16,
+	"blurL": 48,
+	"blurXL": 96,
 	"fontFamilyFallbacks": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 	"fontFamilyAccent": "\"VK Sans Display\", -apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 	"fontFamilyBase": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",

package/themes/vkontakteAndroid/index.less

@@ -5,7 +5,10 @@
 @elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 @elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 @elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+@blur-s: 8px;
 @blur-m: 16px;
+@blur-l: 48px;
+@blur-x-l: 96px;
 @font-family-fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 @font-family-accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 @font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkontakteAndroid/index.pcss

@@ -6,7 +6,10 @@
 	--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--blur-s: 8px;
 	--blur-m: 16px;
+	--blur-l: 48px;
+	--blur-x-l: 96px;
 	--font-family-fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--font-family-accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkontakteAndroid/index.scss

@@ -5,7 +5,10 @@ $elevation1-invert-y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0
 $elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 $elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 $elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+$blur-s: 8px;
 $blur-m: 16px;
+$blur-l: 48px;
+$blur-x-l: 96px;
 $font-family-fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkontakteAndroid/index.styl

@@ -5,7 +5,10 @@ $elevation1-invert-y = 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0,
 $elevation2 = 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 $elevation3 = 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 $elevation4 = 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+$blur-s = 8px;
 $blur-m = 16px;
+$blur-l = 48px;
+$blur-x-l = 96px;
 $font-family-fallbacks = -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-accent = "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-base = -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkontakteAndroid/struct.json

@@ -13,7 +13,10 @@
 		"elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)"
 	},
 	"blur": {
-		"blurM": 16
+		"blurS": 8,
+		"blurM": 16,
+		"blurL": 48,
+		"blurXL": 96
 	},
 	"fontFamily": {
 		"fontFamilyFallbacks": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",

package/themes/vkontakteAndroidDark/cssVars/declarations/index.css

@@ -6,7 +6,10 @@
 	--vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
 	--vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
 	--vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkontakteAndroidDark/cssVars/declarations/noColors.css

@@ -6,7 +6,10 @@
 	--vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
 	--vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
 	--vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css

@@ -6,7 +6,10 @@
 	--vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
 	--vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
 	--vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--spacing_size_3xs: 2px;
 	--vkui--spacing_size_2xs: 2px;
 	--vkui--spacing_size_xs: 4px;

package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css

@@ -6,7 +6,10 @@
 	--vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
 	--vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
 	--vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;