:root {
    --proportion-3x2: 1.5;
    --proportion-4x3: 1.33;
    --proportion-16x9: 1.78;
    --input-color-border: inset 0 0 0 1px var(--vkui--color-field-border-alpha);
    --input-color-border--hover: inset 0 0 0 1px var(--vkui--color-field-border-alpha--hover);
    --input-color-border--focus: inset 0 0 0 1px var(--vkui--color-field-border-alpha--active);
    --input-color-border--error: inset 0 0 0 1px var(--vkui--color-stroke-negative);
    --media-ui-popup-margin: var(--vkui--size-popup-margin--compact);
    --media-ui-popup-padding: var(--vkui--size-base-padding--compact_x);
    --media-ui-popup-icon-size: var(--vkui--size-icon-u-i--compact);
    --dropdown-min-width: max(calc(100% + var(--vkui--x15)), 100px);
    --vkui--color-icon-contrast--hover: #f5f5f5;
    --vkui--color-icon-contrast--active: #ebebeb;
    --diafilm-offset: var(--vkui--x3);
    --diafilm-picture-hover-scale: scale(1.02);
    --diafilm-base-transition: 0.15s ease-in-out;
    --diafilm-base-bg: #000 a(var(--vkui--tone-value-viewer));
    --diafilm-navigation-bg: var(--diafilm-base-bg);
    --diafilm-navigation-height: 44px;
    --diafilm-navigation-offset: 0;
    --diafilm-navigation-bar-width: 558px;
    --diafilm-navigation-button-offset: var(--vkui--x3);
    --diafilm-navigation-button-menu-width: var(--vkui--x5);
    --diafilm-menu-bg: var(--diafilm-base-bg);
    --diafilm-menu-transition: 0.15s ease-in-out;
    --diafilm-menu-transition-slow: 0.25s ease-in-out;
    --diafilm-menu-items-padding: calc(var(--vkui--x1) * 9);
    --diafilm-menu-items-separator: var(--vkui--x4);
    --diafilm-menu-content-max-height: 768px;
    --diafilm-menu-content-top: calc(var(--diafilm-navigation-height) + var(--vkui--x5));
    --diafilm-menu-content-bottom: var(--vkui--x3);
    --diafilm-menu-header-top: 0;
    --diafilm-menu-header-bottom: var(--vkui--x3);
    --diafilm-menu-slider-right: calc(var(--diafilm-offset) - var(--diafilm-menu-items-separator));
    --diafilm-menu-slider-top: 0;
    --diafilm-menu-slider-bottom: var(--vkui--x3);
    --diafilm-menu-shares-top: 0;
    --diafilm-menu-shares-bottom: var(--vkui--x4);
    --diafilm-menu-item-picture-height: 250px;
    --diafilm-menu-item-picture-width: 140px;
    --diafilm-menu-item-picture-radius: var(--vkui--x3);
    --diafilm-menu-item-picture-bg: var(--vkui--color-background-contrast);
    --diafilm-menu-item-index-bg: #000;
    --diafilm-menu-item-index-size: var(--vkui--x12);
    --diafilm-slider-bar-ruller-bg: #fff a(var(--vkui--tone-value-toolbar) * 100);
    --diafilm-slider-bar-ruller-bg-active: #fff;
    --diafilm-slider-bar-ruller-height: var(--vkui--x1);
    --diafilm-slider-bar-ruller-info-offset: var(--vkui--x3);
    --diafilm-slider-offset-top: var(--diafilm-navigation-height);
    --diafilm-emded-offset-top: var(--diafilm-navigation-height);
    --diafilm-textblock-max-height: 50vh;
    --diafilm-textblock-max-width: 100%;
    --diafilm-textblock-toggle-button-size: var(--vkui--x10);
    --diafilm-textblock-toggle-open-button-size: calc(var(--vkui--x1) * 24);
    --diafilm-textblock-border-color: #fff a(var(--vkui--tone-value-toolbar) * 100);
    --diafilm-textblock-transition: 0.3s ease-in-out;
    --diafilm-textblock-transition-collapse: 0.3s step-start;
    --diafilm-textblock-transition-deferred: 0.3s 0.3s ease-in-out;
    --diafilm-textblock-transition-inside: 0.15s 0.15s ease-in-out;
    --diafilm-scrollbar-color: #dadce0 transparent;
    --diafilm-scrollbar-width: thin;
    --media--size-counter-default-height: calc(var(--vkui--spacing-size-3xl) + var(--vkui--spacing-size-m));
    --media--author-detail-color-telegram: #08c;
    --media--author-detail-color-boosty: #2688eb;
    --media--author-detail-color-prodoctorov: #3981f1;
    --media--author-detail-color-prodoctorov-2: #fe4a36;
    --media--author-detail-color-dzen: #000;
    --portal-menu-panel-header-wrapper-z-index: var(--z-index-portal-menu);
    --portal-menu-panel-header-height: var(--vkui--x12);
    --portal-menu-panel-background: hsla(0, 0%, 100%, .9);
    --portal-menu-panel-backdrop: blur(var(--vkui--x2));
    --portal-menu-panel-shadow: 0 4px 8px 0 rgb(0 0 0 / 4%);
    --portal-menu-panel-padding: 0 var(--vkui--x3) 0 var(--vkui--x4);
    --portal-menu-panel-right-gap: var(--vkui--x1);
    --portal-menu-panel-promo-gap: var(--vkui--x2);
    --portal-menu-panel-burger-icom-gap: var(--vkui--x1);
    --portal-menu-fixed-transition: 0.15s ease-in-out;
    --portal-menu-padding-promo-menu-mobile: 6px 8px 6px 8px;
    --portal-menu-base-item-padding: 0 12px;
    --portal-menu-border-radius-desktop: 1000px;
    --portal-menu-border-radius-active: var(--vkui--x5);
    --portal-menu-active-box-shadow: 0 4px 4px 0 rgb(0 0 0 / 5%);
    --portal-menu-active-background: var(--vkui--color-background-secondary-alpha);
    --portal-menu-active-text: #000;
    --portal-menu-burger-active-background: var(--vkui--color-transparent--active);
    --portal-menu-promo-item-border-radius: 8px;
    --portal-menu-promo-item-height: 32px;
    --portal-menu-logo-height: 28px;
    --portal-menu-color-icon: var(--vkui--color-icon-secondary-alpha);
    --portal-menu-color-icon--hover: var(--vkui--color-icon-secondary-alpha--hover);
    --portal-menu-color-icon--active: var(--vkui--color-icon-secondary-alpha--active);
    --portal-menu-item-base-height: var(--vkui--x10);
    --portal-menu-promo-item-background: #fff;
    --portal-menu-color-black: #000;
    --portal-menu-color-white: #fff;
    --portal-menu-color-text: var(--vkui--color-text-primary);
    --portal-menu-dropdown-box-shadow: 0 16px 48px 0 rgba(0, 16, 61, .28);
    --portal-menu-dropdown-min-width: max(calc(100% + var(--vkui--x15)), 100px);
    --portal-menu-desktop-min-width: 940px;
    --portal-menu-more-initial-more-width: 60px;
    --media-ui--yawidget-picture-size: 48px;
    --media-article-teaser-simple-card-border-radius: 28px;
    --media-article-teaser-simple-picture-border-radius: var(--vkui--size-card-border-radius--regular);
    --media-collection-wrapper-border-radius: 24px;
    --media-collection-head-content-grid-size: 1100px;
    --media-collection-head-scroll-offset-top: 68px;
    --bottom-menu-text-primary: var(--vkui--color-text-primary);
    --bottom-menu-background-sheet: var(--vkui--color-background);
    --bottom-menu-background-close-touch: #2c2d2e;
    --bottom-menu-z-index-bottom-sheet: 1650;
    --bottom-menu-z-index-topWrapper: 2;
    --bottom-menu-z-index-contentWrapper: 1;
    --scrollbar-border-radius: var(--vkui--x3);
    --scrollbar-size: calc(var(--vkui--x1) + var(--vkui--x05));
    --vkui--font_text--font_family--regular: var(--vkui--font-family-base);
    --vkui--font_paragraph--font_family--regular: var(--vkui--font-family-base);
    --vkui--font_text--font_size--regular: 15px;
    --vkui--font_text--font_size--compact: 15px;
    --vkui--font_paragraph--font_size--regular: 15px;
    --vkui--font_text--font_weight--regular: var(--vkui--font-weight-base3);
    --vkui--font_paragraph--font_weight--regular: var(--vkui--font-weight-base3);
    --vkui--font_text--line_height--regular: var(--vkui--x5);
    --vkui--font_paragraph--line_height--regular: var(--vkui--x5);
    --vkui--font_text--line_height--compact: var(--vkui--x5);
    --vkui--size_form_item_padding_vertical--regular: var(--vkui--size-base-padding-vertical--regular);
    --vkui--size_base_padding_horizontal--regular: var(--vkui--size-base-padding-horizontal--regular);
    --vkui--size_field_height--regular: var(--vkui--x10);
    --vkui--size_field_height--compact: var(--vkui--x10);
    --vkui--size_border_radius--regular: var(--vkui--size-border-radius--regular);
    --vkui--color_transparent--hover: var(--vkui--color-transparent--hover);
    --vkui--color_field_border_alpha: var(--vkui--color-field-border-alpha);
    --vkui--color_field_border_alpha--hover: var(--vkui--color-field-border-alpha--hover);
    --vkui--color_field_border_alpha--active: var(--vkui--color-field-border-alpha--active);
    --vkui--color_icon_secondary: var(--vkui--color-icon-secondary-alpha);
    --vkui--color_field_background: var(--vkui--color-field-background);
    --vkui--color_background_modal: var(--vkui--color-background-modal);
    --vkui--size_border--regular: 0.5px;
    --vkui--color_text_secondary: var(--vkui--color-text-secondary);
    --vkui--font_weight_accent3: var(--vkui--font-weight-base3);
    --vkui--color_icon_tertiary: var(--vkui--color-icon-tertiary);
    --vkui--color_icon_accent: var(--vkui--color-icon-accent);
    --vkui--opacity_disable_accessibility: var(--vkui--opacity-disable-accessibility);
    --vkui--color_text_primary: var(--vkui--color-text-primary);
    --vkui--size_field_height--regular: var(--vkui--size-field-height--regular);
    --vkui--z_index_popout: var(--vkui--z-index-popout);
    --vkui--color_icon_medium: var(--vkui--color-icon-medium);
    --article-gallery-content-bg-color: #f9f9fa;
    --z-index-negative: -1;
    --z-index-level0: 0;
    --z-index-level1: 1;
    --z-index-level2: 2;
    --z-index-level3: 3;
    --z-index-over: 100;
    --z-index-content-nav: 400;
    --z-index-sidebar: 410;
    --z-index-tooltip-underhead: 450;
    --z-index-portal-menu: 500;
    --z-index-tooltip: 1100;
    --z-index-dropdown: 1200;
    --z-index-overlay: 1600;
    --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--outline_width: 2px;
    --vkui_internal--outline: var(--vkui_internal--outline_width, 2px) solid var(--vkui--color_stroke_accent);
    --vkui_internal--outline-reset: var(--vkui_internal--outline_width) solid transparent;
    --vkui_internal--popover_safe_zone_padding: 8px;
    --vkui_internal--white: #fff;
    --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;
    --vkui_internal--duration: 0.7s;
    --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;
    --vkui_internal--z_index_tappable_state: 0;
    --vkui_internal--z_index_tappable_element: 1;
    --vkui_internal--z_index_banner_background: 0;
    --vkui_internal--z_index_banner_content: 1;
    --vkui_internal--z_index_banner_hover: 2;
    --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;
    --vkui_internal--z_index_image_base_img: -1;
    --vkui_internal--z_index_image_base_overlay: 0;
    --vkui_internal--z_index_image_base_border: 1;
    --vkui_internal--z_index_image_base_badge: 2;
    --vkui_internal--z_index_horizontal_scroll_arrow: 1;
    --vkui--size_border--regular: var(--vkui--size_border1x--regular);
        --vkui--theme-name: "media";
    --vkui--font-family-fallbacks:sans-serif;
    --vkui--font-family-accent: sans-serif;
    --vkui--font-family-base:sans-serif;
    --vkui--font-weight-accent1: 500;
    --vkui--font-weight-accent2: 500;
    --vkui--font-weight-accent3: 400;
    --vkui--font-weight-base1: 700;
    --vkui--font-weight-base2: 700;
    --vkui--font-weight-base3: 400;
    --vkui--size-select-icon-padding--compact_x: 7px;
    --vkui--size-select-icon-padding--compact: 7px;
    --vkui--size-select-icon-padding--regular: 6px;
    --vkui--size-popup-base-padding--compact_x: 20px;
    --vkui--size-popup-base-padding--regular: 32px;
    --vkui--size-popup-header-padding--compact_x: 16px;
    --vkui--size-popup-header-padding--regular: 24px;
    --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: 4px;
    --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: 20px;
    --vkui--size-label-horizontal-margin--regular: 16px;
    --vkui--size-arrow-padding--regular: 12px;
    --vkui--size-tooltip-margin--regular: 8px;
    --vkui--size-icon-u-i--compact_x: 16px;
    --vkui--size-icon-u-i--compact: 16px;
    --vkui--size-icon-u-i--regular: 18px;
    --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: 12px;
    --vkui--size-card-border-radius--regular: 16px;
    --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--elevation1: 0 2px 6px 0 rgba(0, 16, 61, .08), 0 1px 2px 0 rgba(0, 16, 61, .08);
    --vkui--elevation1-invert-y: 0 -2px 6px 0 rgba(0, 16, 61, .08), 0 -1px 2px 0 rgba(0, 16, 61, .08);
    --vkui--elevation2: 0 0 2px 0 rgba(0, 16, 61, .06), 0 0 6px 0 rgba(0, 16, 61, .06), 0 6px 12px 0 rgba(0, 16, 61, .06);
    --vkui--elevation3: 0 0 6px 0 rgba(0, 16, 61, .06), 0 6px 12px 0 rgba(0, 16, 61, .06), 0 6px 20px 0 rgba(0, 16, 61, .06), 0 10px 36px 0 rgba(0, 16, 61, .08);
    --vkui--elevation4: 0 2px 6px 0 rgba(0, 16, 61, .06), 0 16px 48px 0 rgba(0, 16, 61, .08), 0 24px 68px 0 rgba(0, 16, 61, .16);
    --vkui--gradient-black: transparent 0%, rgba(0, 0, 0, .02) 15%, rgba(0, 0, 0, .08) 30%, rgba(0, 0, 0, .32) 70%, rgba(0, 0, 0, .38) 85%, rgba(0, 0, 0, .4) 100%;
    --vkui--gradient-white: hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .05) 15%, hsla(0, 0%, 100%, .2) 30%, hsla(0, 0%, 100%, .8) 70%, hsla(0, 0%, 100%, .95) 85%, #fff 100%;
    --vkui--gradient-tint: rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, .05) 15%, rgba(246, 247, 248, .2) 30%, rgba(246, 247, 248, .8) 70%, rgba(246, 247, 248, .95) 85%, #f6f7f8 100%;
    --vkui--gradient: hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .05) 15%, hsla(0, 0%, 100%, .2) 30%, hsla(0, 0%, 100%, .8) 70%, hsla(0, 0%, 100%, .95) 85%, #fff 100%;
    --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.3, 0.3, 0.5, 1);
    --vkui--opacity-disable: 0.48;
    --vkui--opacity-disable-accessibility: 0.64;
    --vkui--opacity-active: 0.72;
    --vkui--blur-m: 16px;
    --vkui--z-index-modal: 99;
    --vkui--z-index-popout: 100;
    --vkui--x0: 0px;
    --vkui--x025: 1px;
    --vkui--x05: 2px;
    --vkui--x1: 4px;
    --vkui--x2: 8px;
    --vkui--x3: 12px;
    --vkui--x4: 16px;
    --vkui--x5: 20px;
    --vkui--x6: 24px;
    --vkui--x8: 32px;
    --vkui--x10: 40px;
    --vkui--x12: 48px;
    --vkui--x15: 60px;
    --vkui--x20: 80px;
    --vkui--size-base: 4px;
    --vkui--size-grid: 20px;
    --vkui--size-arrow-height--regular: 8px;
    --vkui--size-arrow-width--regular: 12px;
    --vkui--size-base-padding--compact_x: 16px;
    --vkui--size-base-padding--regular: 20px;
    --vkui--size-border-width-tab--regular: 2px;
    --vkui--size-border-width-bar--regular: 4px;
    --vkui--size-border-width-accent--regular: 8px;
    --vkui--size-border-width-accent-secondary--regular: 4px;
    --vkui--size-control-button-width-min--compact_x: 130px;
    --vkui--size-control-button-width-min--compact: 130px;
    --vkui--size-control-button-width-min--regular: 94px;
    --vkui--size-promo-button-close--regular: 32px;
    --vkui--size-button-slider-height--regular: 24px;
    --vkui--size-button-slider-width--regular: 12px;
    --vkui--size-button-slider-width-pointer--regular: 16px;
    --vkui--size-field-width-min--compact_x: 288px;
    --vkui--size-field-width-min--regular: 380px;
    --vkui--size-label-width--regular: 184px;
    --vkui--size-progress--regular: 4px;
    --vkui--size-progress-scroll--regular: 12px;
    --vkui--size-dot-bullet--regular: 4px;
    --vkui--size-dot-indicate--regular: 8px;
    --vkui--size-dot-clickable--regular: 12px;
    --vkui--size-vertical-padding--regular: 0px;
    --vkui--size-button-more-padding--regular: 8px;
    --vkui--size-icon-more-padding--regular: 12px;
    --vkui--size-button-icon-padding--regular: 20px;
    --vkui--size-div-padding--regular: 4px;
    --vkui--size-menu-padding--regular: 8px;
    --vkui--size-tag-padding--regular: 8px;
    --vkui--size-tab-padding--compact_x: 0px;
    --vkui--size-tab-padding--compact: 0px;
    --vkui--size-tab-padding--regular: 16px;
    --vkui--size-table-horizontal-padding--regular: 16px;
    --vkui--size-table-vertical-padding--regular: 16px;
    --vkui--size-slice-top-padding--regular: 40px;
    --vkui--size-slice-bottom-padding--regular: 60px;
    --vkui--size-base-margin--regular: 12px;
    --vkui--size-label-vertical-margin--regular: 4px;
    --vkui--size-tip-margin--regular: 4px;
    --vkui--size-field-horizontal-margin--compact_x: 16px;
    --vkui--size-field-horizontal-margin--compact: 16px;
    --vkui--size-field-horizontal-margin--regular: 20px;
    --vkui--size-field-vertical-margin--regular: 24px;
    --vkui--size-field-set-margin--regular: 32px;
    --vkui--size-icon-margin--regular: 8px;
    --vkui--size-choice-margin--regular: 8px;
    --vkui--size-menu-margin--regular: 2px;
    --vkui--size-tag-margin--regular: 8px;
    --vkui--size-tab-margin--compact_x: 32px;
    --vkui--size-tab-margin--compact: 32px;
    --vkui--size-tab-margin--regular: 8px;
    --vkui--size-bullet-margin--regular: 12px;
    --vkui--size-attribute-margin--regular: 4px;
    --vkui--size-popup-margin--compact_x: 8px;
    --vkui--size-popup-margin--compact: 8px;
    --vkui--size-popup-margin--regular: 24px;
    --vkui--size-header-icon--regular: 20px;
    --vkui--size-wysiwyg-icon--regular: 14px;
    --vkui--size-illustration-s--regular: 48px;
    --vkui--size-illustration-x-m--regular: 72px;
    --vkui--size-illustration-m--regular: 96px;
    --vkui--size-illustration-l--regular: 144px;
    --vkui--size-illustration-x-x-l--regular: 228px;
    --vkui--tone-value-overlay: 0.48;
    --vkui--tone-value-viewer: 0.88;
    --vkui--tone-value-toolbar: 0.24;
    --vkui--tone-value-hover: 0.04;
    --vkui--tone-value-active: 0.08;
    --vkui--tone-value-focus: 0.08;
    --vkui--type-border-button: solid;
    --vkui--type-border-position: inset;
    --vkui--theme-name-base: "media";
    --vkui--font-family-article:sans-serif;
    --vkui--font-weight-media1: 700;
    --vkui--font-weight-media2: 600;
    --vkui--font-weight-media3: 500;
    --vkui--font-weight-media4: 400;
    --vkui--grid-wrapper-content--regular: 100%;
    --vkui--grid-wrapper-content--compact_x: 620px;
    --vkui--grid-wrapper-content--compact: 940px;
    --vkui--grid-wrapper-content--large: 1260px;
    --vkui--grid-main-content--regular: 100%;
    --vkui--grid-main-content--compact_x: 620px;
    --vkui--grid-main-content--compact: 620px;
    --vkui--grid-main-content--large: 780px;
    --vkui--grid-main-content-wide--regular: 100%;
    --vkui--grid-main-content-wide--compact_x: 620px;
    --vkui--grid-main-content-wide--compact: 620px;
    --vkui--grid-main-content-wide--large: 860px;
    --vkui--grid-aside-content--regular: 100%;
    --vkui--grid-aside-content--compact_x: 300px;
    --vkui--grid-aside-content--compact: 300px;
    --vkui--grid-aside-content--large: 380px;
    --vkui--media-size-gap: 20px;
    --vkui--media-size-grid: 60px;
    --vkui--grid-column-x2--regular: 100%;
    --vkui--grid-column-x2--compact_x: 280px;
    --vkui--grid-column-x2--compact: 430px;
    --vkui--grid-column-x2--large: 580px;
    --vkui--grid-column-x3--regular: 100%;
    --vkui--grid-column-x3--compact_x: 180px;
    --vkui--grid-column-x3--compact: 280px;
    --vkui--grid-column-x3--large: 380px;
    --vkui--grid-column-x4--regular: 100%;
    --vkui--grid-column-x4--compact_x: 130px;
    --vkui--grid-column-x4--compact: 205px;
    --vkui--grid-column-x4--large: 280px;
    --vkui--grid-column-x6--regular: 100%;
    --vkui--grid-column-x6--compact_x: 80px;
    --vkui--grid-column-x6--compact: 130px;
    --vkui--grid-column-x6--large: 180px;
    --vkui--colors-scheme: light;
    --vkui--color-background-accent: #07f;
    --vkui--color-background-accent--hover: #0073f7;
    --vkui--color-background-accent--active: #006fef;
    --vkui--color-background-accent-themed: #07f;
    --vkui--color-background-accent-themed--hover: #0073f7;
    --vkui--color-background-accent-themed--active: #006fef;
    --vkui--color-background-accent-themed-alpha: rgba(0, 119, 255, .2);
    --vkui--color-background-accent-themed-alpha--hover: rgba(0, 119, 255, .24);
    --vkui--color-background-accent-themed-alpha--active: rgba(0, 119, 255, .28);
    --vkui--color-background-accent-alternative: #ff9e00;
    --vkui--color-background-accent-alternative--hover: #f59802;
    --vkui--color-background-accent-alternative--active: #eb9305;
    --vkui--color-background-content: #fff;
    --vkui--color-background-content--hover: #f5f5f7;
    --vkui--color-background-content--active: #ebecef;
    --vkui--color-background-content-alpha: hsla(0, 0%, 100%, .8);
    --vkui--color-background-content-alpha--hover: hsla(0, 0%, 100%, .84);
    --vkui--color-background-content-alpha--active: hsla(0, 0%, 100%, .88);
    --vkui--color-background-content-inverse: #232324;
    --vkui--color-background-content-inverse--hover: #222225;
    --vkui--color-background-content-inverse--active: #202126;
    --vkui--color-background-secondary: #f0f1f3;
    --vkui--color-background-secondary--hover: #e6e8ec;
    --vkui--color-background-secondary--active: #dddfe4;
    --vkui--color-background-secondary-alpha: rgba(0, 16, 61, .06);
    --vkui--color-background-secondary-alpha--hover: rgba(0, 16, 61, .1);
    --vkui--color-background-secondary-alpha--active: rgba(0, 16, 61, .14);
    --vkui--color-background: #fff;
    --vkui--color-background--hover: #f5f5f7;
    --vkui--color-background--active: #ebecef;
    --vkui--color-background-contrast: #fff;
    --vkui--color-background-contrast--hover: #f5f5f7;
    --vkui--color-background-contrast--active: #ebecef;
    --vkui--color-background-contrast-secondary-alpha: hsla(0, 0%, 100%, .2);
    --vkui--color-background-contrast-secondary-alpha--hover: hsla(0, 0%, 100%, .24);
    --vkui--color-background-contrast-secondary-alpha--active: hsla(0, 0%, 100%, .28);
    --vkui--color-background-warning: #fff1ad;
    --vkui--color-background-warning--hover: #f5e8a9;
    --vkui--color-background-warning--active: #ebdfa4;
    --vkui--color-background-negative: #ed330a;
    --vkui--color-background-negative--hover: #e4320c;
    --vkui--color-background-negative--active: #da300e;
    --vkui--color-background-tertiary: #f6f7f8;
    --vkui--color-background-tertiary--hover: #eceef1;
    --vkui--color-background-tertiary--active: #e2e5e9;
    --vkui--color-background-tertiary-alpha: rgba(0, 0, 0, .04);
    --vkui--color-background-tertiary-alpha--hover: rgba(0, 0, 0, .08);
    --vkui--color-background-tertiary-alpha--active: rgba(0, 0, 0, .12);
    --vkui--color-background-modal: #fff;
    --vkui--color-background-modal--hover: #f5f5f7;
    --vkui--color-background-modal--active: #ebecef;
    --vkui--color-background-positive: #0dc268;
    --vkui--color-background-positive--hover: #0cbb66;
    --vkui--color-background-positive--active: #0cb465;
    --vkui--color-background-negative-tint: #feefeb;
    --vkui--color-background-negative-tint--hover: #f4e6e4;
    --vkui--color-background-negative-tint--active: #eadddd;
    --vkui--color-background-positive-tint: #ecfaf3;
    --vkui--color-background-positive-tint--hover: #e3f1ec;
    --vkui--color-background-positive-tint--active: #d9e7e4;
    --vkui--color-field-background: #fff;
    --vkui--color-field-background--hover: #f5f5f7;
    --vkui--color-field-background--active: #ebecef;
    --vkui--color-background-modal-inverse: #303030;
    --vkui--color-background-modal-inverse--hover: #2e2f31;
    --vkui--color-background-modal-inverse--active: #2c2d31;
    --vkui--color-background-contrast-inverse: #303030;
    --vkui--color-background-contrast-inverse--hover: #2e2f31;
    --vkui--color-background-contrast-inverse--active: #2c2d31;
    --vkui--color-background-contrast-themed: #fff;
    --vkui--color-background-contrast-themed--hover: #f5f5f7;
    --vkui--color-background-contrast-themed--active: #ebecef;
    --vkui--color-background-accent-tint: #5a9eff;
    --vkui--color-background-accent-tint--hover: #5698f7;
    --vkui--color-background-accent-tint--active: #5393ef;
    --vkui--color-background-info-tint: #f0f4ff;
    --vkui--color-background-info-tint--hover: #e6ebf7;
    --vkui--color-background-info-tint--active: #dde2ef;
    --vkui--color-text-accent: #0070f0;
    --vkui--color-text-accent--hover: #006ce9;
    --vkui--color-text-accent--active: #0068e2;
    --vkui--color-text-accent-themed: #0070f0;
    --vkui--color-text-accent-themed--hover: #006ce9;
    --vkui--color-text-accent-themed--active: #0068e2;
    --vkui--color-text-negative: #ed330a;
    --vkui--color-text-negative--hover: #e4320c;
    --vkui--color-text-negative--active: #da300e;
    --vkui--color-text-link: #0070f0;
    --vkui--color-text-link--hover: #006ce9;
    --vkui--color-text-link--active: #0068e2;
    --vkui--color-text-link-tint: #71aaeb;
    --vkui--color-text-link-tint--hover: #6ca4e4;
    --vkui--color-text-link-tint--active: #689edd;
    --vkui--color-text-link-themed: #0070f0;
    --vkui--color-text-link-themed--hover: #006ce9;
    --vkui--color-text-link-themed--active: #0068e2;
    --vkui--color-text-muted: #2c2d2e;
    --vkui--color-text-muted--hover: #2a2c2f;
    --vkui--color-text-muted--active: #282b2f;
    --vkui--color-text-primary: #2c2d2e;
    --vkui--color-text-primary--hover: #2a2c2f;
    --vkui--color-text-primary--active: #282b2f;
    --vkui--color-text-primary-alpha: rgba(37, 41, 46, .84);
    --vkui--color-text-primary-alpha--hover: rgba(37, 41, 46, .88);
    --vkui--color-text-primary-alpha--active: rgba(37, 41, 46, .92);
    --vkui--color-text-primary-invariably: #2c2d2e;
    --vkui--color-text-primary-invariably--hover: #2a2c2f;
    --vkui--color-text-primary-invariably--active: #282b2f;
    --vkui--color-text-secondary: #87898f;
    --vkui--color-text-secondary--hover: #82848c;
    --vkui--color-text-secondary--active: #7c7f88;
    --vkui--color-text-secondary-alpha: rgba(37, 41, 46, .55);
    --vkui--color-text-secondary-alpha--hover: rgba(37, 41, 46, .59);
    --vkui--color-text-secondary-alpha--active: rgba(37, 41, 46, .63);
    --vkui--color-text-subhead: #797a80;
    --vkui--color-text-subhead--hover: #74767d;
    --vkui--color-text-subhead--active: #6f727b;
    --vkui--color-text-tertiary: #aaadb3;
    --vkui--color-text-tertiary--hover: #a3a7ae;
    --vkui--color-text-tertiary--active: #9ca0aa;
    --vkui--color-text-link-visited: #528fdf;
    --vkui--color-text-link-visited--hover: #4f8ad9;
    --vkui--color-text-link-visited--active: #4b85d2;
    --vkui--color-text-contrast: #fff;
    --vkui--color-text-contrast--hover: #f5f5f7;
    --vkui--color-text-contrast--active: #ebecef;
    --vkui--color-text-contrast-themed: #fff;
    --vkui--color-text-contrast-themed--hover: #f5f5f7;
    --vkui--color-text-contrast-themed--active: #ebecef;
    --vkui--color-link-contrast: #fff;
    --vkui--color-link-contrast--hover: #f5f5f7;
    --vkui--color-link-contrast--active: #ebecef;
    --vkui--color-text-positive: #0dc268;
    --vkui--color-text-positive--hover: #0cbb66;
    --vkui--color-text-positive--active: #0cb465;
    --vkui--color-icon-accent: #07f;
    --vkui--color-icon-accent--hover: #0073f7;
    --vkui--color-icon-accent--active: #006fef;
    --vkui--color-icon-accent-themed: #07f;
    --vkui--color-icon-accent-themed--hover: #0073f7;
    --vkui--color-icon-accent-themed--active: #006fef;
    --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: #919399;
    --vkui--color-icon-medium--hover: #8b8e95;
    --vkui--color-icon-medium--active: #858992;
    --vkui--color-icon-medium-alpha: rgba(39, 43, 55, .5);
    --vkui--color-icon-medium-alpha--hover: rgba(39, 43, 55, .54);
    --vkui--color-icon-medium-alpha--active: rgba(39, 43, 55, .58);
    --vkui--color-icon-secondary: #a5a7ad;
    --vkui--color-icon-secondary--hover: #9ea1a9;
    --vkui--color-icon-secondary--active: #989ba4;
    --vkui--color-icon-secondary-alpha: rgba(39, 43, 55, .3);
    --vkui--color-icon-secondary-alpha--hover: rgba(39, 43, 55, .34);
    --vkui--color-icon-secondary-alpha--active: rgba(39, 43, 55, .38);
    --vkui--color-icon-tertiary: #cfd1d6;
    --vkui--color-icon-tertiary--hover: #c7c9d0;
    --vkui--color-icon-tertiary--active: #bec2ca;
    --vkui--color-icon-tertiary-alpha: rgba(39, 43, 55, .2);
    --vkui--color-icon-tertiary-alpha--hover: rgba(39, 43, 55, .24);
    --vkui--color-icon-tertiary-alpha--active: rgba(39, 43, 55, .28);
    --vkui--color-icon-contrast: #fff;
    --vkui--color-icon-contrast--hover: #f5f5f7;
    --vkui--color-icon-contrast--active: #ebecef;
    --vkui--color-icon-contrast-themed: #fff;
    --vkui--color-icon-contrast-themed--hover: #f5f5f7;
    --vkui--color-icon-contrast-themed--active: #ebecef;
    --vkui--color-icon-positive: #0dc268;
    --vkui--color-icon-positive--hover: #0cbb66;
    --vkui--color-icon-positive--active: #0cb465;
    --vkui--color-icon-warning: #ff9e00;
    --vkui--color-icon-warning--hover: #f59802;
    --vkui--color-icon-warning--active: #eb9305;
    --vkui--color-icon-negative: #ed330a;
    --vkui--color-icon-negative--hover: #e4320c;
    --vkui--color-icon-negative--active: #da300e;
    --vkui--color-icon-contrast-secondary: #f2f3f5;
    --vkui--color-icon-contrast-secondary--hover: #e8eaee;
    --vkui--color-icon-contrast-secondary--active: #dfe1e6;
    --vkui--color-stroke-accent: #07f;
    --vkui--color-stroke-accent--hover: #0073f7;
    --vkui--color-stroke-accent--active: #006fef;
    --vkui--color-stroke-accent-themed: #07f;
    --vkui--color-stroke-accent-themed--hover: #0073f7;
    --vkui--color-stroke-accent-themed--active: #006fef;
    --vkui--color-stroke-contrast: #fff;
    --vkui--color-stroke-contrast--hover: #f5f5f7;
    --vkui--color-stroke-contrast--active: #ebecef;
    --vkui--color-stroke-negative: #ed330a;
    --vkui--color-stroke-negative--hover: #e4320c;
    --vkui--color-stroke-negative--active: #da300e;
    --vkui--color-stroke-primary: #2c2d2e;
    --vkui--color-stroke-primary--hover: #2a2c2f;
    --vkui--color-stroke-primary--active: #282b2f;
    --vkui--color-image-border-alpha: rgba(0, 16, 61, .08);
    --vkui--color-image-border-alpha--hover: rgba(0, 16, 61, .12);
    --vkui--color-image-border-alpha--active: rgba(0, 16, 61, .16);
    --vkui--color-field-border-alpha: rgba(0, 16, 61, .12);
    --vkui--color-field-border-alpha--hover: rgba(0, 16, 61, .16);
    --vkui--color-field-border-alpha--active: rgba(0, 16, 61, .2);
    --vkui--color-separator-primary-alpha: rgba(0, 16, 61, .12);
    --vkui--color-separator-primary-alpha--hover: rgba(0, 16, 61, .16);
    --vkui--color-separator-primary-alpha--active: rgba(0, 16, 61, .2);
    --vkui--color-separator-secondary: #e6e7eb;
    --vkui--color-separator-secondary--hover: #dddee4;
    --vkui--color-separator-secondary--active: #d4d6dd;
    --vkui--color-separator-primary: #dadce0;
    --vkui--color-separator-primary--hover: #d1d4d9;
    --vkui--color-separator-primary--active: #c9ccd3;
    --vkui--color-stroke-positive: #0dc268;
    --vkui--color-stroke-positive--hover: #0cbb66;
    --vkui--color-stroke-positive--active: #0cb465;
    --vkui--color-separator-primary2x: #cdd0d5;
    --vkui--color-separator-primary2x--hover: #c5c8cf;
    --vkui--color-separator-primary2x--active: #bdc1c9;
    --vkui--color-separator-primary3x: #bfc3ca;
    --vkui--color-separator-primary3x--hover: #b7bcc4;
    --vkui--color-separator-primary3x--active: #b0b5bf;
    --vkui--color-accent-blue: #07f;
    --vkui--color-accent-blue--hover: #0073f7;
    --vkui--color-accent-blue--active: #006fef;
    --vkui--color-accent-gray: #a5a7ad;
    --vkui--color-accent-gray--hover: #9ea1a9;
    --vkui--color-accent-gray--active: #989ba4;
    --vkui--color-accent-red: #ed330a;
    --vkui--color-accent-red--hover: #e4320c;
    --vkui--color-accent-red--active: #da300e;
    --vkui--color-accent-orange-fire: #f05c44;
    --vkui--color-accent-orange-fire--hover: #e65944;
    --vkui--color-accent-orange-fire--active: #dd5643;
    --vkui--color-accent-orange: #ff9e00;
    --vkui--color-accent-orange--hover: #f59802;
    --vkui--color-accent-orange--active: #eb9305;
    --vkui--color-accent-orange-peach: #f9b54f;
    --vkui--color-accent-orange-peach--hover: #efae4e;
    --vkui--color-accent-orange-peach--active: #e5a84e;
    --vkui--color-accent-lime: #b8fc75;
    --vkui--color-accent-lime--hover: #b1f373;
    --vkui--color-accent-lime--active: #a9e971;
    --vkui--color-accent-green: #0dc268;
    --vkui--color-accent-green--hover: #0cbb66;
    --vkui--color-accent-green--active: #0cb465;
    --vkui--color-accent-cyan: #07e5f9;
    --vkui--color-accent-cyan--hover: #07dcf1;
    --vkui--color-accent-cyan--active: #06d4ea;
    --vkui--color-accent-azure: #07f;
    --vkui--color-accent-azure--hover: #0073f7;
    --vkui--color-accent-azure--active: #006fef;
    --vkui--color-accent-purple: #8c64ff;
    --vkui--color-accent-purple--hover: #8661f7;
    --vkui--color-accent-purple--active: #815def;
    --vkui--color-accent-violet: #c15df3;
    --vkui--color-accent-violet--hover: #b95aec;
    --vkui--color-accent-violet--active: #b257e4;
    --vkui--color-accent-raspberry-pink: #e03fab;
    --vkui--color-accent-raspberry-pink--hover: #d73da7;
    --vkui--color-accent-raspberry-pink--active: #ce3ba2;
    --vkui--color-accent-pink: #ff3985;
    --vkui--color-accent-pink--hover: #f53782;
    --vkui--color-accent-pink--active: #eb367f;
    --vkui--color-accent-secondary: #ff9e00;
    --vkui--color-accent-secondary--hover: #f59802;
    --vkui--color-accent-secondary--active: #eb9305;
    --vkui--color-action-sheet-text: #07f;
    --vkui--color-action-sheet-text--hover: #0073f7;
    --vkui--color-action-sheet-text--active: #006fef;
    --vkui--color-header-background: #fff;
    --vkui--color-header-background--hover: #f5f5f7;
    --vkui--color-header-background--active: #ebecef;
    --vkui--color-panel-header-icon: #07f;
    --vkui--color-panel-header-icon--hover: #0073f7;
    --vkui--color-panel-header-icon--active: #006fef;
    --vkui--color-write-bar-input-background: #f0f1f3;
    --vkui--color-write-bar-input-background--hover: #e6e8ec;
    --vkui--color-write-bar-input-background--active: #dddfe4;
    --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, 16, 61, .8);
    --vkui--color-write-bar-input-border-alpha--hover: rgba(0, 16, 61, .84);
    --vkui--color-write-bar-input-border-alpha--active: rgba(0, 16, 61, .88);
    --vkui--color-track-background: #dadce0;
    --vkui--color-track-background--hover: #d1d4d9;
    --vkui--color-track-background--active: #c9ccd3;
    --vkui--color-track-buffer: #83aaea;
    --vkui--color-track-buffer--hover: #7ea4e3;
    --vkui--color-track-buffer--active: #799edc;
    --vkui--color-image-placeholder: #e6e7eb;
    --vkui--color-image-placeholder--hover: #dddee4;
    --vkui--color-image-placeholder--active: #d4d6dd;
    --vkui--color-image-placeholder-alpha: rgba(0, 16, 61, .8);
    --vkui--color-image-placeholder-alpha--hover: rgba(0, 16, 61, .84);
    --vkui--color-image-placeholder-alpha--active: rgba(0, 16, 61, .88);
    --vkui--color-search-field-background: #e6e7eb;
    --vkui--color-search-field-background--hover: #dddee4;
    --vkui--color-search-field-background--active: #d4d6dd;
    --vkui--color-write-bar-icon: #07f;
    --vkui--color-write-bar-icon--hover: #0073f7;
    --vkui--color-write-bar-icon--active: #006fef;
    --vkui--color-skeleton-from: #f3f3f5;
    --vkui--color-skeleton-from--hover: #e9eaee;
    --vkui--color-skeleton-from--active: #e0e1e6;
    --vkui--color-skeleton-to: #e0e1e6;
    --vkui--color-skeleton-to--hover: #d7d9df;
    --vkui--color-skeleton-to--active: #ced0d8;
    --vkui--color-avatar-overlay: hsla(225, 4%, 58%, .48);
    --vkui--color-avatar-overlay--hover: hsla(225, 4%, 58%, .52);
    --vkui--color-avatar-overlay--active: hsla(225, 4%, 58%, .56);
    --vkui--color-avatar-overlay-inverse-alpha: hsla(0, 0%, 100%, .85);
    --vkui--color-avatar-overlay-inverse-alpha--hover: hsla(0, 0%, 100%, .89);
    --vkui--color-avatar-overlay-inverse-alpha--active: hsla(0, 0%, 100%, .93);
    --vkui--color-overlay-primary: rgba(0, 0, 0, .4);
    --vkui--color-overlay-primary--hover: rgba(0, 0, 0, .44);
    --vkui--color-overlay-primary--active: rgba(0, 0, 0, .48);
    --vkui--color-overlay-secondary: rgba(44, 45, 46, .5);
    --vkui--color-overlay-secondary--hover: rgba(44, 45, 46, .54);
    --vkui--color-overlay-secondary--active: rgba(44, 45, 46, .58);
    --vkui--color-segmented-control: #fff;
    --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-button-text: #07f;
    --vkui--color-button-text--hover: #0073f7;
    --vkui--color-button-text--active: #006fef;
    --vkui--color-button-icon: #07f;
    --vkui--color-button-icon--hover: #0073f7;
    --vkui--color-button-icon--active: #006fef;
    --vkui--color-button-stroke: #07f;
    --vkui--color-button-stroke--hover: #0073f7;
    --vkui--color-button-stroke--active: #006fef;
    --vkui--color-transparent: transparent;
    --vkui--color-transparent--hover: rgba(0, 16, 61, .04);
    --vkui--color-transparent--active: rgba(0, 16, 61, .08);
    --vkui--color-rating: #ffd400;
    --vkui--color-rating--hover: #f5cc02;
    --vkui--color-rating--active: #ebc405;
    --vkui--color-button-contrast-alpha: #fff;
    --vkui--color-button-contrast-alpha--hover: hsla(0, 0%, 100%, .8);
    --vkui--color-button-contrast-alpha--active: hsla(0, 0%, 100%, .6);
    --vkui--color-button-contrast: #fff;
    --vkui--color-button-contrast--hover: #fff;
    --vkui--color-button-contrast--active: #fff;
    --vkui--color-thumb-error-background-alpha: rgba(237, 10, 52, .12);
    --vkui--color-thumb-error-background-alpha--hover: rgba(237, 10, 52, .16);
    --vkui--color-thumb-error-background-alpha--active: rgba(237, 10, 52, .2);
    --vkui--color-background-accent-tint-themed-alpha: rgba(0, 119, 255, .06);
    --vkui--color-background-accent-tint-themed-alpha--hover: rgba(0, 119, 255, .1);
    --vkui--color-background-accent-tint-themed-alpha--active: rgba(0, 119, 255, .14);
    --vkui--color-background-accent-tint-alpha: rgba(0, 119, 255, .06);
    --vkui--color-background-accent-tint-alpha--hover: rgba(0, 119, 255, .1);
    --vkui--color-background-accent-tint-alpha--active: rgba(0, 119, 255, .14);
    --vkui--color-background-accent-tint-themed: #f0f7ff;
    --vkui--color-background-accent-tint-themed--hover: #e6eef7;
    --vkui--color-background-accent-tint-themed--active: #dde5ef;
    --vkui--color-background-warning-tint-themed-alpha: rgba(255, 241, 173, .48);
    --vkui--color-background-warning-tint-themed-alpha--hover: rgba(255, 241, 173, .52);
    --vkui--color-background-warning-tint-themed-alpha--active: rgba(255, 241, 173, .56);
    --vkui--color-background-warning-tint-alpha: rgba(255, 241, 173, .48);
    --vkui--color-background-warning-tint-alpha--hover: rgba(255, 241, 173, .52);
    --vkui--color-background-warning-tint-alpha--active: rgba(255, 241, 173, .56);
    --vkui--color-background-warning-tint-themed: #fffce0;
    --vkui--color-background-warning-tint-themed--hover: #f5f3d9;
    --vkui--color-background-warning-tint-themed--active: #ebe9d3;
    --vkui--color-background-warning-tint: #fffce0;
    --vkui--color-background-warning-tint--hover: #f5f3d9;
    --vkui--color-background-warning-tint--active: #ebe9d3;
    --vkui--color-background-negative-tint-themed-alpha: rgba(237, 51, 10, .08);
    --vkui--color-background-negative-tint-themed-alpha--hover: rgba(237, 51, 10, .12);
    --vkui--color-background-negative-tint-themed-alpha--active: rgba(237, 51, 10, .16);
    --vkui--color-background-negative-tint-alpha: rgba(237, 51, 10, .08);
    --vkui--color-background-negative-tint-alpha--hover: rgba(237, 51, 10, .12);
    --vkui--color-background-negative-tint-alpha--active: rgba(237, 51, 10, .16);
    --vkui--color-background-negative-tint-themed: #feefeb;
    --vkui--color-background-negative-tint-themed--hover: #f4e6e4;
    --vkui--color-background-negative-tint-themed--active: #eadddd;
    --vkui--color-background-positive-tint-themed-alpha: rgba(13, 194, 104, .08);
    --vkui--color-background-positive-tint-themed-alpha--hover: rgba(13, 194, 104, .12);
    --vkui--color-background-positive-tint-themed-alpha--active: rgba(13, 194, 104, .16);
    --vkui--color-background-positive-tint-alpha: rgba(13, 194, 104, .08);
    --vkui--color-background-positive-tint-alpha--hover: rgba(13, 194, 104, .12);
    --vkui--color-background-positive-tint-alpha--active: rgba(13, 194, 104, .16);
    --vkui--color-background-positive-tint-themed: #ecfaf3;
    --vkui--color-background-positive-tint-themed--hover: #e3f1ec;
    --vkui--color-background-positive-tint-themed--active: #d9e7e4;
    --vkui--color-tooltip-background-blue-tint: #dde9ff;
    --vkui--color-tooltip-background-blue-tint--hover: #d4e0f7;
    --vkui--color-tooltip-background-blue-tint--active: #cbd8ef;
    --vkui--color-tooltip-background-green-tint: #ceeee6;
    --vkui--color-tooltip-background-green-tint--hover: #c6e5df;
    --vkui--color-tooltip-background-green-tint--active: #bedcd8;
    --vkui--color-tooltip-background-orange-tint: #f9d3bd;
    --vkui--color-tooltip-background-orange-tint--hover: #efcbb8;
    --vkui--color-tooltip-background-orange-tint--active: #e5c3b3;
    --vkui--color-tooltip-background-purple-tint: #f2e8ff;
    --vkui--color-tooltip-background-purple-tint--hover: #e8dff7;
    --vkui--color-tooltip-background-purple-tint--active: #dfd7ef;
    --vkui--color-tooltip-text-blue-themed: #1c4479;
    --vkui--color-tooltip-text-blue-themed--hover: #1b4277;
    --vkui--color-tooltip-text-blue-themed--active: #1a4074;
    --vkui--color-tooltip-text-green-themed: #087c6d;
    --vkui--color-tooltip-text-green-themed--hover: #08786b;
    --vkui--color-tooltip-text-green-themed--active: #077369;
    --vkui--color-tooltip-text-orange-themed: #78472a;
    --vkui--color-tooltip-text-orange-themed--hover: #73452b;
    --vkui--color-tooltip-text-orange-themed--active: #6e432c;
    --vkui--color-tooltip-text-purple-themed: #73519f;
    --vkui--color-tooltip-text-purple-themed--hover: #6e4e9b;
    --vkui--color-tooltip-text-purple-themed--active: #6a4c97;
    --vkui--color-background-sky: #cce4ff;
    --vkui--color-background-sky--hover: #c4dcf7;
    --vkui--color-background-sky--active: #bcd3ef;
    --vkui--color-background-sky-alpha: rgba(204, 228, 255, .9);
    --vkui--color-background-sky-alpha--hover: rgba(204, 228, 255, .94);
    --vkui--color-background-sky-alpha--active: rgba(204, 228, 255, .98);
    --vkui--color-primary-auto: #07f;
    --vkui--color-primary-auto--hover: #0073f7;
    --vkui--color-primary-auto--active: #006fef;
    --vkui--color-primary-base: #07f;
    --vkui--color-primary-base--hover: #0073f7;
    --vkui--color-primary-base--active: #006fef;
    --vkui--color-primary-deti: #7f4af8;
    --vkui--color-primary-deti--hover: #bfa4fb;
    --vkui--color-primary-deti--active: #7f4af8;
    --vkui--color-primary-dobro: #ffd400;
    --vkui--color-primary-dobro--hover: #f5cc02;
    --vkui--color-primary-dobro--active: #ebc405;
    --vkui--color-primary-health: #07f;
    --vkui--color-primary-health--hover: #0073f7;
    --vkui--color-primary-health--active: #006fef;
    --vkui--color-primary-health-new: #07f;
    --vkui--color-primary-health-new--hover: #0073f7;
    --vkui--color-primary-health-new--active: #006fef;
    --vkui--color-primary-hitech: #07f;
    --vkui--color-primary-hitech--hover: #0073f7;
    --vkui--color-primary-hitech--active: #006fef;
    --vkui--color-primary-kino: #07f;
    --vkui--color-primary-kino--hover: #0073f7;
    --vkui--color-primary-kino--active: #006fef;
    --vkui--color-primary-lady: #07f;
    --vkui--color-primary-lady--hover: #0073f7;
    --vkui--color-primary-lady--active: #006fef;
    --vkui--color-primary-mycom: #00abf2;
    --vkui--color-primary-mycom--hover: #00a5eb;
    --vkui--color-primary-mycom--active: #009fe4;
    --vkui--color-primary-pets: #fc738c;
    --vkui--color-primary-pets--hover: #ec4d6a;
    --vkui--color-primary-pets--active: #fc627e;
    --vkui--color-primary-realty: #7f704b;
    --vkui--color-primary-realty--hover: #aea181;
    --vkui--color-primary-realty--active: #7f704b;
    --vkui--color-primary-pharma: #1dd3a2;
    --vkui--color-primary-pharma--hover: #1ccb9e;
    --vkui--color-primary-pharma--active: #1bc39a;
    --vkui--color-secondary-base: #07f;
    --vkui--color-secondary-base--hover: #0073f7;
    --vkui--color-secondary-base--active: #006fef;
    --vkui--color-secondary-health: #07f;
    --vkui--color-secondary-health--hover: #0073f7;
    --vkui--color-secondary-health--active: #006fef;
    --vkui--color-secondary-mycom: #fc2c38;
    --vkui--color-secondary-mycom--hover: #f22b38;
    --vkui--color-secondary-mycom--active: #e82a38;
    --vkui--color-social-vk: #3f8ae0;
    --vkui--color-social-vk--hover: #3c85d9;
    --vkui--color-social-vk--active: #3a80d3;
    --vkui--color-social-ok: #ee8208;
    --vkui--color-social-ok--hover: #e47d0a;
    --vkui--color-social-ok--active: #db790c;
    --vkui--color-social-fb: #1877f2;
    --vkui--color-social-fb--hover: #1773eb;
    --vkui--color-social-fb--active: #166fe4;
    --vkui--color-social-mir: #117eda;
    --vkui--color-social-mir--hover: #107ad4;
    --vkui--color-social-mir--active: #1075cd;
    --vkui--color-social-twitter: #1da1f2;
    --vkui--color-social-twitter--hover: #1c9beb;
    --vkui--color-social-twitter--active: #1b95e4;
    --vkui--color-social-behance: #1769ff;
    --vkui--color-social-behance--hover: #1665f7;
    --vkui--color-social-behance--active: #1562ef;
    --vkui--color-social-dribbble: #ea4c89;
    --vkui--color-social-dribbble--hover: #e14a86;
    --vkui--color-social-dribbble--active: #d74783;
    --vkui--color-primary-base: var(--vkui--color-primary-lady);
    --vkui--color-primary-base--hover: var(--vkui--color-primary-lady--hover);
    --vkui--color-primary-base--active: var(--vkui--color-primary-lady--active);
    --vkui--color-secondary: var(--vkui--color-secondary);
    --vkui--color-disclaimer: #ecf8f4;
        --msr--font-family-accent: sans-serif;
    --msr--color-text-primary: #2c2d2e;
    --msr--color-states-transparent--hover: hsla(224, 100%, 12%, 0.06);
    --msr--color-states-transparent--reacted: hsla(224, 100%, 12%, 0.14);
    --msr--color-background-content: #fff;
    --vkui--z_index_fixed: 1801;
    --ph-color-background-content--active: #EBECEF;
    --ph-color-text-primary: #2C2D2E;
    --ph-color-text-primary-invariably: #2C2D2E;
    --ph-color-text-secondary: #87898F;
    --ph-color-transparent--hover: rgba(0, 16, 61, 0.04);
    --ph-color-transparent--active: rgba(0, 16, 61, 0.08);
    --ph-color-text-accent: #0070f0;
    --ph-color-text-accent--hover: #006CE9;
    --ph-color-text-accent--active: #0068E2;
    --ph-color-text-accent--themed: #0070f0;
    --ph-color-accent-blue: #0077FF;
    --ph-color-icon-primary: #2C2D2E;
    --ph-color-icon-secondary: #A5A7AD;
    --ph-color-icon-contrast-themed: #FFFFFF;
    --ph-color-icon-contrast: #FFFFFF;
    --ph-color-separator-primary: rgba(0, 16, 61, 0.12);
    --ph-color-separator-primary-alpha: rgba(0, 16, 61, 0.12);
    --ph-color-field-border-alpha: rgba(0, 16, 61, 0.12);
    --ph-color-separator-secondary: #E6E7EB;
    --ph-color-text-link: #0070f0;
    --ph-color-background: #FFFFFF;
    --ph-color-background-secondary: #F0F1F3;
    --ph-color-background-negative-quota: #FEEFEB;
    --ph-color-track-background: #DADCE0;
    --ph-color-background-accent-tint: #5a9eff;
    --ph-color-background-negative-tint: #FEEFEB;
    --ph-color-background-positive-tint-alpha: rgba(13, 194, 104, 0.08);
    --ph-color-background-positive-tint-themed-alpha: rgba(13, 194, 104, 0.08);
    --ph-color-background-modal: #FFFFFF;
    --ph-color-background-modal--hover: #F5F5F7;
    --ph-color-background-modal--active: #EBECEF;
    --ph-color-background-secondary-alpha: rgba(0, 16, 61, 0.06);
    --ph-color-background-secondary-alpha--hover: rgba(0, 16, 61, 0.1);
    --ph-color-background-secondary-alpha--active: rgba(0, 16, 61, 0.14);
    --ph-color-background-accent: #0077FF;
    --ph-color-background-content: #FFFFFF;
    --ph-color-background-accent--hover: #0073F7;
    --ph-color-text-contrast: #FFFFFF;
    --ph-color-icon-accent: #0077ff;
    --ph-color-icon-medium: #919399;
    --ph-color-background-accent-alternative: #FF9E00;
    --ph-color-background-accent-alternative--hover: #F59802;
    --ph-color-background-positive: #0DC268;
    --ph-color-background-negative: #ED330A;
    --ph-color-background-negative-hover: #E4320C;
    --ph-color-background-tertiary: #F6F7F8;
    --ph-color-accent-secondary: #FF9E00;
    --ph-color-icon-negative: #ED330a;
    --ph-color-text-negative: #ED330a;
    --ph-color-background-contrast: #FFFFFF;
    --ph-color-stroke-accent: #0077ff;
    --ph-color-background-accent-themed: #0077FF;
    --ph-color-text-contrast-themed: #FFFFFF;
    --ph-custom-shadow-projects-menu: 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08);
    --ph-custom-color-main-block: #FFFFFF;
    --ph-custom-color-main-block--hover: #F5F5F7;
    --ph-custom-color-main-block--active: #EBECEF;
    --ph-custom-color-account-add: rgba(0, 16, 61, 0.06);
    --ph-custom-color-tooltip-bg: #FFFFFF;
    --ph-custom-color-tooltip-text: #2C2D2E;
    --ph-custom-color-tooltip-shadow: rgba(0, 16, 61, 0.32);
    --ph-custom-color-promo-marusia-shadow: rgba(0, 11, 41, 0.2);
    --ph-custom-color-sidebar-shadow: rgba(0, 11, 41, 0.2);
    --ph-custom-color-portal-elevation--3: rgba(0, 16, 61, 0.28);
    --ph-custom-color-project-dark-bg--hover: rgba(0, 16, 61, 0.04);
    --ph-custom-color-project-dark-bg--active: rgba(0, 16, 61, 0.08);
    --ph-custom-color-account-icon--hover: #f5f6f7;
    --ph-custom-background-positive-tint-theme-alpha--hover: #DAF6E8;
    --ph-custom-background-accent-tint-theme-alpha: rgba(5, 72, 255, 0.06);
    --ph-custom-background-warning-tint-theme-alpha: rgba(255, 241, 173, 0.48);
    --ph-custom-background-negative-tint-theme-alpha: rgba(237, 10, 52, 0.08);
    --ph-custom-color-social-vk: #0077FF;
    --ph-custom-color-social-ok: #FF7700;
    --ph-custom-color-social-fb: #0561AF;
    --ph-custom-color-background-negative--bg: rgba(237, 10, 52, 0.24);
    --ph-custom-color-avatars-violet: #B884FF;
    --ph-custom-portal-gradient-background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    --ph-custom-portal-gradient-background--hover: linear-gradient(90deg, rgba(245, 246, 247, 0) 0%, #F5F6F7 100%);
    --ph-custom-background-family: #AE7EEC;
    --ph-custom-portal-color-palette-sweet-purple: #F2E8FF;
    --ph-custom-portal-color-text-purple-accent-themed: #73519F;
    --ph-custom-portal-cloud-color-palette-lime: #97E946;
    --ph-custom-portal-color-mail-widgets-background: rgba(0, 95, 249, 0.1);
    --ph-home-color-filin-fail-secondary: #C7C7C7;
    --ph-home-color-filin-fail-primary: #333333;
    --ph-custom-color-tab-active-alpha: rgba(0, 119, 255, 0.10);
}

