@font-face {
  font-family: 'AndroidSystemFont';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
    local('Roboto-Regular'),
    local('sans-serif');
}
@font-face {
  font-family: 'AndroidSystemFont';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'),
    local('Roboto-Medium'),
    local('sans-serif-medium');
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url('../assets/fonts/400cyr_ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url('../assets/fonts/400cyr.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url('../assets/fonts/400greek.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url('../assets/fonts/400latin_ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url('../assets/fonts/400latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../assets/fonts/500cyr_ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../assets/fonts/500cyr.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../assets/fonts/500greek.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../assets/fonts/500latin_ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../assets/fonts/500latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* TT-Commons medium */
@font-face {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/TTCommons-Medium.woff2') format('woff2');
}

/* VK Sans Display medium */
@font-face {
  font-family: 'VK Sans Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/VK_Sans_Display_Medium.woff2') format('woff2');
}

/* VK Sans Display regular */
@font-face {
  font-family: 'VK Sans Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/VK_Sans_Display_Regular.woff2') format('woff2');
}

/* MAX Sans */
@font-face {
  font-family: 'Max Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/Max_Sans_Regular.woff2') format('woff2');
}

/* MAX Sans DemiBold */
@font-face {
  font-family: 'Max Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/Max_Sans_DemiBold.woff2') format('woff2');
}

html {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, Roboto, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
}

html.android {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, AndroidSystemFont, Helvetica Neue, Roboto, sans-serif;
}

body,
input,
textarea,
select,
button {
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: inherit;
}

body {
  margin: 0;
}

body:not(.tabbing) *:focus {
  outline: none;
}

b {
  font-weight: 500;
}

/**
  Данный файл содержит цветовые темы, на основе vkui-tokens
  Он не должен содержать сторонние импорты, отличные от определение цветовых тем
 */

/* Доступность */
:root {
	--vkui--theme_name: 'vkAccessibility';
	--vkui--theme_name_base: 'vkAccessibility';
	--vkui--gradient_black: 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%;
	--vkui--gradient_white: 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%;
	--vkui--gradient_tint: 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%, rgba(249, 249, 249, 1) 100%;
	--vkui--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%, rgba(255, 255, 255, 1) 100%;
	--vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
	--vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06);
	--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_m: 16px;
	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_weight_accent1: 600;
	--vkui--font_weight_accent2: 500;
	--vkui--font_weight_accent3: 400;
	--vkui--font_weight_base1: 600;
	--vkui--font_weight_base2: 500;
	--vkui--font_weight_base3: 400;
	--vkui--font_display_title1--font_size--regular: 23px;
	--vkui--font_display_title1--line_height--regular: 28px;
	--vkui--font_display_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title1--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--regular: 21px;
	--vkui--font_display_title2--line_height--regular: 26px;
	--vkui--font_display_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--compact: 22px;
	--vkui--font_display_title2--line_height--compact: 24px;
	--vkui--font_display_title2--font_family--compact: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--compact: 600;
	--vkui--font_display_title3--font_size--regular: 19px;
	--vkui--font_display_title3--line_height--regular: 24px;
	--vkui--font_display_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title3--font_weight--regular: 600;
	--vkui--font_display_title4--font_size--regular: 17px;
	--vkui--font_display_title4--line_height--regular: 22px;
	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title4--font_weight--regular: 600;
	--vkui--font_title1--font_size--regular: 24px;
	--vkui--font_title1--line_height--regular: 28px;
	--vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title1--font_weight--regular: 600;
	--vkui--font_title2--font_size--regular: 20px;
	--vkui--font_title2--line_height--regular: 24px;
	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title2--font_weight--regular: 500;
	--vkui--font_title3--font_size--regular: 17px;
	--vkui--font_title3--line_height--regular: 22px;
	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title3--font_weight--regular: 600;
	--vkui--font_headline1--font_size--regular: 16px;
	--vkui--font_headline1--line_height--regular: 20px;
	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline1--font_weight--regular: 500;
	--vkui--font_headline1--font_size--compact: 15px;
	--vkui--font_headline1--line_height--compact: 20px;
	--vkui--font_headline2--font_size--regular: 15px;
	--vkui--font_headline2--line_height--regular: 20px;
	--vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline2--font_weight--regular: 500;
	--vkui--font_headline2--font_size--compact: 14px;
	--vkui--font_headline2--line_height--compact: 20px;
	--vkui--font_text--font_size--regular: 16px;
	--vkui--font_text--line_height--regular: 20px;
	--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_text--font_weight--regular: 400;
	--vkui--font_text--font_size--compact: 15px;
	--vkui--font_text--line_height--compact: 20px;
	--vkui--font_paragraph--font_size--regular: 15px;
	--vkui--font_paragraph--line_height--regular: 20px;
	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_paragraph--font_weight--regular: 400;
	--vkui--font_subhead--font_size--regular: 14px;
	--vkui--font_subhead--line_height--regular: 18px;
	--vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_subhead--font_weight--regular: 400;
	--vkui--font_subhead--font_size--compact: 13px;
	--vkui--font_subhead--line_height--compact: 16px;
	--vkui--font_footnote--font_size--regular: 13px;
	--vkui--font_footnote--line_height--regular: 16px;
	--vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote--font_weight--regular: 400;
	--vkui--font_footnote_caps--font_size--regular: 13px;
	--vkui--font_footnote_caps--line_height--regular: 16px;
	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote_caps--font_weight--regular: 600;
	--vkui--font_footnote_caps--text_transform--regular: uppercase;
	--vkui--font_caption1--font_size--regular: 12px;
	--vkui--font_caption1--line_height--regular: 14px;
	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1--font_weight--regular: 400;
	--vkui--font_caption1_caps--font_size--regular: 12px;
	--vkui--font_caption1_caps--line_height--regular: 14px;
	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1_caps--font_weight--regular: 600;
	--vkui--font_caption1_caps--text_transform--regular: uppercase;
	--vkui--font_caption2--font_size--regular: 11px;
	--vkui--font_caption2--line_height--regular: 14px;
	--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2--font_weight--regular: 400;
	--vkui--font_caption2_caps--font_size--regular: 11px;
	--vkui--font_caption2_caps--line_height--regular: 14px;
	--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2_caps--font_weight--regular: 600;
	--vkui--font_caption2_caps--text_transform--regular: uppercase;
	--vkui--font_caption3--font_size--regular: 9px;
	--vkui--font_caption3--line_height--regular: 12px;
	--vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3--font_weight--regular: 400;
	--vkui--font_caption3_caps--font_size--regular: 9px;
	--vkui--font_caption3_caps--line_height--regular: 12px;
	--vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3_caps--font_weight--regular: 600;
	--vkui--font_caption3_caps--text_transform--regular: uppercase;
	--vkui--size_select_icon_padding--regular: 6px;
	--vkui--size_select_icon_padding--compact: 7px;
	--vkui--size_popup_base_padding--regular: 32px;
	--vkui--size_popup_base_padding--compact: 20px;
	--vkui--size_popup_header_padding--regular: 24px;
	--vkui--size_popup_header_padding--compact: 16px;
	--vkui--size_label_horizontal_margin--regular: 16px;
	--vkui--size_border_radius--regular: 8px;
	--vkui--size_border_radius_rounded--regular: 48px;
	--vkui--size_check_border_radius--regular: 4px;
	--vkui--size_border_radius_paper--regular: 12px;
	--vkui--size_border_radius_promo--regular: 20px;
	--vkui--size_cell_height--regular: 48px;
	--vkui--size_cell_height--compact: 44px;
	--vkui--size_field_height--regular: 44px;
	--vkui--size_field_height--compact: 36px;
	--vkui--size_search_height--regular: 36px;
	--vkui--size_search_height--compact: 32px;
	--vkui--size_button_extra_small_height--regular: 24px;
	--vkui--size_button_extra_small_height--compact: 22px;
	--vkui--size_button_small_height--regular: 30px;
	--vkui--size_button_small_height--compact: 28px;
	--vkui--size_button_medium_height--regular: 36px;
	--vkui--size_button_medium_height--compact: 32px;
	--vkui--size_button_large_height--regular: 44px;
	--vkui--size_button_large_height--compact: 36px;
	--vkui--size_checkbox--regular: 16px;
	--vkui--size_arrow--regular: 8px;
	--vkui--size_arrow_promo--regular: 40px;
	--vkui--size_popup_small--regular: 430px;
	--vkui--size_popup_medium--regular: 680px;
	--vkui--size_popup_large--regular: 880px;
	--vkui--size_field_horizontal_padding--regular: 12px;
	--vkui--size_button_padding_horizontal--regular: 12px;
	--vkui--size_arrow_padding--regular: 12px;
	--vkui--size_tooltip_margin--regular: 8px;
	--vkui--size_icon_u_i--regular: 16px;
	--vkui--size_avatar_x_s--regular: 24px;
	--vkui--size_avatar_s--regular: 32px;
	--vkui--size_avatar_m--regular: 48px;
	--vkui--size_avatar_l--regular: 96px;
	--vkui--size_avatar_x_l--regular: 128px;
	--vkui--size_badge_x_s--regular: 12px;
	--vkui--size_badge_s--regular: 16px;
	--vkui--size_badge_m--regular: 24px;
	--vkui--size_badge_l--regular: 44px;
	--vkui--size_badge_x_l--regular: 56px;
	--vkui--size_cardgrid_padding--regular: 8px;
	--vkui--size_card_border_radius--regular: 8px;
	--vkui--size_cardgrid_padding_vertical--regular: 8px;
	--vkui--size_base_padding_horizontal--regular: 16px;
	--vkui--size_base_padding_vertical--regular: 12px;
	--vkui--size_button_group_gap_space--regular: 1px;
	--vkui--size_button_group_gap_small--regular: 8px;
	--vkui--size_button_group_gap_medium--regular: 12px;
	--vkui--size_option_hierarchy--regular: 32px;
	--vkui--size_switch_height--regular: 14px;
	--vkui--size_switch_height--compact: 12px;
	--vkui--size_switch_width--regular: 34px;
	--vkui--size_switch_width--compact: 32px;
	--vkui--size_switch_pin--regular: 20px;
	--vkui--size_switch_pin--compact: 18px;
	--vkui--size_panel_header_height--compact: 48px;
	--vkui--size_panel_header_height--regular: 56px;
	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
	--vkui--size_button_base_large_padding_horizontal--regular: 20px;
	--vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_minimum_width--regular: 80px;
	--vkui--size_form_item_padding_vertical--regular: 12px;
	--vkui--size_split_col_padding_horizontal--regular: 16px;
	--vkui--size_subnavigation_bar_gap--regular: 8px;
	--vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
	--vkui--size_border1x--regular: 1px;
	--vkui--size_border2x--regular: 0.5px;
	--vkui--size_border3x--regular: 0.33px;
	--vkui--spacing_size_3xs: 2px;
	--vkui--spacing_size_2xs: 2px;
	--vkui--spacing_size_xs: 4px;
	--vkui--spacing_size_s: 6px;
	--vkui--spacing_size_m: 8px;
	--vkui--spacing_size_l: 10px;
	--vkui--spacing_size_xl: 12px;
	--vkui--spacing_size_2xl: 16px;
	--vkui--spacing_size_3xl: 20px;
	--vkui--spacing_size_4xl: 24px;
	--vkui--animation_duration_l: 0.4s;
	--vkui--animation_duration_m: 0.2s;
	--vkui--animation_duration_s: 0.1s;
	--vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
	--vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1);
	--vkui--opacity_disable: 0.4;
	--vkui--opacity_disable_accessibility: 0.64;
	--vkui--opacity_active: 0.72;
	--vkui--z_index_modal: 99;
	--vkui--z_index_popout: 100;
	--vkui--theme_inherits_from: 'vkBase';
	--vkui--font_headline--font_size--regular: 16px;
	--vkui--font_headline--line_height--regular: 20px;
	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline--font_weight--regular: 500;
	--vkui--font_headline--font_size--compact: 15px;
	--vkui--font_headline--line_height--compact: 20px;
	--vkui--colors_scheme: light;
	--vkui--color_background_accent: #2688eb;
	--vkui--color_background_accent--hover: #2483E4;
	--vkui--color_background_accent--active: #237EDD;
	--vkui--color_background_accent_themed: #2688eb;
	--vkui--color_background_accent_themed--hover: #2483E4;
	--vkui--color_background_accent_themed--active: #237EDD;
	--vkui--color_background_accent_themed_alpha: rgba(38, 136, 235, 0.2);
	--vkui--color_background_accent_themed_alpha--hover: rgba(38, 136, 235, 0.24);
	--vkui--color_background_accent_themed_alpha--active: rgba(38, 136, 235, 0.28);
	--vkui--color_background_accent_tint: #5a9eff;
	--vkui--color_background_accent_tint--hover: #5698F7;
	--vkui--color_background_accent_tint--active: #5393EF;
	--vkui--color_background_accent_alternative: #2688EB;
	--vkui--color_background_accent_alternative--hover: #2483E4;
	--vkui--color_background_accent_alternative--active: #237EDD;
	--vkui--color_background: #ebedf0;
	--vkui--color_background--hover: #E2E4E9;
	--vkui--color_background--active: #D8DBE2;
	--vkui--color_background_content: #ffffff;
	--vkui--color_background_content--hover: #F5F5F7;
	--vkui--color_background_content--active: #EBECEF;
	--vkui--color_background_content_alpha: rgba(255, 255, 255, 0.8);
	--vkui--color_background_content_alpha--hover: rgba(255, 255, 255, 0.84);
	--vkui--color_background_content_alpha--active: rgba(255, 255, 255, 0.88);
	--vkui--color_background_content_inverse: #19191A;
	--vkui--color_background_content_inverse--hover: #18191B;
	--vkui--color_background_content_inverse--active: #17181D;
	--vkui--color_background_secondary: #f5f5f5;
	--vkui--color_background_secondary--hover: #EBECEE;
	--vkui--color_background_secondary--active: #E1E3E6;
	--vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
	--vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
	--vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
	--vkui--color_background_tertiary: #f9f9f9;
	--vkui--color_background_tertiary--hover: #EFF0F1;
	--vkui--color_background_tertiary--active: #E5E6EA;
	--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.03);
	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.07);
	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.11);
	--vkui--color_background_contrast: #ffffff;
	--vkui--color_background_contrast--hover: #F5F5F7;
	--vkui--color_background_contrast--active: #EBECEF;
	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);
	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
	--vkui--color_background_contrast_inverse: #2c2d2e;
	--vkui--color_background_contrast_inverse--hover: #2A2C2F;
	--vkui--color_background_contrast_inverse--active: #282B2F;
	--vkui--color_background_contrast_themed: #FFFFFF;
	--vkui--color_background_contrast_themed--hover: #F5F5F7;
	--vkui--color_background_contrast_themed--active: #EBECEF;
	--vkui--color_background_modal: #FFFFFF;
	--vkui--color_background_modal--hover: #F5F5F7;
	--vkui--color_background_modal--active: #EBECEF;
	--vkui--color_background_modal_inverse: #1C1D1E;
	--vkui--color_background_modal_inverse--hover: #1B1C1F;
	--vkui--color_background_modal_inverse--active: #1A1C20;
	--vkui--color_background_positive: #4bb34b;
	--vkui--color_background_positive--hover: #48AC4A;
	--vkui--color_background_positive--active: #45A64A;
	--vkui--color_background_positive_tint: #E8F9E8;
	--vkui--color_background_positive_tint--hover: #DFF0E1;
	--vkui--color_background_positive_tint--active: #D5E6DA;
	--vkui--color_background_warning: #FFF2D6;
	--vkui--color_background_warning--hover: #F5E9D0;
	--vkui--color_background_warning--active: #EBE0CA;
	--vkui--color_background_negative: #e64646;
	--vkui--color_background_negative--hover: #DD4446;
	--vkui--color_background_negative--active: #D44245;
	--vkui--color_background_negative_tint: #FFE9E9;
	--vkui--color_background_negative_tint--hover: #F5E0E2;
	--vkui--color_background_negative_tint--active: #EBD8DB;
	--vkui--color_background_info_tint: #DEEEFF;
	--vkui--color_background_info_tint--hover: #D5E5F7;
	--vkui--color_background_info_tint--active: #CCDCEF;
	--vkui--color_field_background: #F5F5F5;
	--vkui--color_field_background--hover: #EBECEE;
	--vkui--color_field_background--active: #E1E3E6;
	--vkui--color_header_background: #ffffff;
	--vkui--color_header_background--hover: #F5F5F7;
	--vkui--color_header_background--active: #EBECEF;
	--vkui--color_text_accent: #2688eb;
	--vkui--color_text_accent--hover: #2483E4;
	--vkui--color_text_accent--active: #237EDD;
	--vkui--color_text_accent_themed: #2688eb;
	--vkui--color_text_accent_themed--hover: #2483E4;
	--vkui--color_text_accent_themed--active: #237EDD;
	--vkui--color_text_primary: #000000;
	--vkui--color_text_primary--hover: #000102;
	--vkui--color_text_primary--active: #000105;
	--vkui--color_text_primary_alpha: rgba(37, 41, 46, 0.84);
	--vkui--color_text_primary_alpha--hover: rgba(37, 41, 46, 0.88);
	--vkui--color_text_primary_alpha--active: rgba(37, 41, 46, 0.92);
	--vkui--color_text_primary_invariably: #000000;
	--vkui--color_text_primary_invariably--hover: #000102;
	--vkui--color_text_primary_invariably--active: #000105;
	--vkui--color_text_secondary: #65707D;
	--vkui--color_text_secondary--hover: #616C7A;
	--vkui--color_text_secondary--active: #5D6878;
	--vkui--color_text_secondary_alpha: rgba(37, 41, 46, 0.55);
	--vkui--color_text_secondary_alpha--hover: rgba(37, 41, 46, 0.59);
	--vkui--color_text_secondary_alpha--active: rgba(37, 41, 46, 0.63);
	--vkui--color_text_subhead: #58636F;
	--vkui--color_text_subhead--hover: #54606D;
	--vkui--color_text_subhead--active: #515C6B;
	--vkui--color_text_tertiary: #848D98;
	--vkui--color_text_tertiary--hover: #7F8894;
	--vkui--color_text_tertiary--active: #798391;
	--vkui--color_text_contrast: #ffffff;
	--vkui--color_text_contrast--hover: #F5F5F7;
	--vkui--color_text_contrast--active: #EBECEF;
	--vkui--color_text_contrast_themed: #ffffff;
	--vkui--color_text_contrast_themed--hover: #F5F5F7;
	--vkui--color_text_contrast_themed--active: #EBECEF;
	--vkui--color_text_positive: #4bb34b;
	--vkui--color_text_positive--hover: #48AC4A;
	--vkui--color_text_positive--active: #45A64A;
	--vkui--color_text_negative: #e64646;
	--vkui--color_text_negative--hover: #DD4446;
	--vkui--color_text_negative--active: #D44245;
	--vkui--color_text_link: #2d81e0;
	--vkui--color_text_link--hover: #2B7CD9;
	--vkui--color_text_link--active: #2978D3;
	--vkui--color_text_link_themed: #2d81e0;
	--vkui--color_text_link_themed--hover: #2B7CD9;
	--vkui--color_text_link_themed--active: #2978D3;
	--vkui--color_text_link_tint: #71aaeb;
	--vkui--color_text_link_tint--hover: #6CA4E4;
	--vkui--color_text_link_tint--active: #689EDD;
	--vkui--color_text_link_visited: #4986cc;
	--vkui--color_text_link_visited--hover: #4681C6;
	--vkui--color_text_link_visited--active: #437DC1;
	--vkui--color_text_muted: #2c2d2e;
	--vkui--color_text_muted--hover: #2A2C2F;
	--vkui--color_text_muted--active: #282B2F;
	--vkui--color_link_contrast: #ffffff;
	--vkui--color_link_contrast--hover: #F5F5F7;
	--vkui--color_link_contrast--active: #EBECEF;
	--vkui--color_icon_accent: #2688eb;
	--vkui--color_icon_accent--hover: #2483E4;
	--vkui--color_icon_accent--active: #237EDD;
	--vkui--color_icon_accent_themed: #2688eb;
	--vkui--color_icon_accent_themed--hover: #2483E4;
	--vkui--color_icon_accent_themed--active: #237EDD;
	--vkui--color_icon_primary: #2c2d2e;
	--vkui--color_icon_primary--hover: #2A2C2F;
	--vkui--color_icon_primary--active: #282B2F;
	--vkui--color_icon_primary_invariably: #2c2d2e;
	--vkui--color_icon_primary_invariably--hover: #2A2C2F;
	--vkui--color_icon_primary_invariably--active: #282B2F;
	--vkui--color_icon_medium: #65707D;
	--vkui--color_icon_medium--hover: #616C7A;
	--vkui--color_icon_medium--active: #5D6878;
	--vkui--color_icon_medium_alpha: rgba(0, 0, 0, 55%);
	--vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.59);
	--vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.63);
	--vkui--color_icon_secondary: #868d97;
	--vkui--color_icon_secondary--hover: #818893;
	--vkui--color_icon_secondary--active: #7B8390;
	--vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 44%);
	--vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.48);
	--vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.52);
	--vkui--color_icon_tertiary: #a6adb7;
	--vkui--color_icon_tertiary--hover: #9FA7B2;
	--vkui--color_icon_tertiary--active: #99A0AD;
	--vkui--color_icon_tertiary_alpha: rgba(0, 0, 0, 32%);
	--vkui--color_icon_tertiary_alpha--hover: rgba(0, 0, 0, 0.36);
	--vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, 0.4);
	--vkui--color_icon_contrast: #ffffff;
	--vkui--color_icon_contrast--hover: #F5F5F7;
	--vkui--color_icon_contrast--active: #EBECEF;
	--vkui--color_icon_contrast_themed: #ffffff;
	--vkui--color_icon_contrast_themed--hover: #F5F5F7;
	--vkui--color_icon_contrast_themed--active: #EBECEF;
	--vkui--color_icon_contrast_secondary: #f2f3f5;
	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
	--vkui--color_icon_positive: #4bb34b;
	--vkui--color_icon_positive--hover: #48AC4A;
	--vkui--color_icon_positive--active: #45A64A;
	--vkui--color_icon_warning: #F8A01C;
	--vkui--color_icon_warning--hover: #EE9A1D;
	--vkui--color_icon_warning--active: #E4941F;
	--vkui--color_icon_negative: #e64646;
	--vkui--color_icon_negative--hover: #DD4446;
	--vkui--color_icon_negative--active: #D44245;
	--vkui--color_stroke_accent: #2688eb;
	--vkui--color_stroke_accent--hover: #2483E4;
	--vkui--color_stroke_accent--active: #237EDD;
	--vkui--color_stroke_accent_themed: #2688eb;
	--vkui--color_stroke_accent_themed--hover: #2483E4;
	--vkui--color_stroke_accent_themed--active: #237EDD;
	--vkui--color_separator_primary: #d7d8d9;
	--vkui--color_separator_primary--hover: #CED0D3;
	--vkui--color_separator_primary--active: #C6C8CD;
	--vkui--color_separator_primary2x: #cbcccd;
	--vkui--color_separator_primary2x--hover: #C3C4C7;
	--vkui--color_separator_primary2x--active: #BBBDC1;
	--vkui--color_separator_primary3x: #bebfc1;
	--vkui--color_separator_primary3x--hover: #B6B8BC;
	--vkui--color_separator_primary3x--active: #AFB1B6;
	--vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.12);
	--vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.16);
	--vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
	--vkui--color_separator_secondary: #e1e3e6;
	--vkui--color_separator_secondary--hover: #D8DBDF;
	--vkui--color_separator_secondary--active: #CFD2D8;
	--vkui--color_stroke_positive: #4bb34b;
	--vkui--color_stroke_positive--hover: #48AC4A;
	--vkui--color_stroke_positive--active: #45A64A;
	--vkui--color_stroke_negative: #e64646;
	--vkui--color_stroke_negative--hover: #DD4446;
	--vkui--color_stroke_negative--active: #D44245;
	--vkui--color_stroke_contrast: #ffffff;
	--vkui--color_stroke_contrast--hover: #F5F5F7;
	--vkui--color_stroke_contrast--active: #EBECEF;
	--vkui--color_stroke_primary: #2C2D2E;
	--vkui--color_stroke_primary--hover: #2A2C2F;
	--vkui--color_stroke_primary--active: #282B2F;
	--vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
	--vkui--color_image_border_alpha--hover: rgba(0, 0, 0, 0.12);
	--vkui--color_image_border_alpha--active: rgba(0, 0, 0, 0.16);
	--vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12);
	--vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24);
	--vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36);
	--vkui--color_accent_blue: #2688eb;
	--vkui--color_accent_blue--hover: #2483E4;
	--vkui--color_accent_blue--active: #237EDD;
	--vkui--color_accent_gray: #a3adb8;
	--vkui--color_accent_gray--hover: #9CA7B3;
	--vkui--color_accent_gray--active: #96A0AE;
	--vkui--color_accent_red: #ff3347;
	--vkui--color_accent_red--hover: #F53247;
	--vkui--color_accent_red--active: #EB3046;
	--vkui--color_accent_orange_fire: #f05c44;
	--vkui--color_accent_orange_fire--hover: #E65944;
	--vkui--color_accent_orange_fire--active: #DD5643;
	--vkui--color_accent_orange: #ffa000;
	--vkui--color_accent_orange--hover: #F59A02;
	--vkui--color_accent_orange--active: #EB9405;
	--vkui--color_accent_orange_peach: #F9B54F;
	--vkui--color_accent_orange_peach--hover: #EFAE4E;
	--vkui--color_accent_orange_peach--active: #E5A84E;
	--vkui--color_accent_lime: #AFF70D;
	--vkui--color_accent_lime--hover: #A8EE0F;
	--vkui--color_accent_lime--active: #A1E511;
	--vkui--color_accent_green: #4bb34b;
	--vkui--color_accent_green--hover: #48AC4A;
	--vkui--color_accent_green--active: #45A64A;
	--vkui--color_accent_cyan: #13FFD0;
	--vkui--color_accent_cyan--hover: #12F5CA;
	--vkui--color_accent_cyan--active: #11ECC4;
	--vkui--color_accent_azure: #0077FF;
	--vkui--color_accent_azure--hover: #0073F7;
	--vkui--color_accent_azure--active: #006FEF;
	--vkui--color_accent_purple: #735ce6;
	--vkui--color_accent_purple--hover: #6E59DF;
	--vkui--color_accent_purple--active: #6A56D8;
	--vkui--color_accent_violet: #792ec0;
	--vkui--color_accent_violet--hover: #742DBB;
	--vkui--color_accent_violet--active: #6F2CB6;
	--vkui--color_accent_raspberry_pink: #e03fab;
	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
	--vkui--color_accent_pink: #F45FFF;
	--vkui--color_accent_pink--hover: #EA5CF7;
	--vkui--color_accent_pink--active: #E059EF;
	--vkui--color_accent_secondary: #3f8ae0;
	--vkui--color_accent_secondary--hover: #3C85D9;
	--vkui--color_accent_secondary--active: #3A80D3;
	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
	--vkui--color_overlay_secondary: rgba(0, 0, 0, 0.27);
	--vkui--color_overlay_secondary--hover: rgba(0, 0, 0, 0.31);
	--vkui--color_overlay_secondary--active: rgba(0, 0, 0, 0.35);
	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
	--vkui--color_action_sheet_text: #3f8ae0;
	--vkui--color_action_sheet_text--hover: #3C85D9;
	--vkui--color_action_sheet_text--active: #3A80D3;
	--vkui--color_image_placeholder: #F5F5F5;
	--vkui--color_image_placeholder--hover: #EBECEE;
	--vkui--color_image_placeholder--active: #E1E3E6;
	--vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
	--vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, 0.12);
	--vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, 0.16);
	--vkui--color_skeleton_from: #f5f5f5;
	--vkui--color_skeleton_from--hover: #EBECEE;
	--vkui--color_skeleton_from--active: #E1E3E6;
	--vkui--color_skeleton_to: #e1e3e6;
	--vkui--color_skeleton_to--hover: #D8DBDF;
	--vkui--color_skeleton_to--active: #CFD2D8;
	--vkui--color_button_text: #2688eb;
	--vkui--color_button_text--hover: #2483E4;
	--vkui--color_button_text--active: #237EDD;
	--vkui--color_button_icon: #2688eb;
	--vkui--color_button_icon--hover: #2483E4;
	--vkui--color_button_icon--active: #237EDD;
	--vkui--color_button_stroke: #2688eb;
	--vkui--color_button_stroke--hover: #2483E4;
	--vkui--color_button_stroke--active: #237EDD;
	--vkui--color_write_bar_icon: #3f8ae0;
	--vkui--color_write_bar_icon--hover: #3C85D9;
	--vkui--color_write_bar_icon--active: #3A80D3;
	--vkui--color_write_bar_input_background: #F5F5F5;
	--vkui--color_write_bar_input_background--hover: #EBECEE;
	--vkui--color_write_bar_input_background--active: #E1E3E6;
	--vkui--color_write_bar_input_border: #e1e3e6;
	--vkui--color_write_bar_input_border--hover: #D8DBDF;
	--vkui--color_write_bar_input_border--active: #CFD2D8;
	--vkui--color_write_bar_input_border_alpha: rgba(0, 0, 0, 0.08);
	--vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, 0.12);
	--vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, 0.16);
	--vkui--color_track_background: #e1e3e6;
	--vkui--color_track_background--hover: #D8DBDF;
	--vkui--color_track_background--active: #CFD2D8;
	--vkui--color_track_buffer: #a0bfe4;
	--vkui--color_track_buffer--hover: #9AB8DD;
	--vkui--color_track_buffer--active: #93B1D7;
	--vkui--color_search_field_background: #F2F3F5;
	--vkui--color_search_field_background--hover: #E8EAEE;
	--vkui--color_search_field_background--active: #DFE1E6;
	--vkui--color_panel_header_icon: #2688eb;
	--vkui--color_panel_header_icon--hover: #2483E4;
	--vkui--color_panel_header_icon--active: #237EDD;
	--vkui--color_segmented_control: #ffffff;
	--vkui--color_segmented_control--hover: #F5F5F7;
	--vkui--color_segmented_control--active: #EBECEF;
	--vkui--color_tabbar_text_inactive: #99a2ad;
	--vkui--color_tabbar_text_inactive--hover: #939CA9;
	--vkui--color_tabbar_text_inactive--active: #8D96A4;
	--vkui--color_transparent: transparent;
	--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
	--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
}
.vkui--vkAccessibility--dark {
	--vkui--theme_name: 'vkAccessibilityDark';
	--vkui--theme_name_base: 'vkAccessibility';
	--vkui--gradient_black: 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%;
	--vkui--gradient_white: 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%;
	--vkui--gradient_tint: rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%;
	--vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%;
	--vkui--elevation1: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
	--vkui--elevation1_invert_y: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20);
	--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_m: 16px;
	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_weight_accent1: 600;
	--vkui--font_weight_accent2: 500;
	--vkui--font_weight_accent3: 400;
	--vkui--font_weight_base1: 600;
	--vkui--font_weight_base2: 500;
	--vkui--font_weight_base3: 400;
	--vkui--font_display_title1--font_size--regular: 23px;
	--vkui--font_display_title1--line_height--regular: 28px;
	--vkui--font_display_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title1--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--regular: 21px;
	--vkui--font_display_title2--line_height--regular: 26px;
	--vkui--font_display_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--compact: 22px;
	--vkui--font_display_title2--line_height--compact: 24px;
	--vkui--font_display_title2--font_family--compact: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--compact: 600;
	--vkui--font_display_title3--font_size--regular: 19px;
	--vkui--font_display_title3--line_height--regular: 24px;
	--vkui--font_display_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title3--font_weight--regular: 600;
	--vkui--font_display_title4--font_size--regular: 17px;
	--vkui--font_display_title4--line_height--regular: 22px;
	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title4--font_weight--regular: 600;
	--vkui--font_title1--font_size--regular: 24px;
	--vkui--font_title1--line_height--regular: 28px;
	--vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title1--font_weight--regular: 600;
	--vkui--font_title2--font_size--regular: 20px;
	--vkui--font_title2--line_height--regular: 24px;
	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title2--font_weight--regular: 500;
	--vkui--font_title3--font_size--regular: 17px;
	--vkui--font_title3--line_height--regular: 22px;
	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title3--font_weight--regular: 600;
	--vkui--font_headline1--font_size--regular: 16px;
	--vkui--font_headline1--line_height--regular: 20px;
	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline1--font_weight--regular: 500;
	--vkui--font_headline1--font_size--compact: 15px;
	--vkui--font_headline1--line_height--compact: 20px;
	--vkui--font_headline2--font_size--regular: 15px;
	--vkui--font_headline2--line_height--regular: 20px;
	--vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline2--font_weight--regular: 500;
	--vkui--font_headline2--font_size--compact: 14px;
	--vkui--font_headline2--line_height--compact: 20px;
	--vkui--font_text--font_size--regular: 16px;
	--vkui--font_text--line_height--regular: 20px;
	--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_text--font_weight--regular: 400;
	--vkui--font_text--font_size--compact: 15px;
	--vkui--font_text--line_height--compact: 20px;
	--vkui--font_paragraph--font_size--regular: 15px;
	--vkui--font_paragraph--line_height--regular: 20px;
	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_paragraph--font_weight--regular: 400;
	--vkui--font_subhead--font_size--regular: 14px;
	--vkui--font_subhead--line_height--regular: 18px;
	--vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_subhead--font_weight--regular: 400;
	--vkui--font_subhead--font_size--compact: 13px;
	--vkui--font_subhead--line_height--compact: 16px;
	--vkui--font_footnote--font_size--regular: 13px;
	--vkui--font_footnote--line_height--regular: 16px;
	--vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote--font_weight--regular: 400;
	--vkui--font_footnote_caps--font_size--regular: 13px;
	--vkui--font_footnote_caps--line_height--regular: 16px;
	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote_caps--font_weight--regular: 600;
	--vkui--font_footnote_caps--text_transform--regular: uppercase;
	--vkui--font_caption1--font_size--regular: 12px;
	--vkui--font_caption1--line_height--regular: 14px;
	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1--font_weight--regular: 400;
	--vkui--font_caption1_caps--font_size--regular: 12px;
	--vkui--font_caption1_caps--line_height--regular: 14px;
	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1_caps--font_weight--regular: 600;
	--vkui--font_caption1_caps--text_transform--regular: uppercase;
	--vkui--font_caption2--font_size--regular: 11px;
	--vkui--font_caption2--line_height--regular: 14px;
	--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2--font_weight--regular: 400;
	--vkui--font_caption2_caps--font_size--regular: 11px;
	--vkui--font_caption2_caps--line_height--regular: 14px;
	--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2_caps--font_weight--regular: 600;
	--vkui--font_caption2_caps--text_transform--regular: uppercase;
	--vkui--font_caption3--font_size--regular: 9px;
	--vkui--font_caption3--line_height--regular: 12px;
	--vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3--font_weight--regular: 400;
	--vkui--font_caption3_caps--font_size--regular: 9px;
	--vkui--font_caption3_caps--line_height--regular: 12px;
	--vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3_caps--font_weight--regular: 600;
	--vkui--font_caption3_caps--text_transform--regular: uppercase;
	--vkui--size_select_icon_padding--regular: 6px;
	--vkui--size_select_icon_padding--compact: 7px;
	--vkui--size_popup_base_padding--regular: 32px;
	--vkui--size_popup_base_padding--compact: 20px;
	--vkui--size_popup_header_padding--regular: 24px;
	--vkui--size_popup_header_padding--compact: 16px;
	--vkui--size_label_horizontal_margin--regular: 16px;
	--vkui--size_border_radius--regular: 8px;
	--vkui--size_border_radius_rounded--regular: 48px;
	--vkui--size_check_border_radius--regular: 4px;
	--vkui--size_border_radius_paper--regular: 12px;
	--vkui--size_border_radius_promo--regular: 20px;
	--vkui--size_cell_height--regular: 48px;
	--vkui--size_cell_height--compact: 44px;
	--vkui--size_field_height--regular: 44px;
	--vkui--size_field_height--compact: 36px;
	--vkui--size_search_height--regular: 36px;
	--vkui--size_search_height--compact: 32px;
	--vkui--size_button_extra_small_height--regular: 24px;
	--vkui--size_button_extra_small_height--compact: 22px;
	--vkui--size_button_small_height--regular: 30px;
	--vkui--size_button_small_height--compact: 28px;
	--vkui--size_button_medium_height--regular: 36px;
	--vkui--size_button_medium_height--compact: 32px;
	--vkui--size_button_large_height--regular: 44px;
	--vkui--size_button_large_height--compact: 36px;
	--vkui--size_checkbox--regular: 16px;
	--vkui--size_arrow--regular: 8px;
	--vkui--size_arrow_promo--regular: 40px;
	--vkui--size_popup_small--regular: 430px;
	--vkui--size_popup_medium--regular: 680px;
	--vkui--size_popup_large--regular: 880px;
	--vkui--size_field_horizontal_padding--regular: 12px;
	--vkui--size_button_padding_horizontal--regular: 12px;
	--vkui--size_arrow_padding--regular: 12px;
	--vkui--size_tooltip_margin--regular: 8px;
	--vkui--size_icon_u_i--regular: 16px;
	--vkui--size_avatar_x_s--regular: 24px;
	--vkui--size_avatar_s--regular: 32px;
	--vkui--size_avatar_m--regular: 48px;
	--vkui--size_avatar_l--regular: 96px;
	--vkui--size_avatar_x_l--regular: 128px;
	--vkui--size_badge_x_s--regular: 12px;
	--vkui--size_badge_s--regular: 16px;
	--vkui--size_badge_m--regular: 24px;
	--vkui--size_badge_l--regular: 44px;
	--vkui--size_badge_x_l--regular: 56px;
	--vkui--size_cardgrid_padding--regular: 8px;
	--vkui--size_card_border_radius--regular: 8px;
	--vkui--size_cardgrid_padding_vertical--regular: 8px;
	--vkui--size_base_padding_horizontal--regular: 16px;
	--vkui--size_base_padding_vertical--regular: 12px;
	--vkui--size_button_group_gap_space--regular: 1px;
	--vkui--size_button_group_gap_small--regular: 8px;
	--vkui--size_button_group_gap_medium--regular: 12px;
	--vkui--size_option_hierarchy--regular: 32px;
	--vkui--size_switch_height--regular: 14px;
	--vkui--size_switch_height--compact: 12px;
	--vkui--size_switch_width--regular: 34px;
	--vkui--size_switch_width--compact: 32px;
	--vkui--size_switch_pin--regular: 20px;
	--vkui--size_switch_pin--compact: 18px;
	--vkui--size_panel_header_height--compact: 48px;
	--vkui--size_panel_header_height--regular: 56px;
	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
	--vkui--size_button_base_large_padding_horizontal--regular: 20px;
	--vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_minimum_width--regular: 80px;
	--vkui--size_form_item_padding_vertical--regular: 12px;
	--vkui--size_split_col_padding_horizontal--regular: 16px;
	--vkui--size_subnavigation_bar_gap--regular: 8px;
	--vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
	--vkui--size_border1x--regular: 1px;
	--vkui--size_border2x--regular: 0.5px;
	--vkui--size_border3x--regular: 0.33px;
	--vkui--spacing_size_3xs: 2px;
	--vkui--spacing_size_2xs: 2px;
	--vkui--spacing_size_xs: 4px;
	--vkui--spacing_size_s: 6px;
	--vkui--spacing_size_m: 8px;
	--vkui--spacing_size_l: 10px;
	--vkui--spacing_size_xl: 12px;
	--vkui--spacing_size_2xl: 16px;
	--vkui--spacing_size_3xl: 20px;
	--vkui--spacing_size_4xl: 24px;
	--vkui--animation_duration_l: 0.4s;
	--vkui--animation_duration_m: 0.2s;
	--vkui--animation_duration_s: 0.1s;
	--vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
	--vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1);
	--vkui--opacity_disable: 0.4;
	--vkui--opacity_disable_accessibility: 0.64;
	--vkui--opacity_active: 0.72;
	--vkui--z_index_modal: 99;
	--vkui--z_index_popout: 100;
	--vkui--theme_inherits_from: 'vkBaseDark';
	--vkui--font_headline--font_size--regular: 16px;
	--vkui--font_headline--line_height--regular: 20px;
	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline--font_weight--regular: 500;
	--vkui--font_headline--font_size--compact: 15px;
	--vkui--font_headline--line_height--compact: 20px;
	--vkui--colors_scheme: dark;
	--vkui--color_background_accent: #529ef4;
	--vkui--color_background_accent--hover: #59A2F4;
	--vkui--color_background_accent--active: #60A6F5;
	--vkui--color_background_accent_themed: #FFFFFF;
	--vkui--color_background_accent_themed--hover: #EBEDF0;
	--vkui--color_background_accent_themed--active: #D7D8DB;
	--vkui--color_background_accent_themed_alpha: rgba(255, 255, 255, 0.2);
	--vkui--color_background_accent_themed_alpha--hover: rgba(255, 255, 255, 0.24);
	--vkui--color_background_accent_themed_alpha--active: rgba(255, 255, 255, 0.28);
	--vkui--color_background_accent_tint: #5a9eff;
	--vkui--color_background_accent_tint--hover: #61A2FF;
	--vkui--color_background_accent_tint--active: #67A6FF;
	--vkui--color_background_accent_alternative: #529EF4;
	--vkui--color_background_accent_alternative--hover: #59A2F4;
	--vkui--color_background_accent_alternative--active: #60A6F5;
	--vkui--color_background: #0a0a0a;
	--vkui--color_background--hover: #141414;
	--vkui--color_background--active: #1E1E1E;
	--vkui--color_background_content: #19191a;
	--vkui--color_background_content--hover: #222223;
	--vkui--color_background_content--active: #2B2B2C;
	--vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
	--vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
	--vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
	--vkui--color_background_content_inverse: #FFFFFF;
	--vkui--color_background_content_inverse--hover: #EBEDF0;
	--vkui--color_background_content_inverse--active: #D7D8DB;
	--vkui--color_background_secondary: #232324;
	--vkui--color_background_secondary--hover: #2C2C2D;
	--vkui--color_background_secondary--active: #353536;
	--vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.10);
	--vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.14);
	--vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.18);
	--vkui--color_background_tertiary: #202021;
	--vkui--color_background_tertiary--hover: #29292A;
	--vkui--color_background_tertiary--active: #323233;
	--vkui--color_background_tertiary_alpha: rgba(255, 255, 255, 0.03);
	--vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, 0.07);
	--vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, 0.11);
	--vkui--color_background_contrast: #FFFFFF;
	--vkui--color_background_contrast--hover: #EBEDF0;
	--vkui--color_background_contrast--active: #D7D8DB;
	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
	--vkui--color_background_contrast_inverse: #2c2d2e;
	--vkui--color_background_contrast_inverse--hover: #343536;
	--vkui--color_background_contrast_inverse--active: #3D3E3F;
	--vkui--color_background_contrast_themed: #2C2D2E;
	--vkui--color_background_contrast_themed--hover: #343536;
	--vkui--color_background_contrast_themed--active: #3D3E3F;
	--vkui--color_background_modal: #1C1D1E;
	--vkui--color_background_modal--hover: #252627;
	--vkui--color_background_modal--active: #2E2F30;
	--vkui--color_background_modal_inverse: #FFFFFF;
	--vkui--color_background_modal_inverse--hover: #EBEDF0;
	--vkui--color_background_modal_inverse--active: #D7D8DB;
	--vkui--color_background_positive: #4bb34b;
	--vkui--color_background_positive--hover: #52B652;
	--vkui--color_background_positive--active: #59B959;
	--vkui--color_background_positive_tint: #2E3E2B;
	--vkui--color_background_positive_tint--hover: #364633;
	--vkui--color_background_positive_tint--active: #3F4D3C;
	--vkui--color_background_warning: #473315;
	--vkui--color_background_warning--hover: #4E3B1E;
	--vkui--color_background_warning--active: #564328;
	--vkui--color_background_negative: #ff5c5c;
	--vkui--color_background_negative--hover: #FF6363;
	--vkui--color_background_negative--active: #FF6969;
	--vkui--color_background_negative_tint: #522E2E;
	--vkui--color_background_negative_tint--hover: #593636;
	--vkui--color_background_negative_tint--active: #603F3F;
	--vkui--color_background_info_tint: #1C3954;
	--vkui--color_background_info_tint--hover: #25415B;
	--vkui--color_background_info_tint--active: #2E4962;
	--vkui--color_field_background: #232324;
	--vkui--color_field_background--hover: #2C2C2D;
	--vkui--color_field_background--active: #353536;
	--vkui--color_header_background: #19191a;
	--vkui--color_header_background--hover: #222223;
	--vkui--color_header_background--active: #2B2B2C;
	--vkui--color_text_accent: #529ef4;
	--vkui--color_text_accent--hover: #59A2F4;
	--vkui--color_text_accent--active: #60A6F5;
	--vkui--color_text_accent_themed: #FFFFFF;
	--vkui--color_text_accent_themed--hover: #EBEDF0;
	--vkui--color_text_accent_themed--active: #D7D8DB;
	--vkui--color_text_primary: #e1e3e6;
	--vkui--color_text_primary--hover: #E2E4E7;
	--vkui--color_text_primary--active: #E3E5E8;
	--vkui--color_text_primary_alpha: rgba(249, 252, 255, 0.72);
	--vkui--color_text_primary_alpha--hover: rgba(249, 252, 255, 0.76);
	--vkui--color_text_primary_alpha--active: rgba(249, 252, 255, 0.8);
	--vkui--color_text_primary_invariably: #000000;
	--vkui--color_text_primary_invariably--hover: #0A0A0A;
	--vkui--color_text_primary_invariably--active: #141414;
	--vkui--color_text_secondary: #909294;
	--vkui--color_text_secondary--hover: #949698;
	--vkui--color_text_secondary--active: #999B9D;
	--vkui--color_text_secondary_alpha: rgba(247, 251, 255, 0.42);
	--vkui--color_text_secondary_alpha--hover: rgba(247, 251, 255, 0.46);
	--vkui--color_text_secondary_alpha--active: rgba(247, 251, 255, 0.5);
	--vkui--color_text_subhead: #B9BABF;
	--vkui--color_text_subhead--hover: #BCBDC2;
	--vkui--color_text_subhead--active: #BFC0C4;
	--vkui--color_text_tertiary: #6B6D6F;
	--vkui--color_text_tertiary--hover: #717375;
	--vkui--color_text_tertiary--active: #77797B;
	--vkui--color_text_contrast: #FFFFFF;
	--vkui--color_text_contrast--hover: #EBEDF0;
	--vkui--color_text_contrast--active: #D7D8DB;
	--vkui--color_text_contrast_themed: #000000;
	--vkui--color_text_contrast_themed--hover: #0A0A0A;
	--vkui--color_text_contrast_themed--active: #141414;
	--vkui--color_text_positive: #4bb34b;
	--vkui--color_text_positive--hover: #52B652;
	--vkui--color_text_positive--active: #59B959;
	--vkui--color_text_negative: #ff5c5c;
	--vkui--color_text_negative--hover: #FF6363;
	--vkui--color_text_negative--active: #FF6969;
	--vkui--color_text_link: #529ef4;
	--vkui--color_text_link--hover: #59A2F4;
	--vkui--color_text_link--active: #60A6F5;
	--vkui--color_text_link_themed: #FFFFFF;
	--vkui--color_text_link_themed--hover: #EBEDF0;
	--vkui--color_text_link_themed--active: #D7D8DB;
	--vkui--color_text_link_tint: #71aaeb;
	--vkui--color_text_link_tint--hover: #77ADEC;
	--vkui--color_text_link_tint--active: #7CB1ED;
	--vkui--color_text_link_visited: #4986cc;
	--vkui--color_text_link_visited--hover: #508BCE;
	--vkui--color_text_link_visited--active: #5890D0;
	--vkui--color_text_muted: #e1e3e6;
	--vkui--color_text_muted--hover: #E2E4E7;
	--vkui--color_text_muted--active: #E3E5E8;
	--vkui--color_link_contrast: #FFFFFF;
	--vkui--color_link_contrast--hover: #EBEDF0;
	--vkui--color_link_contrast--active: #D7D8DB;
	--vkui--color_icon_accent: #529ef4;
	--vkui--color_icon_accent--hover: #59A2F4;
	--vkui--color_icon_accent--active: #60A6F5;
	--vkui--color_icon_accent_themed: #FFFFFF;
	--vkui--color_icon_accent_themed--hover: #EBEDF0;
	--vkui--color_icon_accent_themed--active: #D7D8DB;
	--vkui--color_icon_primary: #e1e3e6;
	--vkui--color_icon_primary--hover: #E2E4E7;
	--vkui--color_icon_primary--active: #E3E5E8;
	--vkui--color_icon_primary_invariably: #2c2d2e;
	--vkui--color_icon_primary_invariably--hover: #343536;
	--vkui--color_icon_primary_invariably--active: #3D3E3F;
	--vkui--color_icon_medium: #B9BABF;
	--vkui--color_icon_medium--hover: #BCBDC2;
	--vkui--color_icon_medium--active: #BFC0C4;
	--vkui--color_icon_medium_alpha: rgba(247, 248, 255, 70%);
	--vkui--color_icon_medium_alpha--hover: rgba(247, 248, 255, 0.74);
	--vkui--color_icon_medium_alpha--active: rgba(247, 248, 255, 0.78);
	--vkui--color_icon_secondary: #898B8D;
	--vkui--color_icon_secondary--hover: #8E9092;
	--vkui--color_icon_secondary--active: #929496;
	--vkui--color_icon_secondary_alpha: rgba(248, 252, 255, 50%);
	--vkui--color_icon_secondary_alpha--hover: rgba(248, 252, 255, 0.54);
	--vkui--color_icon_secondary_alpha--active: rgba(248, 252, 255, 0.58);
	--vkui--color_icon_tertiary: #5D5F61;
	--vkui--color_icon_tertiary--hover: #636567;
	--vkui--color_icon_tertiary--active: #6A6C6E;
	--vkui--color_icon_tertiary_alpha: rgba(246, 250, 255, 37%);
	--vkui--color_icon_tertiary_alpha--hover: rgba(246, 250, 255, 0.41000000000000003);
	--vkui--color_icon_tertiary_alpha--active: rgba(246, 250, 255, 0.45);
	--vkui--color_icon_contrast: #FFFFFF;
	--vkui--color_icon_contrast--hover: #EBEDF0;
	--vkui--color_icon_contrast--active: #D7D8DB;
	--vkui--color_icon_contrast_themed: #000000;
	--vkui--color_icon_contrast_themed--hover: #0A0A0A;
	--vkui--color_icon_contrast_themed--active: #141414;
	--vkui--color_icon_contrast_secondary: #f2f3f5;
	--vkui--color_icon_contrast_secondary--hover: #F3F3F5;
	--vkui--color_icon_contrast_secondary--active: #F3F4F6;
	--vkui--color_icon_positive: #4bb34b;
	--vkui--color_icon_positive--hover: #52B652;
	--vkui--color_icon_positive--active: #59B959;
	--vkui--color_icon_warning: #EDB055;
	--vkui--color_icon_warning--hover: #EEB35C;
	--vkui--color_icon_warning--active: #EEB663;
	--vkui--color_icon_negative: #ff5c5c;
	--vkui--color_icon_negative--hover: #FF6363;
	--vkui--color_icon_negative--active: #FF6969;
	--vkui--color_stroke_accent: #529ef4;
	--vkui--color_stroke_accent--hover: #59A2F4;
	--vkui--color_stroke_accent--active: #60A6F5;
	--vkui--color_stroke_accent_themed: #FFFFFF;
	--vkui--color_stroke_accent_themed--hover: #EBEDF0;
	--vkui--color_stroke_accent_themed--active: #D7D8DB;
	--vkui--color_separator_primary: #363738;
	--vkui--color_separator_primary--hover: #3E3F40;
	--vkui--color_separator_primary--active: #464748;
	--vkui--color_separator_primary2x: #444546;
	--vkui--color_separator_primary2x--hover: #4B4C4D;
	--vkui--color_separator_primary2x--active: #535455;
	--vkui--color_separator_primary3x: #505253;
	--vkui--color_separator_primary3x--hover: #57595A;
	--vkui--color_separator_primary3x--active: #5E6061;
	--vkui--color_separator_primary_alpha: rgba(255, 255, 255, 0.12);
	--vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, 0.16);
	--vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, 0.2);
	--vkui--color_separator_secondary: #141415;
	--vkui--color_separator_secondary--hover: #1D1D1E;
	--vkui--color_separator_secondary--active: #272728;
	--vkui--color_stroke_positive: #4bb34b;
	--vkui--color_stroke_positive--hover: #52B652;
	--vkui--color_stroke_positive--active: #59B959;
	--vkui--color_stroke_negative: #ff5c5c;
	--vkui--color_stroke_negative--hover: #FF6363;
	--vkui--color_stroke_negative--active: #FF6969;
	--vkui--color_stroke_contrast: #FFFFFF;
	--vkui--color_stroke_contrast--hover: #EBEDF0;
	--vkui--color_stroke_contrast--active: #D7D8DB;
	--vkui--color_stroke_primary: #E1E3E6;
	--vkui--color_stroke_primary--hover: #E2E4E7;
	--vkui--color_stroke_primary--active: #E3E5E8;
	--vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08);
	--vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.12);
	--vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.16);
	--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
	--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
	--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
	--vkui--color_accent_blue: #71aaeb;
	--vkui--color_accent_blue--hover: #77ADEC;
	--vkui--color_accent_blue--active: #7CB1ED;
	--vkui--color_accent_gray: #a3adb8;
	--vkui--color_accent_gray--hover: #A7B0BB;
	--vkui--color_accent_gray--active: #AAB4BE;
	--vkui--color_accent_red: #ff3347;
	--vkui--color_accent_red--hover: #FF3B4E;
	--vkui--color_accent_red--active: #FF4356;
	--vkui--color_accent_orange_fire: #f05c44;
	--vkui--color_accent_orange_fire--hover: #F1634B;
	--vkui--color_accent_orange_fire--active: #F16953;
	--vkui--color_accent_orange: #ffa000;
	--vkui--color_accent_orange--hover: #FFA40A;
	--vkui--color_accent_orange--active: #FFA814;
	--vkui--color_accent_orange_peach: #FFC062;
	--vkui--color_accent_orange_peach--hover: #FFC368;
	--vkui--color_accent_orange_peach--active: #FFC56F;
	--vkui--color_accent_lime: #AFF70D;
	--vkui--color_accent_lime--hover: #B2F717;
	--vkui--color_accent_lime--active: #B5F820;
	--vkui--color_accent_green: #4bb34b;
	--vkui--color_accent_green--hover: #52B652;
	--vkui--color_accent_green--active: #59B959;
	--vkui--color_accent_cyan: #13FFD0;
	--vkui--color_accent_cyan--hover: #1CFFD2;
	--vkui--color_accent_cyan--active: #26FFD4;
	--vkui--color_accent_azure: #0077FF;
	--vkui--color_accent_azure--hover: #0A7CFF;
	--vkui--color_accent_azure--active: #1482FF;
	--vkui--color_accent_purple: #9985ff;
	--vkui--color_accent_purple--hover: #9D8AFF;
	--vkui--color_accent_purple--active: #A18FFF;
	--vkui--color_accent_violet: #a94fff;
	--vkui--color_accent_violet--hover: #AC56FF;
	--vkui--color_accent_violet--active: #B05DFF;
	--vkui--color_accent_raspberry_pink: #f060c0;
	--vkui--color_accent_raspberry_pink--hover: #F166C3;
	--vkui--color_accent_raspberry_pink--active: #F16DC5;
	--vkui--color_accent_pink: #F45FFF;
	--vkui--color_accent_pink--hover: #F465FF;
	--vkui--color_accent_pink--active: #F56CFF;
	--vkui--color_accent_secondary: #3f8ae0;
	--vkui--color_accent_secondary--hover: #478FE1;
	--vkui--color_accent_secondary--active: #4E93E2;
	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
	--vkui--color_overlay_secondary: rgba(0, 0, 0, 0.27);
	--vkui--color_overlay_secondary--hover: rgba(0, 0, 0, 0.31);
	--vkui--color_overlay_secondary--active: rgba(0, 0, 0, 0.35);
	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
	--vkui--color_action_sheet_text: #71aaeb;
	--vkui--color_action_sheet_text--hover: #77ADEC;
	--vkui--color_action_sheet_text--active: #7CB1ED;
	--vkui--color_image_placeholder: #2a2b2c;
	--vkui--color_image_placeholder--hover: #333334;
	--vkui--color_image_placeholder--active: #3B3C3D;
	--vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
	--vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, 0.12);
	--vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, 0.16);
	--vkui--color_skeleton_from: #232324;
	--vkui--color_skeleton_from--hover: #2C2C2D;
	--vkui--color_skeleton_from--active: #353536;
	--vkui--color_skeleton_to: #2c2d2e;
	--vkui--color_skeleton_to--hover: #343536;
	--vkui--color_skeleton_to--active: #3D3E3F;
	--vkui--color_button_text: #FFFFFF;
	--vkui--color_button_text--hover: #EBEDF0;
	--vkui--color_button_text--active: #D7D8DB;
	--vkui--color_button_icon: #FFFFFF;
	--vkui--color_button_icon--hover: #EBEDF0;
	--vkui--color_button_icon--active: #D7D8DB;
	--vkui--color_button_stroke: #FFFFFF;
	--vkui--color_button_stroke--hover: #EBEDF0;
	--vkui--color_button_stroke--active: #D7D8DB;
	--vkui--color_write_bar_icon: #76787a;
	--vkui--color_write_bar_icon--hover: #7B7D7F;
	--vkui--color_write_bar_icon--active: #818385;
	--vkui--color_write_bar_input_background: #2c2d2e;
	--vkui--color_write_bar_input_background--hover: #343536;
	--vkui--color_write_bar_input_background--active: #3D3E3F;
	--vkui--color_write_bar_input_border: #2c2d2e;
	--vkui--color_write_bar_input_border--hover: #343536;
	--vkui--color_write_bar_input_border--active: #3D3E3F;
	--vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8);
	--vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84);
	--vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88);
	--vkui--color_track_background: #454647;
	--vkui--color_track_background--hover: #4C4D4E;
	--vkui--color_track_background--active: #545556;
	--vkui--color_track_buffer: #405772;
	--vkui--color_track_buffer--hover: #485E78;
	--vkui--color_track_buffer--active: #4F647D;
	--vkui--color_search_field_background: #2A2A2B;
	--vkui--color_search_field_background--hover: #333333;
	--vkui--color_search_field_background--active: #3B3B3C;
	--vkui--color_panel_header_icon: #71aaeb;
	--vkui--color_panel_header_icon--hover: #77ADEC;
	--vkui--color_panel_header_icon--active: #7CB1ED;
	--vkui--color_segmented_control: #626364;
	--vkui--color_segmented_control--hover: #68696A;
	--vkui--color_segmented_control--active: #6F6F70;
	--vkui--color_tabbar_text_inactive: #76787a;
	--vkui--color_tabbar_text_inactive--hover: #7B7D7F;
	--vkui--color_tabbar_text_inactive--active: #818385;
	--vkui--color_transparent: transparent;
	--vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
	--vkui--color_transparent--active: rgba(255, 255, 255, 0.08);
}
.vkui--vkAccessibilityIOS--light {
	--vkui--theme_name: 'vkAccessibilityIOS';
	--vkui--theme_name_base: 'vkAccessibilityIOS';
	--vkui--gradient_black: 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%;
	--vkui--gradient_white: 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%;
	--vkui--gradient_tint: 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%, rgba(249, 249, 249, 1) 100%;
	--vkui--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%, rgba(255, 255, 255, 1) 100%;
	--vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
	--vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06);
	--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_m: 16px;
	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_weight_accent1: 600;
	--vkui--font_weight_accent2: 500;
	--vkui--font_weight_accent3: 400;
	--vkui--font_weight_base1: 600;
	--vkui--font_weight_base2: 500;
	--vkui--font_weight_base3: 400;
	--vkui--font_display_title1--font_size--regular: 23px;
	--vkui--font_display_title1--line_height--regular: 28px;
	--vkui--font_display_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title1--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--regular: 21px;
	--vkui--font_display_title2--line_height--regular: 26px;
	--vkui--font_display_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--compact: 22px;
	--vkui--font_display_title2--line_height--compact: 24px;
	--vkui--font_display_title2--font_family--compact: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--compact: 600;
	--vkui--font_display_title3--font_size--regular: 19px;
	--vkui--font_display_title3--line_height--regular: 24px;
	--vkui--font_display_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title3--font_weight--regular: 600;
	--vkui--font_display_title4--font_size--regular: 17px;
	--vkui--font_display_title4--line_height--regular: 22px;
	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title4--font_weight--regular: 600;
	--vkui--font_title1--font_size--regular: 24px;
	--vkui--font_title1--line_height--regular: 28px;
	--vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title1--font_weight--regular: 600;
	--vkui--font_title2--font_size--regular: 20px;
	--vkui--font_title2--line_height--regular: 24px;
	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title2--font_weight--regular: 500;
	--vkui--font_title3--font_size--regular: 17px;
	--vkui--font_title3--line_height--regular: 22px;
	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title3--font_weight--regular: 600;
	--vkui--font_headline1--font_size--regular: 16px;
	--vkui--font_headline1--line_height--regular: 20px;
	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline1--font_weight--regular: 500;
	--vkui--font_headline1--font_size--compact: 15px;
	--vkui--font_headline1--line_height--compact: 20px;
	--vkui--font_headline2--font_size--regular: 15px;
	--vkui--font_headline2--line_height--regular: 20px;
	--vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline2--font_weight--regular: 500;
	--vkui--font_headline2--font_size--compact: 14px;
	--vkui--font_headline2--line_height--compact: 20px;
	--vkui--font_text--font_size--regular: 16px;
	--vkui--font_text--line_height--regular: 20px;
	--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_text--font_weight--regular: 400;
	--vkui--font_text--font_size--compact: 15px;
	--vkui--font_text--line_height--compact: 20px;
	--vkui--font_paragraph--font_size--regular: 15px;
	--vkui--font_paragraph--line_height--regular: 20px;
	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_paragraph--font_weight--regular: 400;
	--vkui--font_subhead--font_size--regular: 14px;
	--vkui--font_subhead--line_height--regular: 18px;
	--vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_subhead--font_weight--regular: 400;
	--vkui--font_subhead--font_size--compact: 13px;
	--vkui--font_subhead--line_height--compact: 16px;
	--vkui--font_footnote--font_size--regular: 13px;
	--vkui--font_footnote--line_height--regular: 16px;
	--vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote--font_weight--regular: 400;
	--vkui--font_footnote_caps--font_size--regular: 13px;
	--vkui--font_footnote_caps--line_height--regular: 16px;
	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote_caps--font_weight--regular: 600;
	--vkui--font_footnote_caps--text_transform--regular: uppercase;
	--vkui--font_caption1--font_size--regular: 12px;
	--vkui--font_caption1--line_height--regular: 14px;
	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1--font_weight--regular: 400;
	--vkui--font_caption1_caps--font_size--regular: 12px;
	--vkui--font_caption1_caps--line_height--regular: 14px;
	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1_caps--font_weight--regular: 600;
	--vkui--font_caption1_caps--text_transform--regular: uppercase;
	--vkui--font_caption2--font_size--regular: 11px;
	--vkui--font_caption2--line_height--regular: 14px;
	--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2--font_weight--regular: 400;
	--vkui--font_caption2_caps--font_size--regular: 11px;
	--vkui--font_caption2_caps--line_height--regular: 14px;
	--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2_caps--font_weight--regular: 600;
	--vkui--font_caption2_caps--text_transform--regular: uppercase;
	--vkui--font_caption3--font_size--regular: 9px;
	--vkui--font_caption3--line_height--regular: 12px;
	--vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3--font_weight--regular: 400;
	--vkui--font_caption3_caps--font_size--regular: 9px;
	--vkui--font_caption3_caps--line_height--regular: 12px;
	--vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3_caps--font_weight--regular: 600;
	--vkui--font_caption3_caps--text_transform--regular: uppercase;
	--vkui--size_select_icon_padding--regular: 6px;
	--vkui--size_select_icon_padding--compact: 7px;
	--vkui--size_popup_base_padding--regular: 32px;
	--vkui--size_popup_base_padding--compact: 20px;
	--vkui--size_popup_header_padding--regular: 24px;
	--vkui--size_popup_header_padding--compact: 16px;
	--vkui--size_label_horizontal_margin--regular: 16px;
	--vkui--size_border_radius--regular: 10px;
	--vkui--size_border_radius_rounded--regular: 48px;
	--vkui--size_check_border_radius--regular: 4px;
	--vkui--size_border_radius_paper--regular: 12px;
	--vkui--size_border_radius_promo--regular: 20px;
	--vkui--size_cell_height--regular: 48px;
	--vkui--size_cell_height--compact: 44px;
	--vkui--size_field_height--regular: 44px;
	--vkui--size_field_height--compact: 36px;
	--vkui--size_search_height--regular: 36px;
	--vkui--size_search_height--compact: 32px;
	--vkui--size_button_extra_small_height--regular: 24px;
	--vkui--size_button_extra_small_height--compact: 22px;
	--vkui--size_button_small_height--regular: 30px;
	--vkui--size_button_small_height--compact: 28px;
	--vkui--size_button_medium_height--regular: 36px;
	--vkui--size_button_medium_height--compact: 32px;
	--vkui--size_button_large_height--regular: 44px;
	--vkui--size_button_large_height--compact: 36px;
	--vkui--size_checkbox--regular: 16px;
	--vkui--size_arrow--regular: 8px;
	--vkui--size_arrow_promo--regular: 40px;
	--vkui--size_popup_small--regular: 430px;
	--vkui--size_popup_medium--regular: 680px;
	--vkui--size_popup_large--regular: 880px;
	--vkui--size_field_horizontal_padding--regular: 12px;
	--vkui--size_button_padding_horizontal--regular: 12px;
	--vkui--size_arrow_padding--regular: 12px;
	--vkui--size_tooltip_margin--regular: 8px;
	--vkui--size_icon_u_i--regular: 16px;
	--vkui--size_avatar_x_s--regular: 24px;
	--vkui--size_avatar_s--regular: 32px;
	--vkui--size_avatar_m--regular: 48px;
	--vkui--size_avatar_l--regular: 96px;
	--vkui--size_avatar_x_l--regular: 128px;
	--vkui--size_badge_x_s--regular: 12px;
	--vkui--size_badge_s--regular: 16px;
	--vkui--size_badge_m--regular: 24px;
	--vkui--size_badge_l--regular: 44px;
	--vkui--size_badge_x_l--regular: 56px;
	--vkui--size_cardgrid_padding--regular: 8px;
	--vkui--size_card_border_radius--regular: 10px;
	--vkui--size_cardgrid_padding_vertical--regular: 8px;
	--vkui--size_base_padding_horizontal--regular: 12px;
	--vkui--size_base_padding_vertical--regular: 12px;
	--vkui--size_button_group_gap_space--regular: 1px;
	--vkui--size_button_group_gap_small--regular: 8px;
	--vkui--size_button_group_gap_medium--regular: 12px;
	--vkui--size_option_hierarchy--regular: 32px;
	--vkui--size_switch_height--regular: 31px;
	--vkui--size_switch_height--compact: 27px;
	--vkui--size_switch_width--regular: 51px;
	--vkui--size_switch_width--compact: 47px;
	--vkui--size_switch_pin--regular: 27px;
	--vkui--size_switch_pin--compact: 23px;
	--vkui--size_panel_header_height--compact: 52px;
	--vkui--size_panel_header_height--regular: 52px;
	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
	--vkui--size_button_base_large_padding_horizontal--regular: 20px;
	--vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_minimum_width--regular: 80px;
	--vkui--size_form_item_padding_vertical--regular: 12px;
	--vkui--size_split_col_padding_horizontal--regular: 16px;
	--vkui--size_subnavigation_bar_gap--regular: 8px;
	--vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
	--vkui--size_border1x--regular: 1px;
	--vkui--size_border2x--regular: 0.5px;
	--vkui--size_border3x--regular: 0.33px;
	--vkui--spacing_size_3xs: 2px;
	--vkui--spacing_size_2xs: 2px;
	--vkui--spacing_size_xs: 4px;
	--vkui--spacing_size_s: 6px;
	--vkui--spacing_size_m: 8px;
	--vkui--spacing_size_l: 10px;
	--vkui--spacing_size_xl: 12px;
	--vkui--spacing_size_2xl: 16px;
	--vkui--spacing_size_3xl: 20px;
	--vkui--spacing_size_4xl: 24px;
	--vkui--animation_duration_l: 0.4s;
	--vkui--animation_duration_m: 0.2s;
	--vkui--animation_duration_s: 0.1s;
	--vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
	--vkui--animation_easing_platform: cubic-bezier(0.36, 0.66, 0.04, 1);
	--vkui--opacity_disable: 0.4;
	--vkui--opacity_disable_accessibility: 0.64;
	--vkui--opacity_active: 0.72;
	--vkui--z_index_modal: 99;
	--vkui--z_index_popout: 100;
	--vkui--theme_inherits_from: 'vkBase';
	--vkui--font_headline--font_size--regular: 16px;
	--vkui--font_headline--line_height--regular: 20px;
	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline--font_weight--regular: 500;
	--vkui--font_headline--font_size--compact: 15px;
	--vkui--font_headline--line_height--compact: 20px;
	--vkui--colors_scheme: light;
	--vkui--color_background_accent: #2688eb;
	--vkui--color_background_accent--hover: #2483E4;
	--vkui--color_background_accent--active: #237EDD;
	--vkui--color_background_accent_themed: #2688eb;
	--vkui--color_background_accent_themed--hover: #2483E4;
	--vkui--color_background_accent_themed--active: #237EDD;
	--vkui--color_background_accent_themed_alpha: rgba(38, 136, 235, 0.2);
	--vkui--color_background_accent_themed_alpha--hover: rgba(38, 136, 235, 0.24);
	--vkui--color_background_accent_themed_alpha--active: rgba(38, 136, 235, 0.28);
	--vkui--color_background_accent_tint: #5a9eff;
	--vkui--color_background_accent_tint--hover: #5698F7;
	--vkui--color_background_accent_tint--active: #5393EF;
	--vkui--color_background_accent_alternative: #2688EB;
	--vkui--color_background_accent_alternative--hover: #2483E4;
	--vkui--color_background_accent_alternative--active: #237EDD;
	--vkui--color_background: #ebedf0;
	--vkui--color_background--hover: #E2E4E9;
	--vkui--color_background--active: #D8DBE2;
	--vkui--color_background_content: #ffffff;
	--vkui--color_background_content--hover: #F5F5F7;
	--vkui--color_background_content--active: #EBECEF;
	--vkui--color_background_content_alpha: rgba(255, 255, 255, 0.8);
	--vkui--color_background_content_alpha--hover: rgba(255, 255, 255, 0.84);
	--vkui--color_background_content_alpha--active: rgba(255, 255, 255, 0.88);
	--vkui--color_background_content_inverse: #19191A;
	--vkui--color_background_content_inverse--hover: #18191B;
	--vkui--color_background_content_inverse--active: #17181D;
	--vkui--color_background_secondary: #f5f5f5;
	--vkui--color_background_secondary--hover: #EBECEE;
	--vkui--color_background_secondary--active: #E1E3E6;
	--vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
	--vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
	--vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
	--vkui--color_background_tertiary: #f9f9f9;
	--vkui--color_background_tertiary--hover: #EFF0F1;
	--vkui--color_background_tertiary--active: #E5E6EA;
	--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.03);
	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.07);
	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.11);
	--vkui--color_background_contrast: #ffffff;
	--vkui--color_background_contrast--hover: #F5F5F7;
	--vkui--color_background_contrast--active: #EBECEF;
	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);
	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
	--vkui--color_background_contrast_inverse: #2c2d2e;
	--vkui--color_background_contrast_inverse--hover: #2A2C2F;
	--vkui--color_background_contrast_inverse--active: #282B2F;
	--vkui--color_background_contrast_themed: #FFFFFF;
	--vkui--color_background_contrast_themed--hover: #F5F5F7;
	--vkui--color_background_contrast_themed--active: #EBECEF;
	--vkui--color_background_modal: #FFFFFF;
	--vkui--color_background_modal--hover: #F5F5F7;
	--vkui--color_background_modal--active: #EBECEF;
	--vkui--color_background_modal_inverse: #1C1D1E;
	--vkui--color_background_modal_inverse--hover: #1B1C1F;
	--vkui--color_background_modal_inverse--active: #1A1C20;
	--vkui--color_background_positive: #4bb34b;
	--vkui--color_background_positive--hover: #48AC4A;
	--vkui--color_background_positive--active: #45A64A;
	--vkui--color_background_positive_tint: #E8F9E8;
	--vkui--color_background_positive_tint--hover: #DFF0E1;
	--vkui--color_background_positive_tint--active: #D5E6DA;
	--vkui--color_background_warning: #FFF2D6;
	--vkui--color_background_warning--hover: #F5E9D0;
	--vkui--color_background_warning--active: #EBE0CA;
	--vkui--color_background_negative: #e64646;
	--vkui--color_background_negative--hover: #DD4446;
	--vkui--color_background_negative--active: #D44245;
	--vkui--color_background_negative_tint: #FFE9E9;
	--vkui--color_background_negative_tint--hover: #F5E0E2;
	--vkui--color_background_negative_tint--active: #EBD8DB;
	--vkui--color_background_info_tint: #DEEEFF;
	--vkui--color_background_info_tint--hover: #D5E5F7;
	--vkui--color_background_info_tint--active: #CCDCEF;
	--vkui--color_field_background: #F5F5F5;
	--vkui--color_field_background--hover: #EBECEE;
	--vkui--color_field_background--active: #E1E3E6;
	--vkui--color_header_background: #ffffff;
	--vkui--color_header_background--hover: #F5F5F7;
	--vkui--color_header_background--active: #EBECEF;
	--vkui--color_text_accent: #2688eb;
	--vkui--color_text_accent--hover: #2483E4;
	--vkui--color_text_accent--active: #237EDD;
	--vkui--color_text_accent_themed: #2688eb;
	--vkui--color_text_accent_themed--hover: #2483E4;
	--vkui--color_text_accent_themed--active: #237EDD;
	--vkui--color_text_primary: #000000;
	--vkui--color_text_primary--hover: #000102;
	--vkui--color_text_primary--active: #000105;
	--vkui--color_text_primary_alpha: rgba(37, 41, 46, 0.84);
	--vkui--color_text_primary_alpha--hover: rgba(37, 41, 46, 0.88);
	--vkui--color_text_primary_alpha--active: rgba(37, 41, 46, 0.92);
	--vkui--color_text_primary_invariably: #000000;
	--vkui--color_text_primary_invariably--hover: #000102;
	--vkui--color_text_primary_invariably--active: #000105;
	--vkui--color_text_secondary: #65707D;
	--vkui--color_text_secondary--hover: #616C7A;
	--vkui--color_text_secondary--active: #5D6878;
	--vkui--color_text_secondary_alpha: rgba(37, 41, 46, 0.55);
	--vkui--color_text_secondary_alpha--hover: rgba(37, 41, 46, 0.59);
	--vkui--color_text_secondary_alpha--active: rgba(37, 41, 46, 0.63);
	--vkui--color_text_subhead: #58636F;
	--vkui--color_text_subhead--hover: #54606D;
	--vkui--color_text_subhead--active: #515C6B;
	--vkui--color_text_tertiary: #848D98;
	--vkui--color_text_tertiary--hover: #7F8894;
	--vkui--color_text_tertiary--active: #798391;
	--vkui--color_text_contrast: #ffffff;
	--vkui--color_text_contrast--hover: #F5F5F7;
	--vkui--color_text_contrast--active: #EBECEF;
	--vkui--color_text_contrast_themed: #ffffff;
	--vkui--color_text_contrast_themed--hover: #F5F5F7;
	--vkui--color_text_contrast_themed--active: #EBECEF;
	--vkui--color_text_positive: #4bb34b;
	--vkui--color_text_positive--hover: #48AC4A;
	--vkui--color_text_positive--active: #45A64A;
	--vkui--color_text_negative: #e64646;
	--vkui--color_text_negative--hover: #DD4446;
	--vkui--color_text_negative--active: #D44245;
	--vkui--color_text_link: #2d81e0;
	--vkui--color_text_link--hover: #2B7CD9;
	--vkui--color_text_link--active: #2978D3;
	--vkui--color_text_link_themed: #2d81e0;
	--vkui--color_text_link_themed--hover: #2B7CD9;
	--vkui--color_text_link_themed--active: #2978D3;
	--vkui--color_text_link_tint: #71aaeb;
	--vkui--color_text_link_tint--hover: #6CA4E4;
	--vkui--color_text_link_tint--active: #689EDD;
	--vkui--color_text_link_visited: #4986cc;
	--vkui--color_text_link_visited--hover: #4681C6;
	--vkui--color_text_link_visited--active: #437DC1;
	--vkui--color_text_muted: #2c2d2e;
	--vkui--color_text_muted--hover: #2A2C2F;
	--vkui--color_text_muted--active: #282B2F;
	--vkui--color_link_contrast: #ffffff;
	--vkui--color_link_contrast--hover: #F5F5F7;
	--vkui--color_link_contrast--active: #EBECEF;
	--vkui--color_icon_accent: #2688eb;
	--vkui--color_icon_accent--hover: #2483E4;
	--vkui--color_icon_accent--active: #237EDD;
	--vkui--color_icon_accent_themed: #2688eb;
	--vkui--color_icon_accent_themed--hover: #2483E4;
	--vkui--color_icon_accent_themed--active: #237EDD;
	--vkui--color_icon_primary: #2c2d2e;
	--vkui--color_icon_primary--hover: #2A2C2F;
	--vkui--color_icon_primary--active: #282B2F;
	--vkui--color_icon_primary_invariably: #2c2d2e;
	--vkui--color_icon_primary_invariably--hover: #2A2C2F;
	--vkui--color_icon_primary_invariably--active: #282B2F;
	--vkui--color_icon_medium: #65707D;
	--vkui--color_icon_medium--hover: #616C7A;
	--vkui--color_icon_medium--active: #5D6878;
	--vkui--color_icon_medium_alpha: rgba(0, 0, 0, 55%);
	--vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.59);
	--vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.63);
	--vkui--color_icon_secondary: #868d97;
	--vkui--color_icon_secondary--hover: #818893;
	--vkui--color_icon_secondary--active: #7B8390;
	--vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 44%);
	--vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.48);
	--vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.52);
	--vkui--color_icon_tertiary: #a6adb7;
	--vkui--color_icon_tertiary--hover: #9FA7B2;
	--vkui--color_icon_tertiary--active: #99A0AD;
	--vkui--color_icon_tertiary_alpha: rgba(0, 0, 0, 32%);
	--vkui--color_icon_tertiary_alpha--hover: rgba(0, 0, 0, 0.36);
	--vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, 0.4);
	--vkui--color_icon_contrast: #ffffff;
	--vkui--color_icon_contrast--hover: #F5F5F7;
	--vkui--color_icon_contrast--active: #EBECEF;
	--vkui--color_icon_contrast_themed: #ffffff;
	--vkui--color_icon_contrast_themed--hover: #F5F5F7;
	--vkui--color_icon_contrast_themed--active: #EBECEF;
	--vkui--color_icon_contrast_secondary: #f2f3f5;
	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
	--vkui--color_icon_positive: #4bb34b;
	--vkui--color_icon_positive--hover: #48AC4A;
	--vkui--color_icon_positive--active: #45A64A;
	--vkui--color_icon_warning: #F8A01C;
	--vkui--color_icon_warning--hover: #EE9A1D;
	--vkui--color_icon_warning--active: #E4941F;
	--vkui--color_icon_negative: #e64646;
	--vkui--color_icon_negative--hover: #DD4446;
	--vkui--color_icon_negative--active: #D44245;
	--vkui--color_stroke_accent: #2688eb;
	--vkui--color_stroke_accent--hover: #2483E4;
	--vkui--color_stroke_accent--active: #237EDD;
	--vkui--color_stroke_accent_themed: #2688eb;
	--vkui--color_stroke_accent_themed--hover: #2483E4;
	--vkui--color_stroke_accent_themed--active: #237EDD;
	--vkui--color_separator_primary: #d7d8d9;
	--vkui--color_separator_primary--hover: #CED0D3;
	--vkui--color_separator_primary--active: #C6C8CD;
	--vkui--color_separator_primary2x: #cbcccd;
	--vkui--color_separator_primary2x--hover: #C3C4C7;
	--vkui--color_separator_primary2x--active: #BBBDC1;
	--vkui--color_separator_primary3x: #bebfc1;
	--vkui--color_separator_primary3x--hover: #B6B8BC;
	--vkui--color_separator_primary3x--active: #AFB1B6;
	--vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.12);
	--vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.16);
	--vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
	--vkui--color_separator_secondary: #e1e3e6;
	--vkui--color_separator_secondary--hover: #D8DBDF;
	--vkui--color_separator_secondary--active: #CFD2D8;
	--vkui--color_stroke_positive: #4bb34b;
	--vkui--color_stroke_positive--hover: #48AC4A;
	--vkui--color_stroke_positive--active: #45A64A;
	--vkui--color_stroke_negative: #e64646;
	--vkui--color_stroke_negative--hover: #DD4446;
	--vkui--color_stroke_negative--active: #D44245;
	--vkui--color_stroke_contrast: #ffffff;
	--vkui--color_stroke_contrast--hover: #F5F5F7;
	--vkui--color_stroke_contrast--active: #EBECEF;
	--vkui--color_stroke_primary: #2C2D2E;
	--vkui--color_stroke_primary--hover: #2A2C2F;
	--vkui--color_stroke_primary--active: #282B2F;
	--vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
	--vkui--color_image_border_alpha--hover: rgba(0, 0, 0, 0.12);
	--vkui--color_image_border_alpha--active: rgba(0, 0, 0, 0.16);
	--vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12);
	--vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24);
	--vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36);
	--vkui--color_accent_blue: #2688eb;
	--vkui--color_accent_blue--hover: #2483E4;
	--vkui--color_accent_blue--active: #237EDD;
	--vkui--color_accent_gray: #a3adb8;
	--vkui--color_accent_gray--hover: #9CA7B3;
	--vkui--color_accent_gray--active: #96A0AE;
	--vkui--color_accent_red: #ff3347;
	--vkui--color_accent_red--hover: #F53247;
	--vkui--color_accent_red--active: #EB3046;
	--vkui--color_accent_orange_fire: #f05c44;
	--vkui--color_accent_orange_fire--hover: #E65944;
	--vkui--color_accent_orange_fire--active: #DD5643;
	--vkui--color_accent_orange: #ffa000;
	--vkui--color_accent_orange--hover: #F59A02;
	--vkui--color_accent_orange--active: #EB9405;
	--vkui--color_accent_orange_peach: #F9B54F;
	--vkui--color_accent_orange_peach--hover: #EFAE4E;
	--vkui--color_accent_orange_peach--active: #E5A84E;
	--vkui--color_accent_lime: #AFF70D;
	--vkui--color_accent_lime--hover: #A8EE0F;
	--vkui--color_accent_lime--active: #A1E511;
	--vkui--color_accent_green: #4bb34b;
	--vkui--color_accent_green--hover: #48AC4A;
	--vkui--color_accent_green--active: #45A64A;
	--vkui--color_accent_cyan: #13FFD0;
	--vkui--color_accent_cyan--hover: #12F5CA;
	--vkui--color_accent_cyan--active: #11ECC4;
	--vkui--color_accent_azure: #0077FF;
	--vkui--color_accent_azure--hover: #0073F7;
	--vkui--color_accent_azure--active: #006FEF;
	--vkui--color_accent_purple: #735ce6;
	--vkui--color_accent_purple--hover: #6E59DF;
	--vkui--color_accent_purple--active: #6A56D8;
	--vkui--color_accent_violet: #792ec0;
	--vkui--color_accent_violet--hover: #742DBB;
	--vkui--color_accent_violet--active: #6F2CB6;
	--vkui--color_accent_raspberry_pink: #e03fab;
	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
	--vkui--color_accent_pink: #F45FFF;
	--vkui--color_accent_pink--hover: #EA5CF7;
	--vkui--color_accent_pink--active: #E059EF;
	--vkui--color_accent_secondary: #3f8ae0;
	--vkui--color_accent_secondary--hover: #3C85D9;
	--vkui--color_accent_secondary--active: #3A80D3;
	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
	--vkui--color_overlay_secondary: rgba(0, 0, 0, 0.27);
	--vkui--color_overlay_secondary--hover: rgba(0, 0, 0, 0.31);
	--vkui--color_overlay_secondary--active: rgba(0, 0, 0, 0.35);
	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
	--vkui--color_action_sheet_text: #3f8ae0;
	--vkui--color_action_sheet_text--hover: #3C85D9;
	--vkui--color_action_sheet_text--active: #3A80D3;
	--vkui--color_image_placeholder: #F5F5F5;
	--vkui--color_image_placeholder--hover: #EBECEE;
	--vkui--color_image_placeholder--active: #E1E3E6;
	--vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
	--vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, 0.12);
	--vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, 0.16);
	--vkui--color_skeleton_from: #f5f5f5;
	--vkui--color_skeleton_from--hover: #EBECEE;
	--vkui--color_skeleton_from--active: #E1E3E6;
	--vkui--color_skeleton_to: #e1e3e6;
	--vkui--color_skeleton_to--hover: #D8DBDF;
	--vkui--color_skeleton_to--active: #CFD2D8;
	--vkui--color_button_text: #2688eb;
	--vkui--color_button_text--hover: #2483E4;
	--vkui--color_button_text--active: #237EDD;
	--vkui--color_button_icon: #2688eb;
	--vkui--color_button_icon--hover: #2483E4;
	--vkui--color_button_icon--active: #237EDD;
	--vkui--color_button_stroke: #2688eb;
	--vkui--color_button_stroke--hover: #2483E4;
	--vkui--color_button_stroke--active: #237EDD;
	--vkui--color_write_bar_icon: #3f8ae0;
	--vkui--color_write_bar_icon--hover: #3C85D9;
	--vkui--color_write_bar_icon--active: #3A80D3;
	--vkui--color_write_bar_input_background: #F5F5F5;
	--vkui--color_write_bar_input_background--hover: #EBECEE;
	--vkui--color_write_bar_input_background--active: #E1E3E6;
	--vkui--color_write_bar_input_border: #e1e3e6;
	--vkui--color_write_bar_input_border--hover: #D8DBDF;
	--vkui--color_write_bar_input_border--active: #CFD2D8;
	--vkui--color_write_bar_input_border_alpha: rgba(0, 0, 0, 0.08);
	--vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, 0.12);
	--vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, 0.16);
	--vkui--color_track_background: #e1e3e6;
	--vkui--color_track_background--hover: #D8DBDF;
	--vkui--color_track_background--active: #CFD2D8;
	--vkui--color_track_buffer: #a0bfe4;
	--vkui--color_track_buffer--hover: #9AB8DD;
	--vkui--color_track_buffer--active: #93B1D7;
	--vkui--color_search_field_background: #F2F3F5;
	--vkui--color_search_field_background--hover: #E8EAEE;
	--vkui--color_search_field_background--active: #DFE1E6;
	--vkui--color_panel_header_icon: #2688eb;
	--vkui--color_panel_header_icon--hover: #2483E4;
	--vkui--color_panel_header_icon--active: #237EDD;
	--vkui--color_segmented_control: #ffffff;
	--vkui--color_segmented_control--hover: #F5F5F7;
	--vkui--color_segmented_control--active: #EBECEF;
	--vkui--color_tabbar_text_inactive: #99a2ad;
	--vkui--color_tabbar_text_inactive--hover: #939CA9;
	--vkui--color_tabbar_text_inactive--active: #8D96A4;
	--vkui--color_transparent: transparent;
	--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
	--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
}
.vkui--vkAccessibilityIOS--dark {
	--vkui--theme_name: 'vkAccessibilityIOSDark';
	--vkui--theme_name_base: 'vkAccessibilityIOS';
	--vkui--gradient_black: 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%;
	--vkui--gradient_white: 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%;
	--vkui--gradient_tint: rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%;
	--vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%;
	--vkui--elevation1: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
	--vkui--elevation1_invert_y: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20);
	--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_m: 16px;
	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_weight_accent1: 600;
	--vkui--font_weight_accent2: 500;
	--vkui--font_weight_accent3: 400;
	--vkui--font_weight_base1: 600;
	--vkui--font_weight_base2: 500;
	--vkui--font_weight_base3: 400;
	--vkui--font_display_title1--font_size--regular: 23px;
	--vkui--font_display_title1--line_height--regular: 28px;
	--vkui--font_display_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title1--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--regular: 21px;
	--vkui--font_display_title2--line_height--regular: 26px;
	--vkui--font_display_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--regular: 600;
	--vkui--font_display_title2--font_size--compact: 22px;
	--vkui--font_display_title2--line_height--compact: 24px;
	--vkui--font_display_title2--font_family--compact: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title2--font_weight--compact: 600;
	--vkui--font_display_title3--font_size--regular: 19px;
	--vkui--font_display_title3--line_height--regular: 24px;
	--vkui--font_display_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title3--font_weight--regular: 600;
	--vkui--font_display_title4--font_size--regular: 17px;
	--vkui--font_display_title4--line_height--regular: 22px;
	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_display_title4--font_weight--regular: 600;
	--vkui--font_title1--font_size--regular: 24px;
	--vkui--font_title1--line_height--regular: 28px;
	--vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title1--font_weight--regular: 600;
	--vkui--font_title2--font_size--regular: 20px;
	--vkui--font_title2--line_height--regular: 24px;
	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title2--font_weight--regular: 500;
	--vkui--font_title3--font_size--regular: 17px;
	--vkui--font_title3--line_height--regular: 22px;
	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_title3--font_weight--regular: 600;
	--vkui--font_headline1--font_size--regular: 16px;
	--vkui--font_headline1--line_height--regular: 20px;
	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline1--font_weight--regular: 500;
	--vkui--font_headline1--font_size--compact: 15px;
	--vkui--font_headline1--line_height--compact: 20px;
	--vkui--font_headline2--font_size--regular: 15px;
	--vkui--font_headline2--line_height--regular: 20px;
	--vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline2--font_weight--regular: 500;
	--vkui--font_headline2--font_size--compact: 14px;
	--vkui--font_headline2--line_height--compact: 20px;
	--vkui--font_text--font_size--regular: 16px;
	--vkui--font_text--line_height--regular: 20px;
	--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_text--font_weight--regular: 400;
	--vkui--font_text--font_size--compact: 15px;
	--vkui--font_text--line_height--compact: 20px;
	--vkui--font_paragraph--font_size--regular: 15px;
	--vkui--font_paragraph--line_height--regular: 20px;
	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_paragraph--font_weight--regular: 400;
	--vkui--font_subhead--font_size--regular: 14px;
	--vkui--font_subhead--line_height--regular: 18px;
	--vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_subhead--font_weight--regular: 400;
	--vkui--font_subhead--font_size--compact: 13px;
	--vkui--font_subhead--line_height--compact: 16px;
	--vkui--font_footnote--font_size--regular: 13px;
	--vkui--font_footnote--line_height--regular: 16px;
	--vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote--font_weight--regular: 400;
	--vkui--font_footnote_caps--font_size--regular: 13px;
	--vkui--font_footnote_caps--line_height--regular: 16px;
	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_footnote_caps--font_weight--regular: 600;
	--vkui--font_footnote_caps--text_transform--regular: uppercase;
	--vkui--font_caption1--font_size--regular: 12px;
	--vkui--font_caption1--line_height--regular: 14px;
	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1--font_weight--regular: 400;
	--vkui--font_caption1_caps--font_size--regular: 12px;
	--vkui--font_caption1_caps--line_height--regular: 14px;
	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption1_caps--font_weight--regular: 600;
	--vkui--font_caption1_caps--text_transform--regular: uppercase;
	--vkui--font_caption2--font_size--regular: 11px;
	--vkui--font_caption2--line_height--regular: 14px;
	--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2--font_weight--regular: 400;
	--vkui--font_caption2_caps--font_size--regular: 11px;
	--vkui--font_caption2_caps--line_height--regular: 14px;
	--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption2_caps--font_weight--regular: 600;
	--vkui--font_caption2_caps--text_transform--regular: uppercase;
	--vkui--font_caption3--font_size--regular: 9px;
	--vkui--font_caption3--line_height--regular: 12px;
	--vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3--font_weight--regular: 400;
	--vkui--font_caption3_caps--font_size--regular: 9px;
	--vkui--font_caption3_caps--line_height--regular: 12px;
	--vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_caption3_caps--font_weight--regular: 600;
	--vkui--font_caption3_caps--text_transform--regular: uppercase;
	--vkui--size_select_icon_padding--regular: 6px;
	--vkui--size_select_icon_padding--compact: 7px;
	--vkui--size_popup_base_padding--regular: 32px;
	--vkui--size_popup_base_padding--compact: 20px;
	--vkui--size_popup_header_padding--regular: 24px;
	--vkui--size_popup_header_padding--compact: 16px;
	--vkui--size_label_horizontal_margin--regular: 16px;
	--vkui--size_border_radius--regular: 10px;
	--vkui--size_border_radius_rounded--regular: 48px;
	--vkui--size_check_border_radius--regular: 4px;
	--vkui--size_border_radius_paper--regular: 12px;
	--vkui--size_border_radius_promo--regular: 20px;
	--vkui--size_cell_height--regular: 48px;
	--vkui--size_cell_height--compact: 44px;
	--vkui--size_field_height--regular: 44px;
	--vkui--size_field_height--compact: 36px;
	--vkui--size_search_height--regular: 36px;
	--vkui--size_search_height--compact: 32px;
	--vkui--size_button_extra_small_height--regular: 24px;
	--vkui--size_button_extra_small_height--compact: 22px;
	--vkui--size_button_small_height--regular: 30px;
	--vkui--size_button_small_height--compact: 28px;
	--vkui--size_button_medium_height--regular: 36px;
	--vkui--size_button_medium_height--compact: 32px;
	--vkui--size_button_large_height--regular: 44px;
	--vkui--size_button_large_height--compact: 36px;
	--vkui--size_checkbox--regular: 16px;
	--vkui--size_arrow--regular: 8px;
	--vkui--size_arrow_promo--regular: 40px;
	--vkui--size_popup_small--regular: 430px;
	--vkui--size_popup_medium--regular: 680px;
	--vkui--size_popup_large--regular: 880px;
	--vkui--size_field_horizontal_padding--regular: 12px;
	--vkui--size_button_padding_horizontal--regular: 12px;
	--vkui--size_arrow_padding--regular: 12px;
	--vkui--size_tooltip_margin--regular: 8px;
	--vkui--size_icon_u_i--regular: 16px;
	--vkui--size_avatar_x_s--regular: 24px;
	--vkui--size_avatar_s--regular: 32px;
	--vkui--size_avatar_m--regular: 48px;
	--vkui--size_avatar_l--regular: 96px;
	--vkui--size_avatar_x_l--regular: 128px;
	--vkui--size_badge_x_s--regular: 12px;
	--vkui--size_badge_s--regular: 16px;
	--vkui--size_badge_m--regular: 24px;
	--vkui--size_badge_l--regular: 44px;
	--vkui--size_badge_x_l--regular: 56px;
	--vkui--size_cardgrid_padding--regular: 8px;
	--vkui--size_card_border_radius--regular: 10px;
	--vkui--size_cardgrid_padding_vertical--regular: 8px;
	--vkui--size_base_padding_horizontal--regular: 12px;
	--vkui--size_base_padding_vertical--regular: 12px;
	--vkui--size_button_group_gap_space--regular: 1px;
	--vkui--size_button_group_gap_small--regular: 8px;
	--vkui--size_button_group_gap_medium--regular: 12px;
	--vkui--size_option_hierarchy--regular: 32px;
	--vkui--size_switch_height--regular: 31px;
	--vkui--size_switch_height--compact: 27px;
	--vkui--size_switch_width--regular: 51px;
	--vkui--size_switch_width--compact: 47px;
	--vkui--size_switch_pin--regular: 27px;
	--vkui--size_switch_pin--compact: 23px;
	--vkui--size_panel_header_height--compact: 52px;
	--vkui--size_panel_header_height--regular: 52px;
	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
	--vkui--size_button_base_large_padding_horizontal--regular: 20px;
	--vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
	--vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
	--vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
	--vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
	--vkui--size_button_minimum_width--regular: 80px;
	--vkui--size_form_item_padding_vertical--regular: 12px;
	--vkui--size_split_col_padding_horizontal--regular: 16px;
	--vkui--size_subnavigation_bar_gap--regular: 8px;
	--vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
	--vkui--size_border1x--regular: 1px;
	--vkui--size_border2x--regular: 0.5px;
	--vkui--size_border3x--regular: 0.33px;
	--vkui--spacing_size_3xs: 2px;
	--vkui--spacing_size_2xs: 2px;
	--vkui--spacing_size_xs: 4px;
	--vkui--spacing_size_s: 6px;
	--vkui--spacing_size_m: 8px;
	--vkui--spacing_size_l: 10px;
	--vkui--spacing_size_xl: 12px;
	--vkui--spacing_size_2xl: 16px;
	--vkui--spacing_size_3xl: 20px;
	--vkui--spacing_size_4xl: 24px;
	--vkui--animation_duration_l: 0.4s;
	--vkui--animation_duration_m: 0.2s;
	--vkui--animation_duration_s: 0.1s;
	--vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
	--vkui--animation_easing_platform: cubic-bezier(0.36, 0.66, 0.04, 1);
	--vkui--opacity_disable: 0.4;
	--vkui--opacity_disable_accessibility: 0.64;
	--vkui--opacity_active: 0.72;
	--vkui--z_index_modal: 99;
	--vkui--z_index_popout: 100;
	--vkui--theme_inherits_from: 'vkBaseDark';
	--vkui--font_headline--font_size--regular: 16px;
	--vkui--font_headline--line_height--regular: 20px;
	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
	--vkui--font_headline--font_weight--regular: 500;
	--vkui--font_headline--font_size--compact: 15px;
	--vkui--font_headline--line_height--compact: 20px;
	--vkui--colors_scheme: dark;
	--vkui--color_background_accent: #529ef4;
	--vkui--color_background_accent--hover: #59A2F4;
	--vkui--color_background_accent--active: #60A6F5;
	--vkui--color_background_accent_themed: #FFFFFF;
	--vkui--color_background_accent_themed--hover: #EBEDF0;
	--vkui--color_background_accent_themed--active: #D7D8DB;
	--vkui--color_background_accent_themed_alpha: rgba(255, 255, 255, 0.2);
	--vkui--color_background_accent_themed_alpha--hover: rgba(255, 255, 255, 0.24);
	--vkui--color_background_accent_themed_alpha--active: rgba(255, 255, 255, 0.28);
	--vkui--color_background_accent_tint: #5a9eff;
	--vkui--color_background_accent_tint--hover: #61A2FF;
	--vkui--color_background_accent_tint--active: #67A6FF;
	--vkui--color_background_accent_alternative: #529EF4;
	--vkui--color_background_accent_alternative--hover: #59A2F4;
	--vkui--color_background_accent_alternative--active: #60A6F5;
	--vkui--color_background: #0a0a0a;
	--vkui--color_background--hover: #141414;
	--vkui--color_background--active: #1E1E1E;
	--vkui--color_background_content: #19191a;
	--vkui--color_background_content--hover: #222223;
	--vkui--color_background_content--active: #2B2B2C;
	--vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
	--vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
	--vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
	--vkui--color_background_content_inverse: #FFFFFF;
	--vkui--color_background_content_inverse--hover: #EBEDF0;
	--vkui--color_background_content_inverse--active: #D7D8DB;
	--vkui--color_background_secondary: #232324;
	--vkui--color_background_secondary--hover: #2C2C2D;
	--vkui--color_background_secondary--active: #353536;
	--vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.10);
	--vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.14);
	--vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.18);
	--vkui--color_background_tertiary: #202021;
	--vkui--color_background_tertiary--hover: #29292A;
	--vkui--color_background_tertiary--active: #323233;
	--vkui--color_background_tertiary_alpha: rgba(255, 255, 255, 0.03);
	--vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, 0.07);
	--vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, 0.11);
	--vkui--color_background_contrast: #FFFFFF;
	--vkui--color_background_contrast--hover: #EBEDF0;
	--vkui--color_background_contrast--active: #D7D8DB;
	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
	--vkui--color_background_contrast_inverse: #2c2d2e;
	--vkui--color_background_contrast_inverse--hover: #343536;
	--vkui--color_background_contrast_inverse--active: #3D3E3F;
	--vkui--color_background_contrast_themed: #2C2D2E;
	--vkui--color_background_contrast_themed--hover: #343536;
	--vkui--color_background_contrast_themed--active: #3D3E3F;
	--vkui--color_background_modal: #1C1D1E;
	--vkui--color_background_modal--hover: #252627;
	--vkui--color_background_modal--active: #2E2F30;
	--vkui--color_background_modal_inverse: #FFFFFF;
	--vkui--color_background_modal_inverse--hover: #EBEDF0;
	--vkui--color_background_modal_inverse--active: #D7D8DB;
	--vkui--color_background_positive: #4bb34b;
	--vkui--color_background_positive--hover: #52B652;
	--vkui--color_background_positive--active: #59B959;
	--vkui--color_background_positive_tint: #2E3E2B;
	--vkui--color_background_positive_tint--hover: #364633;
	--vkui--color_background_positive_tint--active: #3F4D3C;
	--vkui--color_background_warning: #473315;
	--vkui--color_background_warning--hover: #4E3B1E;
	--vkui--color_background_warning--active: #564328;
	--vkui--color_background_negative: #ff5c5c;
	--vkui--color_background_negative--hover: #FF6363;
	--vkui--color_background_negative--active: #FF6969;
	--vkui--color_background_negative_tint: #522E2E;
	--vkui--color_background_negative_tint--hover: #593636;
	--vkui--color_background_negative_tint--active: #603F3F;
	--vkui--color_background_info_tint: #1C3954;
	--vkui--color_background_info_tint--hover: #25415B;
	--vkui--color_background_info_tint--active: #2E4962;
	--vkui--color_field_background: #232324;
	--vkui--color_field_background--hover: #2C2C2D;
	--vkui--color_field_background--active: #353536;
	--vkui--color_header_background: #19191a;
	--vkui--color_header_background--hover: #222223;
	--vkui--color_header_background--active: #2B2B2C;
	--vkui--color_text_accent: #529ef4;
	--vkui--color_text_accent--hover: #59A2F4;
	--vkui--color_text_accent--active: #60A6F5;
	--vkui--color_text_accent_themed: #FFFFFF;
	--vkui--color_text_accent_themed--hover: #EBEDF0;
	--vkui--color_text_accent_themed--active: #D7D8DB;
	--vkui--color_text_primary: #e1e3e6;
	--vkui--color_text_primary--hover: #E2E4E7;
	--vkui--color_text_primary--active: #E3E5E8;
	--vkui--color_text_primary_alpha: rgba(249, 252, 255, 0.72);
	--vkui--color_text_primary_alpha--hover: rgba(249, 252, 255, 0.76);
	--vkui--color_text_primary_alpha--active: rgba(249, 252, 255, 0.8);
	--vkui--color_text_primary_invariably: #000000;
	--vkui--color_text_primary_invariably--hover: #0A0A0A;
	--vkui--color_text_primary_invariably--active: #141414;
	--vkui--color_text_secondary: #909294;
	--vkui--color_text_secondary--hover: #949698;
	--vkui--color_text_secondary--active: #999B9D;
	--vkui--color_text_secondary_alpha: rgba(247, 251, 255, 0.42);
	--vkui--color_text_secondary_alpha--hover: rgba(247, 251, 255, 0.46);
	--vkui--color_text_secondary_alpha--active: rgba(247, 251, 255, 0.5);
	--vkui--color_text_subhead: #B9BABF;
	--vkui--color_text_subhead--hover: #BCBDC2;
	--vkui--color_text_subhead--active: #BFC0C4;
	--vkui--color_text_tertiary: #6B6D6F;
	--vkui--color_text_tertiary--hover: #717375;
	--vkui--color_text_tertiary--active: #77797B;
	--vkui--color_text_contrast: #FFFFFF;
	--vkui--color_text_contrast--hover: #EBEDF0;
	--vkui--color_text_contrast--active: #D7D8DB;
	--vkui--color_text_contrast_themed: #000000;
	--vkui--color_text_contrast_themed--hover: #0A0A0A;
	--vkui--color_text_contrast_themed--active: #141414;
	--vkui--color_text_positive: #4bb34b;
	--vkui--color_text_positive--hover: #52B652;
	--vkui--color_text_positive--active: #59B959;
	--vkui--color_text_negative: #ff5c5c;
	--vkui--color_text_negative--hover: #FF6363;
	--vkui--color_text_negative--active: #FF6969;
	--vkui--color_text_link: #529ef4;
	--vkui--color_text_link--hover: #59A2F4;
	--vkui--color_text_link--active: #60A6F5;
	--vkui--color_text_link_themed: #FFFFFF;
	--vkui--color_text_link_themed--hover: #EBEDF0;
	--vkui--color_text_link_themed--active: #D7D8DB;
	--vkui--color_text_link_tint: #71aaeb;
	--vkui--color_text_link_tint--hover: #77ADEC;
	--vkui--color_text_link_tint--active: #7CB1ED;
	--vkui--color_text_link_visited: #4986cc;
	--vkui--color_text_link_visited--hover: #508BCE;
	--vkui--color_text_link_visited--active: #5890D0;
	--vkui--color_text_muted: #e1e3e6;
	--vkui--color_text_muted--hover: #E2E4E7;
	--vkui--color_text_muted--active: #E3E5E8;
	--vkui--color_link_contrast: #FFFFFF;
	--vkui--color_link_contrast--hover: #EBEDF0;
	--vkui--color_link_contrast--active: #D7D8DB;
	--vkui--color_icon_accent: #529ef4;
	--vkui--color_icon_accent--hover: #59A2F4;
	--vkui--color_icon_accent--active: #60A6F5;
	--vkui--color_icon_accent_themed: #FFFFFF;
	--vkui--color_icon_accent_themed--hover: #EBEDF0;
	--vkui--color_icon_accent_themed--active: #D7D8DB;
	--vkui--color_icon_primary: #e1e3e6;
	--vkui--color_icon_primary--hover: #E2E4E7;
	--vkui--color_icon_primary--active: #E3E5E8;
	--vkui--color_icon_primary_invariably: #2c2d2e;
	--vkui--color_icon_primary_invariably--hover: #343536;
	--vkui--color_icon_primary_invariably--active: #3D3E3F;
	--vkui--color_icon_medium: #B9BABF;
	--vkui--color_icon_medium--hover: #BCBDC2;
	--vkui--color_icon_medium--active: #BFC0C4;
	--vkui--color_icon_medium_alpha: rgba(247, 248, 255, 70%);
	--vkui--color_icon_medium_alpha--hover: rgba(247, 248, 255, 0.74);
	--vkui--color_icon_medium_alpha--active: rgba(247, 248, 255, 0.78);
	--vkui--color_icon_secondary: #898B8D;
	--vkui--color_icon_secondary--hover: #8E9092;
	--vkui--color_icon_secondary--active: #929496;
	--vkui--color_icon_secondary_alpha: rgba(248, 252, 255, 50%);
	--vkui--color_icon_secondary_alpha--hover: rgba(248, 252, 255, 0.54);
	--vkui--color_icon_secondary_alpha--active: rgba(248, 252, 255, 0.58);
	--vkui--color_icon_tertiary: #5D5F61;
	--vkui--color_icon_tertiary--hover: #636567;
	--vkui--color_icon_tertiary--active: #6A6C6E;
	--vkui--color_icon_tertiary_alpha: rgba(246, 250, 255, 37%);
	--vkui--color_icon_tertiary_alpha--hover: rgba(246, 250, 255, 0.41000000000000003);
	--vkui--color_icon_tertiary_alpha--active: rgba(246, 250, 255, 0.45);
	--vkui--color_icon_contrast: #FFFFFF;
	--vkui--color_icon_contrast--hover: #EBEDF0;
	--vkui--color_icon_contrast--active: #D7D8DB;
	--vkui--color_icon_contrast_themed: #000000;
	--vkui--color_icon_contrast_themed--hover: #0A0A0A;
	--vkui--color_icon_contrast_themed--active: #141414;
	--vkui--color_icon_contrast_secondary: #f2f3f5;
	--vkui--color_icon_contrast_secondary--hover: #F3F3F5;
	--vkui--color_icon_contrast_secondary--active: #F3F4F6;
	--vkui--color_icon_positive: #4bb34b;
	--vkui--color_icon_positive--hover: #52B652;
	--vkui--color_icon_positive--active: #59B959;
	--vkui--color_icon_warning: #EDB055;
	--vkui--color_icon_warning--hover: #EEB35C;
	--vkui--color_icon_warning--active: #EEB663;
	--vkui--color_icon_negative: #ff5c5c;
	--vkui--color_icon_negative--hover: #FF6363;
	--vkui--color_icon_negative--active: #FF6969;
	--vkui--color_stroke_accent: #529ef4;
	--vkui--color_stroke_accent--hover: #59A2F4;
	--vkui--color_stroke_accent--active: #60A6F5;
	--vkui--color_stroke_accent_themed: #FFFFFF;
	--vkui--color_stroke_accent_themed--hover: #EBEDF0;
	--vkui--color_stroke_accent_themed--active: #D7D8DB;
	--vkui--color_separator_primary: #363738;
	--vkui--color_separator_primary--hover: #3E3F40;
	--vkui--color_separator_primary--active: #464748;
	--vkui--color_separator_primary2x: #444546;
	--vkui--color_separator_primary2x--hover: #4B4C4D;
	--vkui--color_separator_primary2x--active: #535455;
	--vkui--color_separator_primary3x: #505253;
	--vkui--color_separator_primary3x--hover: #57595A;
	--vkui--color_separator_primary3x--active: #5E6061;
	--vkui--color_separator_primary_alpha: rgba(255, 255, 255, 0.12);
	--vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, 0.16);
	--vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, 0.2);
	--vkui--color_separator_secondary: #141415;
	--vkui--color_separator_secondary--hover: #1D1D1E;
	--vkui--color_separator_secondary--active: #272728;
	--vkui--color_stroke_positive: #4bb34b;
	--vkui--color_stroke_positive--hover: #52B652;
	--vkui--color_stroke_positive--active: #59B959;
	--vkui--color_stroke_negative: #ff5c5c;
	--vkui--color_stroke_negative--hover: #FF6363;
	--vkui--color_stroke_negative--active: #FF6969;
	--vkui--color_stroke_contrast: #FFFFFF;
	--vkui--color_stroke_contrast--hover: #EBEDF0;
	--vkui--color_stroke_contrast--active: #D7D8DB;
	--vkui--color_stroke_primary: #E1E3E6;
	--vkui--color_stroke_primary--hover: #E2E4E7;
	--vkui--color_stroke_primary--active: #E3E5E8;
	--vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08);
	--vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.12);
	--vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.16);
	--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
	--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
	--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
	--vkui--color_accent_blue: #71aaeb;
	--vkui--color_accent_blue--hover: #77ADEC;
	--vkui--color_accent_blue--active: #7CB1ED;
	--vkui--color_accent_gray: #a3adb8;
	--vkui--color_accent_gray--hover: #A7B0BB;
	--vkui--color_accent_gray--active: #AAB4BE;
	--vkui--color_accent_red: #ff3347;
	--vkui--color_accent_red--hover: #FF3B4E;
	--vkui--color_accent_red--active: #FF4356;
	--vkui--color_accent_orange_fire: #f05c44;
	--vkui--color_accent_orange_fire--hover: #F1634B;
	--vkui--color_accent_orange_fire--active: #F16953;
	--vkui--color_accent_orange: #ffa000;
	--vkui--color_accent_orange--hover: #FFA40A;
	--vkui--color_accent_orange--active: #FFA814;
	--vkui--color_accent_orange_peach: #FFC062;
	--vkui--color_accent_orange_peach--hover: #FFC368;
	--vkui--color_accent_orange_peach--active: #FFC56F;
	--vkui--color_accent_lime: #AFF70D;
	--vkui--color_accent_lime--hover: #B2F717;
	--vkui--color_accent_lime--active: #B5F820;
	--vkui--color_accent_green: #4bb34b;
	--vkui--color_accent_green--hover: #52B652;
	--vkui--color_accent_green--active: #59B959;
	--vkui--color_accent_cyan: #13FFD0;
	--vkui--color_accent_cyan--hover: #1CFFD2;
	--vkui--color_accent_cyan--active: #26FFD4;
	--vkui--color_accent_azure: #0077FF;
	--vkui--color_accent_azure--hover: #0A7CFF;
	--vkui--color_accent_azure--active: #1482FF;
	--vkui--color_accent_purple: #9985ff;
	--vkui--color_accent_purple--hover: #9D8AFF;
	--vkui--color_accent_purple--active: #A18FFF;
	--vkui--color_accent_violet: #a94fff;
	--vkui--color_accent_violet--hover: #AC56FF;
	--vkui--color_accent_violet--active: #B05DFF;
	--vkui--color_accent_raspberry_pink: #f060c0;
	--vkui--color_accent_raspberry_pink--hover: #F166C3;
	--vkui--color_accent_raspberry_pink--active: #F16DC5;
	--vkui--color_accent_pink: #F45FFF;
	--vkui--color_accent_pink--hover: #F465FF;
	--vkui--color_accent_pink--active: #F56CFF;
	--vkui--color_accent_secondary: #3f8ae0;
	--vkui--color_accent_secondary--hover: #478FE1;
	--vkui--color_accent_secondary--active: #4E93E2;
	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
	--vkui--color_overlay_secondary: rgba(0, 0, 0, 0.27);
	--vkui--color_overlay_secondary--hover: rgba(0, 0, 0, 0.31);
	--vkui--color_overlay_secondary--active: rgba(0, 0, 0, 0.35);
	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
	--vkui--color_action_sheet_text: #71aaeb;
	--vkui--color_action_sheet_text--hover: #77ADEC;
	--vkui--color_action_sheet_text--active: #7CB1ED;
	--vkui--color_image_placeholder: #2a2b2c;
	--vkui--color_image_placeholder--hover: #333334;
	--vkui--color_image_placeholder--active: #3B3C3D;
	--vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
	--vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, 0.12);
	--vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, 0.16);
	--vkui--color_skeleton_from: #232324;
	--vkui--color_skeleton_from--hover: #2C2C2D;
	--vkui--color_skeleton_from--active: #353536;
	--vkui--color_skeleton_to: #2c2d2e;
	--vkui--color_skeleton_to--hover: #343536;
	--vkui--color_skeleton_to--active: #3D3E3F;
	--vkui--color_button_text: #FFFFFF;
	--vkui--color_button_text--hover: #EBEDF0;
	--vkui--color_button_text--active: #D7D8DB;
	--vkui--color_button_icon: #FFFFFF;
	--vkui--color_button_icon--hover: #EBEDF0;
	--vkui--color_button_icon--active: #D7D8DB;
	--vkui--color_button_stroke: #FFFFFF;
	--vkui--color_button_stroke--hover: #EBEDF0;
	--vkui--color_button_stroke--active: #D7D8DB;
	--vkui--color_write_bar_icon: #76787a;
	--vkui--color_write_bar_icon--hover: #7B7D7F;
	--vkui--color_write_bar_icon--active: #818385;
	--vkui--color_write_bar_input_background: #2c2d2e;
	--vkui--color_write_bar_input_background--hover: #343536;
	--vkui--color_write_bar_input_background--active: #3D3E3F;
	--vkui--color_write_bar_input_border: #2c2d2e;
	--vkui--color_write_bar_input_border--hover: #343536;
	--vkui--color_write_bar_input_border--active: #3D3E3F;
	--vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8);
	--vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84);
	--vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88);
	--vkui--color_track_background: #454647;
	--vkui--color_track_background--hover: #4C4D4E;
	--vkui--color_track_background--active: #545556;
	--vkui--color_track_buffer: #405772;
	--vkui--color_track_buffer--hover: #485E78;
	--vkui--color_track_buffer--active: #4F647D;
	--vkui--color_search_field_background: #2A2A2B;
	--vkui--color_search_field_background--hover: #333333;
	--vkui--color_search_field_background--active: #3B3B3C;
	--vkui--color_panel_header_icon: #71aaeb;
	--vkui--color_panel_header_icon--hover: #77ADEC;
	--vkui--color_panel_header_icon--active: #7CB1ED;
	--vkui--color_segmented_control: #626364;
	--vkui--color_segmented_control--hover: #68696A;
	--vkui--color_segmented_control--active: #6F6F70;
	--vkui--color_tabbar_text_inactive: #76787a;
	--vkui--color_tabbar_text_inactive--hover: #7B7D7F;
	--vkui--color_tabbar_text_inactive--active: #818385;
	--vkui--color_transparent: transparent;
	--vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
	--vkui--color_transparent--active: rgba(255, 255, 255, 0.08);
}