@supports (padding-top:env(safe-area-inset-top)) {
    :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);
    }
}

@media (max-width: 1299px) {
    :root {
        --media--author-detail-avatar-size: 140px;
    }
}

@media (max-width: 979px) {
    :root {
        --portal-menu-panel-shadow: 0 2px 8px 0 rgb(0 0 0 / 4%);
        --portal-menu-panel-backdrop: blur(var(--vkui--x4));
        --portal-menu-panel-padding: 0 var(--vkui--x4);
        --portal-menu-panel-right-gap: var(--vkui--x3);
        --portal-menu-panel-burger-icom-gap: var(--vkui--x3);
        --portal-menu-logo-height: 24px;
    }
}

@media (max-width: 659px) {
    :root {
        --media--author-detail-top-offset: 124px;
        --media--author-detail-border-radius: 20px;
        --media--author-detail-avatar-size: 150px;
    }
}

@media (height < 640px) {
    :root {
        --diafilm-menu-item-picture-height: 100px;
    }
}



/*! CSS Used from: https://lady.mail.ru/js/cmpld/react/media.css?mlam9umt */
body .e53e657292{color:#87898f;color:var(--vkui--color-text-secondary);}
.f2eee589ba{color:#2c2d2e;color:var(--vkui--color-text-primary);font-family:sans-serif;font-size:16px;font-weight:400;line-height:20px;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.f2eee589ba{font-family:sans-serif;font-size:16px;font-weight:400;line-height:20px;}
}
@media (min-width:660px){
.f2eee589ba{font-family:sans-serif;font-size:15px;font-weight:400;line-height:20px;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.f2eee589ba{font-family:sans-serif;font-size:15px;font-weight:400;line-height:20px;}
}
}
.a1ae198b3e{font-family:sans-serif;font-size:16px;font-weight:500;line-height:20px;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.a1ae198b3e{font-family:sans-serif;font-size:16px;font-weight:500;line-height:20px;}
}
.e3e2804789{font-family:sans-serif;font-size:15px;font-weight:400;line-height:20px;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.e3e2804789{font-family:sans-serif;font-size:15px;font-weight:400;line-height:20px;}
}
.a7a6fb85f2{font-family:sans-serif;font-size:13px;font-weight:400;line-height:18px;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.a7a6fb85f2{font-family:sans-serif;font-size:13px;font-weight:400;line-height:18px;}
}
.fb9ee07718{font-family:sans-serif;font-size:12px;font-weight:400;letter-spacing:.26px;line-height:16px;text-transform:uppercase;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.fb9ee07718{font-family:sans-serif;font-size:12px;font-weight:400;letter-spacing:.26px;line-height:16px;text-transform:uppercase;}
}
@media (min-width:660px){
.a1ae198b3e{font-family:sans-serif;font-size:15px;font-weight:500;line-height:20px;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.a1ae198b3e{font-family:sans-serif;font-size:15px;font-weight:500;line-height:20px;}
}
}
.eacb9b8ef2{display:inline-block;flex:0 0 auto;vertical-align:text-bottom;}
.d73f1e523b{display:block;fill:#2c2d2e;fill:var(--vkui--color-icon-primary);height:16px;height:var(--vkui--size-icon-u-i--compact_x);width:16px;width:var(--vkui--size-icon-u-i--compact_x);}
@media (min-width:980px){
.d73f1e523b{height:18px;height:var(--vkui--size-icon-u-i--regular);width:18px;width:var(--vkui--size-icon-u-i--regular);}
}
.da2727fca3{color:#0070f0;color:var(--vkui--color-text-link);text-decoration:none;}
.da2727fca3:visited{color:#528fdf;color:var(--vkui--color-text-link-visited);}
@media (min-width:660px){
.da2727fca3:focus,.da2727fca3:hover{text-decoration:underline;}
}
.aeea1c25ae{border:0;border-top-color:rgba(0,16,61,.12);border-top-color:var(--vkui--color-field-border-alpha);box-sizing:border-box;display:block;height:0;line-height:0;margin:0;padding:0;}
.c0f1de66b1{border-top-style:solid;border-top-width:1px;}
.f12947254b,.f15dde588f{position:relative;}
.f12947254b{white-space:nowrap;z-index:var(--z-index-level1);}
.dead573164{inset:0;overflow:hidden;position:absolute;visibility:hidden;white-space:nowrap;}
.a2147a7652,.e2037a3811{align-items:center;display:inline-flex;height:100%;padding-right:4px;padding-right:var(--vkui--x1);vertical-align:top;}
.f12947254b:after{bottom:0;content:"";position:absolute;right:-15px;top:0;width:30px;}
@media (prefers-color-scheme:dark) and (max-width:659px){
.f12947254b{color:#2c2d2e;color:var(--vkui--color-text-primary);}
.f12947254b,.f12947254b:after{background:#fff;background:var(--vkui--color-background);}
}
.e8152e05cd{align-items:center;box-sizing:border-box;display:flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;}
.d43ebadd8e{align-items:center;border-radius:16px;border-radius:var(--vkui--x4);box-sizing:border-box;color:#000;color:var(--portal-menu-color-black);cursor:pointer;display:flex;height:32px;height:var(--vkui--x8);justify-content:center;min-width:32px;min-width:var(--vkui--x8);padding:0 4px;padding:0 var(--vkui--x1);text-decoration:none;}
.d43ebadd8e,.d43ebadd8e:visited{color:rgba(39,43,55,.3);color:var(--portal-menu-color-icon);text-decoration:none;}
.d43ebadd8e:hover{color:rgba(39,43,55,.34);color:var(--portal-menu-color-icon--hover);text-decoration:none;}
.d43ebadd8e:active{color:rgba(39,43,55,.38);color:var(--portal-menu-color-icon--active);text-decoration:none;}
.d032b7edd7{flex-grow:1;max-width:50%;}
.b25c3e49ca{align-items:center;background:rgba(0,16,61,.06);background:var(--vkui--color-background-secondary-alpha);border-radius:8px;border-radius:var(--vkui--x2);box-sizing:border-box;display:flex;height:40px;height:var(--vkui--x10);justify-content:center;min-width:40px;min-width:var(--vkui--x10);width:100%;}
.b25c3e49ca,a.b25c3e49ca,a.b25c3e49ca:visited{color:#2c2d2e;color:var(--vkui--color-icon-primary);}
a.b25c3e49ca,a.b25c3e49ca:visited{cursor:pointer;text-decoration:none;}
a.b25c3e49ca:hover{background:rgba(0,16,61,.1);background:var(--vkui--color-background-secondary-alpha--hover);text-decoration:none;}
a.b25c3e49ca:active{background:rgba(0,16,61,.14);background:var(--vkui--color-background-secondary-alpha--active);text-decoration:none;}
.bdcb47a8dc{display:block;}
.c3004aceaa{align-items:center;border-radius:var(--portal-menu-border-radius-active);color:var(--portal-menu-color-text);padding:6px 12px;padding:6px var(--vkui--x3);position:relative;}
.c3004aceaa,.fe02821187{display:flex;}
.fe02821187{width:auto;}
.f79da5b9f3{margin-right:8px;margin-right:var(--vkui--x2);}
.f79da5b9f3{color:#2c2d2e;color:var(--vkui--color-text-primary);}
.c5379af5b3,.c5379af5b3:visited{text-decoration:none;}
.c5379af5b3:focus,.c5379af5b3:hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color-transparent--hover);text-decoration:none;}
.c5379af5b3:active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color-transparent--active);}
.bba52e0933 .c3004aceaa,.bba52e0933 .c3004aceaa:hover{background-color:var(--portal-menu-active-background);}
.bba52e0933 .fe02821187{color:var(--portal-menu-active-text);}
.ab4bb98863{min-width:16px;min-width:var(--vkui--x4);}
@media (max-width:979px){
.ab4bb98863{min-width:24px;min-width:var(--vkui--x6);}
}
.b584366e52{align-items:center;box-sizing:border-box;color:var(--portal-menu-color-icon);display:flex;height:100%;padding:0 8px 0 4px;padding:0 var(--vkui--x2) 0 var(--vkui--x1);position:absolute;right:0;top:0;z-index:1;z-index:var(--z-index-level1);}
@media (max-width:979px){
.b584366e52{padding-right:16px;padding-right:var(--vkui--x4);}
}
.cd95a577ea{position:relative;}
.d4eb393133{padding-bottom:10px;padding-bottom:calc(var(--vkui--x2) + var(--vkui--x05));padding-left:32px;padding-left:var(--vkui--x8);padding-top:10px;padding-top:calc(var(--vkui--x2) + var(--vkui--x05));}
.ddadaa0cdd .d4eb393133{padding-left:16px;padding-left:var(--vkui--x4);}
.df3fe057a9 .d4eb393133,.df3fe057a9 .d4eb393133:focus,.df3fe057a9 .d4eb393133:hover{background-color:rgba(0,16,61,.08);background-color:var(--portal-menu-burger-active-background);border-color:transparent;box-shadow:none;}
.df3fe057a9 .d4eb393133 .e969a0c602,.df3fe057a9 .d4eb393133:focus .e969a0c602,.df3fe057a9 .d4eb393133:hover .e969a0c602{color:#2c2d2e;color:var(--vkui--color-text-primary);}
.d38564e645{background:#f6f7f8;background:var(--vkui--color-background-tertiary);border-radius:20px 20px 0 0;border-radius:var(--portal-menu-border-radius-active) var(--portal-menu-border-radius-active) 0 0;}
.cbff0c760e{align-items:center;box-sizing:border-box;display:flex;height:100%;padding:0 16px 0 4px;padding:0 var(--vkui--x4) 0 var(--vkui--x1);position:absolute;right:0;top:0;z-index:1;z-index:var(--z-index-level1);}
.cbff0c760e{color:#2c2d2e;color:var(--vkui--color-text-primary);}
.c68b404c16{background:#f6f7f8;background:var(--vkui--color-background-tertiary);border-radius:0 0 var(--portal-menu-border-radius-active) var(--portal-menu-border-radius-active);display:flex;flex-direction:column;gap:4px;gap:var(--vkui--x1);margin-top:-4px;margin-top:calc(var(--vkui--x1)*-1);max-height:0;overflow:hidden;transition:max-height .18s ease-out,padding .18s ease-out;}
.bfb60b6a2f{max-height:100%;padding:4px 0 0;padding:var(--vkui--x1) 0 0;}
.eff7e1d16c{border-radius:8px;border-radius:var(--vkui--x2);padding:4px;padding:var(--vkui--x1);}
.d573fa2ec3{color:#87898f;color:var(--vkui--color-text-secondary);}
.c78145058f{bottom:0;height:20px;overflow:hidden;position:absolute;width:20px;}
.c78145058f:after{border-radius:50%;box-shadow:0 0 0 100px #fff;box-shadow:0 0 0 100px var(--vkui--color-background-modal);content:"";height:200%;position:absolute;top:-100%;width:200%;}
.c8dc62cd2a{right:-24px;}
.bdd85fbe71{left:-24px;}
.bdd85fbe71:after{left:-100%;}
.f8980af793{background:#fff;background:var(--vkui--color-background-modal);border-radius:0 20px 20px 20px;border-radius:0 var(--vkui--x5) var(--vkui--x5) var(--vkui--x5);box-shadow:0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16);box-shadow:var(--vkui--elevation4);box-sizing:border-box;display:none;left:-4px;left:calc(var(--vkui--x1)*-1);min-width:max(calc(100% + 60px),100px);min-width:var(--dropdown-min-width);padding:4px;padding:var(--vkui--x1);position:absolute;top:100%;visibility:hidden;z-index:-1;}
.adaa40a4d8{line-height:32px;line-height:var(--vkui--x8);position:relative;z-index:4;}
.b8118f4392,.ee7a64d035{visibility:hidden;z-index:4;}
.acc00e901f{cursor:pointer;position:relative;z-index:4;}
.acc00e901f:hover .f8980af793{display:grid;grid-auto-flow:column;visibility:visible;}
.acc00e901f:hover[data-placement=right] .ee7a64d035{visibility:visible;}
.acc00e901f:hover:before{box-shadow:0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16);box-shadow:var(--vkui--elevation4);z-index:-1;}
.acc00e901f:hover:after,.acc00e901f:hover:before{border-radius:20px 20px 0 0;border-radius:var(--vkui--x5) var(--vkui--x5) 0 0;bottom:-2px;bottom:calc(var(--vkui--x05)*-1);content:"";left:-4px;left:calc(var(--vkui--x1)*-1);position:absolute;right:-4px;right:calc(var(--vkui--x1)*-1);top:-4px;top:calc(var(--vkui--x1)*-1);}
.acc00e901f:hover:after{background:#fff;background:var(--vkui--color-background-modal);z-index:3;}
.acc00e901f:hover[data-placement=right] .f8980af793{border-radius:0 20px 20px 20px;border-radius:0 var(--vkui--x5) var(--vkui--x5) var(--vkui--x5);}
.cd05884d48{margin-bottom:4px;margin-bottom:var(--vkui--x1);}
.cd05884d48:last-child{margin-bottom:0;}
.e36c4088d3{padding-left:24px;padding-left:var(--vkui--x6);padding-right:16px;padding-right:var(--vkui--x4);}
.ca2671c77d .e36c4088d3,.ca2671c77d .e36c4088d3:focus,.ca2671c77d .e36c4088d3:hover{background-color:rgba(0,16,61,.06);background-color:var(--vkui--color-background-secondary-alpha);box-shadow:none;}
::-webkit-scrollbar{height:7px;width:7px;}
::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-thumb{background-color:#dadce0;}
.aaba78717e{display:flex;flex-direction:column;gap:4px;gap:var(--vkui--x1);}
.d358126467{border-top:1px solid rgba(0,16,61,.12);border-top:1px solid var(--vkui--color-field-border-alpha);padding-top:4px;padding-top:var(--vkui--x1);}
.fa3309bbce,.fa3309bbce:visited{border-radius:var(--portal-menu-border-radius-active);box-sizing:border-box;color:#87898f;color:var(--vkui--color-text-secondary);padding:8px 12px;padding:var(--vkui--x2) var(--vkui--x3);text-decoration:none;width:100%;}
.fa3309bbce:focus,.fa3309bbce:hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color-transparent--hover);text-decoration:none;}
.fa3309bbce:active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color-transparent--active);text-decoration:none;}
.d674ffdf79{align-items:center;color:inherit;display:flex;gap:8px;gap:var(--vkui--x2);}
.a3460c9c73{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.a4d11c3500{display:flex;flex-direction:column;gap:4px;gap:var(--vkui--x1);padding:0 8px 20px;padding:0 var(--vkui--x2) var(--vkui--x5);}
.d80a38243c{background:#fff;background:var(--vkui--color-background);display:flex;flex-direction:column;max-height:100vh;overflow:hidden;position:absolute;top:auto;transform:translateX(-100%);width:100%;z-index:1600;z-index:var(--z-index-overlay);}
.b66a53e042{display:flex;flex-direction:column;gap:4px;gap:var(--vkui--x1);padding:12px 12px 0;padding:var(--vkui--x3) var(--vkui--x3) 0;}
.f1b426522b{display:flex;flex-flow:row wrap;gap:4px 8px;gap:var(--vkui--x1) var(--vkui--x2);}
.a05423b7ae{margin-bottom:8px;margin-bottom:var(--vkui--x2);}
.fa26644227{display:flex;flex-direction:column;gap:4px;gap:var(--vkui--x1);}
.f1428db415{background:rgba(0,16,61,.12);background:var(--vkui--color-field-border-alpha);}
.ad64df3142{max-width:inherit;width:inherit;}
.b4e5f7d293,.d3a343c6d1{width:100%;}
.d3a343c6d1{height:var(--portal-menu-panel-header-height);position:relative;}
.f5d52c02c6{transition:margin-top var(--portal-menu-fixed-transition);width:100%;}
.e72f77db72{padding-right:12px;padding-right:var(--vkui--x3);}
.b5e8b2ba59,.e72f77db72{align-items:center;display:flex;height:100%;position:relative;}
.c666bd34fd,.c6f6e20e89{align-items:center;cursor:pointer;display:flex;height:100%;}
.c6f6e20e89{padding-left:8px;padding-left:var(--vkui--x2);}
.db15395266{width:var(--portal-menu-logo-height);}
.a99d1a9c5e,.db15395266{height:var(--portal-menu-logo-height);}
.a99d1a9c5e{width:auto;}
.c6f6e20e89 svg>path{fill:#2c2d2e;fill:var(--vkui--color-text-primary);}
.b5e8b2ba59:hover svg>path{fill:#cfd1d6;fill:var(--vkui--color-icon-tertiary);}
.b5e8b2ba59:hover .c666bd34fd:hover svg>path{fill:#07f;fill:var(--vkui--color-icon-accent);}
.b5e8b2ba59:hover .c6f6e20e89:hover svg>path{fill:#2c2d2e;fill:var(--vkui--color-text-primary);}
.d80d073850{margin-left:var(--portal-menu-panel-burger-icom-gap);}
.a2f97158e7{left:0;position:absolute;right:16px;right:var(--vkui--x4);}
@media (max-width:979px){
.a2f97158e7{display:none;}
}
.bbb9a0f9d5{height:var(--portal-menu-panel-header-height);}
.c8e026d00c{align-items:center;backdrop-filter:var(--portal-menu-panel-backdrop);background:var(--portal-menu-panel-background);box-shadow:var(--portal-menu-panel-shadow);box-sizing:border-box;display:flex;height:var(--portal-menu-panel-header-height);justify-content:space-between;padding:var(--portal-menu-panel-padding);position:relative;width:100%;z-index:2;}
.b4ccdc44f3,.c439550bb4,.e96c0a79e4,.ed5144986d{align-items:center;display:flex;height:100%; }
.e96c0a79e4{flex-grow:1;position:relative; 
     scrollbar-width: thin;
    overflow: hidden;
    overflow-x: auto;}
.ed5144986d{gap:var(--portal-menu-panel-promo-gap);}
.b4ccdc44f3,.ed5144986d{margin-left:auto;}
.b4ccdc44f3{gap:var(--portal-menu-panel-right-gap);padding-left:var(--portal-menu-panel-promo-gap);}
@media (max-width:659px){
.ed5144986d{display:none;}
}
@media (min-width:980px){
.beaaa21e92{display:none;}
}
.e67741b9d6{position:relative;}
.e67741b9d6{z-index:3;}
strong{font-weight:700;}
/*! CSS Used from: https://lady.mail.ru/js/cmpld/react/lady/Article/client.css?mlam9umt */
strong{font-weight:700;}


@media(max-width: 1024px) {
  .b80c58b10b {
    display: none;
  }
}

/*! CSS Used from: https://lady.mail.ru/js/cmpld/react/media.css?mlam9umt */
::-webkit-scrollbar{height:7px;width:7px;}
::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-thumb{background-color:#dadce0;}
.b80c58b10b{z-index:4;}
.b80c58b10b{position:relative;}
@media (max-width:979px){
#ph-whiteline{display:none;}
}
/*! CSS Used from: https://limg.imgsmail.ru/pkgs/whiteline/2.225.0/external.css */
.ph-container.svelte-6xw9r7,.ph-whiteline{height:36px;position:relative;}
.ph-container.svelte-6xw9r7{font-size:13px;line-height:18px;font-family:Helvetica,Arial,sans-serif;font-weight:400;display:flex;justify-content:space-between;box-sizing:border-box;width:100%;padding:4px 12px;color:var(--ph-color-text-primary);z-index:1003;background-color:var(--ph-custom-color-main-block);transition:background-color .2s ease;}
.ph-container *,.ph-container :before,.ph-container :after{box-sizing:inherit;}
.ph-container button{margin:0;outline:none;-webkit-appearance:button;box-shadow:none;border:none;}
.ph-container a{text-decoration:none;}
.ph-container a:link,.ph-container a:visited{color:var(--ph-color-text-primary);}
.ph-container svg{fill:var(--ph-color-text-primary);pointer-events:none;}
.ph-projects.svelte-fxwh2g{margin-right:auto;flex-grow:1;z-index:1;user-select:none;display:flex;align-items:center;}
.ph-projects__list.svelte-fxwh2g{display:flex;margin:0;padding:0;list-style:none;}
.ph-project.svelte-fxwh2g{display:inline-flex;height:28px;align-items:center;padding:4px 8px;border-radius:8px;text-align:center;position:relative;vertical-align:middle;white-space:nowrap;cursor:pointer;user-select:none;font-size:13px;line-height:18px;font-family:Helvetica,Arial,sans-serif;font-weight:400;background:transparent;color:var(--ph-color-project,var(--ph-color-text-primary));}
.ph-project.svelte-fxwh2g:focus{outline:none;}
.ph-project.svelte-fxwh2g:focus,.ph-project.svelte-fxwh2g:hover{background-color:var(--ph-color-transparent--hover);}
.ph-project.svelte-fxwh2g:active{background-color:var(--ph-color-transparent--active);}
.ph-project.svelte-fxwh2g:focus,.ph-project.svelte-fxwh2g:hover{background-color:var(--ph-custom-color-project-dark-bg--hover);}
.ph-project.svelte-fxwh2g:active{background-color:var(--ph-custom-color-project-dark-bg--active);}
.ph-project__all-projects-text.svelte-fxwh2g{margin-right:8px;}
.ph-auth.svelte-gxe5fv.svelte-gxe5fv{z-index:2;transform:translateZ(0);display:flex;justify-content:flex-end;flex-shrink:0;}
.ph-project.svelte-gxe5fv.svelte-gxe5fv{display:inline-flex;height:28px;align-items:center;padding:4px 8px;border-radius:8px;text-align:center;position:relative;vertical-align:middle;white-space:nowrap;cursor:pointer;user-select:none;display:flex;flex-shrink:1;min-width:0;}
.ph-project.svelte-gxe5fv.svelte-gxe5fv:focus{outline:none;}
.ph-project.svelte-gxe5fv.svelte-gxe5fv:focus,.ph-project.svelte-gxe5fv.svelte-gxe5fv:hover{background-color:var(--ph-color-transparent--hover);}
.ph-project.svelte-gxe5fv.svelte-gxe5fv:active{background-color:var(--ph-color-transparent--active);}
.ph-project__register.svelte-gxe5fv.svelte-gxe5fv{color:var(--ph-color-text-accent)!important;margin-right:1px;}
.ph-project__register.svelte-gxe5fv.svelte-gxe5fv:focus,.ph-project__register.svelte-gxe5fv.svelte-gxe5fv:hover{background-color:var(--ph-custom-color-project-dark-bg--hover);}
.ph-project__register.svelte-gxe5fv.svelte-gxe5fv:active{background-color:var(--ph-custom-color-project-dark-bg--active);}
.ph-login.svelte-gxe5fv.svelte-gxe5fv{display:inline-flex;height:28px;align-items:center;padding:4px 8px;border-radius:8px;text-align:center;position:relative;vertical-align:middle;white-space:nowrap;cursor:pointer;user-select:none;font-size:13px;line-height:18px;font-family:Helvetica,Arial,sans-serif;font-weight:400;background-color:var(--ph-color-background-accent);color:var(--ph-color-text-contrast);}
.ph-login.svelte-gxe5fv.svelte-gxe5fv:focus{outline:none;}
.ph-login.svelte-gxe5fv.svelte-gxe5fv:focus,.ph-login.svelte-gxe5fv.svelte-gxe5fv:hover{background-color:var(--ph-color-transparent--hover);}
.ph-login.svelte-gxe5fv.svelte-gxe5fv:active{background-color:var(--ph-color-transparent--active);}
.ph-login.svelte-gxe5fv.svelte-gxe5fv:focus,.ph-login.svelte-gxe5fv.svelte-gxe5fv:hover{background-color:var(--ph-color-background-accent--hover);color:var(--ph-color-text-contrast);}
.ph-project__link.svelte-1mjz4z2{display:inline-flex;height:28px;align-items:center;padding:4px 8px;border-radius:8px;text-align:center;position:relative;vertical-align:middle;white-space:nowrap;cursor:pointer;user-select:none;}
.ph-project__link.svelte-1mjz4z2:focus{outline:none;}
.ph-project__link.svelte-1mjz4z2:focus,.ph-project__link.svelte-1mjz4z2:hover{background-color:var(--ph-color-transparent--hover);}
.ph-project__link.svelte-1mjz4z2:active{background-color:var(--ph-color-transparent--active);}
.ph-project__link.svelte-1mjz4z2:focus,.ph-project__link.svelte-1mjz4z2:hover{background-color:var(--ph-custom-color-project-dark-bg--hover);}
.ph-project__link.svelte-1mjz4z2:active{background-color:var(--ph-custom-color-project-dark-bg--active);}