/* reset html background */
html.vkui {
  background: none;
  color-scheme: normal;
}

html.vkui--variant-block {
  height: auto;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
:root {
  /* sizes */
  --vkui_internal--tabbar_height: 48px;
  --vkui_internal--grid_avatar_image_offset: 2px;
  --vkui_internal--slider_thumb_size: 28px;
  --vkui_internal--side_cell_gap: calc(
    var(--vkui--size_base_padding_horizontal--regular) -
    var(--vkui--spacing_size_s)
  );
  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--regular);

  /**
   * [a11y][focus visible]
   */
  --vkui_internal--outline_width: 2px;
  --vkui_internal--outline: var(--vkui_internal--outline_width, 2px) solid
    var(--vkui--color_stroke_accent);
  /**
   * [a11y][windows high contrast mode]
   *
   * windows compatible outline reset
   * @see https://benmyers.dev/blog/whcm-outlines/
   */
  --vkui_internal--outline-reset: var(--vkui_internal--outline_width) solid transparent;

  /**
   * "Safe Zone" добавляет невидимую интерактивную область, по которой пользователь будет вводить мышкой и тем самым
   * компонент будет оставаться активным.
   *
   * > ⚠️ Используется для динамического изменения в JS файлах.
   */
  --vkui_internal--popover_safe_zone_padding: 8px;

  /* colors */
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  --vkui_internal--white: #fff;

  /* insets */
  --vkui_internal--safe_area_inset_top: 0px;
  --vkui_internal--safe_area_inset_right: 0px;
  --vkui_internal--safe_area_inset_bottom: 0px;
  --vkui_internal--safe_area_inset_left: 0px;

  /* animations */
  --vkui_internal--duration: 0.7s;
  --vkui_internal--slide-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --vkui_internal--spring-easing: cubic-bezier(0.22, 1, 0.6, 1.03);

  /* z_index */
  --vkui_internal--z_index_cell_dragging: 100;
  --vkui_internal--z_index_tabs: 2;
  --vkui_internal--z_index_fixed_layout: 3;
  --vkui_internal--z_index_panel_header_context: 4;
  --vkui_internal--z_index_panel_header_fade: 5;
  --vkui_internal--z_index_pull_to_refresh: 9;
  --vkui_internal--z_index_panel_header: 10;
  --vkui_internal--z_index_split_layout_panel_header: 11;

  /* z_index Tappable isolate */
  --vkui_internal--z_index_tappable_state: 0;
  --vkui_internal--z_index_tappable_element: 1;

  /* z_index Banner isolate */
  --vkui_internal--z_index_banner_background: 0;
  --vkui_internal--z_index_banner_content: 1;
  --vkui_internal--z_index_banner_hover: 2;

  /* z_index FormField isolate */
  --vkui_internal--z_index_form_field_element: 1;
  --vkui_internal--z_index_form_field_border: 2;
  --vkui_internal--z_index_form_field_status: 3;
  --vkui_internal--z_index_form_field_border_hover: 4;
  --vkui_internal--z_index_form_field_focus: 5;
  --vkui_internal--z_index_form_field_side: 6;

  /* z_index ImageBase isolate */
  --vkui_internal--z_index_image_base_border: 0;
  --vkui_internal--z_index_image_base_overlay: 1;
  --vkui_internal--z_index_image_base_badge: 2;
  --vkui_internal--z_index_image_base_positioned_element: 3;

  /* z_index HorizontalScroll isolate */
  --vkui_internal--z_index_horizontal_scroll_arrow: 1;

  /* z_index Gallery isolate */
  --vkui_internal--z_index_gallery_scroll_arrow: 1;

  /* Layout Gaps */
  --vkui_internal--row_gap: 0px;
  --vkui_internal--column_gap: 0px;

  /* Spacing size */
  --vkui_internal--spacing_size: 0px;

  /** ModalOverlay props */
  --vkui_internal--modal-overlay--opacity: 1;
}
@supports (padding-top: constant(safe-area-inset-top)) {
  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
  :root {
    --vkui_internal--safe_area_inset_top: constant(safe-area-inset-top);
    --vkui_internal--safe_area_inset_right: constant(safe-area-inset-right);
    --vkui_internal--safe_area_inset_bottom: constant(safe-area-inset-bottom);
    --vkui_internal--safe_area_inset_left: constant(safe-area-inset-left);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
  :root {
    --vkui_internal--safe_area_inset_top: env(safe-area-inset-top);
    --vkui_internal--safe_area_inset_right: env(safe-area-inset-right);
    --vkui_internal--safe_area_inset_bottom: env(safe-area-inset-bottom);
    --vkui_internal--safe_area_inset_left: env(safe-area-inset-left);
  }
}

/*
Утилитарные классы, реализующие адаптив через CSS путём показа/скрытия элемента.

Глоссарий по модификаторам:

- `forced` – означает, что мы зашили конкретное представление в `AdaptiveProvider` (ex, `<AdaptiveProvider sizeX="regular">`).
- `mq` – означает, что для смены представления используется CSS Media Query.

---

Note: В начале классов разделить (`-`), чтобы красиво добавлялся префикс библиотеки после сборки.

*/

@media (min-width: 768px) {
  .adaptivity__-sizeX--compact-mq--2nwBW {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (max-width: 767.9px) {
  .adaptivity__-sizeX--regular-mq--a2tUm {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .adaptivity__-sizeY--compact-mq--Qm6lz {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .adaptivity__-sizeY--regular-mq--gCGKD {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (min-width: 1024px) {
  .adaptivity__-viewWidth--tabletMinus-mq--Q5IDF {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (max-width: 1023.9px) {
  .adaptivity__-viewWidth--tabletPlus-mq--kJVqB {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (min-width: 768px) and (pointer: fine),(min-width: 768px) and (min-height: 720px) {
  .adaptivity__-deviceType--mobile-mq--sTEVB {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (max-width: 767.9px),(pointer: none) and (max-height: 719.9px),(pointer: coarse) and (max-height: 719.9px) {
  .adaptivity__-deviceType--desktop-mq--FZLWl {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* stylelint-disable selector-pseudo-class-disallowed-list */

/*
В Windows можно менять общий масштаб интерфейса от 100 до 500%. Готовые пресеты 125%, 150% и 175%.
В случаях, когда `--vkui--size_border--regular` используется не для свойства `border`, а для `height`,
одна из линий становится размером больше чем остальные.

Поэтому используем пограничные значения DPI, чтобы смена на субпиксельные значения срабатывала раньше:
- 1.01dppx вместо 2dppx для 101% и до 200%;
- 2.01dppx вместо 3dppx для 201% и больше;

@see https://github.com/VKCOM/VKUI/issues/8864
*/

:root {
  --vkui--size_border--regular: var(--vkui--size_border1x--regular);
}

@media (-webkit-min-device-pixel-ratio: 1.01), (min-resolution: 1.01dppx) {
  :root {
    --vkui--size_border--regular: var(--vkui--size_border2x--regular);
  }
}

@media (-webkit-min-device-pixel-ratio: 2.01), (min-resolution: 2.01dppx) {
  :root {
    --vkui--size_border--regular: var(--vkui--size_border3x--regular);
  }
}

/**
 * Утилитарные классы на замену отдельному компоненту для имитации
 * :focus-visible состояния.
 */
.focusVisible__-focus-visible--BnpB0 {
  --vkui_internal--outline_width: 2px;
}
/* stylelint-disable selector-max-universal */
.focusVisible__-focus-visible--BnpB0:focus,
.focusVisible__-focus-visible--BnpB0:focus-visible,
.focusVisible__-focus-visible--BnpB0 *:focus,
.focusVisible__-focus-visible--BnpB0 *:focus-visible {
  outline: none;
}
/* stylelint-enable selector-max-universal */
.focusVisible__-focus-visible--BnpB0.focusVisible__-focus-visible--mode-outside--20Z9m {
  --vkui_internal--outline_offset_from: 0;
  --vkui_internal--outline_offset_to: var(--vkui_internal--outline_width);
}
.focusVisible__-focus-visible--BnpB0.focusVisible__-focus-visible--mode-inside--Bd6hD {
  --vkui_internal--outline_offset_from: calc(-2 * var(--vkui_internal--outline_width));
  --vkui_internal--outline_offset_to: calc(-1 * var(--vkui_internal--outline_width));
}
.focusVisible__-focus-visible--BnpB0.focusVisible__-focus-visible--focused--Sll11.focusVisible__-focus-visible--mode-inside--Bd6hD,
.focusVisible__-focus-visible--BnpB0.focusVisible__-focus-visible--focused--Sll11.focusVisible__-focus-visible--mode-outside--20Z9m {
  outline: var(--vkui_internal--outline);
  outline-offset: var(--vkui_internal--outline_offset_to);
  animation: focusVisible__animation-outline-offset--N00Gh 0.1s ease-in-out 0.01s forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .focusVisible__-focus-visible--BnpB0.focusVisible__-focus-visible--focused--Sll11.focusVisible__-focus-visible--mode-inside--Bd6hD,
  .focusVisible__-focus-visible--BnpB0.focusVisible__-focus-visible--focused--Sll11.focusVisible__-focus-visible--mode-outside--20Z9m {
    animation: none;
  }
}
@keyframes focusVisible__animation-outline-offset--N00Gh {
  0% {
    outline-offset: var(--vkui_internal--outline_offset_from);
  }

  100% {
    outline-offset: var(--vkui_internal--outline_offset_to);
  }
}

.animationFades__-anim-fade-in--tOhtW {
  animation: animationFades__anim-fade-in--JwSer 0.1s ease-in forwards;
}

.animationFades__-anim-fade-out--VXvVy {
  animation: animationFades__anim-fade-out--D3kri 0.1s ease-out forwards;
}

@keyframes animationFades__anim-fade-in--JwSer {
  from {
    opacity: 0;
    transform: scale(0.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes animationFades__anim-fade-out--D3kri {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.transformOriginByPlacement__-anim-transform-origin-top--tW3iP {
  transform-origin: bottom center;
}

.transformOriginByPlacement__-anim-transform-origin-top-start--0Z8wp {
  transform-origin: bottom left;
}

.transformOriginByPlacement__-anim-transform-origin-top-end--B3Hb9 {
  transform-origin: bottom right;
}

.transformOriginByPlacement__-anim-transform-origin-right--BI3AF {
  transform-origin: left center;
}

.transformOriginByPlacement__-anim-transform-origin-right-start--e6F08 {
  transform-origin: left top;
}

.transformOriginByPlacement__-anim-transform-origin-right-end--gCQwk {
  transform-origin: left bottom;
}

.transformOriginByPlacement__-anim-transform-origin-bottom--gFADb {
  transform-origin: top center;
}

.transformOriginByPlacement__-anim-transform-origin-bottom-start--95L1O {
  transform-origin: top left;
}

.transformOriginByPlacement__-anim-transform-origin-bottom-end--9MFdi {
  transform-origin: top right;
}

.transformOriginByPlacement__-anim-transform-origin-left--XDiPz {
  transform-origin: right center;
}

.transformOriginByPlacement__-anim-transform-origin-left-start--JZjis {
  transform-origin: right top;
}

.transformOriginByPlacement__-anim-transform-origin-left-end--RHfqQ {
  transform-origin: right bottom;
}

/* Row Gap */

.gaps__-row-gap--2xs--q6Kxe {
  --vkui_internal--row_gap: var(--vkui--spacing_size_2xs);
}

.gaps__-row-gap--xs--CnTVw {
  --vkui_internal--row_gap: var(--vkui--spacing_size_xs);
}

.gaps__-row-gap--s--MVWca {
  --vkui_internal--row_gap: var(--vkui--spacing_size_s);
}

.gaps__-row-gap--m--FV1Fq {
  --vkui_internal--row_gap: var(--vkui--spacing_size_m);
}

.gaps__-row-gap--l--XM7c0 {
  --vkui_internal--row_gap: var(--vkui--spacing_size_l);
}

.gaps__-row-gap--xl--E7ztb {
  --vkui_internal--row_gap: var(--vkui--spacing_size_xl);
}

.gaps__-row-gap--2xl--VZMLh {
  --vkui_internal--row_gap: var(--vkui--spacing_size_2xl);
}

.gaps__-row-gap--3xl--Yr33F {
  --vkui_internal--row_gap: var(--vkui--spacing_size_3xl);
}

.gaps__-row-gap--4xl--PjYPG {
  --vkui_internal--row_gap: var(--vkui--spacing_size_4xl);
}

/* Column Gap */

.gaps__-column-gap--2xs--mHgvg {
  --vkui_internal--column_gap: var(--vkui--spacing_size_2xs);
}

.gaps__-column-gap--xs--3aYrj {
  --vkui_internal--column_gap: var(--vkui--spacing_size_xs);
}

.gaps__-column-gap--s--TK5Vf {
  --vkui_internal--column_gap: var(--vkui--spacing_size_s);
}

.gaps__-column-gap--m--qCpRX {
  --vkui_internal--column_gap: var(--vkui--spacing_size_m);
}

.gaps__-column-gap--l--p6UQF {
  --vkui_internal--column_gap: var(--vkui--spacing_size_l);
}

.gaps__-column-gap--xl--BIO5q {
  --vkui_internal--column_gap: var(--vkui--spacing_size_xl);
}

.gaps__-column-gap--2xl--2tUhT {
  --vkui_internal--column_gap: var(--vkui--spacing_size_2xl);
}

.gaps__-column-gap--3xl--OsplJ {
  --vkui_internal--column_gap: var(--vkui--spacing_size_3xl);
}

.gaps__-column-gap--4xl--Nxt6r {
  --vkui_internal--column_gap: var(--vkui--spacing_size_4xl);
}

.vkui-padding-2xs {
    padding: var(--vkui--spacing_size_2xs);
}
.vkui-padding-xs {
    padding: var(--vkui--spacing_size_xs);
}
.vkui-padding-s {
    padding: var(--vkui--spacing_size_s);
}
.vkui-padding-m {
    padding: var(--vkui--spacing_size_m);
}
.vkui-padding-l {
    padding: var(--vkui--spacing_size_l);
}
.vkui-padding-xl {
    padding: var(--vkui--spacing_size_xl);
}
.vkui-padding-2xl {
    padding: var(--vkui--spacing_size_2xl);
}
.vkui-padding-3xl {
    padding: var(--vkui--spacing_size_3xl);
}
.vkui-padding-4xl {
    padding: var(--vkui--spacing_size_4xl);
}
.vkui-padding-inherit {
    padding: inherit;
}
.vkui-padding-initial {
    padding: initial;
}
.vkui-padding-unset {
    padding: unset;
}
.vkui-padding {
    padding: var(--vkui_internal--padding);
}
.vkui-padding-inline-2xs {
    padding-inline: var(--vkui--spacing_size_2xs);
}
.vkui-padding-inline-xs {
    padding-inline: var(--vkui--spacing_size_xs);
}
.vkui-padding-inline-s {
    padding-inline: var(--vkui--spacing_size_s);
}
.vkui-padding-inline-m {
    padding-inline: var(--vkui--spacing_size_m);
}
.vkui-padding-inline-l {
    padding-inline: var(--vkui--spacing_size_l);
}
.vkui-padding-inline-xl {
    padding-inline: var(--vkui--spacing_size_xl);
}
.vkui-padding-inline-2xl {
    padding-inline: var(--vkui--spacing_size_2xl);
}
.vkui-padding-inline-3xl {
    padding-inline: var(--vkui--spacing_size_3xl);
}
.vkui-padding-inline-4xl {
    padding-inline: var(--vkui--spacing_size_4xl);
}
.vkui-padding-inline-inherit {
    padding-inline: inherit;
}
.vkui-padding-inline-initial {
    padding-inline: initial;
}
.vkui-padding-inline-unset {
    padding-inline: unset;
}
.vkui-padding-inline {
    padding-inline: var(--vkui_internal--padding-inline);
}
.vkui-padding-block-2xs {
    padding-block: var(--vkui--spacing_size_2xs);
}
.vkui-padding-block-xs {
    padding-block: var(--vkui--spacing_size_xs);
}
.vkui-padding-block-s {
    padding-block: var(--vkui--spacing_size_s);
}
.vkui-padding-block-m {
    padding-block: var(--vkui--spacing_size_m);
}
.vkui-padding-block-l {
    padding-block: var(--vkui--spacing_size_l);
}
.vkui-padding-block-xl {
    padding-block: var(--vkui--spacing_size_xl);
}
.vkui-padding-block-2xl {
    padding-block: var(--vkui--spacing_size_2xl);
}
.vkui-padding-block-3xl {
    padding-block: var(--vkui--spacing_size_3xl);
}
.vkui-padding-block-4xl {
    padding-block: var(--vkui--spacing_size_4xl);
}
.vkui-padding-block-inherit {
    padding-block: inherit;
}
.vkui-padding-block-initial {
    padding-block: initial;
}
.vkui-padding-block-unset {
    padding-block: unset;
}
.vkui-padding-block {
    padding-block: var(--vkui_internal--padding-block);
}
.vkui-padding-inline-start-2xs {
    -webkit-padding-start: var(--vkui--spacing_size_2xs);
            padding-inline-start: var(--vkui--spacing_size_2xs);
}
.vkui-padding-inline-start-xs {
    -webkit-padding-start: var(--vkui--spacing_size_xs);
            padding-inline-start: var(--vkui--spacing_size_xs);
}
.vkui-padding-inline-start-s {
    -webkit-padding-start: var(--vkui--spacing_size_s);
            padding-inline-start: var(--vkui--spacing_size_s);
}
.vkui-padding-inline-start-m {
    -webkit-padding-start: var(--vkui--spacing_size_m);
            padding-inline-start: var(--vkui--spacing_size_m);
}
.vkui-padding-inline-start-l {
    -webkit-padding-start: var(--vkui--spacing_size_l);
            padding-inline-start: var(--vkui--spacing_size_l);
}
.vkui-padding-inline-start-xl {
    -webkit-padding-start: var(--vkui--spacing_size_xl);
            padding-inline-start: var(--vkui--spacing_size_xl);
}
.vkui-padding-inline-start-2xl {
    -webkit-padding-start: var(--vkui--spacing_size_2xl);
            padding-inline-start: var(--vkui--spacing_size_2xl);
}
.vkui-padding-inline-start-3xl {
    -webkit-padding-start: var(--vkui--spacing_size_3xl);
            padding-inline-start: var(--vkui--spacing_size_3xl);
}
.vkui-padding-inline-start-4xl {
    -webkit-padding-start: var(--vkui--spacing_size_4xl);
            padding-inline-start: var(--vkui--spacing_size_4xl);
}
.vkui-padding-inline-start-inherit {
    -webkit-padding-start: inherit;
            padding-inline-start: inherit;
}
.vkui-padding-inline-start-initial {
    -webkit-padding-start: initial;
            padding-inline-start: initial;
}
.vkui-padding-inline-start-unset {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
}
.vkui-padding-inline-start {
    -webkit-padding-start: var(--vkui_internal--padding-inline-start);
            padding-inline-start: var(--vkui_internal--padding-inline-start);
}
.vkui-padding-inline-end-2xs {
    -webkit-padding-end: var(--vkui--spacing_size_2xs);
            padding-inline-end: var(--vkui--spacing_size_2xs);
}
.vkui-padding-inline-end-xs {
    -webkit-padding-end: var(--vkui--spacing_size_xs);
            padding-inline-end: var(--vkui--spacing_size_xs);
}
.vkui-padding-inline-end-s {
    -webkit-padding-end: var(--vkui--spacing_size_s);
            padding-inline-end: var(--vkui--spacing_size_s);
}
.vkui-padding-inline-end-m {
    -webkit-padding-end: var(--vkui--spacing_size_m);
            padding-inline-end: var(--vkui--spacing_size_m);
}
.vkui-padding-inline-end-l {
    -webkit-padding-end: var(--vkui--spacing_size_l);
            padding-inline-end: var(--vkui--spacing_size_l);
}
.vkui-padding-inline-end-xl {
    -webkit-padding-end: var(--vkui--spacing_size_xl);
            padding-inline-end: var(--vkui--spacing_size_xl);
}
.vkui-padding-inline-end-2xl {
    -webkit-padding-end: var(--vkui--spacing_size_2xl);
            padding-inline-end: var(--vkui--spacing_size_2xl);
}
.vkui-padding-inline-end-3xl {
    -webkit-padding-end: var(--vkui--spacing_size_3xl);
            padding-inline-end: var(--vkui--spacing_size_3xl);
}
.vkui-padding-inline-end-4xl {
    -webkit-padding-end: var(--vkui--spacing_size_4xl);
            padding-inline-end: var(--vkui--spacing_size_4xl);
}
.vkui-padding-inline-end-inherit {
    -webkit-padding-end: inherit;
            padding-inline-end: inherit;
}
.vkui-padding-inline-end-initial {
    -webkit-padding-end: initial;
            padding-inline-end: initial;
}
.vkui-padding-inline-end-unset {
    -webkit-padding-end: unset;
            padding-inline-end: unset;
}
.vkui-padding-inline-end {
    -webkit-padding-end: var(--vkui_internal--padding-inline-end);
            padding-inline-end: var(--vkui_internal--padding-inline-end);
}
.vkui-padding-block-start-2xs {
    -webkit-padding-before: var(--vkui--spacing_size_2xs);
            padding-block-start: var(--vkui--spacing_size_2xs);
}
.vkui-padding-block-start-xs {
    -webkit-padding-before: var(--vkui--spacing_size_xs);
            padding-block-start: var(--vkui--spacing_size_xs);
}
.vkui-padding-block-start-s {
    -webkit-padding-before: var(--vkui--spacing_size_s);
            padding-block-start: var(--vkui--spacing_size_s);
}
.vkui-padding-block-start-m {
    -webkit-padding-before: var(--vkui--spacing_size_m);
            padding-block-start: var(--vkui--spacing_size_m);
}
.vkui-padding-block-start-l {
    -webkit-padding-before: var(--vkui--spacing_size_l);
            padding-block-start: var(--vkui--spacing_size_l);
}
.vkui-padding-block-start-xl {
    -webkit-padding-before: var(--vkui--spacing_size_xl);
            padding-block-start: var(--vkui--spacing_size_xl);
}
.vkui-padding-block-start-2xl {
    -webkit-padding-before: var(--vkui--spacing_size_2xl);
            padding-block-start: var(--vkui--spacing_size_2xl);
}
.vkui-padding-block-start-3xl {
    -webkit-padding-before: var(--vkui--spacing_size_3xl);
            padding-block-start: var(--vkui--spacing_size_3xl);
}
.vkui-padding-block-start-4xl {
    -webkit-padding-before: var(--vkui--spacing_size_4xl);
            padding-block-start: var(--vkui--spacing_size_4xl);
}
.vkui-padding-block-start-inherit {
    -webkit-padding-before: inherit;
            padding-block-start: inherit;
}
.vkui-padding-block-start-initial {
    -webkit-padding-before: initial;
            padding-block-start: initial;
}
.vkui-padding-block-start-unset {
    -webkit-padding-before: unset;
            padding-block-start: unset;
}
.vkui-padding-block-start {
    -webkit-padding-before: var(--vkui_internal--padding-block-start);
            padding-block-start: var(--vkui_internal--padding-block-start);
}
.vkui-padding-block-end-2xs {
    -webkit-padding-after: var(--vkui--spacing_size_2xs);
            padding-block-end: var(--vkui--spacing_size_2xs);
}
.vkui-padding-block-end-xs {
    -webkit-padding-after: var(--vkui--spacing_size_xs);
            padding-block-end: var(--vkui--spacing_size_xs);
}
.vkui-padding-block-end-s {
    -webkit-padding-after: var(--vkui--spacing_size_s);
            padding-block-end: var(--vkui--spacing_size_s);
}
.vkui-padding-block-end-m {
    -webkit-padding-after: var(--vkui--spacing_size_m);
            padding-block-end: var(--vkui--spacing_size_m);
}
.vkui-padding-block-end-l {
    -webkit-padding-after: var(--vkui--spacing_size_l);
            padding-block-end: var(--vkui--spacing_size_l);
}
.vkui-padding-block-end-xl {
    -webkit-padding-after: var(--vkui--spacing_size_xl);
            padding-block-end: var(--vkui--spacing_size_xl);
}
.vkui-padding-block-end-2xl {
    -webkit-padding-after: var(--vkui--spacing_size_2xl);
            padding-block-end: var(--vkui--spacing_size_2xl);
}
.vkui-padding-block-end-3xl {
    -webkit-padding-after: var(--vkui--spacing_size_3xl);
            padding-block-end: var(--vkui--spacing_size_3xl);
}
.vkui-padding-block-end-4xl {
    -webkit-padding-after: var(--vkui--spacing_size_4xl);
            padding-block-end: var(--vkui--spacing_size_4xl);
}
.vkui-padding-block-end-inherit {
    -webkit-padding-after: inherit;
            padding-block-end: inherit;
}
.vkui-padding-block-end-initial {
    -webkit-padding-after: initial;
            padding-block-end: initial;
}
.vkui-padding-block-end-unset {
    -webkit-padding-after: unset;
            padding-block-end: unset;
}
.vkui-padding-block-end {
    -webkit-padding-after: var(--vkui_internal--padding-block-end);
            padding-block-end: var(--vkui_internal--padding-block-end);
}
.vkui-inline-size-auto {
    inline-size: auto;
}
.vkui-inline-size-max-content {
    inline-size: -webkit-max-content;
    inline-size: -moz-max-content;
    inline-size: max-content;
}
.vkui-inline-size-min-content {
    inline-size: -webkit-min-content;
    inline-size: -moz-min-content;
    inline-size: min-content;
}
.vkui-inline-size-fit-content {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
}
.vkui-inline-size-inherit {
    inline-size: inherit;
}
.vkui-inline-size-initial {
    inline-size: initial;
}
.vkui-inline-size-unset {
    inline-size: unset;
}
.vkui-inline-size {
    inline-size: var(--vkui_internal--inline-size);
}
.vkui-min-inline-size-max-content {
    min-inline-size: -webkit-max-content;
    min-inline-size: -moz-max-content;
    min-inline-size: max-content;
}
.vkui-min-inline-size-min-content {
    min-inline-size: -webkit-min-content;
    min-inline-size: -moz-min-content;
    min-inline-size: min-content;
}
.vkui-min-inline-size-fit-content {
    min-inline-size: -webkit-fit-content;
    min-inline-size: -moz-fit-content;
    min-inline-size: fit-content;
}
.vkui-min-inline-size-inherit {
    min-inline-size: inherit;
}
.vkui-min-inline-size-initial {
    min-inline-size: initial;
}
.vkui-min-inline-size-unset {
    min-inline-size: unset;
}
.vkui-min-inline-size {
    min-inline-size: var(--vkui_internal--min-inline-size);
}
.vkui-max-inline-size-max-content {
    max-inline-size: -webkit-max-content;
    max-inline-size: -moz-max-content;
    max-inline-size: max-content;
}
.vkui-max-inline-size-min-content {
    max-inline-size: -webkit-min-content;
    max-inline-size: -moz-min-content;
    max-inline-size: min-content;
}
.vkui-max-inline-size-fit-content {
    max-inline-size: -webkit-fit-content;
    max-inline-size: -moz-fit-content;
    max-inline-size: fit-content;
}
.vkui-max-inline-size-inherit {
    max-inline-size: inherit;
}
.vkui-max-inline-size-initial {
    max-inline-size: initial;
}
.vkui-max-inline-size-unset {
    max-inline-size: unset;
}
.vkui-max-inline-size {
    max-inline-size: var(--vkui_internal--max-inline-size);
}
.vkui-block-size-auto {
    block-size: auto;
}
.vkui-block-size-max-content {
    block-size: -webkit-max-content;
    block-size: -moz-max-content;
    block-size: max-content;
}
.vkui-block-size-min-content {
    block-size: -webkit-min-content;
    block-size: -moz-min-content;
    block-size: min-content;
}
.vkui-block-size-fit-content {
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
}
.vkui-block-size-inherit {
    block-size: inherit;
}
.vkui-block-size-initial {
    block-size: initial;
}
.vkui-block-size-unset {
    block-size: unset;
}
.vkui-block-size {
    block-size: var(--vkui_internal--block-size);
}
.vkui-min-block-size-max-content {
    min-block-size: -webkit-max-content;
    min-block-size: -moz-max-content;
    min-block-size: max-content;
}
.vkui-min-block-size-min-content {
    min-block-size: -webkit-min-content;
    min-block-size: -moz-min-content;
    min-block-size: min-content;
}
.vkui-min-block-size-fit-content {
    min-block-size: -webkit-fit-content;
    min-block-size: -moz-fit-content;
    min-block-size: fit-content;
}
.vkui-min-block-size-inherit {
    min-block-size: inherit;
}
.vkui-min-block-size-initial {
    min-block-size: initial;
}
.vkui-min-block-size-unset {
    min-block-size: unset;
}
.vkui-min-block-size {
    min-block-size: var(--vkui_internal--min-block-size);
}
.vkui-max-block-size-max-content {
    max-block-size: -webkit-max-content;
    max-block-size: -moz-max-content;
    max-block-size: max-content;
}
.vkui-max-block-size-min-content {
    max-block-size: -webkit-min-content;
    max-block-size: -moz-min-content;
    max-block-size: min-content;
}
.vkui-max-block-size-fit-content {
    max-block-size: -webkit-fit-content;
    max-block-size: -moz-fit-content;
    max-block-size: fit-content;
}
.vkui-max-block-size-inherit {
    max-block-size: inherit;
}
.vkui-max-block-size-initial {
    max-block-size: initial;
}
.vkui-max-block-size-unset {
    max-block-size: unset;
}
.vkui-max-block-size {
    max-block-size: var(--vkui_internal--max-block-size);
}
.vkui-inset-2xs {
    inset: var(--vkui--spacing_size_2xs);
}
.vkui-inset-xs {
    inset: var(--vkui--spacing_size_xs);
}
.vkui-inset-s {
    inset: var(--vkui--spacing_size_s);
}
.vkui-inset-m {
    inset: var(--vkui--spacing_size_m);
}
.vkui-inset-l {
    inset: var(--vkui--spacing_size_l);
}
.vkui-inset-xl {
    inset: var(--vkui--spacing_size_xl);
}
.vkui-inset-2xl {
    inset: var(--vkui--spacing_size_2xl);
}
.vkui-inset-3xl {
    inset: var(--vkui--spacing_size_3xl);
}
.vkui-inset-4xl {
    inset: var(--vkui--spacing_size_4xl);
}
.vkui-inset-inherit {
    inset: inherit;
}
.vkui-inset-initial {
    inset: initial;
}
.vkui-inset-unset {
    inset: unset;
}
.vkui-inset-auto {
    inset: auto;
}
.vkui-inset {
    inset: var(--vkui_internal--inset);
}
.vkui-inset-inline-2xs {
    inset-inline: var(--vkui--spacing_size_2xs);
}
.vkui-inset-inline-xs {
    inset-inline: var(--vkui--spacing_size_xs);
}
.vkui-inset-inline-s {
    inset-inline: var(--vkui--spacing_size_s);
}
.vkui-inset-inline-m {
    inset-inline: var(--vkui--spacing_size_m);
}
.vkui-inset-inline-l {
    inset-inline: var(--vkui--spacing_size_l);
}
.vkui-inset-inline-xl {
    inset-inline: var(--vkui--spacing_size_xl);
}
.vkui-inset-inline-2xl {
    inset-inline: var(--vkui--spacing_size_2xl);
}
.vkui-inset-inline-3xl {
    inset-inline: var(--vkui--spacing_size_3xl);
}
.vkui-inset-inline-4xl {
    inset-inline: var(--vkui--spacing_size_4xl);
}
.vkui-inset-inline-inherit {
    inset-inline: inherit;
}
.vkui-inset-inline-initial {
    inset-inline: initial;
}
.vkui-inset-inline-unset {
    inset-inline: unset;
}
.vkui-inset-inline-auto {
    inset-inline: auto;
}
.vkui-inset-inline {
    inset-inline: var(--vkui_internal--inset-inline);
}
.vkui-inset-block-2xs {
    inset-block: var(--vkui--spacing_size_2xs);
}
.vkui-inset-block-xs {
    inset-block: var(--vkui--spacing_size_xs);
}
.vkui-inset-block-s {
    inset-block: var(--vkui--spacing_size_s);
}
.vkui-inset-block-m {
    inset-block: var(--vkui--spacing_size_m);
}
.vkui-inset-block-l {
    inset-block: var(--vkui--spacing_size_l);
}
.vkui-inset-block-xl {
    inset-block: var(--vkui--spacing_size_xl);
}
.vkui-inset-block-2xl {
    inset-block: var(--vkui--spacing_size_2xl);
}
.vkui-inset-block-3xl {
    inset-block: var(--vkui--spacing_size_3xl);
}
.vkui-inset-block-4xl {
    inset-block: var(--vkui--spacing_size_4xl);
}
.vkui-inset-block-inherit {
    inset-block: inherit;
}
.vkui-inset-block-initial {
    inset-block: initial;
}
.vkui-inset-block-unset {
    inset-block: unset;
}
.vkui-inset-block-auto {
    inset-block: auto;
}
.vkui-inset-block {
    inset-block: var(--vkui_internal--inset-block);
}
.vkui-inset-inline-start-2xs {
    inset-inline-start: var(--vkui--spacing_size_2xs);
}
.vkui-inset-inline-start-xs {
    inset-inline-start: var(--vkui--spacing_size_xs);
}
.vkui-inset-inline-start-s {
    inset-inline-start: var(--vkui--spacing_size_s);
}
.vkui-inset-inline-start-m {
    inset-inline-start: var(--vkui--spacing_size_m);
}
.vkui-inset-inline-start-l {
    inset-inline-start: var(--vkui--spacing_size_l);
}
.vkui-inset-inline-start-xl {
    inset-inline-start: var(--vkui--spacing_size_xl);
}
.vkui-inset-inline-start-2xl {
    inset-inline-start: var(--vkui--spacing_size_2xl);
}
.vkui-inset-inline-start-3xl {
    inset-inline-start: var(--vkui--spacing_size_3xl);
}
.vkui-inset-inline-start-4xl {
    inset-inline-start: var(--vkui--spacing_size_4xl);
}
.vkui-inset-inline-start-inherit {
    inset-inline-start: inherit;
}
.vkui-inset-inline-start-initial {
    inset-inline-start: initial;
}
.vkui-inset-inline-start-unset {
    inset-inline-start: unset;
}
.vkui-inset-inline-start-auto {
    inset-inline-start: auto;
}
.vkui-inset-inline-start {
    inset-inline-start: var(--vkui_internal--inset-inline-start);
}
.vkui-inset-inline-end-2xs {
    inset-inline-end: var(--vkui--spacing_size_2xs);
}
.vkui-inset-inline-end-xs {
    inset-inline-end: var(--vkui--spacing_size_xs);
}
.vkui-inset-inline-end-s {
    inset-inline-end: var(--vkui--spacing_size_s);
}
.vkui-inset-inline-end-m {
    inset-inline-end: var(--vkui--spacing_size_m);
}
.vkui-inset-inline-end-l {
    inset-inline-end: var(--vkui--spacing_size_l);
}
.vkui-inset-inline-end-xl {
    inset-inline-end: var(--vkui--spacing_size_xl);
}
.vkui-inset-inline-end-2xl {
    inset-inline-end: var(--vkui--spacing_size_2xl);
}
.vkui-inset-inline-end-3xl {
    inset-inline-end: var(--vkui--spacing_size_3xl);
}
.vkui-inset-inline-end-4xl {
    inset-inline-end: var(--vkui--spacing_size_4xl);
}
.vkui-inset-inline-end-inherit {
    inset-inline-end: inherit;
}
.vkui-inset-inline-end-initial {
    inset-inline-end: initial;
}
.vkui-inset-inline-end-unset {
    inset-inline-end: unset;
}
.vkui-inset-inline-end-auto {
    inset-inline-end: auto;
}
.vkui-inset-inline-end {
    inset-inline-end: var(--vkui_internal--inset-inline-end);
}
.vkui-inset-block-start-2xs {
    inset-block-start: var(--vkui--spacing_size_2xs);
}
.vkui-inset-block-start-xs {
    inset-block-start: var(--vkui--spacing_size_xs);
}
.vkui-inset-block-start-s {
    inset-block-start: var(--vkui--spacing_size_s);
}
.vkui-inset-block-start-m {
    inset-block-start: var(--vkui--spacing_size_m);
}
.vkui-inset-block-start-l {
    inset-block-start: var(--vkui--spacing_size_l);
}
.vkui-inset-block-start-xl {
    inset-block-start: var(--vkui--spacing_size_xl);
}
.vkui-inset-block-start-2xl {
    inset-block-start: var(--vkui--spacing_size_2xl);
}
.vkui-inset-block-start-3xl {
    inset-block-start: var(--vkui--spacing_size_3xl);
}
.vkui-inset-block-start-4xl {
    inset-block-start: var(--vkui--spacing_size_4xl);
}
.vkui-inset-block-start-inherit {
    inset-block-start: inherit;
}
.vkui-inset-block-start-initial {
    inset-block-start: initial;
}
.vkui-inset-block-start-unset {
    inset-block-start: unset;
}
.vkui-inset-block-start-auto {
    inset-block-start: auto;
}
.vkui-inset-block-start {
    inset-block-start: var(--vkui_internal--inset-block-start);
}
.vkui-inset-block-end-2xs {
    inset-block-end: var(--vkui--spacing_size_2xs);
}
.vkui-inset-block-end-xs {
    inset-block-end: var(--vkui--spacing_size_xs);
}
.vkui-inset-block-end-s {
    inset-block-end: var(--vkui--spacing_size_s);
}
.vkui-inset-block-end-m {
    inset-block-end: var(--vkui--spacing_size_m);
}
.vkui-inset-block-end-l {
    inset-block-end: var(--vkui--spacing_size_l);
}
.vkui-inset-block-end-xl {
    inset-block-end: var(--vkui--spacing_size_xl);
}
.vkui-inset-block-end-2xl {
    inset-block-end: var(--vkui--spacing_size_2xl);
}
.vkui-inset-block-end-3xl {
    inset-block-end: var(--vkui--spacing_size_3xl);
}
.vkui-inset-block-end-4xl {
    inset-block-end: var(--vkui--spacing_size_4xl);
}
.vkui-inset-block-end-inherit {
    inset-block-end: inherit;
}
.vkui-inset-block-end-initial {
    inset-block-end: initial;
}
.vkui-inset-block-end-unset {
    inset-block-end: unset;
}
.vkui-inset-block-end-auto {
    inset-block-end: auto;
}
.vkui-inset-block-end {
    inset-block-end: var(--vkui_internal--inset-block-end);
}
.vkui-position-static {
    position: static;
}
.vkui-position-relative {
    position: relative;
}
.vkui-position-absolute {
    position: absolute;
}
.vkui-position-fixed {
    position: fixed;
}
.vkui-flex-grow-inherit {
    flex-grow: inherit;
}
.vkui-flex-grow-initial {
    flex-grow: initial;
}
.vkui-flex-grow-unset {
    flex-grow: unset;
}
.vkui-flex-grow {
    flex-grow: var(--vkui_internal--flex-grow);
}
.vkui-flex-shrink-inherit {
    flex-shrink: inherit;
}
.vkui-flex-shrink-initial {
    flex-shrink: initial;
}
.vkui-flex-shrink-unset {
    flex-shrink: unset;
}
.vkui-flex-shrink {
    flex-shrink: var(--vkui_internal--flex-shrink);
}
.vkui-flex-basis-auto {
    flex-basis: auto;
}
.vkui-flex-basis-max-content {
    flex-basis: max-content;
}
.vkui-flex-basis-min-content {
    flex-basis: min-content;
}
.vkui-flex-basis-fit-content {
    flex-basis: fit-content;
}
.vkui-flex-basis-inherit {
    flex-basis: inherit;
}
.vkui-flex-basis-initial {
    flex-basis: initial;
}
.vkui-flex-basis-unset {
    flex-basis: unset;
}
.vkui-flex-basis-content {
    flex-basis: content;
}
.vkui-flex-basis {
    flex-basis: var(--vkui_internal--flex-basis);
}
.vkui-overflow-visible {
    overflow: visible;
}
.vkui-overflow-hidden {
    overflow: hidden;
}
.vkui-overflow-clip {
    overflow: clip;
}
.vkui-overflow-scroll {
    overflow: scroll;
}
.vkui-overflow-auto {
    overflow: auto;
}
.vkui-overflow-inherit {
    overflow: inherit;
}
.vkui-overflow-initial {
    overflow: initial;
}
.vkui-overflow-unset {
    overflow: unset;
}
.vkui-overflow-block-visible {
    overflow-block: visible;
}
.vkui-overflow-block-hidden {
    overflow-block: hidden;
}
.vkui-overflow-block-clip {
    overflow-block: clip;
}
.vkui-overflow-block-scroll {
    overflow-block: scroll;
}
.vkui-overflow-block-auto {
    overflow-block: auto;
}
.vkui-overflow-block-inherit {
    overflow-block: inherit;
}
.vkui-overflow-block-initial {
    overflow-block: initial;
}
.vkui-overflow-block-unset {
    overflow-block: unset;
}
.vkui-overflow-inline-visible {
    overflow-inline: visible;
}
.vkui-overflow-inline-hidden {
    overflow-inline: hidden;
}
.vkui-overflow-inline-clip {
    overflow-inline: clip;
}
.vkui-overflow-inline-scroll {
    overflow-inline: scroll;
}
.vkui-overflow-inline-auto {
    overflow-inline: auto;
}
.vkui-overflow-inline-inherit {
    overflow-inline: inherit;
}
.vkui-overflow-inline-initial {
    overflow-inline: initial;
}
.vkui-overflow-inline-unset {
    overflow-inline: unset;
}

.RootComponent__host--GzbZi[hidden='hidden'],
.RootComponent__hidden--IfsAN {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.RootComponent__host--GzbZi[hidden='until-found'] {
  /* stylelint-disable-next-line declaration-no-important */
  content-visibility: hidden !important;
}

/*
 * Стили, которые переиспользуются в AppRoot и при использовании порталов.
 *
 * Желательно не помещать сюда стили отвечающие за геометрию и фон,
 * чтобы не влиять на поведение модалок и других плавающих элементов.
 * Такие стили лучше помещать сразу в AppRoot.
 */
.AppRootStyleContainer__host--UfQlv {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-family: var(--vkui--font_family_base);
  color: var(--vkui--color_text_primary);
  color-scheme: var(--vkui--colors_scheme);
}
.AppRootStyleContainer__sizeYCompact--EOMla {
  --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);
}
@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .AppRootStyleContainer__sizeYNone--LfLwC {
    --vkui_internal--panel_header_height: var(--vkui--size_panel_header_height--compact);
  }
}
.AppRootStyleContainer__userSelectNone--cLLN0 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/**
 * Хак для webkit-based браузеров, потому что на версиях iOS <= 14.* исчезает возможность
 * редактировать contenteditable элементы, если выше по дереву задан user-select: none;
 */
.AppRootStyleContainer__userSelectNone--cLLN0 [contenteditable] {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
@media (pointer: coarse),(pointer: none) {
  .AppRootStyleContainer__pointerNone--1mIAh {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .AppRootStyleContainer__pointerNone--1mIAh [contenteditable] {
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }
}
.AppRootStyleContainer__embedded--Z1WLL {
  /* Раньше в этом режиме на родителе (app__root--embeded)
   * лежал стиль overflow-x: hidden
   * см: https://github.com/VKCOM/VKUI/commit/67366838397305b79d4c1de6e0b5ca03e7fd7450
   * см: https://github.com/VKCOM/VKUI/pull/1248/files
   * Но сейчас, так как главные стили, в том числе и
   * transform: translate3d(0, 0, 0) лежат на AppRoot,
   * то в этом смысла не видно.
   * По крайней мере примеров,
   * где бы overflow ломался в embedded режиме,
   * пока не было найдено */
  overflow: auto;
}

.AppRoot__host--jNICg {
  inline-size: 100%;
  /* чтобы можно было ограничить размеры приложения
   * извне с помощью max-height, max-width */
  max-inline-size: inherit;
  block-size: 100%;
  max-block-size: inherit;
}

.AppRoot__layoutCard--VH2zR {
  background: var(--vkui--color_background);
}

.AppRoot__layoutPlain--1NnLH {
  background: var(--vkui--color_background_content);
}

.AppRoot__transformForPositionFixedElements--wAj01 {
  transform: translate3d(0, 0, 0);
}

.Typography__normalize--ObvJ0 {
  display: block;
  padding: 0;
  margin: 0;
}

.Typography__inline--GdTJL {
  display: inline-block;
}

/* Мы утяжеляем селектор, чтобы перебить другие селекторы */

.Typography__weight1--fcyb5.Typography__weight1--fcyb5.Typography__weight1--fcyb5.Typography__weight1--fcyb5 {
  font-weight: var(--vkui--font_weight_base1);
}

.Typography__accent--ZjErd.Typography__weight1--fcyb5.Typography__weight1--fcyb5.Typography__weight1--fcyb5 {
  font-weight: var(--vkui--font_weight_accent1);
}

.Typography__weight2--KVAMe.Typography__weight2--KVAMe.Typography__weight2--KVAMe.Typography__weight2--KVAMe {
  font-weight: var(--vkui--font_weight_base2);
}

.Typography__accent--ZjErd.Typography__weight2--KVAMe.Typography__weight2--KVAMe.Typography__weight2--KVAMe {
  font-weight: var(--vkui--font_weight_accent2);
}

.Typography__weight3--jBx2G.Typography__weight3--jBx2G.Typography__weight3--jBx2G.Typography__weight3--jBx2G {
  font-weight: var(--vkui--font_weight_base3);
}

.Typography__accent--ZjErd.Typography__weight3--jBx2G.Typography__weight3--jBx2G.Typography__weight3--jBx2G {
  font-weight: var(--vkui--font_weight_accent3);
}

/* stylelint-disable-next-line selector-max-type */

.Typography__host--J4myW b {
  font-weight: var(--vkui--font_weight_base1);
}

/* stylelint-disable-next-line selector-max-type */

.Typography__accent--ZjErd.Typography__host--J4myW b {
  font-weight: var(--vkui--font_weight_accent1);
}

.Typography__alignStart--P2Iiy {
  text-align: start;
}

.Typography__alignCenter--PaOIM {
  text-align: center;
}

.Typography__alignEnd--mMc5p {
  text-align: end;
}

.Title__level1--2QLo3 {
  font-family: var(--vkui--font_title1--font_family--regular);
  font-size: var(--vkui--font_title1--font_size--regular);
  font-weight: var(--vkui--font_title1--font_weight--regular);
  line-height: var(--vkui--font_title1--line_height--regular);
}

.Title__sizeYCompact--MviT5.Title__level1--2QLo3 {
  font-family: var(
    --vkui--font_title1--font_family--compact,
    var(--vkui--font_title1--font_family--regular)
  );
  font-size: var(
    --vkui--font_title1--font_size--compact,
    var(--vkui--font_title1--font_size--regular)
  );
  font-weight: var(
    --vkui--font_title1--font_weight--compact,
    var(--vkui--font_title1--font_weight--regular)
  );
  line-height: var(
    --vkui--font_title1--line_height--compact,
    var(--vkui--font_title1--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Title__sizeYNone--RnIq4.Title__level1--2QLo3 {
    font-family: var(
      --vkui--font_title1--font_family--compact,
      var(--vkui--font_title1--font_family--regular)
    );
    font-size: var(
      --vkui--font_title1--font_size--compact,
      var(--vkui--font_title1--font_size--regular)
    );
    font-weight: var(
      --vkui--font_title1--font_weight--compact,
      var(--vkui--font_title1--font_weight--regular)
    );
    line-height: var(
      --vkui--font_title1--line_height--compact,
      var(--vkui--font_title1--line_height--regular)
    );
  }
}

.Title__level2--CMrHy {
  font-family: var(--vkui--font_title2--font_family--regular);
  font-size: var(--vkui--font_title2--font_size--regular);
  font-weight: var(--vkui--font_title2--font_weight--regular);
  line-height: var(--vkui--font_title2--line_height--regular);
}

.Title__sizeYCompact--MviT5.Title__level2--CMrHy {
  font-family: var(
    --vkui--font_title2--font_family--compact,
    var(--vkui--font_title2--font_family--regular)
  );
  font-size: var(
    --vkui--font_title2--font_size--compact,
    var(--vkui--font_title2--font_size--regular)
  );
  font-weight: var(
    --vkui--font_title2--font_weight--compact,
    var(--vkui--font_title2--font_weight--regular)
  );
  line-height: var(
    --vkui--font_title2--line_height--compact,
    var(--vkui--font_title2--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Title__sizeYNone--RnIq4.Title__level2--CMrHy {
    font-family: var(
      --vkui--font_title2--font_family--compact,
      var(--vkui--font_title2--font_family--regular)
    );
    font-size: var(
      --vkui--font_title2--font_size--compact,
      var(--vkui--font_title2--font_size--regular)
    );
    font-weight: var(
      --vkui--font_title2--font_weight--compact,
      var(--vkui--font_title2--font_weight--regular)
    );
    line-height: var(
      --vkui--font_title2--line_height--compact,
      var(--vkui--font_title2--line_height--regular)
    );
  }
}

.Title__level3--1CAfl {
  font-family: var(--vkui--font_title3--font_family--regular);
  font-size: var(--vkui--font_title3--font_size--regular);
  font-weight: var(--vkui--font_title3--font_weight--regular);
  line-height: var(--vkui--font_title3--line_height--regular);
}

.Title__sizeYCompact--MviT5.Title__level3--1CAfl {
  font-family: var(
    --vkui--font_title3--font_family--compact,
    var(--vkui--font_title3--font_family--regular)
  );
  font-size: var(
    --vkui--font_title3--font_size--compact,
    var(--vkui--font_title3--font_size--regular)
  );
  font-weight: var(
    --vkui--font_title3--font_weight--compact,
    var(--vkui--font_title3--font_weight--regular)
  );
  line-height: var(
    --vkui--font_title3--line_height--compact,
    var(--vkui--font_title3--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Title__sizeYNone--RnIq4.Title__level3--1CAfl {
    font-family: var(
      --vkui--font_title3--font_family--compact,
      var(--vkui--font_title3--font_family--regular)
    );
    font-size: var(
      --vkui--font_title3--font_size--compact,
      var(--vkui--font_title3--font_size--regular)
    );
    font-weight: var(
      --vkui--font_title3--font_weight--compact,
      var(--vkui--font_title3--font_weight--regular)
    );
    line-height: var(
      --vkui--font_title3--line_height--compact,
      var(--vkui--font_title3--line_height--regular)
    );
  }
}

.Headline__level1--CylPk {
  font-family: var(--vkui--font_headline1--font_family--regular);
  font-size: var(--vkui--font_headline1--font_size--regular);
  font-weight: var(--vkui--font_headline1--font_weight--regular);
  line-height: var(--vkui--font_headline1--line_height--regular);
}

.Headline__sizeYCompact--mpgde.Headline__level1--CylPk {
  font-size: var(
    --vkui--font_headline1--font_size--compact,
    var(--vkui--font_headline1--font_size--regular)
  );
  font-weight: var(
    --vkui--font_headline1--font_weight--compact,
    var(--vkui--font_headline1--font_weight--regular)
  );
  line-height: var(
    --vkui--font_headline1--line_height--compact,
    var(--vkui--font_headline1--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Headline__sizeYNone--O2Aet.Headline__level1--CylPk {
    font-size: var(
      --vkui--font_headline1--font_size--compact,
      var(--vkui--font_headline1--font_size--regular)
    );
    font-weight: var(
      --vkui--font_headline1--font_weight--compact,
      var(--vkui--font_headline1--font_weight--regular)
    );
    line-height: var(
      --vkui--font_headline1--line_height--compact,
      var(--vkui--font_headline1--line_height--regular)
    );
  }
}

.Headline__level2--KMC2G {
  font-family: var(--vkui--font_headline2--font_family--regular);
  font-size: var(--vkui--font_headline2--font_size--regular);
  font-weight: var(--vkui--font_headline2--font_weight--regular);
  line-height: var(--vkui--font_headline2--line_height--regular);
}

.Headline__sizeYCompact--mpgde.Headline__level2--KMC2G {
  font-size: var(
    --vkui--font_headline2--font_size--compact,
    var(--vkui--font_headline2--font_size--regular)
  );
  font-weight: var(
    --vkui--font_headline2--font_weight--compact,
    var(--vkui--font_headline2--font_weight--regular)
  );
  line-height: var(
    --vkui--font_headline2--line_height--compact,
    var(--vkui--font_headline2--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Headline__sizeYNone--O2Aet.Headline__level2--KMC2G {
    font-size: var(
      --vkui--font_headline2--font_size--compact,
      var(--vkui--font_headline2--font_size--regular)
    );
    font-weight: var(
      --vkui--font_headline2--font_weight--compact,
      var(--vkui--font_headline2--font_weight--regular)
    );
    line-height: var(
      --vkui--font_headline2--line_height--compact,
      var(--vkui--font_headline2--line_height--regular)
    );
  }
}

.Paragraph__host--SkVDv {
  font-family: var(--vkui--font_paragraph--font_family--regular);
  font-size: var(--vkui--font_paragraph--font_size--regular);
  font-weight: var(--vkui--font_paragraph--font_weight--regular);
  line-height: var(--vkui--font_paragraph--line_height--regular);
}

.Paragraph__sizeYCompact--uH6ca {
  font-family: var(
    --vkui--font_paragraph--font_family--compact,
    var(--vkui--font_paragraph--font_family--regular)
  );
  font-size: var(
    --vkui--font_paragraph--font_size--compact,
    var(--vkui--font_paragraph--font_size--regular)
  );
  font-weight: var(
    --vkui--font_paragraph--font_weight--compact,
    var(--vkui--font_paragraph--font_weight--regular)
  );
  line-height: var(
    --vkui--font_paragraph--line_height--compact,
    var(--vkui--font_paragraph--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Paragraph__sizeYNone--k1uzi {
    font-family: var(
      --vkui--font_paragraph--font_family--compact,
      var(--vkui--font_paragraph--font_family--regular)
    );
    font-size: var(
      --vkui--font_paragraph--font_size--compact,
      var(--vkui--font_paragraph--font_size--regular)
    );
    font-weight: var(
      --vkui--font_paragraph--font_weight--compact,
      var(--vkui--font_paragraph--font_weight--regular)
    );
    line-height: var(
      --vkui--font_paragraph--line_height--compact,
      var(--vkui--font_paragraph--line_height--regular)
    );
  }
}

.Subhead__host--mTdWg {
  font-family: var(--vkui--font_subhead--font_family--regular);
  font-size: var(--vkui--font_subhead--font_size--regular);
  font-weight: var(--vkui--font_subhead--font_weight--regular);
  line-height: var(--vkui--font_subhead--line_height--regular);
}

.Subhead__sizeYCompact--cAsFR {
  font-family: var(
    --vkui--font_subhead--font_family--compact,
    var(--vkui--font_subhead--font_family--regular)
  );
  font-size: var(
    --vkui--font_subhead--font_size--compact,
    var(--vkui--font_subhead--font_size--regular)
  );
  font-weight: var(
    --vkui--font_subhead--font_weight--compact,
    var(--vkui--font_subhead--font_weight--regular)
  );
  line-height: var(
    --vkui--font_subhead--line_height--compact,
    var(--vkui--font_subhead--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Subhead__sizeYNone--d3khy {
    font-family: var(
      --vkui--font_subhead--font_family--compact,
      var(--vkui--font_subhead--font_family--regular)
    );
    font-size: var(
      --vkui--font_subhead--font_size--compact,
      var(--vkui--font_subhead--font_size--regular)
    );
    font-weight: var(
      --vkui--font_subhead--font_weight--compact,
      var(--vkui--font_subhead--font_weight--regular)
    );
    line-height: var(
      --vkui--font_subhead--line_height--compact,
      var(--vkui--font_subhead--line_height--regular)
    );
  }
}

.Footnote__host--FSu8o {
  font-family: var(--vkui--font_footnote--font_family--regular);
  font-size: var(--vkui--font_footnote--font_size--regular);
  font-weight: var(--vkui--font_footnote--font_weight--regular);
  line-height: var(--vkui--font_footnote--line_height--regular);
}

.Footnote__sizeYCompact--3doyA {
  font-family: var(
    --vkui--font_footnote--font_family--compact,
    var(--vkui--font_footnote--font_family--regular)
  );
  font-size: var(
    --vkui--font_footnote--font_size--compact,
    var(--vkui--font_footnote--font_size--regular)
  );
  font-weight: var(
    --vkui--font_footnote--font_weight--compact,
    var(--vkui--font_footnote--font_weight--regular)
  );
  line-height: var(
    --vkui--font_footnote--line_height--compact,
    var(--vkui--font_footnote--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Footnote__sizeYNone--BHWhQ {
    font-family: var(
      --vkui--font_footnote--font_family--compact,
      var(--vkui--font_footnote--font_family--regular)
    );
    font-size: var(
      --vkui--font_footnote--font_size--compact,
      var(--vkui--font_footnote--font_size--regular)
    );
    font-weight: var(
      --vkui--font_footnote--font_weight--compact,
      var(--vkui--font_footnote--font_weight--regular)
    );
    line-height: var(
      --vkui--font_footnote--line_height--compact,
      var(--vkui--font_footnote--line_height--regular)
    );
  }
}

.Footnote__caps--kM8Gw {
  font-family: var(--vkui--font_footnote_caps--font_family--regular);
  font-size: var(--vkui--font_footnote_caps--font_size--regular);
  font-weight: var(--vkui--font_footnote_caps--font_weight--regular);
  line-height: var(--vkui--font_footnote_caps--line_height--regular);
  text-transform: uppercase;
}

.Footnote__sizeYCompact--3doyA.Footnote__caps--kM8Gw {
  font-family: var(
    --vkui--font_footnote_caps--font_family--compact,
    var(--vkui--font_footnote_caps--font_family--regular)
  );
  font-size: var(
    --vkui--font_footnote_caps--font_size--compact,
    var(--vkui--font_footnote_caps--font_size--regular)
  );
  font-weight: var(
    --vkui--font_footnote_caps--font_weight--compact,
    var(--vkui--font_footnote_caps--font_weight--regular)
  );
  line-height: var(
    --vkui--font_footnote_caps--line_height--compact,
    var(--vkui--font_footnote_caps--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Footnote__sizeYNone--BHWhQ.Footnote__caps--kM8Gw {
    font-family: var(
      --vkui--font_footnote_caps--font_family--compact,
      var(--vkui--font_footnote_caps--font_family--regular)
    );
    font-size: var(
      --vkui--font_footnote_caps--font_size--compact,
      var(--vkui--font_footnote_caps--font_size--regular)
    );
    font-weight: var(
      --vkui--font_footnote_caps--font_weight--compact,
      var(--vkui--font_footnote_caps--font_weight--regular)
    );
    line-height: var(
      --vkui--font_footnote_caps--line_height--compact,
      var(--vkui--font_footnote_caps--line_height--regular)
    );
  }
}

.Caption__caps--42lMC {
  text-transform: uppercase;
}

.Caption__level1--fbAKM {
  font-family: var(--vkui--font_caption1--font_family--regular);
  font-size: var(--vkui--font_caption1--font_size--regular);
  font-weight: var(--vkui--font_caption1--font_weight--regular);
  line-height: var(--vkui--font_caption1--line_height--regular);
}

.Caption__sizeYCompact--JnSsc.Caption__level1--fbAKM {
  font-family: var(
    --vkui--font_caption1--font_family--compact,
    var(--vkui--font_caption1--font_family--regular)
  );
  font-size: var(
    --vkui--font_caption1--font_size--compact,
    var(--vkui--font_caption1--font_size--regular)
  );
  font-weight: var(
    --vkui--font_caption1--font_weight--compact,
    var(--vkui--font_caption1--font_weight--regular)
  );
  line-height: var(
    --vkui--font_caption1--line_height--compact,
    var(--vkui--font_caption1--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Caption__sizeYNone--Kwhor.Caption__level1--fbAKM {
    font-family: var(
      --vkui--font_caption1--font_family--compact,
      var(--vkui--font_caption1--font_family--regular)
    );
    font-size: var(
      --vkui--font_caption1--font_size--compact,
      var(--vkui--font_caption1--font_size--regular)
    );
    font-weight: var(
      --vkui--font_caption1--font_weight--compact,
      var(--vkui--font_caption1--font_weight--regular)
    );
    line-height: var(
      --vkui--font_caption1--line_height--compact,
      var(--vkui--font_caption1--line_height--regular)
    );
  }
}

.Caption__level1--fbAKM.Caption__caps--42lMC {
  font-family: var(--vkui--font_caption1_caps--font_family--regular);
  font-size: var(--vkui--font_caption1_caps--font_size--regular);
  font-weight: var(--vkui--font_caption1_caps--font_weight--regular);
  line-height: var(--vkui--font_caption1_caps--line_height--regular);
}

.Caption__sizeYCompact--JnSsc.Caption__level1--fbAKM.Caption__caps--42lMC {
  font-family: var(
    --vkui--font_caption1_caps--font_family--compact,
    var(--vkui--font_caption1_caps--font_family--regular)
  );
  font-size: var(
    --vkui--font_caption1_caps--font_size--compact,
    var(--vkui--font_caption1_caps--font_size--regular)
  );
  font-weight: var(
    --vkui--font_caption1_caps--font_weight--compact,
    var(--vkui--font_caption1_caps--font_weight--regular)
  );
  line-height: var(
    --vkui--font_caption1_caps--line_height--compact,
    var(--vkui--font_caption1_caps--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Caption__sizeYNone--Kwhor.Caption__level1--fbAKM.Caption__caps--42lMC {
    font-family: var(
      --vkui--font_caption1_caps--font_family--compact,
      var(--vkui--font_caption1_caps--font_family--regular)
    );
    font-size: var(
      --vkui--font_caption1_caps--font_size--compact,
      var(--vkui--font_caption1_caps--font_size--regular)
    );
    font-weight: var(
      --vkui--font_caption1_caps--font_weight--compact,
      var(--vkui--font_caption1_caps--font_weight--regular)
    );
    line-height: var(
      --vkui--font_caption1_caps--line_height--compact,
      var(--vkui--font_caption1_caps--line_height--regular)
    );
  }
}

.Caption__level2--EzfTe {
  font-family: var(--vkui--font_caption2--font_family--regular);
  font-size: var(--vkui--font_caption2--font_size--regular);
  font-weight: var(--vkui--font_caption2--font_weight--regular);
  line-height: var(--vkui--font_caption2--line_height--regular);
}

.Caption__sizeYCompact--JnSsc.Caption__level2--EzfTe {
  font-family: var(
    --vkui--font_caption2--font_family--compact,
    var(--vkui--font_caption2--font_family--regular)
  );
  font-size: var(
    --vkui--font_caption2--font_size--compact,
    var(--vkui--font_caption2--font_size--regular)
  );
  font-weight: var(
    --vkui--font_caption2--font_weight--compact,
    var(--vkui--font_caption2--font_weight--regular)
  );
  line-height: var(
    --vkui--font_caption2--line_height--compact,
    var(--vkui--font_caption2--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Caption__sizeYNone--Kwhor.Caption__level2--EzfTe {
    font-family: var(
      --vkui--font_caption2--font_family--compact,
      var(--vkui--font_caption2--font_family--regular)
    );
    font-size: var(
      --vkui--font_caption2--font_size--compact,
      var(--vkui--font_caption2--font_size--regular)
    );
    font-weight: var(
      --vkui--font_caption2--font_weight--compact,
      var(--vkui--font_caption2--font_weight--regular)
    );
    line-height: var(
      --vkui--font_caption2--line_height--compact,
      var(--vkui--font_caption2--line_height--regular)
    );
  }
}

.Caption__level2--EzfTe.Caption__caps--42lMC {
  font-family: var(--vkui--font_caption2_caps--font_family--regular);
  font-size: var(--vkui--font_caption2_caps--font_size--regular);
  font-weight: var(--vkui--font_caption2_caps--font_weight--regular);
  line-height: var(--vkui--font_caption2_caps--line_height--regular);
}

.Caption__sizeYCompact--JnSsc.Caption__level2--EzfTe.Caption__caps--42lMC {
  font-family: var(
    --vkui--font_caption2_caps--font_family--compact,
    var(--vkui--font_caption2_caps--font_family--regular)
  );
  font-size: var(
    --vkui--font_caption2_caps--font_size--compact,
    var(--vkui--font_caption2_caps--font_size--regular)
  );
  font-weight: var(
    --vkui--font_caption2_caps--font_weight--compact,
    var(--vkui--font_caption2_caps--font_weight--regular)
  );
  line-height: var(
    --vkui--font_caption2_caps--line_height--compact,
    var(--vkui--font_caption2_caps--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Caption__sizeYNone--Kwhor.Caption__level2--EzfTe.Caption__caps--42lMC {
    font-family: var(
      --vkui--font_caption2_caps--font_family--compact,
      var(--vkui--font_caption2_caps--font_family--regular)
    );
    font-size: var(
      --vkui--font_caption2_caps--font_size--compact,
      var(--vkui--font_caption2_caps--font_size--regular)
    );
    font-weight: var(
      --vkui--font_caption2_caps--font_weight--compact,
      var(--vkui--font_caption2_caps--font_weight--regular)
    );
    line-height: var(
      --vkui--font_caption2_caps--line_height--compact,
      var(--vkui--font_caption2_caps--line_height--regular)
    );
  }
}

.Caption__level3--KAcE1 {
  font-family: var(--vkui--font_caption3--font_family--regular);
  font-size: var(--vkui--font_caption3--font_size--regular);
  font-weight: var(--vkui--font_caption3--font_weight--regular);
  line-height: var(--vkui--font_caption3--line_height--regular);
}

.Caption__sizeYCompact--JnSsc.Caption__level3--KAcE1 {
  font-family: var(
    --vkui--font_caption3--font_family--compact,
    var(--vkui--font_caption3--font_family--regular)
  );
  font-size: var(
    --vkui--font_caption3--font_size--compact,
    var(--vkui--font_caption3--font_size--regular)
  );
  font-weight: var(
    --vkui--font_caption3--font_weight--compact,
    var(--vkui--font_caption3--font_weight--regular)
  );
  line-height: var(
    --vkui--font_caption3--line_height--compact,
    var(--vkui--font_caption3--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Caption__sizeYNone--Kwhor.Caption__level3--KAcE1 {
    font-family: var(
      --vkui--font_caption3--font_family--compact,
      var(--vkui--font_caption3--font_family--regular)
    );
    font-size: var(
      --vkui--font_caption3--font_size--compact,
      var(--vkui--font_caption3--font_size--regular)
    );
    font-weight: var(
      --vkui--font_caption3--font_weight--compact,
      var(--vkui--font_caption3--font_weight--regular)
    );
    line-height: var(
      --vkui--font_caption3--line_height--compact,
      var(--vkui--font_caption3--line_height--regular)
    );
  }
}

.Caption__level3--KAcE1.Caption__caps--42lMC {
  font-family: var(--vkui--font_caption3_caps--font_family--regular);
  font-size: var(--vkui--font_caption3_caps--font_size--regular);
  font-weight: var(--vkui--font_caption3_caps--font_weight--regular);
  line-height: var(--vkui--font_caption3_caps--line_height--regular);
}

.Caption__sizeYCompact--JnSsc.Caption__level3--KAcE1.Caption__caps--42lMC {
  font-family: var(
    --vkui--font_caption3_caps--font_family--compact,
    var(--vkui--font_caption3_caps--font_family--regular)
  );
  font-size: var(
    --vkui--font_caption3_caps--font_size--compact,
    var(--vkui--font_caption3_caps--font_size--regular)
  );
  font-weight: var(
    --vkui--font_caption3_caps--font_weight--compact,
    var(--vkui--font_caption3_caps--font_weight--regular)
  );
  line-height: var(
    --vkui--font_caption3_caps--line_height--compact,
    var(--vkui--font_caption3_caps--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Caption__sizeYNone--Kwhor.Caption__level3--KAcE1.Caption__caps--42lMC {
    font-family: var(
      --vkui--font_caption3_caps--font_family--compact,
      var(--vkui--font_caption3_caps--font_family--regular)
    );
    font-size: var(
      --vkui--font_caption3_caps--font_size--compact,
      var(--vkui--font_caption3_caps--font_size--regular)
    );
    font-weight: var(
      --vkui--font_caption3_caps--font_weight--compact,
      var(--vkui--font_caption3_caps--font_weight--regular)
    );
    line-height: var(
      --vkui--font_caption3_caps--line_height--compact,
      var(--vkui--font_caption3_caps--line_height--regular)
    );
  }
}

.Clickable__realClickable--CcBHp {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* stylelint-disable selector-max-type */

button.Clickable__realClickable--CcBHp {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}

a.Clickable__realClickable--CcBHp {
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* stylelint-enable selector-max-type */

.Clickable__host--eoIG6:focus,
.Clickable__host--eoIG6:focus-visible {
  outline: none;
}

.Clickable__host--eoIG6[disabled],
.Clickable__host--eoIG6[aria-disabled='true'] {
  cursor: not-allowed;
}

.Tappable__host--f9Bsd {
  position: relative;
  border-radius: var(--vkui--size_border_radius--regular);
  isolation: isolate;
}

/*
Просто поменять местами элементы внутри Tappable нельзя:

- некоторые элементы завязаны на :last-child и :first-child
- необходимо чтобы все элементы были позиционированные

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index
https://github.com/VKCOM/VKUI/pull/3641
*/

/* stylelint-disable-next-line selector-max-universal */

.Tappable__host--f9Bsd > * {
  position: relative;
  z-index: var(--vkui_internal--z_index_tappable_element);
}

/**
 * overrides
 */

.Tappable__sizeXCompact--vWUoC {
  border-radius: 0;
}

@media (max-width: 767.9px) {
  .Tappable__sizeXNone--kFQFa {
    border-radius: 0;
  }
}

.Tappable__host--f9Bsd.Tappable__borderRadiusInherit--HIrZE {
  border-radius: inherit;
}

/**
 * hover & active state
 */

.Tappable__stateLayer--Uuntq {
  position: absolute;
  inset: 0;
  z-index: var(--vkui_internal--z_index_tappable_state);
  overflow: hidden;
  border-radius: inherit;
  transition: background-color 0.15s ease-out;
}

/**
 * Задерживаем отрисовку background-color
 */

.Tappable__hasPointerFalse--8lSql .Tappable__ripple--zPnzf {
  transition: background-color 0.15s 0.15s ease-out;
}

@media (pointer: coarse),(pointer: none) {
  .Tappable__hasPointerNone--wvk0J .Tappable__ripple--zPnzf {
    transition: background-color 0.15s 0.15s ease-out;
  }
}

.Tappable__hoveredBackground--VA2go > .Tappable__stateLayer--Uuntq {
  background-color: var(--vkui--color_transparent--hover);
}

.Tappable__activatedBackground--tAIv1 > .Tappable__stateLayer--Uuntq {
  background-color: var(--vkui--color_transparent--active);
}

.Tappable__hoveredOpacity--JlLn6,
.Tappable__activatedOpacity--7FI8M {
  transition: opacity 0.15s ease-out;
}

.Tappable__hoveredOpacity--JlLn6 {
  opacity: 0.8;
}

.Tappable__activatedOpacity--7FI8M {
  opacity: 0.7;
}

.Tappable__wave--jEYTD {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 24px;
  block-size: 24px;
  margin-block: -12px 0;
  margin-inline: -12px 0;
  content: '';
  background: var(--vkui--color_transparent--active);
  border-radius: 50%;
  opacity: 0;
  animation: Tappable__animation-wave--4m4dV 0.3s var(--vkui--animation_easing_platform);
}

/**
 * Animations
 */

@keyframes Tappable__animation-wave--4m4dV {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(8);
  }
}

/* stylelint-disable declaration-no-important */
.VisuallyHidden__host--3C2Oj {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important; /* Fix for https://github.com/twbs/bootstrap/issues/25686 */
  overflow: hidden !important;
  white-space: nowrap !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0 !important;
  opacity: 0;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
/* Чтобы фокус скринридера, попавший на скрытый инпут был виден.
 * Особенно актуально для Android TalkBack */
.VisuallyHidden__focusableInput--XkpJy {
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100% !important;
  block-size: 100% !important;
  pointer-events: none;
  -webkit-clip-path: none !important;
          clip-path: none !important;
}
/* stylelint-enable declaration-no-important */

.Spinner__host--lSX3F {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  color: var(--vkui--color_icon_medium);
}

.Spinner__noColor--Ey2X5 {
  color: currentColor;
}

.animationVisibilityDelay__visibilityDelay--369Oz {
  --vkui_internal--animation_delay_visibility: 200ms;

  visibility: hidden;
  animation: 0ms linear var(--vkui_internal--animation_delay_visibility) forwards
    animationVisibilityDelay__animation-styles-delay-visibility--UMl04;
}

@keyframes animationVisibilityDelay__animation-styles-delay-visibility--UMl04 {
  to {
    visibility: visible;
  }
}

.Button__host--St1IG {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  min-inline-size: var(--vkui--size_button_minimum_width--regular);
  max-inline-size: 100%;
  min-block-size: var(--vkui--size_button_small_height--compact);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: var(--vkui--size_border_radius--regular);
  transition:
    background-color 0.15s ease-out,
    color 0.15s ease-out;
}

.Button__rounded--5IAjk {
  border-radius: var(--vkui--size_border_radius_rounded--regular);
}

.Button__loading--UTKdS:not(.Button__disabled--a0i8r) {
  /* stylelint-disable-next-line declaration-no-important -- перебиваем disabled из Clickable */
  cursor: progress !important;
}

.Button__singleIcon--MLhca {
  inline-size: var(--vkui--size_button_small_height--compact);
  min-inline-size: initial;
}

.Button__sizeYRegular--P9G0P.Button__singleIcon--MLhca {
  inline-size: var(--vkui--size_button_small_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__singleIcon--MLhca {
    inline-size: var(--vkui--size_button_small_height--regular);
  }
}

.Button__stretched--iFLf9 {
  display: block;
  flex-grow: 1;
  flex-basis: 0;
  inline-size: 100%;
}

.Button__in--F9Ab9 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  min-block-size: inherit;
  text-align: center;
}

.Button__alignLeft--TY6zY .Button__in--F9Ab9 {
  justify-content: flex-start;
  text-align: start;
}

.Button__alignRight--dFQUq .Button__in--F9Ab9 {
  justify-content: flex-end;
  text-align: end;
}

.Button__disabled--a0i8r {
  opacity: var(--vkui--opacity_disable);
}

.Button__modePrimary--nRUEN.Button__disabled--a0i8r:not(.Button__appearanceOverlay--01KHH):not(.Button__appearanceNegative--KE64T):not(.Button__appearancePositive--r1Ooc),
.Button__modeSecondary--H97dM.Button__disabled--a0i8r:not(.Button__appearanceOverlay--01KHH),
.Button__modeTertiary--pjE1Q.Button__disabled--a0i8r:not(.Button__appearanceOverlay--01KHH),
.Button__modeOutline--GwqNO.Button__disabled--a0i8r:not(.Button__appearanceOverlay--01KHH) {
  opacity: 0.64;
}

.Button__content--0FcJD {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--vkui--font_weight_accent2);
  white-space: nowrap;
}

.Button__sizeS--byr1Y .Button__content--0FcJD:first-child {
  -webkit-padding-start: var(--vkui--size_button_base_small_padding_horizontal--regular);
          padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal--regular);
}

.Button__sizeS--byr1Y .Button__content--0FcJD:last-child {
  -webkit-padding-end: var(--vkui--size_button_base_small_padding_horizontal--regular);
          padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal--regular);
}

.Button__sizeM--ZLyBJ .Button__content--0FcJD:first-child {
  -webkit-padding-start: var(--vkui--size_button_base_medium_padding_horizontal--regular);
          padding-inline-start: var(--vkui--size_button_base_medium_padding_horizontal--regular);
}

.Button__sizeM--ZLyBJ .Button__content--0FcJD:last-child {
  -webkit-padding-end: var(--vkui--size_button_base_medium_padding_horizontal--regular);
          padding-inline-end: var(--vkui--size_button_base_medium_padding_horizontal--regular);
}

.Button__sizeL--CL8Ew .Button__content--0FcJD:first-child {
  -webkit-padding-start: var(--vkui--size_button_base_large_padding_horizontal--regular);
          padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal--regular);
}

.Button__sizeL--CL8Ew .Button__content--0FcJD:last-child {
  -webkit-padding-end: var(--vkui--size_button_base_large_padding_horizontal--regular);
          padding-inline-end: var(--vkui--size_button_base_large_padding_horizontal--regular);
}

.Button__sizeS--byr1Y .Button__before--hYUbN {
  -webkit-padding-start: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
          padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
}

.Button__sizeM--ZLyBJ .Button__before--hYUbN {
  -webkit-padding-start: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);
          padding-inline-start: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);
}

.Button__sizeL--CL8Ew .Button__before--hYUbN {
  -webkit-padding-start: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);
          padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);
}

.Button__sizeS--byr1Y .Button__after--wLxxC {
  -webkit-padding-end: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
          padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
}

.Button__sizeM--ZLyBJ .Button__after--wLxxC {
  -webkit-padding-end: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);
          padding-inline-end: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);
}

.Button__sizeL--CL8Ew .Button__after--wLxxC {
  -webkit-padding-end: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);
          padding-inline-end: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeS--byr1Y .Button__content--0FcJD:first-child {
  -webkit-padding-start: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
          padding-inline-start: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeS--byr1Y .Button__content--0FcJD:last-child {
  -webkit-padding-end: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
          padding-inline-end: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeM--ZLyBJ .Button__content--0FcJD:first-child {
  -webkit-padding-start: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
          padding-inline-start: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeM--ZLyBJ .Button__content--0FcJD:last-child {
  -webkit-padding-end: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
          padding-inline-end: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeL--CL8Ew .Button__content--0FcJD:first-child {
  -webkit-padding-start: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
          padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeL--CL8Ew .Button__content--0FcJD:last-child {
  -webkit-padding-end: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
          padding-inline-end: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeS--byr1Y .Button__before--hYUbN {
  -webkit-padding-start: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);
          padding-inline-start: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeM--ZLyBJ .Button__before--hYUbN {
  -webkit-padding-start: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);
          padding-inline-start: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeL--CL8Ew .Button__before--hYUbN {
  -webkit-padding-start: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);
          padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeS--byr1Y .Button__after--wLxxC {
  -webkit-padding-end: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);
          padding-inline-end: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeM--ZLyBJ .Button__after--wLxxC {
  -webkit-padding-end: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);
          padding-inline-end: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);
}

.Button__modeTertiary--pjE1Q.Button__sizeL--CL8Ew .Button__after--wLxxC {
  -webkit-padding-end: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);
          padding-inline-end: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);
}

.Button__singleIcon--MLhca .Button__after--wLxxC,
.Button__singleIcon--MLhca .Button__before--hYUbN,
.Button__modeTertiary--pjE1Q.Button__singleIcon--MLhca .Button__after--wLxxC,
.Button__modeTertiary--pjE1Q.Button__singleIcon--MLhca .Button__before--hYUbN {
  padding-inline: 0;
  margin-inline: auto;
}

.Button__modeLink--xZJG3 {
  min-inline-size: initial;
  background: none;
}

.Button__modeLink--xZJG3 .Button__after--wLxxC,
.Button__modeLink--xZJG3 .Button__before--hYUbN,
.Button__modeLink--xZJG3 .Button__content--0FcJD:first-child,
.Button__modeLink--xZJG3 .Button__content--0FcJD:last-child,
.Button__stretched--iFLf9 .Button__after--wLxxC:only-child,
.Button__stretched--iFLf9 .Button__before--hYUbN:only-child {
  padding-inline: 0;
}

.Button__spinner--tD2dE {
  position: absolute;
  inset: 0;
}

.Button__spinner--tD2dE + .Button__in--F9Ab9 {
  visibility: hidden;
}

/* Button's backgrounds */

/* Mode  = Primary */

.Button__modePrimary--nRUEN.Button__appearanceAccent--PMNqo {
  background-color: var(--vkui--color_background_accent_themed);
}

.Button__modePrimary--nRUEN.Button__appearanceAccent--PMNqo.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_accent_themed--hover);
}

.Button__modePrimary--nRUEN.Button__appearanceAccent--PMNqo.Button__active--hSOLh {
  background-color: var(--vkui--color_background_accent_themed--active);
}

.Button__modePrimary--nRUEN.Button__appearancePositive--r1Ooc {
  background-color: var(--vkui--color_background_positive);
}

.Button__modePrimary--nRUEN.Button__appearancePositive--r1Ooc.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_positive--hover);
}

.Button__modePrimary--nRUEN.Button__appearancePositive--r1Ooc.Button__active--hSOLh {
  background-color: var(--vkui--color_background_positive--active);
}

.Button__modePrimary--nRUEN.Button__appearanceNegative--KE64T {
  background-color: var(--vkui--color_background_negative);
}

.Button__modePrimary--nRUEN.Button__appearanceNegative--KE64T.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_negative--hover);
}

.Button__modePrimary--nRUEN.Button__appearanceNegative--KE64T.Button__active--hSOLh {
  background-color: var(--vkui--color_background_negative--active);
}

.Button__modePrimary--nRUEN.Button__appearanceNeutral--nrh4i {
  background-color: var(--vkui--color_background_content_inverse);
}

.Button__modePrimary--nRUEN.Button__appearanceNeutral--nrh4i.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_content_inverse--hover);
}

.Button__modePrimary--nRUEN.Button__appearanceNeutral--nrh4i.Button__active--hSOLh {
  background-color: var(--vkui--color_background_content_inverse--active);
}

.Button__modePrimary--nRUEN.Button__appearanceAccentInvariable--OW0rw {
  background-color: var(--vkui--color_background_accent);
}

.Button__modePrimary--nRUEN.Button__appearanceAccentInvariable--OW0rw.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_accent--hover);
}

.Button__modePrimary--nRUEN.Button__appearanceAccentInvariable--OW0rw.Button__active--hSOLh {
  background-color: var(--vkui--color_background_accent--active);
}

/* Mode = Secondary */

.Button__modeSecondary--H97dM {
  background-color: var(--vkui--color_background_secondary_alpha);
}

.Button__modeSecondary--H97dM.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_secondary_alpha--hover);
}

.Button__modeSecondary--H97dM.Button__active--hSOLh {
  background-color: var(--vkui--color_background_secondary_alpha--active);
}

/* Mode = Tertiary */

.Button__modeTertiary--pjE1Q,
.Button__modeOutline--GwqNO {
  background-color: var(--vkui--color_transparent);
}

.Button__modeTertiary--pjE1Q.Button__hover--QkXQO,
.Button__modeOutline--GwqNO.Button__hover--QkXQO {
  background-color: var(--vkui--color_transparent--hover);
}

.Button__modeTertiary--pjE1Q.Button__active--hSOLh,
.Button__modeOutline--GwqNO.Button__active--hSOLh {
  background-color: var(--vkui--color_transparent--active);
}

/*
  Buttons text colors
*/

.Button__appearanceAccent--PMNqo {
  color: var(--vkui--color_text_accent_themed);
}

.Button__appearancePositive--r1Ooc {
  color: var(--vkui--color_text_positive);
}

.Button__appearanceNegative--KE64T {
  color: var(--vkui--color_text_negative);
}

.Button__appearanceNeutral--nrh4i {
  color: var(--vkui--color_text_primary);
}

.Button__modePrimary--nRUEN.Button__appearanceNeutral--nrh4i {
  color: var(--vkui--color_text_contrast_themed);
}

.Button__appearanceAccentInvariable--OW0rw {
  color: var(--vkui--color_text_accent);
}

.Button__modePrimary--nRUEN.Button__appearanceAccent--PMNqo {
  color: var(--vkui--color_text_contrast_themed);
}

.Button__modePrimary--nRUEN.Button__appearanceNegative--KE64T,
.Button__modePrimary--nRUEN.Button__appearancePositive--r1Ooc,
.Button__modePrimary--nRUEN.Button__appearanceAccentInvariable--OW0rw {
  color: var(--vkui--color_text_contrast);
}

.Button__modeLink--xZJG3.Button__hover--QkXQO {
  opacity: 0.8;
}

.Button__modeLink--xZJG3.Button__active--hSOLh {
  opacity: 0.7;
}

/*
  Outline buttons borders
*/

.Button__modeOutline--GwqNO.Button__appearanceAccent--PMNqo,
.Button__modeOutline--GwqNO.Button__appearanceAccent--PMNqo.Button__hover--QkXQO,
.Button__modeOutline--GwqNO.Button__appearanceAccent--PMNqo.Button__active--hSOLh {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed);
}

.Button__modeOutline--GwqNO.Button__appearancePositive--r1Ooc {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive);
}

.Button__modeOutline--GwqNO.Button__appearancePositive--r1Ooc.Button__hover--QkXQO {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--hover);
}

.Button__modeOutline--GwqNO.Button__appearancePositive--r1Ooc.Button__active--hSOLh {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--active);
}

.Button__modeOutline--GwqNO.Button__appearanceNegative--KE64T {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative);
}

.Button__modeOutline--GwqNO.Button__appearanceNegative--KE64T.Button__hover--QkXQO {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--hover);
}

.Button__modeOutline--GwqNO.Button__appearanceNegative--KE64T.Button__active--hSOLh {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--active);
}

.Button__modeOutline--GwqNO.Button__appearanceNeutral--nrh4i {
  box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha);
}

.Button__modeOutline--GwqNO.Button__appearanceNeutral--nrh4i.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_secondary--hover);
  box-shadow: unset;
}

.Button__modeOutline--GwqNO.Button__appearanceNeutral--nrh4i.Button__active--hSOLh {
  background-color: var(--vkui--color_background_secondary--active);
  box-shadow: unset;
}

.Button__modeOutline--GwqNO.Button__appearanceAccentInvariable--OW0rw {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent);
}

/*
  Overlay colors section, separately
  Background colors
*/

.Button__modePrimary--nRUEN.Button__appearanceOverlay--01KHH {
  background-color: var(--vkui--color_background_contrast);
}

.Button__modePrimary--nRUEN.Button__appearanceOverlay--01KHH.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_contrast--hover);
}

.Button__modePrimary--nRUEN.Button__appearanceOverlay--01KHH.Button__active--hSOLh {
  background-color: var(--vkui--color_background_contrast--active);
}

.Button__modeSecondary--H97dM.Button__appearanceOverlay--01KHH {
  background-color: var(--vkui--color_overlay_primary);
}

.Button__modeSecondary--H97dM.Button__appearanceOverlay--01KHH.Button__hover--QkXQO {
  background-color: var(--vkui--color_overlay_primary--hover);
}

.Button__modeSecondary--H97dM.Button__appearanceOverlay--01KHH.Button__active--hSOLh {
  background-color: var(--vkui--color_overlay_primary--active);
}

.Button__modeTertiary--pjE1Q.Button__appearanceOverlay--01KHH.Button__hover--QkXQO,
.Button__modeOutline--GwqNO.Button__appearanceOverlay--01KHH.Button__hover--QkXQO {
  background-color: var(--vkui--color_background_contrast_secondary_alpha--hover);
}

.Button__modeTertiary--pjE1Q.Button__appearanceOverlay--01KHH.Button__active--hSOLh,
.Button__modeOutline--GwqNO.Button__appearanceOverlay--01KHH.Button__active--hSOLh {
  background-color: var(--vkui--color_background_contrast_secondary_alpha--active);
}

/* Text colors */

.Button__modePrimary--nRUEN.Button__appearanceOverlay--01KHH {
  color: var(--vkui--color_text_primary_invariably);
}

.Button__modePrimary--nRUEN.Button__appearanceOverlay--01KHH.Button__hover--QkXQO {
  color: var(--vkui--color_text_primary_invariably--hover);
}

.Button__modePrimary--nRUEN.Button__appearanceOverlay--01KHH.Button__active--hSOLh {
  color: var(--vkui--color_text_primary_invariably--active);
}

.Button__modeSecondary--H97dM.Button__appearanceOverlay--01KHH,
.Button__modeTertiary--pjE1Q.Button__appearanceOverlay--01KHH,
.Button__modeOutline--GwqNO.Button__appearanceOverlay--01KHH,
.Button__modeLink--xZJG3.Button__appearanceOverlay--01KHH {
  color: var(--vkui--color_text_contrast);
}

/* Borders */

.Button__modeOutline--GwqNO.Button__appearanceOverlay--01KHH {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast);
}

.Button__modeOutline--GwqNO.Button__appearanceOverlay--01KHH.Button__hover--QkXQO {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover);
}

.Button__modeOutline--GwqNO.Button__appearanceOverlay--01KHH.Button__active--hSOLh {
  box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--active);
}

.Button__before--hYUbN:not(:last-child) + .Button__content--0FcJD {
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
}

.Button__after--wLxxC:not(:first-child) {
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
}

.Button__sizeL--CL8Ew .Button__before--hYUbN:not(:last-child) + .Button__content--0FcJD {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}

.Button__sizeL--CL8Ew .Button__after--wLxxC:not(:first-child) {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}

/* Fonts sizes  */

.Button__sizeS--byr1Y .Button__content--0FcJD {
  font-family: var(--vkui--font_subhead--font_family--regular);
  font-size: var(--vkui--font_subhead--font_size--compact);
  line-height: var(--vkui--font_subhead--line_height--compact);
}

.Button__sizeYRegular--P9G0P.Button__sizeS--byr1Y .Button__content--0FcJD {
  font-family: var(--vkui--font_subhead--font_family--regular);
  font-size: var(--vkui--font_subhead--font_size--regular);
  line-height: var(--vkui--font_subhead--line_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeS--byr1Y .Button__content--0FcJD {
    font-family: var(--vkui--font_subhead--font_family--regular);
    font-size: var(--vkui--font_subhead--font_size--regular);
    line-height: var(--vkui--font_subhead--line_height--regular);
  }
}

.Button__sizeM--ZLyBJ .Button__content--0FcJD {
  font-family: var(--vkui--font_headline2--font_family--regular);
  font-size: var(--vkui--font_headline2--font_size--compact);
  line-height: var(--vkui--font_headline2--line_height--compact);
}

.Button__sizeYRegular--P9G0P.Button__sizeM--ZLyBJ .Button__content--0FcJD {
  font-family: var(--vkui--font_headline2--font_family--regular);
  font-size: var(--vkui--font_headline2--font_size--regular);
  line-height: var(--vkui--font_headline2--line_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeM--ZLyBJ .Button__content--0FcJD {
    font-family: var(--vkui--font_headline2--font_family--regular);
    font-size: var(--vkui--font_headline2--font_size--regular);
    line-height: var(--vkui--font_headline2--line_height--regular);
  }
}

.Button__sizeL--CL8Ew .Button__content--0FcJD {
  font-family: var(--vkui--font_headline1--font_family--regular);
  font-size: var(--vkui--font_headline1--font_size--compact);
  line-height: var(--vkui--font_headline1--line_height--compact);
}

.Button__sizeYRegular--P9G0P.Button__sizeL--CL8Ew .Button__content--0FcJD {
  font-family: var(--vkui--font_headline1--font_family--regular);
  font-size: var(--vkui--font_headline1--font_size--regular);
  line-height: var(--vkui--font_headline1--line_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeL--CL8Ew .Button__content--0FcJD {
    font-family: var(--vkui--font_headline1--font_family--regular);
    font-size: var(--vkui--font_headline1--font_size--regular);
    line-height: var(--vkui--font_headline1--line_height--regular);
  }
}

.Button__sizeYRegular--P9G0P.Button__sizeL--CL8Ew.Button__ios--oYixH .Button__content--0FcJD {
  font-family: var(--vkui--font_title3--font_family--regular);
  font-size: var(--vkui--font_title3--font_size--regular);
  line-height: var(--vkui--font_title3--line_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeL--CL8Ew.Button__ios--oYixH .Button__content--0FcJD {
    font-family: var(--vkui--font_title3--font_family--regular);
    font-size: var(--vkui--font_title3--font_size--regular);
    line-height: var(--vkui--font_title3--line_height--regular);
  }
}

/* Sizes */

.Button__sizeM--ZLyBJ {
  min-block-size: var(--vkui--size_button_medium_height--compact);
}

.Button__sizeYRegular--P9G0P.Button__sizeM--ZLyBJ {
  min-block-size: var(--vkui--size_button_medium_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeM--ZLyBJ {
    min-block-size: var(--vkui--size_button_medium_height--regular);
  }
}

.Button__sizeM--ZLyBJ.Button__singleIcon--MLhca {
  inline-size: var(--vkui--size_button_medium_height--compact);
}

.Button__sizeYRegular--P9G0P.Button__sizeM--ZLyBJ.Button__singleIcon--MLhca {
  inline-size: var(--vkui--size_button_medium_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeM--ZLyBJ.Button__singleIcon--MLhca {
    inline-size: var(--vkui--size_button_medium_height--regular);
  }
}

.Button__sizeL--CL8Ew {
  min-block-size: var(--vkui--size_button_large_height--compact);
}

.Button__sizeYRegular--P9G0P.Button__sizeL--CL8Ew {
  min-block-size: var(--vkui--size_button_large_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeL--CL8Ew {
    min-block-size: var(--vkui--size_button_large_height--regular);
  }
}

.Button__sizeL--CL8Ew.Button__singleIcon--MLhca {
  inline-size: var(--vkui--size_button_large_height--compact);
}

.Button__sizeYRegular--P9G0P.Button__sizeL--CL8Ew.Button__singleIcon--MLhca {
  inline-size: var(--vkui--size_button_large_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3.Button__sizeL--CL8Ew.Button__singleIcon--MLhca {
    inline-size: var(--vkui--size_button_large_height--regular);
  }
}

.Button__sizeYRegular--P9G0P {
  min-block-size: var(--vkui--size_button_small_height--regular);
}

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .Button__sizeYNone--0RrD3 {
    min-block-size: var(--vkui--size_button_small_height--regular);
  }
}

/**
 * Impact:
 * Counter
 */

.Button__modePrimary--nRUEN.Button__appearanceAccent--PMNqo {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_content);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_accent_themed);
}

.Button__modeSecondary--H97dM.Button__appearanceAccent--PMNqo,
.Button__modeTertiary--pjE1Q.Button__appearanceAccent--PMNqo,
.Button__modeOutline--GwqNO.Button__appearanceAccent--PMNqo {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent_themed);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed);
}

.Button__modePrimary--nRUEN.Button__appearancePositive--r1Ooc {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_positive);
}

.Button__modeSecondary--H97dM.Button__appearancePositive--r1Ooc,
.Button__modeTertiary--pjE1Q.Button__appearancePositive--r1Ooc,
.Button__modeOutline--GwqNO.Button__appearancePositive--r1Ooc {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_positive);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);
}

.Button__modePrimary--nRUEN.Button__appearanceNegative--KE64T {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_negative);
}

.Button__modeSecondary--H97dM.Button__appearanceNegative--KE64T,
.Button__modeTertiary--pjE1Q.Button__appearanceNegative--KE64T,
.Button__modeOutline--GwqNO.Button__appearanceNegative--KE64T {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_negative);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);
}

.Button__modePrimary--nRUEN.Button__appearanceNeutral--nrh4i {
  --vkui_internal--counter_inherit_background: var(--vkui--color_text_contrast_themed);
  --vkui_internal--counter_inherit_color: var(--vkui--color_background_content_inverse);
}

.Button__modeSecondary--H97dM.Button__appearanceNeutral--nrh4i,
.Button__modeTertiary--pjE1Q.Button__appearanceNeutral--nrh4i,
.Button__modeOutline--GwqNO.Button__appearanceNeutral--nrh4i {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);
}

.Button__modePrimary--nRUEN.Button__appearanceOverlay--01KHH {
  --vkui_internal--counter_inherit_background: var(--vkui--color_icon_primary_invariably);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast);
}

.Button__modeSecondary--H97dM.Button__appearanceOverlay--01KHH,
.Button__modeTertiary--pjE1Q.Button__appearanceOverlay--01KHH,
.Button__modeOutline--GwqNO.Button__appearanceOverlay--01KHH {
  --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast);
  --vkui_internal--counter_inherit_color: var(--vkui--color_text_primary_invariably);
}

.IconButton__host--YXYJ0 {
  position: relative;
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: 48px;
  padding: 0;
  margin: 0;
  color: currentColor;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;

  /**
   * Чтобы закргуление было равно половине высоты.
   * см. https://stackoverflow.com/questions/27233295/possible-to-make-border-radius-equal-to-half-the-total-height-without-javascript
   */
  border-radius: 9999px;
  box-shadow: none;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__host--YXYJ0 .vkuiIcon {
  box-sizing: content-box;
}

.IconButton__sizeYCompact--xIpaG {
  block-size: 44px;
}

.IconButton__host--YXYJ0[disabled] {
  opacity: var(--vkui--opacity_disable_accessibility);
}

.IconButton__ios--L0tI1 {
  border-radius: var(--vkui--size_border_radius--regular);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__host--YXYJ0 .vkuiIcon--16 {
  padding: 16px;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__host--YXYJ0 .vkuiIcon--16.vkuiIcon--w-8 {
  padding-block: 16px;
  padding-inline: 14px;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__sizeYCompact--xIpaG .vkuiIcon--16,

.IconButton__sizeYCompact--xIpaG .vkuiIcon--16.vkuiIcon--w-8 {
  padding: 14px;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__host--YXYJ0 .vkuiIcon--24 {
  padding: 12px;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__sizeYCompact--xIpaG .vkuiIcon--24 {
  padding: 10px;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__host--YXYJ0 .vkuiIcon--28 {
  padding: 10px;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.IconButton__sizeYCompact--xIpaG .vkuiIcon--28 {
  padding: 8px;
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .IconButton__sizeYNone--I46Rw {
    block-size: 44px;
  }

  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
  .IconButton__sizeYNone--I46Rw .vkuiIcon--16,
  
  .IconButton__sizeYNone--I46Rw .vkuiIcon--16.vkuiIcon--w-8 {
    padding: 14px;
  }

  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
  .IconButton__sizeYNone--I46Rw .vkuiIcon--24 {
    padding: 10px;
  }

  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
  .IconButton__sizeYNone--I46Rw .vkuiIcon--28 {
    padding: 8px;
  }
}

/**
 * CMP:
 * - FormItem
 * - FormLayoutGroup
 * - FormField
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .IconButton__host--YXYJ0,

  .vkuiInternalFormLayoutGroup--removable
  
  .vkuiInternalRemovable__content
  > .IconButton__host--YXYJ0,

  .vkuiInternalFormField__after
  .IconButton__host--YXYJ0 {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  inline-size: var(--vkui--size_field_height--regular);
  block-size: var(--vkui--size_field_height--regular);
  border-radius: var(--vkui--size_border_radius--regular);
}

/* stylelint-disable selector-pseudo-class-disallowed-list */

.vkuiInternalFormField__after
  .IconButton__host--YXYJ0
  .vkuiIcon.vkuiIcon.vkuiIcon {
  padding: 0;
}

/* stylelint-enable selector-pseudo-class-disallowed-list */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormField__after .IconButton__sizeYCompact--xIpaG {
  inline-size: var(--vkui--size_field_height--compact);
  block-size: var(--vkui--size_field_height--compact);
}

/* stylelint-disable selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .IconButton__sizeYCompact--xIpaG,
.vkuiInternalFormLayoutGroup--removable
  .vkuiInternalRemovable__content
  > .IconButton__sizeYCompact--xIpaG {
  block-size: var(--vkui--size_field_height--compact);
}

/* stylelint-enable selector-pseudo-class-disallowed-list */

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
  .vkuiInternalFormField__after .IconButton__sizeYNone--I46Rw {
    inline-size: var(--vkui--size_field_height--compact);
    block-size: var(--vkui--size_field_height--compact);
  }

  /* stylelint-disable selector-pseudo-class-disallowed-list */
  .vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .IconButton__sizeYNone--I46Rw,
  .vkuiInternalFormLayoutGroup--removable
    .vkuiInternalRemovable__content
    > .IconButton__sizeYNone--I46Rw {
    block-size: var(--vkui--size_field_height--compact);
  }
  /* stylelint-enable selector-pseudo-class-disallowed-list */
}

/**
 * CMP:
 * SimpleCell
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalSimpleCell__after .IconButton__host--YXYJ0:last-child {
  -webkit-margin-end: -12px;
          margin-inline-end: -12px;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalSimpleCell__after .IconButton__ios--L0tI1:last-child {
  -webkit-margin-end: -9px;
          margin-inline-end: -9px;
}

/**
 * CMP:
 * Alert
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalAlert__dismiss.IconButton__host--YXYJ0 {
  block-size: 36px;
  padding: 8px;
}

.TokensClassProvider__defaultColor--r4G49 {
  color: var(--vkui--color_text_primary);
  color-scheme: var(--vkui--colors_scheme);
}

.ModalOverlay__host--OYyrm {
  inset: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--vkui--color_overlay_primary);
  transition: opacity 0.3s linear;
  will-change: opacity;
  -webkit-tap-highlight-color: transparent;
}

.ModalOverlay__nonInteractive--JTPhp {
  pointer-events: none;
  touch-action: none;
}

.ModalOverlay__hostPositionAbsolute--ZPzxO {
  position: absolute;
}

.ModalOverlay__hostPositionFixed--yQM86 {
  position: fixed;
  z-index: var(--vkui--z_index_modal);
}

.ModalOverlay__hostStateEnter--IIej7 {
  opacity: 0;
  transition-property: none;
}

.ModalOverlay__hostStateEntering--IpdrG {
  opacity: var(--vkui_internal--modal-overlay--opacity);
}

.ModalOverlay__hostStateEntered--0arCn {
  opacity: var(--vkui_internal--modal-overlay--opacity);
}

.ModalOverlay__hostStateExit--EaiQI {
  opacity: var(--vkui_internal--modal-overlay--opacity);
  transition-property: none;
}

.ModalOverlay__hostStateExiting--YGXiQ {
  opacity: 0;
}

.ModalOverlay__hostStateExited--C03Sl {
  opacity: 0;
  transition-property: none;
}

/* Mobile */

@media (max-width: 767.9px) {
  .ModalOverlay__hostStateEntering--IpdrG,
  .ModalOverlay__hostStateExiting--YGXiQ {
    transition-duration: var(--vkui--animation_duration_l);
  }
}

/* Desktop */

@media (min-width: 768px) {
  .ModalOverlay__hostStateEntering--IpdrG {
    transition-duration: 0.2s;
  }

  .ModalOverlay__hostStateExiting--YGXiQ {
    transition-duration: 0.1s;
  }
}

.VisuallyHiddenModalOverlay__host--UQnZW {
  position: absolute;
  inset: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ModalOutsideButton__host--iOLIO {
  box-sizing: border-box;
  inline-size: 56px;
  block-size: 56px;
  padding: 18px;
  color: var(--vkui--color_icon_contrast);
}

.ModalOutsideButton__host--iOLIO::before {
  position: absolute;
  inset: 14px;
  display: block;
  content: '';
  background: var(--vkui--color_overlay_secondary);
  border-radius: 50%;
  transition: background-color 0.15s ease-out;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- fixes icon misplacement on Safari in some cases */

.ModalOutsideButton__host--iOLIO .vkuiIcon {
  transform: translateX(0);
}

.ModalOutsideButton__hover--GnR74::before {
  background: var(--vkui--color_overlay_secondary--hover);
}

.ModalOutsideButton__active--5Agho::before {
  background: var(--vkui--color_overlay_secondary--active);
}

/* flex */

.FlexItem__flexGrow--E6v0G {
  flex: 1 0 auto;
}

.FlexItem__flexShrink--XfAt2 {
  flex: 0 1 auto;
}

.FlexItem__flexContent--V5Cxc {
  flex: 1 1 auto;
}

.FlexItem__flexFixed--A2pXr {
  flex: 0 0 auto;
}

/* align-self */

.FlexItem__alignSelfStart--5NrP9 {
  align-self: start;
}

.FlexItem__alignSelfEnd--11H75 {
  align-self: end;
}

.FlexItem__alignSelfCenter--LvtaH {
  align-self: center;
}

.FlexItem__alignSelfBaseline--Uokd6 {
  align-self: baseline;
}

.FlexItem__alignSelfStretch--0Ksk5 {
  align-self: stretch;
}

.Flex__host--B04vZ {
  --vkui_internal--flex_original_margin_inline: 0px;
  --vkui_internal--flex_original_margin_block: 0px;

  display: flex;
}

.Flex__displayNone--dyAOF {
  display: none;
}

.Flex__displayInlineFlex--XI3e3 {
  display: inline-flex;
}

.Flex__marginAuto--5kaRE {
  --vkui_internal--flex_original_margin_inline: var(--vkui--size_base_padding_horizontal--regular);
  --vkui_internal--flex_original_margin_block: var(--vkui--size_base_padding_vertical--regular);

  margin-block: var(--vkui--size_base_padding_vertical--regular);
  margin-inline: var(--vkui--size_base_padding_horizontal--regular);
}

/*TODO [>=8]: Проверить браузерную поддержку gap*/

/*Данная проверка позволяет максимально близко определить поддерживается ли gap + flex*/

/*см. https://github.com/w3c/csswg-drafts/issues/3559#issuecomment-1758459996*/

/*Поддержка inset https://developer.mozilla.org/en-US/docs/Web/CSS/inset#browser_compatibility*/

/*Поддержка gap https://developer.mozilla.org/en-US/docs/Web/CSS/gap#browser_compatibility*/

@supports (inset: 0) {
  .Flex__host--B04vZ {
    gap: var(--vkui_internal--row_gap) var(--vkui_internal--column_gap);
  }
}

@supports not (inset: 0) {
  .Flex__host--B04vZ {
    -webkit-margin-before: calc(
      -1 *
      var(--vkui_internal--row_gap) +
      var(--vkui_internal--flex_original_margin_block)
    );
            margin-block-start: calc(
      -1 *
      var(--vkui_internal--row_gap) +
      var(--vkui_internal--flex_original_margin_block)
    );
    -webkit-margin-start: calc(
      -1 *
      var(--vkui_internal--column_gap) +
      var(--vkui_internal--flex_original_margin_inline)
    );
            margin-inline-start: calc(
      -1 *
      var(--vkui_internal--column_gap) +
      var(--vkui_internal--flex_original_margin_inline)
    );
  }

  /* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */
  .Flex__host--B04vZ.Flex__host--B04vZ > * {
    -webkit-margin-before: var(--vkui_internal--row_gap);
            margin-block-start: var(--vkui_internal--row_gap);
    -webkit-margin-start: var(--vkui_internal--column_gap);
            margin-inline-start: var(--vkui_internal--column_gap);
  }
}

.Flex__host--B04vZ > .Flex__marginAuto--5kaRE {
  margin-block: 0;
  margin-inline: 0;
}

.Flex__directionColumn--8wh4q {
  flex-direction: column;
}

.Flex__reverse--n2s8o {
  flex-direction: row-reverse;
}

.Flex__directionColumn--8wh4q.Flex__reverse--n2s8o {
  flex-direction: column-reverse;
}

.Flex__wrap--nR5B0 {
  flex-wrap: wrap;
}

/* justify-content */

.Flex__justifyStart--1jkSV {
  justify-content: flex-start;
}

.Flex__justifyEnd--vZ3yh {
  justify-content: flex-end;
}

.Flex__justifyCenter--QH5qk {
  justify-content: center;
}

.Flex__justifySpaceAround--gG8e9 {
  justify-content: space-around;
}

.Flex__justifySpaceBetween--OX3Zw {
  justify-content: space-between;
}

.Flex__justifySpaceEvenly--l1ruB {
  justify-content: space-evenly;
}

/* align-items */

.Flex__alignStart--0m3Is {
  align-items: flex-start;
}

.Flex__alignEnd--5e4PS {
  align-items: flex-end;
}

.Flex__alignCenter--jzcDF {
  align-items: center;
}

.Flex__alignStretch--B09at {
  align-items: stretch;
}

.Flex__alignBaseline--S3C6m {
  align-items: baseline;
}

.ModalOutsideButtons__host--aoIZw {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 100%;
  box-sizing: border-box;
}

.spacings__-spacing--2xs--RT71j {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xs);
}

.spacings__-spacing--xs--GlwNC {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_xs);
}

.spacings__-spacing--s--DRdJW {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_s);
}

.spacings__-spacing--m--0IAxU {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_m);
}

.spacings__-spacing--l--TN2sr {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_l);
}

.spacings__-spacing--xl--jC4vv {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_xl);
}

.spacings__-spacing--2xl--uOPiR {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_2xl);
}

.spacings__-spacing--3xl--DqsWo {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_3xl);
}

.spacings__-spacing--4xl--O6adO {
  --vkui_internal--spacing_size: var(--vkui--spacing_size_4xl);
}

.Spacing__host--VInDO {
  position: relative;
  box-sizing: border-box;
  padding-block: calc(var(--vkui_internal--spacing_size) / 2);
}

.ModalCardBase__container--Obeop {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  pointer-events: initial;
  background: var(--vkui--color_background_modal);
  border-radius: 12px;
  box-shadow: var(--vkui--elevation3);

  --vkui_internal--background: var(--vkui--color_background_modal);
  --vkui_internal--dismiss_icon_height: 20px;
  --vkui_internal--dismiss_icon_padding: 12px;
  --vkui_internal--dismiss_icon_safe_offset: 4px;
  --vkui_internal--dismiss_icon_desktop_offset: 4px;
}

.ModalCardBase__withSafeZone--VvVdT .ModalCardBase__container--Obeop {
  -webkit-padding-before: calc(
    var(--vkui_internal--dismiss_icon_height) +
    var(--vkui_internal--dismiss_icon_padding) +
    var(--vkui_internal--dismiss_icon_safe_offset)
  );
          padding-block-start: calc(
    var(--vkui_internal--dismiss_icon_height) +
    var(--vkui_internal--dismiss_icon_padding) +
    var(--vkui_internal--dismiss_icon_safe_offset)
  );
}

.ModalCardBase__containerSoftwareKeyboardOpened--nUH6x {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.ModalCardBase__title--Ibq59,
.ModalCardBase__description--rWH9m {
  padding-block: 0;
  padding-inline: 8px;
  margin: 0;
  text-align: center;
  word-break: break-word;
}

.ModalCardBase__title--Ibq59 {
  color: var(--vkui--color_text_primary);
}

.ModalCardBase__description--rWH9m {
  color: var(--vkui--color_text_subhead);
}

.ModalCardBase__icon--RFBTM {
  margin-block: 8px 16px;
  margin-inline: auto;
  color: var(--vkui--color_icon_accent);
}

.ModalCardBase__actions--SAbol {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
}

.ModalCardBase__dismiss--LK1dI {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  padding: var(--vkui_internal--dismiss_icon_padding);
  color: var(--vkui--color_icon_secondary);
}

/**
 * iOS
 */

.ModalCardBase__ios--B1OA9 .ModalCardBase__container--Obeop {
  border-radius: 14px;

  --vkui_internal--dismiss_icon_height: 24px;
  --vkui_internal--dismiss_icon_padding: 12px;
  --vkui_internal--dismiss_icon_safe_offset: 0px;
}

/**
 * Desktop
 */

.ModalCardBase__desktop--3CDX8 .ModalCardBase__dismiss--LK1dI {
  inset-block-start: var(--vkui_internal--dismiss_icon_desktop_offset);
  inset-inline-end: var(--vkui_internal--dismiss_icon_desktop_offset);
}

.ModalCardBase__desktop--3CDX8 .ModalCardBase__container--Obeop {
  padding: 24px;

  --vkui_internal--dismiss_icon_safe_offset: 0px;
}

.ModalCardBase__desktop--3CDX8.ModalCardBase__ios--B1OA9 .ModalCardBase__container--Obeop {
  --vkui_internal--dismiss_icon_padding: 10px;
  --vkui_internal--dismiss_icon_safe_offset: 6px;
}

.ModalCardBase__withSafeZone--VvVdT.ModalCardBase__desktop--3CDX8 .ModalCardBase__container--Obeop {
  -webkit-padding-before: calc(
    var(--vkui_internal--dismiss_icon_height) +
    var(--vkui_internal--dismiss_icon_padding) +
    var(--vkui_internal--dismiss_icon_safe_offset) +
    var(--vkui_internal--dismiss_icon_desktop_offset)
  );
          padding-block-start: calc(
    var(--vkui_internal--dismiss_icon_height) +
    var(--vkui_internal--dismiss_icon_padding) +
    var(--vkui_internal--dismiss_icon_safe_offset) +
    var(--vkui_internal--dismiss_icon_desktop_offset)
  );
}

.ModalOutlet__host--CZhrL:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: var(--vkui--z_index_modal);
  overflow: hidden;
  isolation: isolate;
}

.ModalOutlet__disableModalOverlay--dZwSC {
  pointer-events: none;
}

/* Desktop */

.ModalOutlet__hostDesktop--Rf7WT:not([hidden]) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--vkui--spacing_size_2xl);
}

.ModalCard__host--96X4u {
  margin-inline: auto;
}

.ModalCard__host--96X4u:focus {
  outline: none;
}

.ModalCard__hostMaxWidthS--ktQy3 {
  max-inline-size: 400px;
}

.ModalCard__hostMaxWidthM--jqhKG {
  max-inline-size: 414px;
}

.ModalCard__hostMaxWidthL--HT8f3 {
  max-inline-size: 440px;
}

/* Mobile */

.ModalCard__hostMobile--2j1yS {
  --vkui_internal_ModalCard--translateY: 100%;
  --vkui_internal_ModalCard--safeAreaInsetBottom: var(--vkui_internal--safe_area_inset_bottom);
  --vkui_internal_ModalCard--insetBlockEnd: calc(
    var(--vkui--spacing_size_m) +
    var(--vkui_internal_ModalCard--safeAreaInsetBottom)
  );

  position: absolute;
  /*
   * Используем inset вместо padding, чтобы срабатывала логика с закрытие с Click Outside.
   * Для этого также нужны `inline-size: auto` и `margin-inline: auto`.
   */
  inset-block-end: var(--vkui_internal_ModalCard--insetBlockEnd);
  inset-inline: var(--vkui--spacing_size_m);
  box-sizing: border-box;
  inline-size: auto;
  transform: translate3d(0, calc(100% - var(--vkui_internal_ModalCard--translateY)), 0);
  transition: transform 0.4s var(--vkui_internal--spring-easing);
}

.ModalCard__hostMobile--2j1yS.ModalCard__hostStateEnter--5EONI {
  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--insetBlockEnd)), 0);
  transition: none;
}

.ModalCard__hostMobile--2j1yS.ModalCard__hostStateEntering--uYItO {
  transition: transform 0.5s var(--vkui_internal--slide-easing) 0.2s;
}

.ModalCard__hostMobile--2j1yS.ModalCard__hostStateExiting--BGYY5 {
  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--insetBlockEnd)), 0);
  transition: transform 0.2s ease;
}

.ModalCard__hostMobile--2j1yS.ModalCard__hostStateExited--5idin {
  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--insetBlockEnd)), 0);
  transition: none;
}

/* Desktop */

.ModalCard__hostDesktop--g37W1 {
  box-sizing: content-box;
  inline-size: 100%;
  margin-block: auto;
  opacity: 1;
  transition: opacity 340ms var(--vkui--animation_easing_platform);
}

.ModalCard__hostDesktop--g37W1.ModalCard__hostStateEnter--5EONI {
  opacity: 0;
  transition-property: none;
}

.ModalCard__hostDesktop--g37W1.ModalCard__hostStateEntering--uYItO {
  opacity: 1;
}

.ModalCard__hostDesktop--g37W1.ModalCard__hostStateExiting--BGYY5 {
  opacity: 0;
}

.ModalCard__hostDesktop--g37W1.ModalCard__hostStateExited--5idin {
  opacity: 0;
}

.Footer__host--0q1Kw {
  display: block;
  padding-block: 24px;
  padding-inline: var(--vkui--size_base_padding_horizontal--regular);
  color: var(--vkui--color_text_secondary);
}

.Link__host--sCYEO {
  display: inline;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--vkui_internal--link-color, var(--vkui--color_text_link));
  text-align: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}

.Link__withUnderline--pNDNf.Link__hover--18646 {
  text-decoration: underline;
}

.Link__hasVisited--sQF9f:visited {
  color: var(--vkui--color_text_link_visited);
}

.Link__before--1qdTY,
.Link__after--mG6Jj {
  display: inline-block;
  vertical-align: middle;
}

.Link__before--1qdTY {
  -webkit-margin-end: var(--vkui--spacing_size_xs);
          margin-inline-end: var(--vkui--spacing_size_xs);
}

.Link__after--mG6Jj {
  -webkit-margin-start: var(--vkui--spacing_size_xs);
          margin-inline-start: var(--vkui--spacing_size_xs);
}

.Placeholder__host--HSjZI {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.Placeholder__withPadding--bw7ZS {
  padding-block: 48px;
  padding-inline: 32px;
}

.Placeholder__stretched--Efi2K {
  flex: 1 0;
  block-size: 100%;
}

.Placeholder__icon--1AGjQ {
  display: inline-block;
  -webkit-margin-after: 12px;
          margin-block-end: 12px;
  vertical-align: top;
  color: var(--vkui--color_icon_secondary);
}

.Placeholder__title--7tXNf {
  color: var(--vkui--color_text_primary);
}

.Placeholder__description--SkSLL {
  color: var(--vkui--color_text_secondary);
}

.Placeholder__title--7tXNf + .Placeholder__description--SkSLL {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
}

.Placeholder__action--h73uq:not(:first-child) {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
}

.Text__host--LmtbR {
  font-family: var(--vkui--font_text--font_family--regular);
  font-size: var(--vkui--font_text--font_size--regular);
  font-weight: var(--vkui--font_text--font_weight--regular);
  line-height: var(--vkui--font_text--line_height--regular);
}

.Text__sizeYCompact--tZpry {
  font-family: var(
    --vkui--font_text--font_family--compact,
    var(--vkui--font_text--font_family--regular)
  );
  font-size: var(--vkui--font_text--font_size--compact, var(--vkui--font_text--font_size--regular));
  font-weight: var(
    --vkui--font_text--font_weight--compact,
    var(--vkui--font_text--font_weight--regular)
  );
  line-height: var(
    --vkui--font_text--line_height--compact,
    var(--vkui--font_text--line_height--regular)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Text__sizeYNone--fkFaL {
    font-family: var(
      --vkui--font_text--font_family--compact,
      var(--vkui--font_text--font_family--regular)
    );
    font-size: var(
      --vkui--font_text--font_size--compact,
      var(--vkui--font_text--font_size--regular)
    );
    font-weight: var(
      --vkui--font_text--font_weight--compact,
      var(--vkui--font_text--font_weight--regular)
    );
    line-height: var(
      --vkui--font_text--line_height--compact,
      var(--vkui--font_text--line_height--regular)
    );
  }
}

.Banner__host--lVS8Y {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: var(--vkui_internal--banner-padding);
  overflow: hidden;
  color: var(--vkui--color_text_primary);
  background-color: var(--vkui--color_background_secondary);
  border-radius: var(--vkui--size_border_radius--regular);
  isolation: isolate;

  --vkui_internal--banner-padding: 12px;
}

.Banner__host--lVS8Y::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: var(--vkui_internal--z_index_banner_content);
  box-sizing: border-box;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
  content: '';
  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);
  border-radius: inherit;
}

.Banner__before--Etck2 {
  position: relative;
  z-index: var(--vkui_internal--z_index_banner_content);
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}

.Banner__content--y7DKi {
  position: relative;
  z-index: var(--vkui_internal--z_index_banner_content);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-inline-size: 0;
}

.Banner__subtitle--LYd8y,
.Banner__extraSubtitle--4ZIQA {
  opacity: 0.72;
}

.Banner__bg--B3DP1 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: var(--vkui_internal--z_index_banner_background);
}

/* stylelint-disable selector-max-universal */

.Banner__bg--B3DP1,
.Banner__bg--B3DP1 > * {
  inline-size: 100%;
  block-size: 100%;
}

/* stylelint-enable selector-max-universal */

.Banner__after--CsFPn {
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  inline-size: 28px;
  color: var(--vkui--color_icon_secondary);
}

.Banner__dismiss--FNx6b {
  z-index: var(--vkui_internal--z_index_banner_hover);
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  -webkit-margin-before: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));
          margin-block-start: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));
  -webkit-margin-end: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));
          margin-inline-end: calc(-1 * (var(--vkui_internal--banner-padding) - 2px));
  color: var(--vkui--color_icon_secondary);
}

.Banner__actions--9e4yR {
  -webkit-margin-before: 12px;
          margin-block-start: 12px;
}

.Banner__subtitle--LYd8y:not(:first-child),
.Banner__extraSubtitle--4ZIQA:not(:first-child) {
  -webkit-margin-before: 2px;
          margin-block-start: 2px;
}

/**
 * Mode "image"
 */

.Banner__modeImage--Bi48S.Banner__host--lVS8Y {
  background-color: var(--vkui--color_background_secondary);
}

.Banner__inverted--1BDkQ .Banner__dismiss--FNx6b,
.Banner__inverted--1BDkQ .Banner__chevron--YP4ld,
.Banner__inverted--1BDkQ {
  color: var(--vkui--color_text_contrast);
}

/**
 * Size "m"
 */

.Banner__sizeM--2qyQD {
  --vkui_internal--banner-padding: 16px;
}

.Banner__sizeM--2qyQD .Banner__subtitle--LYd8y:not(:first-child),
.Banner__sizeM--2qyQD .Banner__extraSubtitle--4ZIQA:not(:first-child) {
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
}

.Banner__ios--ljDzK .Banner__dismiss--FNx6b,
.Banner__ios--ljDzK.Banner__modeImage--Bi48S .Banner__dismiss--FNx6b {
  color: var(--vkui--color_icon_secondary);
}

/**
 * CMP:
 * FormStatus
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormStatus.Banner__host--lVS8Y::before {
  border: 0;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormStatus--mode-error.Banner__host--lVS8Y {
  background-color: var(--vkui--color_background_negative_tint);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormStatus--mode-error .Banner__subtitle--LYd8y {
  color: var(--vkui--color_background_negative);
}

.Removable__content--tkF91 {
  position: relative;
  display: flex;
  align-items: center;
  transform: translateX(
    calc(
      -1px *
      var(--vkui_internal_Removable_remove_offset) *
      var(--vkui_internal_Removable_remove_offset_direction)
    )
  );

  --vkui_internal_Removable_remove_offset: 0;
  --vkui_internal_Removable_remove_offset_direction: 1;
}

.Removable__withPadding--0E14m {
  -webkit-padding-start: var(--vkui--size_base_padding_horizontal--regular);
          padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);
}

.Removable__rtl--I0nON {
  --vkui_internal_Removable_remove_offset_direction: -1;
}

.Removable__action--MxBzO {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  color: var(--vkui--color_icon_secondary);
  border: 0;
}

.Removable__ios--Sm3wT .Removable__action--MxBzO.Removable__indentation--UeHGy,
.Removable__action--MxBzO.Removable__indentation--UeHGy {
  inline-size: 44px;
}

.Removable__ios--Sm3wT .Removable__action--MxBzO.Removable__indentation--UeHGy {
  margin-inline: 2px;
}

.Removable__alignStart--Ceakx .Removable__action--MxBzO {
  align-self: flex-start;
}

.Removable__disabled--9plKl {
  opacity: var(--vkui--opacity_disable_accessibility);
}

/**
 * iOS
 */

.Removable__ios--Sm3wT {
  overflow: hidden;
}

.Removable__remove--FtR96 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 100%;
  block-size: 100%;
  padding-block: 0;
  padding-inline: 10px;
  font-size: 15px;
  line-height: 45px;
  color: var(--vkui_internal--white);
  background-color: var(--vkui--color_background_negative);
  border: 0;
  border-radius: 0;
}

.Removable__removeIn--iR3p6 {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
}

.Removable__toggle--gNupr {
  display: block;
  inline-size: 44px;
  block-size: 44px;
  margin-block: 0;
  margin-inline: 2px;
  background: none;
}

.Removable__toggleIn--t5eMZ {
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
}

.Removable__toggleIn--t5eMZ::after {
  inline-size: 22px;
  block-size: 22px;
  content: '';
  background-color: var(--vkui--color_background_negative);
  border-radius: 50%;
}

.Removable__toggleIn--t5eMZ::before {
  position: absolute;
  display: block;
  inline-size: 12px;
  block-size: 2px;
  content: '';
  background-color: var(--vkui_internal--white);
}

.Removable__ios--Sm3wT .Removable__content--tkF91 {
  padding-inline: 0 var(--vkui--size_base_padding_horizontal--regular);
  transition: transform 0.6s var(--vkui--animation_easing_platform);
}

.Removable__indent--io4Us .Removable__action--MxBzO {
  visibility: hidden;
  pointer-events: none;
}

/**
 * CMP:
 * FormLayoutGroup
 * FormItem
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--removable .Removable__content--tkF91,

  .vkuiInternalFormLayoutGroup--removable
  .Removable__content--tkF91 {
  flex-wrap: wrap;
  align-items: flex-start;
}

.Removable__offset--uAehp {
  display: none;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--withTop .vkuiInternalFormItem__removable ~ .Removable__offset--uAehp,

  .vkuiInternalFormLayoutGroup--removable
  
  .vkuiInternalFormItem--withTop
  ~ .Removable__offset--uAehp {
  display: block;
  order: -1;
  inline-size: 100%;
  block-size: calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);
}

/* stylelint-disable selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--sizeY-compact.vkuiInternalFormItem--withTop
  .vkuiInternalFormItem__removable
  ~ .Removable__offset--uAehp,
.vkuiInternalFormLayoutGroup--sizeY-compact.vkuiInternalFormLayoutGroup--removable
  .vkuiInternalFormItem--withTop
  ~ .Removable__offset--uAehp {
  block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);
}

/* stylelint-enable selector-pseudo-class-disallowed-list */

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  /* stylelint-disable selector-pseudo-class-disallowed-list */
  .vkuiInternalFormItem--sizeY-none.vkuiInternalFormItem--withTop
    .vkuiInternalFormItem__removable
    ~ .Removable__offset--uAehp,
  .vkuiInternalFormLayoutGroup--sizeY-none.vkuiInternalFormLayoutGroup--removable
    .vkuiInternalFormItem--withTop
    ~ .Removable__offset--uAehp {
    block-size: calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px);
  }
  /* stylelint-enable selector-pseudo-class-disallowed-list */
}

.FormItem__host--40N6s {
  display: block;
}

.FormItem__withPadding--L6BAN {
  padding-block: var(--vkui--size_form_item_padding_vertical--regular);
  padding-inline: var(--vkui--size_base_padding_horizontal--regular);
}

.FormItem__withRemovable--IfR0r {
  padding-inline: 0;
}

.FormItem__removable--P8CQd {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  min-inline-size: 1px;
  max-inline-size: 100%;
  padding: 0;
  overflow: hidden;
}

.FormItem__top--LH7n2 {
  display: flex;
  align-items: flex-end;
  padding-block: var(--vkui--spacing_size_2xs) var(--vkui--spacing_size_m);
  color: var(--vkui--color_text_subhead);
}

.FormItem__label--LZepi,
.FormItem__aside--uNXAt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.FormItem__label--LZepi {
  flex: 1;
}

.FormItem__aside--uNXAt {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  color: var(--vkui--color_text_tertiary);
}

.FormItem__aside--uNXAt:not(:only-child) {
  -webkit-padding-start: 12px;
          padding-inline-start: 12px;
}

.FormItem__labelMultiline--u2zzS {
  text-overflow: unset;
  white-space: normal;
}

.FormItem__labelRequired--UFfcv {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
  color: var(--vkui--color_text_negative);
}

.FormItem__bottom--yCuNY {
  -webkit-padding-before: var(--vkui--spacing_size_m);
          padding-block-start: var(--vkui--spacing_size_m);
  color: var(--vkui--color_text_secondary);
}

.FormItem__statusError--fEHyi .FormItem__bottom--yCuNY {
  color: var(--vkui--color_text_negative);
}

.FormItem__statusValid--fZFNw .FormItem__bottom--yCuNY,
.FormItem__verified--CYV0S .FormItem__bottom--yCuNY {
  color: var(--vkui--color_text_positive);
}

/**
 * sizeY COMPACT
 */

.FormItem__sizeYCompact--I7lDE .FormItem__top--LH7n2 {
  -webkit-padding-after: var(--vkui--spacing_size_s);
          padding-block-end: var(--vkui--spacing_size_s);
}

.FormItem__sizeYCompact--I7lDE .FormItem__bottom--yCuNY {
  -webkit-padding-before: var(--vkui--spacing_size_s);
          padding-block-start: var(--vkui--spacing_size_s);
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .FormItem__sizeYNone--fWc6r .FormItem__top--LH7n2 {
    -webkit-padding-after: var(--vkui--spacing_size_s);
            padding-block-end: var(--vkui--spacing_size_s);
  }

  .FormItem__sizeYNone--fWc6r .FormItem__bottom--yCuNY {
    -webkit-padding-before: var(--vkui--spacing_size_s);
            padding-block-start: var(--vkui--spacing_size_s);
  }
}

/**
 * CMP:
 * FormLayoutGroup
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--mode-horizontal .FormItem__host--40N6s {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  min-inline-size: 1px;
  max-inline-size: 100%;
  padding: 0;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented)
  .FormItem__host--40N6s
  + .FormItem__host--40N6s {
  -webkit-margin-start: var(--vkui--spacing_size_2xl);
          margin-inline-start: var(--vkui--spacing_size_2xl);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--mode-horizontal.vkuiInternalFormLayoutGroup--segmented
  .FormItem__host--40N6s
  + .FormItem__host--40N6s {
  -webkit-margin-start: calc(-1 * var(--vkui--size_border--regular));
          margin-inline-start: calc(-1 * var(--vkui--size_border--regular));
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented
  .FormItem__host--40N6s
  + .FormItem__host--40N6s {
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-margin-before: calc(-1 * var(--vkui--size_border--regular));
          margin-block-start: calc(-1 * var(--vkui--size_border--regular));
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented
  .FormItem__host--40N6s:not(:last-of-type) {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--mode-horizontal .FormItem__withTop--0ojfx,
.FormItem__withTop--0ojfx .FormItem__removable--P8CQd {
  -webkit-margin-before: calc(
    -1 *
    var(--vkui--spacing_size_2xs) -
    var(--vkui--font_subhead--line_height--regular) -
    var(--vkui--spacing_size_m)
  );
          margin-block-start: calc(
    -1 *
    var(--vkui--spacing_size_2xs) -
    var(--vkui--font_subhead--line_height--regular) -
    var(--vkui--spacing_size_m)
  );
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--mode-horizontal .FormItem__sizeYCompact--I7lDE.FormItem__withTop--0ojfx,
.FormItem__sizeYCompact--I7lDE.FormItem__withTop--0ojfx .FormItem__removable--P8CQd {
  -webkit-margin-before: calc(
    -1 *
    var(--vkui--spacing_size_2xs) -
    var(--vkui--font_subhead--line_height--compact) -
    var(--vkui--spacing_size_s)
  );
          margin-block-start: calc(
    -1 *
    var(--vkui--spacing_size_2xs) -
    var(--vkui--font_subhead--line_height--compact) -
    var(--vkui--spacing_size_s)
  );
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
  .vkuiInternalFormLayoutGroup--mode-horizontal .FormItem__sizeYNone--fWc6r.FormItem__withTop--0ojfx,
  .FormItem__sizeYNone--fWc6r.FormItem__withTop--0ojfx .FormItem__removable--P8CQd {
    -webkit-margin-before: calc(
      -1 *
      var(--vkui--spacing_size_2xs) -
      var(--vkui--font_subhead--line_height--compact) -
      var(--vkui--spacing_size_s)
    );
            margin-block-start: calc(
      -1 *
      var(--vkui--spacing_size_2xs) -
      var(--vkui--font_subhead--line_height--compact) -
      var(--vkui--spacing_size_s)
    );
  }
}

.FormField__host--RWBkf {
  position: relative;
  box-sizing: border-box;
  display: flex;
  inline-size: 100%;
  min-block-size: var(--vkui--size_field_height--regular);
  font-family: var(--vkui--font_family_base);
  border-radius: var(--vkui--size_border_radius--regular);
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}

.FormField__scrollContainer--BQY71 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  inline-size: 100%;
  min-block-size: inherit;
  overflow-y: auto;
}

.FormField__content--sc9km {
  display: flex;
  flex-grow: 1;
  min-inline-size: 0;
  min-block-size: inherit;
}

.FormField__sizeYCompact--byQPj {
  min-block-size: var(--vkui--size_field_height--compact);
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .FormField__sizeYNone--V0uy2 {
    min-block-size: var(--vkui--size_field_height--compact);
  }
}

/* stylelint-disable-next-line selector-max-universal */

.FormField__host--RWBkf > * {
  z-index: var(--vkui_internal--z_index_form_field_element);
  border-radius: inherit;
}

.FormField__iconWrapper--plOut {
  position: -webkit-sticky;
  position: sticky;
  inset-block-start: 0;
  display: flex;
  flex-shrink: 0;
  block-size: 100%;
}

.FormField__before--xVNkd,
.FormField__after--ljrn6 {
  display: flex;
  align-content: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  min-inline-size: var(--vkui--size_field_height--regular);
  color: var(--vkui--color_icon_secondary);
}

.FormField__sizeYCompact--byQPj .FormField__before--xVNkd,
.FormField__sizeYCompact--byQPj .FormField__after--ljrn6 {
  min-inline-size: var(--vkui--size_field_height--compact);
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .FormField__sizeYNone--V0uy2 .FormField__before--xVNkd,
  .FormField__sizeYNone--V0uy2 .FormField__after--ljrn6 {
    min-inline-size: var(--vkui--size_field_height--compact);
  }
}

.FormField__iconAlignStart--hyTEK {
  align-self: flex-start;
}

.FormField__iconAlignEnd--jlZGv {
  align-self: flex-end;
}

.FormField__before--xVNkd {
  color: var(--vkui--color_icon_accent);
}

.FormField__after--ljrn6 {
  color: var(--vkui--color_icon_secondary);
}

.FormField__border--biT6F {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: var(--vkui_internal--z_index_form_field_border);
  box-sizing: border-box;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
  border: var(--vkui--size_border--regular) solid transparent;
  border-radius: inherit;
  transform-origin: left top;
}

.FormField__modeDefault--gCUJM > .FormField__border--biT6F {
  border-color: var(--vkui--color_field_border_alpha);
}

.FormField__modeDefault--gCUJM {
  background-color: var(--vkui--color_field_background);
}

.FormField__hover--Fd3J3 {
  background-color: var(--vkui--color_field_background);
}

.FormField__modeDefault--gCUJM.FormField__hover--Fd3J3 > .FormField__border--biT6F {
  z-index: var(--vkui_internal--z_index_form_field_border_hover);
  border-color: var(--vkui--color_field_border_alpha--hover);
}

/**
 * useFocusVisibleClassName()
 */

/* increase specificity for selects */

.FormField__focusVisible--lPR2N.FormField__focusVisible--lPR2N > .FormField__border--biT6F {
  border-color: var(--vkui--color_stroke_accent);
}

/**
 * CMP:
 * FormItem
 * [start]
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--status-error .FormField__modeDefault--gCUJM > .FormField__border--biT6F,

  .vkuiInternalFormItem--status-error
  .FormField__focusVisible--lPR2N
  > .FormField__border--biT6F,
.FormField__statusError--gywrh.FormField__modeDefault--gCUJM > .FormField__border--biT6F,
.FormField__statusError--gywrh.FormField__focusVisible--lPR2N > .FormField__border--biT6F {
  z-index: var(--vkui_internal--z_index_form_field_status);
  border-color: var(--vkui--color_stroke_negative);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--status-error .FormField__host--RWBkf,
.FormField__statusError--gywrh {
  background-color: var(--vkui--color_background_negative_tint);
}

/* increase specificity to cover --mode-default case */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--status-valid .FormField__modeDefault--gCUJM > .FormField__border--biT6F,

  .vkuiInternalFormItem--status-valid
  .FormField__focusVisible--lPR2N
  > .FormField__border--biT6F,
.FormField__statusValid--v0Z85.FormField__modeDefault--gCUJM > .FormField__border--biT6F,
.FormField__statusValid--v0Z85.FormField__focusVisible--lPR2N > .FormField__border--biT6F {
  z-index: var(--vkui_internal--z_index_form_field_status);
  border-color: var(--vkui--color_stroke_positive);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormItem--status-valid .FormField__host--RWBkf:not(.FormField__modeDefault--gCUJM),
.FormField__statusValid--v0Z85:not(.FormField__modeDefault--gCUJM) {
  background-color: var(--vkui--color_background_positive_tint);
}

/* [end] */

.FormField__disabled--Vx3KW {
  pointer-events: none;
  cursor: default;
  opacity: var(--vkui--opacity_disable_accessibility);
}

/**
 * CMP:
 * NativeSelect
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalNativeSelect .FormField__after--ljrn6 {
  pointer-events: none;
}

/**
 * CMP:
 * CalendarHeader
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalCalendarHeader__picker .FormField__after--ljrn6 {
  min-inline-size: 12px;
  -webkit-padding-end: 8px;
          padding-inline-end: 8px;
}

/**
 * CMP:
 * FormLayoutGroup
 */

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--segmented .FormField__host--RWBkf {
  z-index: auto;
  border-radius: 0;
  isolation: auto;
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal
    .vkuiInternalFormItem:first-of-type
  .FormField__host--RWBkf {
  border-start-start-radius: var(--vkui--size_border_radius--regular);
  border-end-start-radius: var(--vkui--size_border_radius--regular);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal
    .vkuiInternalFormItem:last-of-type
  .FormField__host--RWBkf {
  border-start-end-radius: var(--vkui--size_border_radius--regular);
  border-end-end-radius: var(--vkui--size_border_radius--regular);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical
    .vkuiInternalFormItem:first-of-type
  .FormField__host--RWBkf {
  border-start-start-radius: var(--vkui--size_border_radius--regular);
  border-start-end-radius: var(--vkui--size_border_radius--regular);
}

/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */

.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical
    .vkuiInternalFormItem:last-of-type
  .FormField__host--RWBkf {
  border-end-start-radius: var(--vkui--size_border_radius--regular);
  border-end-end-radius: var(--vkui--size_border_radius--regular);
}

.UnstyledTextField__host--aPwyi {
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  outline: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.UnstyledTextField__noPadding--wIo43 {
  padding: 0;
}

.UnstyledTextField__host--aPwyi:focus {
  outline: none;
}

/*
 * Отключаем нативные элементы для <input type="number" />
 *
 * см. https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
 */

.UnstyledTextField__host--aPwyi::-webkit-outer-spin-button,
.UnstyledTextField__host--aPwyi::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

.UnstyledTextField__host--aPwyi[type='number'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.Input__host--cKX6M {
  position: relative;
  font-size: 16px;
  line-height: 20px;
}

.Input__alignCenter--YTuNY .Input__el--IwBVp {
  text-align: center;
}

.Input__alignRight--Vgdcl .Input__el--IwBVp {
  text-align: end;
}

.Input__el--IwBVp {
  position: relative;
  z-index: var(--vkui_internal--z_index_form_field_element);
  box-sizing: border-box;
  inline-size: 100%;
  block-size: var(--vkui--size_field_height--regular);
  padding-block: 0;
  padding-inline: 12px;
  color: var(--vkui--color_text_primary);
  border-radius: inherit;
}

.Input__sizeYCompact--TDxvn .Input__el--IwBVp {
  block-size: var(--vkui--size_field_height--compact);
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .Input__sizeYNone--rWnaV .Input__el--IwBVp {
    block-size: var(--vkui--size_field_height--compact);
  }
}

.Input__hasBefore--m03Jn .Input__el--IwBVp {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

.Input__hasAfter--reodr .Input__el--IwBVp {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

.Input__el--IwBVp::placeholder {
  color: var(--vkui--color_text_secondary);
  /* Для Firefox */
  opacity: 1;
}

.Input__el--IwBVp:disabled::placeholder {
  color: var(--vkui--color_text_secondary);
}

/*
 * .vkui класс в режиме full необходим на элементе html,
 * чтобы правильно устанавливалось значение color-scheme,
 * окрашивающее фон html и скроллбар в цвета текущей цветовой
 * схемы.
 * Так как color-scheme зависит от vkui токена, то в
 * full режиме класс токенов vkui также должен
 * быть установлен на html.
 *
 * В SSR есть проблема - чтобы на сервере правильно установить
 * нужный класс, для токенов надо знать предпочитаемую цветовую
 * схему пользователя и передать её через свойство appearance.
 * Если ошибиться со схемой на сервере, то пользователь
 * может получить не ту схему, либо может увидеть как интерфейс моргает
 * из-за переключения со светлой темы на тёмную.
 * Чтобы окончательно избавиться от этой проблемы нужно
 * в vkui-tokens создавать темы, в которые сразу же зашиты обе цветовые схемы.
 * А переключение между темами задавалось бы через медиа выражения
 * с помощью prefers-color-scheme.
 * */
/* stylelint-disable-next-line selector-max-type */
.vkui > body,
.vkui,
.vkui__root {
  block-size: 100%;
  padding: 0;
  margin: 0;
  color-scheme: var(--vkui--colors_scheme);
}
.vkui {
  /*
   * TODO [>=8]: Убрать background с html элемента, но для этого надо
   * чтобы height у всех родителей Panel вплоть до html имели
   * min-height: 100% вместо height: 100% иначе фон html выглядывает в
   * многоколоночном режиме если чуть ниже проскролить контент.
   */
  background: var(--vkui--color_background);
}
.vkui__root {
  /* чтобы можно было ограничить размеры приложения
   * извне с помощью max-height, max-width */
  max-inline-size: inherit;
  max-block-size: inherit;
}
.vkui__root--embedded {
  background: var(--vkui--color_background);
}
.vkui--layout-card {
  background: var(--vkui--color_background);
}
.vkui--layout-plain {
  background: var(--vkui--color_background_content);
}
/* отключаем нативный pull-to-refresh при взаимодействии с компонентом
 * PullToRefresh или при открывании модалки */
.vkui--disable-overscroll-behavior {
  /* Safari >= 16 */
  overscroll-behavior-y: none;
}

.NotRobotCaptcha__appRoot--CwKO9 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.NotRobotCaptcha__appRoot--CwKO9 > div {
  animation: NotRobotCaptcha__fix-position--3DQ1V 500ms ease-out 300ms forwards;
}

.NotRobotCaptcha__appRoot--popupWebView--gREv3 .vkuiModalRoot__mask {
  background: none;
}

@keyframes NotRobotCaptcha__fix-position--3DQ1V {
  from {
    bottom: -10px;
  }

  to {
    bottom: 0;
  }
}

.KaleidoscopeScreen__blockRoot--lgIvO {
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 0.5px solid var(--vkui--color_separator_primary3x);
  background-color: var(--vkui--color_background_content);
  padding: 16px;
}

.KaleidoscopeScreen__logoBlock--fDgTE {
  color: var(--vkui--color_text_primary);
  display: flex;
  justify-content: center;
}

.KaleidoscopeScreen__logoBlock--block-variant--fD78Z {
  padding: 8px 0 16px;
}

.KaleidoscopeScreen__captchaId--q2Hr1 {
  color: var(--vkui--color_text_tertiary);
  text-align: center;
}

.CaptchaError__description--bVz3L {
  margin-top: 8px;
  color: var(--vkui--color_text_secondary);
}

.SliderCaptcha__content--nl32z {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.SliderCaptcha__skeleton--LSqQ7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: var(--vkui--color_background_tertiary_alpha);
}

.SliderCaptcha__contentRefreshButton--KJ853 {
  border-radius: 4px;
}

.SliderCaptcha__buttons--0X62l {
  align-items: center;
  justify-content: space-between;
  display: flex;
  width: 100%;
}

.SliderCaptcha__refreshButton--zZ0bv {
  margin-right: auto;
}

.SliderCaptcha__iconButton--73BmW {
  color: var(--vkui--color_icon_secondary);
}

.SliderCaptcha__refreshText--dmLE2 {
  color: var(--vkui--color_icon_secondary);
}

.SliderCaptcha__changeTypeButton--ZVBIX {
  margin-left: auto;
}

.SliderCaptcha__description--o4hTm {
  color: var(--vkui--color_text_subhead);
  display: block;
  padding: 4px 0;
}

.SliderCaptcha__descriptionLink--oM2OL {
  border-radius: 4px;
}

.ErrorButton__root--USRi3 {
  align-items: center;
  background-color: var(--vkui--color_background_negative);
  border: 0;
  border-radius: var(--size-BorderRadius, 8px);
  color: var(--vkui--color_text_contrast);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  transition: background-color 0.15s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 767px) {
  .ErrorButton__root--USRi3 {
    height: 52px;
  }
}
@media (min-width: 768px) {
  .ErrorButton__root--USRi3 {
    height: 48px;
  }
}

.ErrorButton__rootEnabled--CzIL4:hover {
  background-color: var(--vkui--color_background_negative--hover);
}

.ErrorButton__rootEnabled--CzIL4:active {
  background-color: var(--vkui--color_background_negative--active);
}

.ErrorButton__root--USRi3:focus,
.ErrorButton__root--USRi3:focus-visible {
  outline: none;
}

.ErrorButton__rootDisabled--0rnva {
  cursor: not-allowed;
}

.ErrorButton__iconBlock--DA9VH {
  position: absolute;
  top: 4px;
  right: 4px;
  block-size: var(--vkui_internal--swipe-slider_thumb_size);
  border-radius: 6px;
  background-color: var(--vkui--color_icon_contrast);
  color: var(--vkui--color_icon_negative);
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px; /* fix icon vertical alignment */
}

@media (max-width: 767px) {
  .ErrorButton__iconBlock--DA9VH {
    height: 44px;
    width: 44px;
  }
}
@media (min-width: 768px) {
  .ErrorButton__iconBlock--DA9VH {
    height: 40px;
    width: 40px;
  }
}

.ErrorButton__iconBlockDisabled--tSMdX {
  opacity: 0.64;
}

.SliderThumb__host--rW4kj {
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--vkui_internal--swipe-slider_thumb_size);
  block-size: var(--vkui_internal--swipe-slider_thumb_size);
  border-radius: 6px;
  background-color: var(--vkui--color_icon_contrast);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.15s ease-out;
}

.SliderThumb__focusVisible--gVaN8 {
  outline: var(--vkui_internal--outline);
  outline-offset: calc(-1 * var(--vkui--size_border--regular));
}

/**
 * Задаём ширину и высоту родителя, чтобы скринридер правильно выделял элемент (скопировано с MUI).
 */
.SliderThumb__nativeInput--PfaZL {
  direction: ltr;
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  margin: -1px;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
}

.SwipeButton__host--3B4OR {
  position: relative;
  block-size: var(--vkui_internal--swipe-slider_size);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 767px) {
  .SwipeButton__host--3B4OR {
    --vkui_internal--swipe-slider_size: 52px;
    --vkui_internal--swipe-slider_thumb_size: 44px;
  }
}
@media (min-width: 768px) {
  .SwipeButton__host--3B4OR {
    --vkui_internal--swipe-slider_size: 48px;
    --vkui_internal--swipe-slider_thumb_size: 40px;
  }
}

.SwipeButton__hostDisabled--FF7uK {
  cursor: not-allowed;
  opacity: var(--vkui--opacity_disable_accessibility);
}

.SwipeButton__track--bZtdI,
.SwipeButton__trackFill--4rzx9 {
  position: absolute;
  inset-inline-start: 0;
  block-size: var(--vkui_internal--swipe-slider_size);
  border-radius: var(--size-BorderRadius, 8px);
}

.SwipeButton__track--bZtdI {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  background-color: var(--vkui--color_background);
  color: var(--vkui--color_text_accent);
}

.SwipeButton__trackSuccess--KdSX3 {
  background-color: var(--vkui--color_icon_positive);
  color: var(--vkui--color_text_contrast);
}

.SwipeButton__trackFill--4rzx9 {
  box-sizing: content-box;
  inline-size: auto;
  background: var(--vkui--color_background_accent);
  opacity: 0;
}

.SwipeButton__trackFillActive--v4421 {
  opacity: 1;
}

.SwipeButton__trackFill--4rzx9:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(0px - (var(--vkui_internal--swipe-slider_thumb_size) / 2 + 4px));
  right: calc(0px - (var(--vkui_internal--swipe-slider_thumb_size) / 2 + 4px));
  background: var(--vkui--color_background_accent);
  border-radius: var(--size-BorderRadius, 8px);
}

.SwipeButton__thumbs--UAHNX {
  isolation: isolate;
  position: relative;
  margin-inline: calc(var(--vkui_internal--swipe-slider_thumb_size) / 2 + 4px);
  block-size: 100%;
}

.SwipeButton__thumb--hdtSo {
  inset-block-start: 50%;
  transform: translate(-50%, -50%);
}

.SwipeButton__thumbActive--41GtF {
  cursor: pointer;
}

.SwipeButton__thumbIcon--THZK6 {
  color: var(--vkui--color_icon_accent);
  pointer-events: none;
}

.SwipeButton__thumbIconSuccess--STITe {
  color: var(--vkui--color_icon_positive);
}

.ImageCanvas__root--7Lyxl {
  /* Значение для top/bottom/left/right должно соответствовать константе "BORDER_WIDTH" */
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  position: absolute;
}

.RefreshButton__disabled--Eil6x {
  opacity: 0.64;
}

.RefreshButton__icon--ZEeyQ {
  color: var(--vkui--color_icon_secondary);
}

.RefreshButton__text--Itard {
  color: var(--vkui--color_text_primary);
}

.SoundCaptcha__content--zLCBM {
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: var(--vkui--color_background_tertiary_alpha);
  border-radius: 6px;
}

@media (max-width: 767px) {
  .SoundCaptcha__content--zLCBM {
    height: 130px;
  }
}
@media (min-width: 768px) {
  .SoundCaptcha__content--zLCBM {
    height: 102px;
  }
}

.SoundCaptcha__contentRefreshButton--H7j0m {
  border-radius: 4px;
}

.SoundCaptcha__wave--eKo59 {
  display: flex;
  color: var(--vkui--color_icon_tertiary);
}

.SoundCaptcha__waveLeft--vOHBA {
  transform: rotate(180deg);
}

.SoundCaptcha__waveActive--Dsfvy {
  color: var(--vkui--color_icon_accent);
}

.SoundCaptcha__playButton--zsAp0 {
  margin: 0 8px;
  color: var(--vkui--color_background_accent_themed);
}

.SoundCaptcha__buttons--FupVc {
  align-items: center;
  display: flex;
  width: 100%;
}

.SoundCaptcha__iconButton--dTCWa {
  color: var(--vkui--color_icon_secondary);
}

.SoundCaptcha__refreshButton--VnkXJ {
  margin-right: auto;
}

.SoundCaptcha__infoButton--BORGx,
.SoundCaptcha__changeTypeButton--ilBKQ {
  margin: 0 4px;
}

.SoundCaptcha__infoBannerBackground--C7Jaj {
  background-color: var(--vkui--color_background_modal);
}

.SoundCaptcha__submitButtonSpinnerIcon--3804e {
  color: var(--vkui--color_icon_contrast_themed);
}

@media (max-width: 767px) {
  .SoundCaptcha__infoButton--BORGx,
  .SoundCaptcha__infoBannerSpacing--tleDX,
  .SoundCaptcha__infoBanner--dHoxy {
    display: none;
  }
}

.CheckboxBlockCaptcha__root--FgE2Z {
  background-color: var(--vkui--color_background_tertiary);
  border-radius: 8px;
  border: 0.5px solid var(--vkui--color_separator_primary3x);
  display: flex;
  padding: 10px 4px;
}

.CheckboxBlockCaptcha__content--gbEll {
  flex: 1 1 0;
}

.CheckboxBlockCaptcha__checkboxError--OkPdJ {
  display: block;
  padding: 2px var(--vkui--size_base_padding_horizontal--regular) 12px;
}

.CheckboxBlockCaptcha__error--BeAw6 {
  color: var(--vkui--color_text_secondary);
  display: block;
  padding: 12px var(--vkui--size_base_padding_horizontal--regular);
}

.CheckboxBlockCaptcha__termsLinkBlock--fzpwU {
  display: flex;
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
}

.CheckboxBlockCaptcha__termsLink--Z2gfq {
  color: var(--vkui--color_text_secondary);
  display: block;
}

.CheckboxBlockCaptcha__captchaId--FKFOm {
  color: var(--vkui--color_text_tertiary);
  padding-left: var(--vkui--size_base_padding_horizontal--regular);
}

.CheckboxBlockCaptcha__logoBlock--g746K {
  align-items: center;
  color: var(--vkui--color_text_primary);
  display: flex;
  flex: 0 0 auto;
  padding: 0 18px 0 12px;
}

.Checkbox__Checkbox--4uDPl {
  align-items: center;
  display: inline-flex;
  padding: 10px var(--vkui--size_base_padding_horizontal--regular);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Checkbox__Checkbox--default--CYB4u {
  cursor: pointer;
}

.Checkbox__Checkbox__iconBlock--dXpTo {
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  padding: 2px;
}

.Checkbox__Checkbox__icon--rVOHU {
  height: 20px;
  width: 20px;
}

.Checkbox__Checkbox--default--CYB4u:hover .Checkbox__Checkbox__iconBox--Jdim0 {
  fill: var(--vkui--color_background_secondary_alpha--hover);
}

.Checkbox__Checkbox__title--N6ZtW {
  color: var(--vkui--color_text_primary);
  margin-left: 12px;
}

.CheckboxIcon__CheckboxIcon--nTWaC {
  overflow: visible;
}

.CheckboxIcon__CheckboxIcon__box--fPGFP {
  stroke: var(--vkui--color_icon_tertiary);
}

.CheckboxIcon__CheckboxIcon--loading--uWW8w .CheckboxIcon__CheckboxIcon__box--fPGFP {
  /* total stroke-dasharray: 279% + 55% = 334% */
  stroke-dasharray: 279%, 55%;
  stroke-dashoffset: 28%;
  animation: CheckboxIcon__rotate-stroke--tIX7n 1s linear infinite;
}

@keyframes CheckboxIcon__rotate-stroke--tIX7n {
  to {
    /* stroke-dashoffset - total stroke-dasharray: 28% - 334% = -306% */
    stroke-dashoffset: -306%;
  }
}

.CheckboxIcon__CheckboxIcon--success--KtpDC .CheckboxIcon__CheckboxIcon__box--fPGFP {
  opacity: 0;
}

.CheckboxIcon__CheckboxIcon__markSuccess--XhPvJ {
  display: block;
  fill: var(--vkui--color_icon_positive);
  opacity: 0;
}

.CheckboxIcon__CheckboxIcon--success--KtpDC .CheckboxIcon__CheckboxIcon__markSuccess--XhPvJ {
  opacity: 1;
  transform-origin: 50% 50%;
  animation: CheckboxIcon__increase-mark--30s79 0.4s linear;
}

@keyframes CheckboxIcon__increase-mark--30s79 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.Loader__Loader--iUHi8 {
  align-items: center;
  color: var(--vkui--color_text_secondary);
  display: flex;
  padding: 10px var(--vkui--size_base_padding_horizontal--regular);
}

.Loader__Loader__icon--VI8vv {
  height: 24px;
  width: 24px;
}

.Loader__Loader__text--yxqJH {
  margin-left: 12px;
}

.CheckboxPopupCaptcha__logoBlock--405Ew {
  color: var(--vkui--color_text_primary);
  display: flex;
  justify-content: center;
}

.CheckboxPopupCaptcha__robotImage--MvBmQ {
  display: block;
  margin: 0 auto;
}

.CheckboxPopupCaptcha__checkboxBlock--NxWQ4 {
  margin: 0 auto;
  text-align: center;
}

.CheckboxPopupCaptcha__checkboxBlock--noError--eCB1r {
  padding-bottom: 22px;
}

.CheckboxPopupCaptcha__checkbox--Hb5I5 {
  text-align: left;
}

.CheckboxPopupCaptcha__error--G7flw {
  color: var(--vkui--color_text_secondary);
  text-align: center;
}

.CheckboxPopupCaptcha__termsLink--EaCT1 {
  color: var(--vkui--color_text_secondary);
  margin: 0 auto;
}

.CheckboxPopupCaptcha__captchaId--bftcY {
  color: var(--vkui--color_text_tertiary);
  text-align: center;
}

@media (min-width: 768px) {
  .CheckboxPopupCaptcha__mobileSpacing--WekJk {
    display: none;
  }
}