npm - @vkontakte/vkui - Versions diffs - 6.1.1 → 6.1.2 - Mend

@vkontakte/vkui 6.1.1 → 6.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport { type UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n FloatingProps,\n ReferenceProps,\n ShownChangeReason,\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n /* istanbul ignore next: не знаю как проверить /\n autoUpdateFloatingElement(...args, { elementResize: true });\n\n/\n @private\n /\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n trigger = DEFAULT_TRIGGER,\n\n // UseFloating\n placement: placementProp = 'bottom',\n middlewares,\n hoverDelay = 0,\n closeAfterClick = false,\n\n // disables\n disabled = false,\n disableInteractive = false,\n disableCloseOnClickOutside = false,\n disableCloseOnEscKey = false,\n\n // uncontrolled\n defaultShown = false,\n\n // controlled\n shown: shownProp,\n onShownChange: onShownChangeProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n const memoizedValue = React.useMemo(\n () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n [shownProp],\n );\n const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n value: memoizedValue,\n disabled,\n defaultValue: { shown: defaultShown },\n onChange: useStableCallback(({ shown, reason }) => {\n if (onShownChangeProp) {\n onShownChangeProp(shown, reason);\n }\n }),\n });\n const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n const [willBeHide, setWillBeHide] = React.useState(false);\n\n const hasCSSAnimation = React.useRef(false);\n\n const blockMouseEnterRef = React.useRef(false);\n const blockFocusRef = React.useRef(false);\n const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout>>();\n\n const handleCloseOnReferenceClickOutsideDisabled =\n disabled \|\| disableCloseOnClickOutside \|\| willBeHide \|\| !shownLocalState.shown;\n const handleCloseOnFloatingClickOutsideDisabled =\n disableInteractive \|\| handleCloseOnReferenceClickOutsideDisabled;\n\n const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n // Библиотека `floating-ui`\n const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n strategy: 'fixed',\n placement: placementProp,\n middleware: middlewares,\n whileElementsMounted,\n });\n\n const commitShownLocalState = React.useCallback(\n (nextShown: boolean, reason: ShownChangeReason) => {\n setShownLocalState((prevState) => {\n if (prevState.shown !== nextShown) {\n return {\n shown: nextShown,\n reason,\n };\n }\n / istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным /\n return prevState;\n });\n },\n [setShownLocalState],\n );\n\n const [mouseEnterDelay, mouseLeaveDelay] =\n typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n const showWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n [mouseEnterDelay, commitShownLocalState],\n );\n\n const hideWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n [mouseLeaveDelay, commitShownLocalState],\n );\n\n const handleFocusOnReference = useStableCallback(() => {\n if (blockFocusRef.current) {\n / istanbul ignore next: в Jest не воспроизводится баг на вебе (cм. onRestoreFocus) /\n blockFocusRef.current = false;\n return;\n }\n\n commitShownLocalState(true, 'focus');\n });\n\n const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (!shownLocalState.shown) {\n clearTimeout(blurTimeoutRef.current);\n return;\n }\n\n const relatedTarget = event.relatedTarget;\n blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n const reference = refs.reference.current;\n // Если пользователь покинул текущее окно в открытом состоянии, то\n // не закрываем всплывающий элемент.\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n / istanbul ignore next /\n return;\n }\n\n // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n if (contains(refs.floating.current, relatedTarget) \|\| contains(reference, relatedTarget)) {\n return;\n }\n\n commitShownLocalState(false, 'focus');\n });\n });\n\n const handleClickOnReference = useStableCallback(() => {\n commitShownLocalState(!shownLocalState.shown, 'click');\n });\n\n const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n blockMouseEnterRef.current = true;\n commitShownLocalState(false, 'click');\n });\n\n const handleMouseEnterOnBoth = useStableCallback(() => {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n showWithDelay();\n }\n });\n\n const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(() => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (triggerOnHover) {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (shownLocalState.reason !== 'focus' && shownLocalState.reason !== 'click') {\n hideWithDelay();\n }\n }\n });\n\n const handleFloatingAnimationStart = () => {\n hasCSSAnimation.current = true;\n };\n\n const handleFloatingAnimationEnd = () => {\n if (willBeHide) {\n setShownFinalState(false);\n setWillBeHide(false);\n }\n };\n\n const handleOnClose = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'callback');\n }, [commitShownLocalState]);\n\n const handleRestoreFocus = React.useCallback(\n () => (triggerOnFocus ? blockFocusRef.current : true),\n [triggerOnFocus],\n );\n\n const handleEscapeKeyDown = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'escape-key');\n }, [commitShownLocalState]);\n\n const handleClickOutside = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'click-outside');\n }, [commitShownLocalState]);\n\n useGlobalOnClickOutside(\n handleClickOutside,\n handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n );\n\n useIsomorphicLayoutEffect(\n /\n Если пользователь покинул активное окно и:\n * 1. целевой элемент был в состоянии фокуса;\n * 2. всплывающий элемент был закрытом состоянии;\n * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n * всплывающий элемент.\n /\n function setGlobalBlurForTriggerOnFocus() {\n if (!triggerOnFocus \|\| !refs.reference.current) {\n return;\n }\n\n const handleGlobalBlur = () => {\n / istanbul ignore next /\n const reference = refs.reference.current;\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (\n !shownLocalState.shown &&\n isHTMLElement(reference) &&\n reference === getActiveElementByAnotherElement(reference)\n ) {\n / istanbul ignore next */\n blockFocusRef.current = true;\n }\n };\n\n const win = getWindow(refs.reference.current);\n win.addEventListener('blur', handleGlobalBlur);\n return () => {\n win.removeEventListener('blur', handleGlobalBlur);\n };\n },\n [triggerOnFocus, refs.reference, shownLocalState],\n );\n\n useIsomorphicLayoutEffect(\n function resolveShownStates() {\n if (willBeHide \|\| shownLocalState.shown === shownFinalState) {\n return;\n }\n\n if (shownLocalState.shown) {\n setShownFinalState(true);\n } else if (hasCSSAnimation.current && !willBeHide) {\n setWillBeHide(true);\n } else {\n setShownFinalState(false);\n }\n\n return () => {\n clearTimeout(blurTimeoutRef.current);\n };\n },\n [shownLocalState, shownFinalState, willBeHide],\n );\n\n const referencePropsRef = React.useRef<ReferenceProps>({});\n const floatingPropsRef = React.useRef<FloatingProps>({ style: {} });\n\n if (shownFinalState) {\n floatingPropsRef.current.style = convertFloatingDataToReactCSSProperties(\n strategy,\n x,\n y,\n undefined,\n middlewareData,\n );\n\n if (disableInteractive) {\n floatingPropsRef.current.style.pointerEvents = 'none';\n }\n }\n\n if (triggerOnFocus) {\n referencePropsRef.current.onFocus = handleFocusOnReference;\n referencePropsRef.current.onBlur = handleBlurOnReference;\n }\n\n if (triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReference;\n }\n\n if (triggerOnHover) {\n referencePropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n\n if (closeAfterClick && !triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReferenceForOnlyClose;\n }\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n }\n }\n\n if (triggerOnHover \|\| triggerOnFocus) {\n referencePropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n }\n }\n\n if (shownFinalState) {\n floatingPropsRef.current.onAnimationStart = handleFloatingAnimationStart;\n floatingPropsRef.current.onAnimationEnd = handleFloatingAnimationEnd;\n }\n\n return {\n placement,\n shown: shownFinalState,\n willBeHide,\n refs,\n referenceProps: referencePropsRef.current,\n floatingProps: floatingPropsRef.current,\n middlewareData,\n onClose: handleOnClose,\n // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n // кнопки вместо просто onKeyDown.\n onEscapeKeyDown: !shownFinalState \|\| disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n // [Обход баги с FocusTrap]\n //\n // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n onRestoreFocus: handleRestoreFocus,\n };\n};\n"],"names":["React","debounce","getWindow","isHTMLElement","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","memoizedValue","useMemo","undefined","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","x","y","strategy","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referencePropsRef","floatingPropsRef","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","referenceProps","floatingProps","onClose","onEscapeKeyDown","onRestoreFocus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport { type UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n FloatingProps,\n ReferenceProps,\n ShownChangeReason,\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n /* istanbul ignore next: не знаю как проверить /\n autoUpdateFloatingElement(...args, { elementResize: true });\n\n/\n @private\n /\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n trigger = DEFAULT_TRIGGER,\n\n // UseFloating\n placement: placementProp = 'bottom',\n middlewares,\n hoverDelay = 0,\n closeAfterClick = false,\n\n // disables\n disabled = false,\n disableInteractive = false,\n disableCloseOnClickOutside = false,\n disableCloseOnEscKey = false,\n\n // uncontrolled\n defaultShown = false,\n\n // controlled\n shown: shownProp,\n onShownChange: onShownChangeProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n const memoizedValue = React.useMemo(\n () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n [shownProp],\n );\n const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n value: memoizedValue,\n disabled,\n defaultValue: { shown: defaultShown },\n onChange: useStableCallback(({ shown, reason }) => {\n if (onShownChangeProp) {\n onShownChangeProp(shown, reason);\n }\n }),\n });\n const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n const [willBeHide, setWillBeHide] = React.useState(false);\n\n const hasCSSAnimation = React.useRef(false);\n\n const blockMouseEnterRef = React.useRef(false);\n const blockFocusRef = React.useRef(false);\n const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout>>();\n\n const handleCloseOnReferenceClickOutsideDisabled =\n disabled \|\| disableCloseOnClickOutside \|\| willBeHide \|\| !shownLocalState.shown;\n const handleCloseOnFloatingClickOutsideDisabled =\n disableInteractive \|\| handleCloseOnReferenceClickOutsideDisabled;\n\n const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n // Библиотека `floating-ui`\n const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n strategy: 'fixed',\n placement: placementProp,\n middleware: middlewares,\n whileElementsMounted,\n });\n\n const commitShownLocalState = React.useCallback(\n (nextShown: boolean, reason: ShownChangeReason) => {\n setShownLocalState((prevState) => {\n if (prevState.shown !== nextShown \|\| prevState.reason !== reason) {\n return {\n shown: nextShown,\n reason,\n };\n }\n / istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным /\n return prevState;\n });\n },\n [setShownLocalState],\n );\n\n const [mouseEnterDelay, mouseLeaveDelay] =\n typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n const showWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n [mouseEnterDelay, commitShownLocalState],\n );\n\n const hideWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n [mouseLeaveDelay, commitShownLocalState],\n );\n\n const handleFocusOnReference = useStableCallback(() => {\n // Повторный вызов события фокуса - следствие клика на reference-элемент\n if (shownLocalState.shown) {\n commitShownLocalState(false, 'focus');\n return;\n }\n if (blockFocusRef.current) {\n / istanbul ignore next: в Jest не воспроизводится баг на вебе (cм. onRestoreFocus) /\n blockFocusRef.current = false;\n return;\n }\n\n commitShownLocalState(true, 'focus');\n });\n\n const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (!shownLocalState.shown) {\n clearTimeout(blurTimeoutRef.current);\n return;\n }\n\n const relatedTarget = event.relatedTarget;\n blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n const reference = refs.reference.current;\n // Если пользователь покинул текущее окно в открытом состоянии, то\n // не закрываем всплывающий элемент.\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n / istanbul ignore next /\n return;\n }\n\n // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n if (contains(refs.floating.current, relatedTarget) \|\| contains(reference, relatedTarget)) {\n return;\n }\n\n commitShownLocalState(false, 'focus');\n });\n });\n\n const handleClickOnReference = useStableCallback(() => {\n // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n if (shownLocalState.reason === 'focus') {\n commitShownLocalState(shownLocalState.shown, 'click');\n return;\n }\n commitShownLocalState(!shownLocalState.shown, 'click');\n });\n\n const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n blockMouseEnterRef.current = true;\n commitShownLocalState(false, 'click');\n });\n\n const handleMouseEnterOnBoth = useStableCallback(() => {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n showWithDelay();\n }\n });\n\n const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(() => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (triggerOnHover) {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (shownLocalState.reason !== 'focus' && shownLocalState.reason !== 'click') {\n hideWithDelay();\n }\n }\n });\n\n const handleFloatingAnimationStart = () => {\n hasCSSAnimation.current = true;\n };\n\n const handleFloatingAnimationEnd = () => {\n if (willBeHide) {\n setShownFinalState(false);\n setWillBeHide(false);\n }\n };\n\n const handleOnClose = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'callback');\n }, [commitShownLocalState]);\n\n const handleRestoreFocus = React.useCallback(\n () => (triggerOnFocus ? blockFocusRef.current : true),\n [triggerOnFocus],\n );\n\n const handleEscapeKeyDown = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'escape-key');\n }, [commitShownLocalState]);\n\n const handleClickOutside = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'click-outside');\n }, [commitShownLocalState]);\n\n useGlobalOnClickOutside(\n handleClickOutside,\n handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n );\n\n useIsomorphicLayoutEffect(\n /\n Если пользователь покинул активное окно и:\n * 1. целевой элемент был в состоянии фокуса;\n * 2. всплывающий элемент был закрытом состоянии;\n * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n * всплывающий элемент.\n /\n function setGlobalBlurForTriggerOnFocus() {\n if (!triggerOnFocus \|\| !refs.reference.current) {\n return;\n }\n\n const handleGlobalBlur = () => {\n / istanbul ignore next /\n const reference = refs.reference.current;\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (\n !shownLocalState.shown &&\n isHTMLElement(reference) &&\n reference === getActiveElementByAnotherElement(reference)\n ) {\n / istanbul ignore next */\n blockFocusRef.current = true;\n }\n };\n\n const win = getWindow(refs.reference.current);\n win.addEventListener('blur', handleGlobalBlur);\n return () => {\n win.removeEventListener('blur', handleGlobalBlur);\n };\n },\n [triggerOnFocus, refs.reference, shownLocalState],\n );\n\n useIsomorphicLayoutEffect(\n function resolveShownStates() {\n if (willBeHide \|\| shownLocalState.shown === shownFinalState) {\n return;\n }\n\n if (shownLocalState.shown) {\n setShownFinalState(true);\n } else if (hasCSSAnimation.current && !willBeHide) {\n setWillBeHide(true);\n } else {\n setShownFinalState(false);\n }\n\n return () => {\n clearTimeout(blurTimeoutRef.current);\n };\n },\n [shownLocalState, shownFinalState, willBeHide],\n );\n\n const referencePropsRef = React.useRef<ReferenceProps>({});\n const floatingPropsRef = React.useRef<FloatingProps>({ style: {} });\n\n if (shownFinalState) {\n floatingPropsRef.current.style = convertFloatingDataToReactCSSProperties(\n strategy,\n x,\n y,\n undefined,\n middlewareData,\n );\n\n if (disableInteractive) {\n floatingPropsRef.current.style.pointerEvents = 'none';\n }\n }\n\n if (triggerOnFocus) {\n referencePropsRef.current.onFocus = handleFocusOnReference;\n referencePropsRef.current.onBlur = handleBlurOnReference;\n }\n\n if (triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReference;\n }\n\n if (triggerOnHover) {\n referencePropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n\n if (closeAfterClick && !triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReferenceForOnlyClose;\n }\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n }\n }\n\n if (triggerOnHover \|\| triggerOnFocus) {\n referencePropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n }\n }\n\n if (shownFinalState) {\n floatingPropsRef.current.onAnimationStart = handleFloatingAnimationStart;\n floatingPropsRef.current.onAnimationEnd = handleFloatingAnimationEnd;\n }\n\n return {\n placement,\n shown: shownFinalState,\n willBeHide,\n refs,\n referenceProps: referencePropsRef.current,\n floatingProps: floatingPropsRef.current,\n middlewareData,\n onClose: handleOnClose,\n // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n // кнопки вместо просто onKeyDown.\n onEscapeKeyDown: !shownFinalState \|\| disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n // [Обход баги с FocusTrap]\n //\n // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n onRestoreFocus: handleRestoreFocus,\n };\n};\n"],"names":["React","debounce","getWindow","isHTMLElement","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","memoizedValue","useMemo","undefined","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","x","y","strategy","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referencePropsRef","floatingPropsRef","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","referenceProps","floatingProps","onClose","onEscapeKeyDown","onRestoreFocus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/vkui.css CHANGED Viewed

@@ -1,6 +1,6 @@
 .vkui--vkBase--light,:root{--vkui--theme_name:"vkBase"}.vkui--vkBase--dark,.vkui--vkBase--light,:root{--vkui--theme_name_base:"vkBase";--vkui--size_base_padding_horizontal--regular:16px;--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--regular:56px}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--gradient_black:transparent 0%,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%;--vkui--gradient_white:hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%;--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:600;--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_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_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_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:400;--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_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_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_large_height--regular:44px;--vkui--size_button_large_height--compact:36px;--vkui--size_button_medium_height--regular:36px;--vkui--size_button_medium_height--compact:32px;--vkui--size_button_small_height--regular:30px;--vkui--size_button_small_height--compact:28px;--vkui--size_checkbox--regular:16px;--vkui--size_arrow--regular:8px;--vkui--size_arrow_promo--regular:40px;--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_cardgrid_padding_vertical--regular:8px;--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_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_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--opacity_disable:0.4;--vkui--opacity_disable_accessibility:0.64;--vkui--z_index_modal:99;--vkui--z_index_popout:100;--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--color_background_accent_tint:#5a9eff;--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_text_link_tint:#71aaeb;--vkui--color_text_link_visited:#4986cc;--vkui--color_icon_contrast_secondary:#f2f3f5;--vkui--color_accent_orange_fire:#f05c44;--vkui--color_accent_secondary:#3f8ae0;--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_avatar_overlay:rgba(0,0,0,.6);--vkui--color_avatar_overlay--hover:rgba(0,0,0,.64);--vkui--color_avatar_overlay--active:rgba(0,0,0,.68);--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_transparent:transparent}.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--light,:root{--vkui--gradient_tint:hsla(0,0%,98%,0) 0%,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%;--vkui--gradient:hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%;--vkui--elevation1:0px 0px 2px rgba(0,0,0,.03),0px 2px 2px rgba(0,0,0,.06);--vkui--elevation1_invert_y:0px 0px 2px rgba(0,0,0,.03),0px -2px 2px rgba(0,0,0,.06);--vkui--elevation2:0px 4px 8px rgba(0,0,0,.04),0px 0px 4px rgba(0,0,0,.06);--vkui--elevation3:0px 0px 2px rgba(0,0,0,.08),0px 4px 16px rgba(0,0,0,.08);--vkui--elevation4:0px 0px 8px rgba(0,0,0,.12),0px 16px 16px rgba(0,0,0,.16);--vkui--colors_scheme:light;--vkui--color_background_accent_tint--hover:#5698f7;--vkui--color_background_accent_tint--active:#5393ef;--vkui--color_background_content--hover:#f5f5f7;--vkui--color_background_content--active:#ebecef;--vkui--color_background_tertiary_alpha:rgba(0,0,0,.03);--vkui--color_background_tertiary_alpha--hover:rgba(0,0,0,.07);--vkui--color_background_tertiary_alpha--active:rgba(0,0,0,.11);--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_themed:#fff;--vkui--color_background_contrast_themed--hover:#f5f5f7;--vkui--color_background_contrast_themed--active:#ebecef;--vkui--color_background_modal--hover:#f5f5f7;--vkui--color_background_modal--active:#ebecef;--vkui--color_background_modal_inverse--hover:#2b2c2f;--vkui--color_background_modal_inverse--active:#292b2f;--vkui--color_background_warning:#fff2d6;--vkui--color_background_warning--hover:#f5e9d0;--vkui--color_background_warning--active:#ebe0ca;--vkui--color_background_positive--hover:#48ac4a;--vkui--color_background_positive--active:#45a64a;--vkui--color_background_negative--hover:#dd4446;--vkui--color_background_negative--active:#d44245;--vkui--color_background_negative_tint--hover:#f0e2e4;--vkui--color_background_negative_tint--active:#e6d9dd;--vkui--color_background_positive_tint--hover:#dff0e1;--vkui--color_background_positive_tint--active:#d5e6da;--vkui--color_header_background--hover:#f5f5f7;--vkui--color_header_background--active:#ebecef;--vkui--color_text_primary:#000;--vkui--color_text_primary--hover:#000102;--vkui--color_text_primary--active:#000105;--vkui--color_text_secondary--hover:#7c8795;--vkui--color_text_secondary--active:#778292;--vkui--color_text_tertiary--hover:#939ca9;--vkui--color_text_tertiary--active:#8d96a4;--vkui--color_text_contrast--hover:#f5f5f7;--vkui--color_text_contrast--active:#ebecef;--vkui--color_text_contrast_themed--hover:#f5f5f7;--vkui--color_text_contrast_themed--active:#ebecef;--vkui--color_text_positive--hover:#48ac4a;--vkui--color_text_positive--active:#45a64a;--vkui--color_text_negative--hover:#dd4446;--vkui--color_text_negative--active:#d44245;--vkui--color_text_link_tint--hover:#6ca4e4;--vkui--color_text_link_tint--active:#689edd;--vkui--color_text_link_visited--hover:#4681c6;--vkui--color_text_link_visited--active:#437dc1;--vkui--color_link_contrast--hover:#f5f5f7;--vkui--color_link_contrast--active:#ebecef;--vkui--color_icon_primary:#2c2d2e;--vkui--color_icon_primary--hover:#2a2c2f;--vkui--color_icon_primary--active:#282b2f;--vkui--color_icon_medium_alpha:rgba(0,0,0,.48);--vkui--color_icon_medium_alpha--hover:rgba(0,0,0,.52);--vkui--color_icon_medium_alpha--active:rgba(0,0,0,.56);--vkui--color_icon_secondary--hover:#939ca9;--vkui--color_icon_secondary--active:#8d96a4;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.36);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.4);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.44);--vkui--color_icon_tertiary_alpha:rgba(0,0,0,.24);--vkui--color_icon_tertiary_alpha--hover:rgba(0,0,0,.28);--vkui--color_icon_tertiary_alpha--active:rgba(0,0,0,.32);--vkui--color_icon_contrast--hover:#f5f5f7;--vkui--color_icon_contrast--active:#ebecef;--vkui--color_icon_contrast_themed--hover:#f5f5f7;--vkui--color_icon_contrast_themed--active:#ebecef;--vkui--color_icon_contrast_secondary--hover:#e8eaee;--vkui--color_icon_contrast_secondary--active:#dfe1e6;--vkui--color_icon_positive--hover:#48ac4a;--vkui--color_icon_positive--active:#45a64a;--vkui--color_icon_negative--hover:#dd4446;--vkui--color_icon_negative--active:#d44245;--vkui--color_separator_primary2x--hover:#c3c4c7;--vkui--color_separator_primary2x--active:#bbbdc1;--vkui--color_separator_primary3x--hover:#b6b8bc;--vkui--color_separator_primary3x--active:#afb1b6;--vkui--color_separator_primary_alpha:rgba(0,0,0,.12);--vkui--color_separator_primary_alpha--hover:rgba(0,0,0,.16);--vkui--color_separator_primary_alpha--active:rgba(0,0,0,.2);--vkui--color_stroke_positive--hover:#48ac4a;--vkui--color_stroke_positive--active:#45a64a;--vkui--color_stroke_negative--hover:#dd4446;--vkui--color_stroke_negative--active:#d44245;--vkui--color_stroke_contrast:#fff;--vkui--color_stroke_contrast--hover:#f5f5f7;--vkui--color_stroke_contrast--active:#ebecef;--vkui--color_image_border_alpha:rgba(0,0,0,.08);--vkui--color_image_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_image_border_alpha--active:rgba(0,0,0,.16);--vkui--color_field_border_alpha:rgba(0,0,0,.12);--vkui--color_field_border_alpha--hover:rgba(0,0,0,.24);--vkui--color_field_border_alpha--active:rgba(0,0,0,.36);--vkui--color_accent_red--hover:#f53247;--vkui--color_accent_red--active:#eb3046;--vkui--color_accent_green--hover:#48ac4a;--vkui--color_accent_green--active:#45a64a;--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_orange_fire--hover:#e65944;--vkui--color_accent_orange_fire--active:#dd5643;--vkui--color_accent_purple--hover:#6e59df;--vkui--color_accent_purple--active:#6a56d8;--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_secondary--hover:#3c85d9;--vkui--color_accent_secondary--active:#3a80d3;--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_action_sheet_text:#3f8ae0;--vkui--color_action_sheet_text--hover:#3c85d9;--vkui--color_action_sheet_text--active:#3a80d3;--vkui--color_image_placeholder:#f2f3f5;--vkui--color_image_placeholder--hover:#e8eaee;--vkui--color_image_placeholder--active:#dfe1e6;--vkui--color_image_placeholder_alpha:rgba(0,28,61,.08);--vkui--color_image_placeholder_alpha--hover:rgba(0,28,61,.12);--vkui--color_image_placeholder_alpha--active:rgba(0,28,61,.16);--vkui--color_write_bar_input_border_alpha:rgba(0,0,0,.08);--vkui--color_write_bar_input_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_write_bar_input_border_alpha--active:rgba(0,0,0,.16);--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_transparent--hover:rgba(0,16,61,.04);--vkui--color_transparent--active:rgba(0,16,61,.08)}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--font_headline1--font_size--compact:15px;--vkui--font_headline1--line_height--compact:20px;--vkui--font_text--font_size--compact:15px;--vkui--font_text--line_height--compact:20px;--vkui--font_subhead--font_size--compact:13px;--vkui--font_subhead--line_height--compact:16px;--vkui--size_popup_small--regular:430px;--vkui--size_form_item_padding_vertical--regular:12px;--vkui--font_headline--font_size--compact:15px;--vkui--font_headline--line_height--compact:20px;--vkui--color_background_contrast_inverse:#2c2d2e;--vkui--color_background_positive:#4bb34b;--vkui--color_text_primary_invariably:#000;--vkui--color_text_positive:#4bb34b;--vkui--color_icon_primary_invariably:#2c2d2e;--vkui--color_icon_positive:#4bb34b;--vkui--color_stroke_positive:#4bb34b;--vkui--color_accent_gray:#a3adb8;--vkui--color_accent_red:#ff3347;--vkui--color_accent_green:#4bb34b;--vkui--color_accent_orange:#ffa000}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,:root{--vkui--size_border_radius--regular:8px;--vkui--size_card_border_radius--regular:8px;--vkui--size_panel_header_height--compact:48px;--vkui--animation_easing_platform:cubic-bezier(0.4,0,0.2,1)}.vkui--vkBase--light,.vkui--vkIOS--light,:root{--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,.2);--vkui--color_background_accent_themed_alpha--hover:rgba(38,136,235,.24);--vkui--color_background_accent_themed_alpha--active:rgba(38,136,235,.28);--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:#fff;--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,.04);--vkui--color_background_secondary_alpha--hover:rgba(0,0,0,.08);--vkui--color_background_secondary_alpha--active:rgba(0,0,0,.12);--vkui--color_background_tertiary:#f9f9f9;--vkui--color_background_tertiary--hover:#eff0f1;--vkui--color_background_tertiary--active:#e5e6ea;--vkui--color_background_contrast:#fff;--vkui--color_background_contrast_inverse--hover:#2a2c2f;--vkui--color_background_contrast_inverse--active:#282b2f;--vkui--color_background_modal:#fff;--vkui--color_background_modal_inverse:#2d2d2e;--vkui--color_background_negative:#e64646;--vkui--color_background_negative_tint:#faebeb;--vkui--color_background_positive_tint:#e8f9e8;--vkui--color_field_background:#f2f3f5;--vkui--color_field_background--hover:#e8eaee;--vkui--color_field_background--active:#dfe1e6;--vkui--color_header_background:#fff;--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_invariably--hover:#000102;--vkui--color_text_primary_invariably--active:#000105;--vkui--color_text_secondary:#818c99;--vkui--color_text_subhead:#6d7885;--vkui--color_text_subhead--hover:#697482;--vkui--color_text_subhead--active:#64707f;--vkui--color_text_tertiary:#99a2ad;--vkui--color_text_contrast:#fff;--vkui--color_text_contrast_themed:#fff;--vkui--color_text_negative:#e64646;--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_muted:#2c2d2e;--vkui--color_text_muted--hover:#2a2c2f;--vkui--color_text_muted--active:#282b2f;--vkui--color_link_contrast:#fff;--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_invariably--hover:#2a2c2f;--vkui--color_icon_primary_invariably--active:#282b2f;--vkui--color_icon_medium:#818c99;--vkui--color_icon_medium--hover:#7c8795;--vkui--color_icon_medium--active:#778292;--vkui--color_icon_secondary:#99a2ad;--vkui--color_icon_tertiary:#b8c1cc;--vkui--color_icon_tertiary--hover:#b1bac6;--vkui--color_icon_tertiary--active:#a9b3c1;--vkui--color_icon_contrast:#fff;--vkui--color_icon_contrast_themed:#fff;--vkui--color_icon_negative:#e64646;--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_primary3x:#bebfc1;--vkui--color_separator_secondary:#e1e3e6;--vkui--color_separator_secondary--hover:#d8dbdf;--vkui--color_separator_secondary--active:#cfd2d8;--vkui--color_stroke_negative:#e64646;--vkui--color_accent_blue:#2688eb;--vkui--color_accent_blue--hover:#2483e4;--vkui--color_accent_blue--active:#237edd;--vkui--color_accent_gray--hover:#9ca7b3;--vkui--color_accent_gray--active:#96a0ae;--vkui--color_accent_purple:#735ce6;--vkui--color_accent_violet:#792ec0;--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:#f2f3f5;--vkui--color_write_bar_input_background--hover:#e8eaee;--vkui--color_write_bar_input_background--active:#dfe1e6;--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_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:#ebedf0;--vkui--color_search_field_background--hover:#e2e4e9;--vkui--color_search_field_background--active:#d8dbe2;--vkui--color_panel_header_icon:#2688eb;--vkui--color_panel_header_icon--hover:#2483e4;--vkui--color_panel_header_icon--active:#237edd}.vkui--vkBase--dark{--vkui--theme_name:"vkBaseDark"}.vkui--vkBase--dark,.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--gradient_tint:rgba(32,32,33,0) 0%,rgba(32,32,33,.036) 13%,rgba(32,32,33,.15) 27%,rgba(32,32,33,.79) 68%,rgba(32,32,33,.95) 84%,#202021 100%;--vkui--gradient:rgba(25,25,26,0) 0%,rgba(25,25,26,.036) 13%,rgba(25,25,26,.15) 27%,rgba(25,25,26,.79) 68%,rgba(25,25,26,.95) 84%,#19191a 100%;--vkui--elevation1:0px 0px 2px 0px rgba(0,0,0,.1),0px 2px 2px 0px rgba(0,0,0,.2);--vkui--elevation1_invert_y:0px 0px 2px 0px rgba(0,0,0,.1),0px -2px 2px 0px rgba(0,0,0,.2);--vkui--elevation2:0px 4px 8px 0px rgba(0,0,0,.15),0px 0px 4px 0px rgba(0,0,0,.2);--vkui--elevation3:0px 0px 2px 0px rgba(0,0,0,.3),0px 4px 16px 0px rgba(0,0,0,.3);--vkui--elevation4:0px 0px 8px 0px rgba(0,0,0,.1),0px 16px 16px 0px rgba(0,0,0,.2);--vkui--colors_scheme:dark;--vkui--color_background_accent_themed_alpha:hsla(0,0%,100%,.2);--vkui--color_background_accent_themed_alpha--hover:hsla(0,0%,100%,.24);--vkui--color_background_accent_themed_alpha--active:hsla(0,0%,100%,.28);--vkui--color_background_accent_tint--hover:#61a2ff;--vkui--color_background_accent_tint--active:#67a6ff;--vkui--color_background_secondary_alpha:hsla(0,0%,100%,.1);--vkui--color_background_secondary_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_background_secondary_alpha--active:hsla(0,0%,100%,.14);--vkui--color_background_tertiary_alpha:hsla(0,0%,100%,.03);--vkui--color_background_tertiary_alpha--hover:hsla(0,0%,100%,.07);--vkui--color_background_tertiary_alpha--active:hsla(0,0%,100%,.11);--vkui--color_background_contrast--hover:#ebedf0;--vkui--color_background_contrast--active:#d7d8db;--vkui--color_background_contrast_secondary_alpha:hsla(0,0%,100%,.2);--vkui--color_background_contrast_themed:#323232;--vkui--color_background_contrast_themed--hover:#3a3a3a;--vkui--color_background_contrast_themed--active:#424242;--vkui--color_background_modal_inverse:#fff;--vkui--color_background_modal_inverse--hover:#ebedf0;--vkui--color_background_modal_inverse--active:#d7d8db;--vkui--color_background_warning:#857250;--vkui--color_background_warning--hover:#8a7857;--vkui--color_background_warning--active:#8f7d5e;--vkui--color_background_positive--hover:#52b652;--vkui--color_background_positive--active:#59b959;--vkui--color_background_negative--hover:#ff6363;--vkui--color_background_negative--active:#ff6969;--vkui--color_background_negative_tint--hover:#593636;--vkui--color_background_negative_tint--active:#603f3f;--vkui--color_text_primary--hover:#e2e4e7;--vkui--color_text_primary--active:#e3e5e8;--vkui--color_text_contrast--hover:#ebedf0;--vkui--color_text_contrast--active:#d7d8db;--vkui--color_text_positive--hover:#52b652;--vkui--color_text_positive--active:#59b959;--vkui--color_text_negative--hover:#ff6363;--vkui--color_text_negative--active:#ff6969;--vkui--color_text_link_tint--hover:#77adec;--vkui--color_text_link_tint--active:#7cb1ed;--vkui--color_text_link_visited--hover:#508bce;--vkui--color_text_link_visited--active:#5890d0;--vkui--color_link_contrast--hover:#ebedf0;--vkui--color_link_contrast--active:#d7d8db;--vkui--color_icon_primary:#e1e3e6;--vkui--color_icon_primary--hover:#e2e4e7;--vkui--color_icon_primary--active:#e3e5e8;--vkui--color_icon_contrast_secondary--hover:#f3f3f5;--vkui--color_icon_contrast_secondary--active:#f3f4f6;--vkui--color_icon_positive--hover:#52b652;--vkui--color_icon_positive--active:#59b959;--vkui--color_icon_negative--hover:#ff6363;--vkui--color_icon_negative--active:#ff6969;--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:hsla(0,0%,100%,.12);--vkui--color_separator_primary_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_separator_primary_alpha--active:hsla(0,0%,100%,.2);--vkui--color_stroke_positive--hover:#52b652;--vkui--color_stroke_positive--active:#59b959;--vkui--color_stroke_negative--hover:#ff6363;--vkui--color_stroke_negative--active:#ff6969;--vkui--color_stroke_contrast:#fff;--vkui--color_stroke_contrast--hover:#ebedf0;--vkui--color_stroke_contrast--active:#d7d8db;--vkui--color_image_border_alpha:hsla(0,0%,100%,.08);--vkui--color_image_border_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_image_border_alpha--active:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha:hsla(0,0%,100%,.12);--vkui--color_field_border_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha--active:hsla(0,0%,100%,.2);--vkui--color_accent_red--hover:#ff3b4e;--vkui--color_accent_red--active:#ff4356;--vkui--color_accent_green--hover:#52b652;--vkui--color_accent_green--active:#59b959;--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_orange_fire--hover:#f1634b;--vkui--color_accent_orange_fire--active:#f16953;--vkui--color_accent_raspberry_pink:#f060c0;--vkui--color_accent_raspberry_pink--hover:#f166c3;--vkui--color_accent_raspberry_pink--active:#f16dc5;--vkui--color_accent_secondary--hover:#478fe1;--vkui--color_accent_secondary--active:#4e93e2;--vkui--color_overlay_secondary:rgba(55,56,57,.5);--vkui--color_overlay_secondary--hover:rgba(55,56,57,.54);--vkui--color_overlay_secondary--active:rgba(55,56,57,.58);--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,.08);--vkui--color_image_placeholder_alpha--hover:rgba(241,247,255,.12);--vkui--color_image_placeholder_alpha--active:rgba(241,247,255,.16);--vkui--color_write_bar_input_border_alpha:hsla(0,0%,100%,.8);--vkui--color_write_bar_input_border_alpha--hover:hsla(0,0%,100%,.84);--vkui--color_write_bar_input_border_alpha--active:hsla(0,0%,100%,.88);--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--hover:hsla(0,0%,100%,.04);--vkui--color_transparent--active:hsla(0,0%,100%,.08)}.vkui--vkBase--dark,.vkui--vkCom--light,.vkui--vkIOS--light{--vkui--theme_inherits_from:"vkBase"}.vkui--vkBase--dark,.vkui--vkIOS--dark{--vkui--color_background_accent:#529ef4;--vkui--color_background_accent--hover:#59a2f4;--vkui--color_background_accent--active:#60a6f5;--vkui--color_background_accent_themed:#fff;--vkui--color_background_accent_themed--hover:#ebedf0;--vkui--color_background_accent_themed--active:#d7d8db;--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_secondary:#232324;--vkui--color_background_secondary--hover:#2c2c2d;--vkui--color_background_secondary--active:#353536;--vkui--color_background_tertiary:#202021;--vkui--color_background_tertiary--hover:#29292a;--vkui--color_background_tertiary--active:#323233;--vkui--color_background_contrast_inverse--hover:#343536;--vkui--color_background_contrast_inverse--active:#3d3e3f;--vkui--color_background_modal:#2c2d2e;--vkui--color_background_modal--hover:#343536;--vkui--color_background_modal--active:#3d3e3f;--vkui--color_background_negative:#ff5c5c;--vkui--color_background_negative_tint:#522e2e;--vkui--color_background_positive_tint:#b1d6b1;--vkui--color_background_positive_tint--hover:#b4d8b4;--vkui--color_background_positive_tint--active:#b7d9b7;--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:#fff;--vkui--color_text_accent_themed--hover:#ebedf0;--vkui--color_text_accent_themed--active:#d7d8db;--vkui--color_text_primary:#e1e3e6;--vkui--color_text_primary_invariably--hover:#0a0a0a;--vkui--color_text_primary_invariably--active:#141414;--vkui--color_text_secondary:#76787a;--vkui--color_text_secondary--hover:#7b7d7f;--vkui--color_text_secondary--active:#818385;--vkui--color_text_subhead:#969a9f;--vkui--color_text_subhead--hover:#9a9ea3;--vkui--color_text_subhead--active:#9ea2a7;--vkui--color_text_tertiary:#5d5f61;--vkui--color_text_tertiary--hover:#636567;--vkui--color_text_tertiary--active:#6a6c6e;--vkui--color_text_contrast_themed:#000;--vkui--color_text_contrast_themed--hover:#0a0a0a;--vkui--color_text_contrast_themed--active:#141414;--vkui--color_text_negative:#ff5c5c;--vkui--color_text_link:#529ef4;--vkui--color_text_link--hover:#59a2f4;--vkui--color_text_link--active:#60a6f5;--vkui--color_text_link_themed:#fff;--vkui--color_text_link_themed--hover:#ebedf0;--vkui--color_text_link_themed--active:#d7d8db;--vkui--color_text_muted:#e1e3e6;--vkui--color_text_muted--hover:#e2e4e7;--vkui--color_text_muted--active:#e3e5e8;--vkui--color_icon_accent:#529ef4;--vkui--color_icon_accent--hover:#59a2f4;--vkui--color_icon_accent--active:#60a6f5;--vkui--color_icon_accent_themed:#fff;--vkui--color_icon_accent_themed--hover:#ebedf0;--vkui--color_icon_accent_themed--active:#d7d8db;--vkui--color_icon_primary_invariably--hover:#343536;--vkui--color_icon_primary_invariably--active:#3d3e3f;--vkui--color_icon_medium:#b0b1b6;--vkui--color_icon_medium--hover:#b3b4b9;--vkui--color_icon_medium--active:#b6b7bc;--vkui--color_icon_medium_alpha:rgba(241,247,255,.66);--vkui--color_icon_medium_alpha--hover:rgba(241,247,255,.7);--vkui--color_icon_medium_alpha--active:rgba(241,247,255,.74);--vkui--color_icon_secondary:#76787a;--vkui--color_icon_secondary--hover:#7b7d7f;--vkui--color_icon_secondary--active:#818385;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.43);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.47);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.51);--vkui--color_icon_tertiary:#5d5f61;--vkui--color_icon_tertiary--hover:#636567;--vkui--color_icon_tertiary--active:#6a6c6e;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.3);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.34);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.38);--vkui--color_icon_contrast--hover:#ebedf0;--vkui--color_icon_contrast--active:#d7d8db;--vkui--color_icon_contrast_themed:#000;--vkui--color_icon_contrast_themed--hover:#0a0a0a;--vkui--color_icon_contrast_themed--active:#141414;--vkui--color_icon_negative:#ff5c5c;--vkui--color_stroke_accent:#529ef4;--vkui--color_stroke_accent--hover:#59a2f4;--vkui--color_stroke_accent--active:#60a6f5;--vkui--color_stroke_accent_themed:#fff;--vkui--color_stroke_accent_themed--hover:#ebedf0;--vkui--color_stroke_accent_themed--active:#d7d8db;--vkui--color_separator_secondary:#141415;--vkui--color_separator_secondary--hover:#1d1d1e;--vkui--color_separator_secondary--active:#272728;--vkui--color_stroke_negative:#ff5c5c;--vkui--color_accent_blue:#71aaeb;--vkui--color_accent_blue--hover:#77adec;--vkui--color_accent_blue--active:#7cb1ed;--vkui--color_accent_gray--hover:#a7b0bb;--vkui--color_accent_gray--active:#aab4be;--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_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:#fff;--vkui--color_button_text--hover:#ebedf0;--vkui--color_button_text--active:#d7d8db;--vkui--color_button_icon:#fff;--vkui--color_button_icon--hover:#ebedf0;--vkui--color_button_icon--active:#d7d8db;--vkui--color_button_stroke:#fff;--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_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:#363738;--vkui--color_search_field_background--hover:#3e3f40;--vkui--color_search_field_background--active:#464748;--vkui--color_panel_header_icon:#71aaeb}.vkui--vkBase--dark,.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark{--vkui--color_background_contrast:#fff;--vkui--color_text_contrast:#fff;--vkui--color_link_contrast:#fff}.vkui--vkBase--dark,.vkui--vkCom--light,.vkui--vkIOS--dark{--vkui--color_icon_contrast:#fff}.vkui--vkIOS--light{--vkui--theme_name:"vkIOS"}.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--theme_name_base:"vkIOS";--vkui--size_border_radius--regular:10px;--vkui--size_card_border_radius--regular:10px;--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--animation_easing_platform:cubic-bezier(0.36,0.66,0.04,1)}.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--size_base_padding_horizontal--regular:12px}.vkui--vkIOS--dark{--vkui--theme_name:"vkIOSDark"}.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--theme_inherits_from:"vkBaseDark"}.vkui--vkCom--light{--vkui--theme_name:"vkCom";--vkui--color_background_accent:#447bba;--vkui--color_background_accent--hover:#4177b5;--vkui--color_background_accent--active:#3f72b0;--vkui--color_background_accent_themed:#447bba;--vkui--color_background_accent_themed--hover:#4177b5;--vkui--color_background_accent_themed--active:#3f72b0;--vkui--color_background_accent_themed_alpha:rgba(68,123,186,.12);--vkui--color_background_accent_themed_alpha--hover:rgba(68,123,186,.16);--vkui--color_background_accent_themed_alpha--active:rgba(68,123,186,.2);--vkui--color_background_accent_alternative:#447bba;--vkui--color_background_accent_alternative--hover:#4177b5;--vkui--color_background_accent_alternative--active:#3f72b0;--vkui--color_background:#edeef0;--vkui--color_background--hover:#e4e5e9;--vkui--color_background--active:#dadce2;--vkui--color_background_content:#fff;--vkui--color_background_secondary:#f0f2f5;--vkui--color_background_secondary--hover:#e6e9ee;--vkui--color_background_secondary--active:#dde0e6;--vkui--color_background_secondary_alpha:rgba(235,242,250,.99);--vkui--color_background_secondary_alpha--hover:rgba(223,234,246,.99);--vkui--color_background_secondary_alpha--active:rgba(213,226,241,.99);--vkui--color_background_tertiary:#fafbfc;--vkui--color_background_tertiary--hover:#f0f2f4;--vkui--color_background_tertiary--active:#e6e8ed;--vkui--color_background_contrast_inverse--hover:#313233;--vkui--color_background_contrast_inverse--active:#2f3034;--vkui--color_background_modal:#fff;--vkui--color_background_modal_inverse:#2d2d2e;--vkui--color_background_negative:#e64646;--vkui--color_background_negative_tint:#faebeb;--vkui--color_background_positive_tint:#e8f9e8;--vkui--color_field_background:#f7f8fa;--vkui--color_field_background--hover:#edeff2;--vkui--color_field_background--active:#e3e5eb;--vkui--color_header_background:#fff;--vkui--color_text_accent:#447bba;--vkui--color_text_accent--hover:#4177b5;--vkui--color_text_accent--active:#3f72b0;--vkui--color_text_accent_themed:#3770b1;--vkui--color_text_accent_themed--hover:#356cac;--vkui--color_text_accent_themed--active:#3368a8;--vkui--color_text_primary_invariably--hover:#313233;--vkui--color_text_primary_invariably--active:#2f3034;--vkui--color_text_secondary:#818c99;--vkui--color_text_subhead:#626d7a;--vkui--color_text_subhead--hover:#5e6978;--vkui--color_text_subhead--active:#5a6675;--vkui--color_text_tertiary:#99a2ad;--vkui--color_text_contrast_themed:#fff;--vkui--color_text_negative:#e64646;--vkui--color_text_link:#2a5885;--vkui--color_text_link--hover:#285582;--vkui--color_text_link--active:#27527f;--vkui--color_text_link_themed:#2a5885;--vkui--color_text_link_themed--hover:#285582;--vkui--color_text_link_themed--active:#27527f;--vkui--color_text_muted:#333;--vkui--color_text_muted--hover:#313233;--vkui--color_text_muted--active:#2f3034;--vkui--color_icon_accent:#447bba;--vkui--color_icon_accent--hover:#4177b5;--vkui--color_icon_accent--active:#3f72b0;--vkui--color_icon_accent_themed:#3770b1;--vkui--color_icon_accent_themed--hover:#356cac;--vkui--color_icon_accent_themed--active:#3368a8;--vkui--color_icon_primary_invariably--hover:#313233;--vkui--color_icon_primary_invariably--active:#2f3034;--vkui--color_icon_medium:#6f7985;--vkui--color_icon_medium--hover:#6b7582;--vkui--color_icon_medium--active:#66717f;--vkui--color_icon_secondary:#99a2ad;--vkui--color_icon_tertiary:#aeb7c2;--vkui--color_icon_tertiary--hover:#a7b0bd;--vkui--color_icon_tertiary--active:#a0aab7;--vkui--color_icon_contrast_themed:#fff;--vkui--color_icon_negative:#e64646;--vkui--color_stroke_accent:#447bba;--vkui--color_stroke_accent--hover:#4177b5;--vkui--color_stroke_accent--active:#3f72b0;--vkui--color_stroke_accent_themed:#3770b1;--vkui--color_stroke_accent_themed--hover:#356cac;--vkui--color_stroke_accent_themed--active:#3368a8;--vkui--color_separator_primary:#dce1e6;--vkui--color_separator_primary--hover:#d3d9df;--vkui--color_separator_primary--active:#cad0d8;--vkui--color_separator_primary2x:#cbcccd;--vkui--color_separator_primary3x:#bebfc1;--vkui--color_separator_secondary:#e7e8ec;--vkui--color_separator_secondary--hover:#dedfe5;--vkui--color_separator_secondary--active:#d5d7de;--vkui--color_stroke_negative:#e64646;--vkui--color_accent_blue:#5181b8;--vkui--color_accent_blue--hover:#4e7cb3;--vkui--color_accent_blue--active:#4b78ae;--vkui--color_accent_gray--hover:#a7b0bd;--vkui--color_accent_gray--active:#a0aab7;--vkui--color_accent_purple:#735ce6;--vkui--color_accent_violet:#792ec0;--vkui--color_skeleton_from:#f0f2f5;--vkui--color_skeleton_from--hover:#e6e9ee;--vkui--color_skeleton_from--active:#dde0e6;--vkui--color_skeleton_to:#e7e8ec;--vkui--color_skeleton_to--hover:#dedfe5;--vkui--color_skeleton_to--active:#d5d7de;--vkui--color_button_text:#346297;--vkui--color_button_text--hover:#325f93;--vkui--color_button_text--active:#305b90;--vkui--color_button_icon:#346297;--vkui--color_button_icon--hover:#325f93;--vkui--color_button_icon--active:#305b90;--vkui--color_button_stroke:#346297;--vkui--color_button_stroke--hover:#325f93;--vkui--color_button_stroke--active:#305b90;--vkui--color_write_bar_icon:#818c99;--vkui--color_write_bar_icon--hover:#7c8795;--vkui--color_write_bar_icon--active:#778292;--vkui--color_write_bar_input_background:#fff;--vkui--color_write_bar_input_background--hover:#f5f5f7;--vkui--color_write_bar_input_background--active:#ebecef;--vkui--color_write_bar_input_border:#d3d9de;--vkui--color_write_bar_input_border--hover:#cbd1d8;--vkui--color_write_bar_input_border--active:#c2c9d1;--vkui--color_track_background:#d3d9de;--vkui--color_track_background--hover:#cbd1d8;--vkui--color_track_background--active:#c2c9d1;--vkui--color_track_buffer:#447bba;--vkui--color_track_buffer--hover:#4177b5;--vkui--color_track_buffer--active:#3f72b0;--vkui--color_search_field_background:#edeef0;--vkui--color_search_field_background--hover:#e4e5e9;--vkui--color_search_field_background--active:#dadce2;--vkui--color_panel_header_icon:#447bba;--vkui--color_panel_header_icon--hover:#4177b5;--vkui--color_panel_header_icon--active:#3f72b0}.vkui--vkCom--dark,.vkui--vkCom--light{--vkui--theme_name_base:"vkCom";--vkui--font_headline1--font_size--compact:14px;--vkui--font_headline1--line_height--compact:18px;--vkui--font_text--font_size--compact:13px;--vkui--font_text--line_height--compact:16px;--vkui--font_subhead--font_size--compact:14px;--vkui--font_subhead--line_height--compact:18px;--vkui--size_popup_small--regular:448px;--vkui--size_switch_height--regular:10px;--vkui--size_switch_height--compact:10px;--vkui--size_switch_width--regular:27px;--vkui--size_switch_width--compact:27px;--vkui--size_switch_pin--regular:16px;--vkui--size_switch_pin--compact:16px;--vkui--size_panel_header_height--regular:48px;--vkui--size_form_item_padding_vertical--regular:8px;--vkui--font_headline--font_size--compact:14px;--vkui--font_headline--line_height--compact:18px;--vkui--color_background_contrast_inverse:#333;--vkui--color_background_positive:#4bb34b;--vkui--color_text_primary_invariably:#333;--vkui--color_text_positive:#4bb34b;--vkui--color_icon_primary_invariably:#333;--vkui--color_icon_positive:#4bb34b;--vkui--color_stroke_positive:#4bb34b;--vkui--color_accent_gray:#aeb7c2;--vkui--color_accent_red:#ff3347;--vkui--color_accent_green:#4bb34b;--vkui--color_accent_orange:#ffa000}.vkui--vkCom--dark{--vkui--theme_name:"vkComDark";--vkui--color_background_accent:#71aaeb;--vkui--color_background_accent--hover:#77adec;--vkui--color_background_accent--active:#7cb1ed;--vkui--color_background_accent_themed:#e1e3e6;--vkui--color_background_accent_themed--hover:#d8dbdf;--vkui--color_background_accent_themed--active:#cfd2d8;--vkui--color_background_accent_alternative:#71aaeb;--vkui--color_background_accent_alternative--hover:#77adec;--vkui--color_background_accent_alternative--active:#7cb1ed;--vkui--color_background:#141414;--vkui--color_background--hover:#1d1d1d;--vkui--color_background--active:#272727;--vkui--color_background_content:#222;--vkui--color_background_content--hover:#2b2b2b;--vkui--color_background_content--active:#343434;--vkui--color_background_secondary:#333;--vkui--color_background_secondary--hover:#3b3b3b;--vkui--color_background_secondary--active:#434343;--vkui--color_background_tertiary:#292929;--vkui--color_background_tertiary--hover:#323232;--vkui--color_background_tertiary--active:#3a3a3a;--vkui--color_background_contrast_inverse--hover:#3b3b3b;--vkui--color_background_contrast_inverse--active:#434343;--vkui--color_background_modal:#292929;--vkui--color_background_modal--hover:#323232;--vkui--color_background_modal--active:#3a3a3a;--vkui--color_background_negative:#ff5c5c;--vkui--color_background_negative_tint:#522e2e;--vkui--color_background_positive_tint:#2f422f;--vkui--color_background_positive_tint--hover:#374a37;--vkui--color_background_positive_tint--active:#405140;--vkui--color_field_background:#292929;--vkui--color_field_background--hover:#323232;--vkui--color_field_background--active:#3a3a3a;--vkui--color_header_background:#222;--vkui--color_header_background--hover:#2b2b2b;--vkui--color_header_background--active:#343434;--vkui--color_text_accent:#71aaeb;--vkui--color_text_accent--hover:#77adec;--vkui--color_text_accent--active:#7cb1ed;--vkui--color_text_accent_themed:#e1e3e6;--vkui--color_text_accent_themed--hover:#e2e4e7;--vkui--color_text_accent_themed--active:#e3e5e8;--vkui--color_text_primary:#e1e3e6;--vkui--color_text_primary_invariably--hover:#3b3b3b;--vkui--color_text_primary_invariably--active:#434343;--vkui--color_text_secondary:#828282;--vkui--color_text_secondary--hover:#878787;--vkui--color_text_secondary--active:#8c8c8c;--vkui--color_text_subhead:#939393;--vkui--color_text_subhead--hover:#979797;--vkui--color_text_subhead--active:#9c9c9c;--vkui--color_text_tertiary:#656565;--vkui--color_text_tertiary--hover:#6b6b6b;--vkui--color_text_tertiary--active:#717171;--vkui--color_text_contrast_themed:#222;--vkui--color_text_contrast_themed--hover:#2b2b2b;--vkui--color_text_contrast_themed--active:#343434;--vkui--color_text_negative:#ff5c5c;--vkui--color_text_link:#71aaeb;--vkui--color_text_link--hover:#77adec;--vkui--color_text_link--active:#7cb1ed;--vkui--color_text_link_themed:#939393;--vkui--color_text_link_themed--hover:#979797;--vkui--color_text_link_themed--active:#9c9c9c;--vkui--color_text_muted:#ccc;--vkui--color_text_muted--hover:#cecece;--vkui--color_text_muted--active:#d0d0d0;--vkui--color_icon_accent:#71aaeb;--vkui--color_icon_accent--hover:#77adec;--vkui--color_icon_accent--active:#7cb1ed;--vkui--color_icon_accent_themed:#e1e3e6;--vkui--color_icon_accent_themed--hover:#e2e4e7;--vkui--color_icon_accent_themed--active:#e3e5e8;--vkui--color_icon_primary_invariably--hover:#3b3b3b;--vkui--color_icon_primary_invariably--active:#434343;--vkui--color_icon_medium:#939393;--vkui--color_icon_medium--hover:#979797;--vkui--color_icon_medium--active:#9c9c9c;--vkui--color_icon_medium_alpha:hsla(0,0%,100%,.48);--vkui--color_icon_medium_alpha--hover:hsla(0,0%,100%,.52);--vkui--color_icon_medium_alpha--active:hsla(0,0%,100%,.56);--vkui--color_icon_secondary:#828282;--vkui--color_icon_secondary--hover:#878787;--vkui--color_icon_secondary--active:#8c8c8c;--vkui--color_icon_secondary_alpha:hsla(0,0%,100%,.4);--vkui--color_icon_secondary_alpha--hover:hsla(0,0%,100%,.44);--vkui--color_icon_secondary_alpha--active:hsla(0,0%,100%,.48);--vkui--color_icon_tertiary:#656565;--vkui--color_icon_tertiary--hover:#6b6b6b;--vkui--color_icon_tertiary--active:#717171;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.24);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.28);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.32);--vkui--color_icon_contrast:#e1e3e6;--vkui--color_icon_contrast--hover:#e2e4e7;--vkui--color_icon_contrast--active:#e3e5e8;--vkui--color_icon_contrast_themed:#222;--vkui--color_icon_contrast_themed--hover:#2b2b2b;--vkui--color_icon_contrast_themed--active:#343434;--vkui--color_icon_negative:#ff5c5c;--vkui--color_stroke_accent:#71aaeb;--vkui--color_stroke_accent--hover:#77adec;--vkui--color_stroke_accent--active:#7cb1ed;--vkui--color_stroke_accent_themed:#e1e3e6;--vkui--color_stroke_accent_themed--hover:#e2e4e7;--vkui--color_stroke_accent_themed--active:#e3e5e8;--vkui--color_separator_secondary:#292929;--vkui--color_separator_secondary--hover:#323232;--vkui--color_separator_secondary--active:#3a3a3a;--vkui--color_stroke_negative:#ff5c5c;--vkui--color_accent_blue:#397dcc;--vkui--color_accent_blue--hover:#4182ce;--vkui--color_accent_blue--active:#4987d0;--vkui--color_accent_gray--hover:#b1bac4;--vkui--color_accent_gray--active:#b4bdc7;--vkui--color_accent_purple:#937ff5;--vkui--color_accent_purple--hover:#9784f5;--vkui--color_accent_purple--active:#9c89f6;--vkui--color_accent_violet:#a393f5;--vkui--color_accent_violet--hover:#a797f5;--vkui--color_accent_violet--active:#aa9cf6;--vkui--color_skeleton_from:#292929;--vkui--color_skeleton_from--hover:#323232;--vkui--color_skeleton_from--active:#3a3a3a;--vkui--color_skeleton_to:#333;--vkui--color_skeleton_to--hover:#3b3b3b;--vkui--color_skeleton_to--active:#434343;--vkui--color_button_text:#e1e3e6;--vkui--color_button_text--hover:#e2e4e7;--vkui--color_button_text--active:#e3e5e8;--vkui--color_button_icon:#e1e3e6;--vkui--color_button_icon--hover:#e2e4e7;--vkui--color_button_icon--active:#e3e5e8;--vkui--color_button_stroke:#e1e3e6;--vkui--color_button_stroke--hover:#e2e4e7;--vkui--color_button_stroke--active:#e3e5e8;--vkui--color_write_bar_icon:#e1e3e6;--vkui--color_write_bar_icon--hover:#e2e4e7;--vkui--color_write_bar_icon--active:#e3e5e8;--vkui--color_write_bar_input_background:#424242;--vkui--color_write_bar_input_background--hover:#4a4a4a;--vkui--color_write_bar_input_background--active:#515151;--vkui--color_write_bar_input_border:#555;--vkui--color_write_bar_input_border--hover:#5c5c5c;--vkui--color_write_bar_input_border--active:#636363;--vkui--color_track_background:#828282;--vkui--color_track_background--hover:#878787;--vkui--color_track_background--active:#8c8c8c;--vkui--color_track_buffer:#fff;--vkui--color_track_buffer--hover:#ebedf0;--vkui--color_track_buffer--active:#d7d8db;--vkui--color_search_field_background:#424242;--vkui--color_search_field_background--hover:#4a4a4a;--vkui--color_search_field_background--active:#515151;--vkui--color_panel_header_icon:#71aaeb}
 :root{--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);--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}@supports (padding-top:constant(safe-area-inset-top)){: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)){: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 (min-width:768px){.vkui-sizeX--compact-mq{display:none!important}}@media (max-width:767.9px){.vkui-sizeX--regular-mq{display:none!important}}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkui-sizeY--compact-mq{display:none!important}}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkui-sizeY--regular-mq{display:none!important}}@media (min-width:1024px){.vkui-viewWidth--tabletMinus-mq{display:none!important}}@media (max-width:1023.9px){.vkui-viewWidth--tabletPlus-mq{display:none!important}}.vkui-deviceType--desktop-forced,.vkui-deviceType--mobile-forced{display:none!important}@media (min-width:768px) and (min-height:720px),(min-width:768px) and (pointer:fine){.vkui-deviceType--mobile-mq{display:none!important}}@media (max-width:767.9px),(pointer:coarse) and (max-height:719.9px),(pointer:none) and (max-height:719.9px){.vkui-deviceType--desktop-mq{display:none!important}}
+@media (min-width:768px){.vkui-sizeX--compact-mq{display:none!important}}@media (max-width:767.9px){.vkui-sizeX--regular-mq{display:none!important}}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkui-sizeY--compact-mq{display:none!important}}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkui-sizeY--regular-mq{display:none!important}}@media (min-width:1024px){.vkui-viewWidth--tabletMinus-mq{display:none!important}}@media (max-width:1023.9px){.vkui-viewWidth--tabletPlus-mq{display:none!important}}@media (min-width:768px) and (min-height:720px),(min-width:768px) and (pointer:fine){.vkui-deviceType--mobile-mq{display:none!important}}@media (max-width:767.9px),(pointer:coarse) and (max-height:719.9px),(pointer:none) and (max-height:719.9px){.vkui-deviceType--desktop-mq{display:none!important}}
 :root{--vkui--size_border--regular:var(--vkui--size_border1x--regular)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--vkui--size_border--regular:var(--vkui--size_border2x--regular)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--vkui--size_border--regular:var(--vkui--size_border3x--regular)}}
 .vkui-focus-visible{--vkui_internal--outline_width:2px}.vkui-focus-visible :focus,.vkui-focus-visible :focus-visible,.vkui-focus-visible:focus,.vkui-focus-visible:focus-visible{outline:none}.vkui-focus-visible.vkui-focus-visible--mode-outside{--vkui_internal--outline_offset:var(--vkui_internal--outline_width)}.vkui-focus-visible.vkui-focus-visible--mode-inside{--vkui_internal--outline_offset:calc(-1 * var(--vkui_internal--outline_width))}.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-inside,.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-outside{outline:var(--vkui_internal--outline);outline-offset:var(--vkui_internal--outline_offset)}@media (prefers-reduced-motion:no-preference){.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-inside,.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-outside{animation:vkuianimation-outline-offset .1s ease-in-out .01s forwards;outline-offset:0}.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-inside{outline-offset:calc(-2 * var(--vkui_internal--outline_width))}}@keyframes vkuianimation-outline-offset{to{outline-offset:var(--vkui_internal--outline_offset)}}
 @media (prefers-reduced-motion:no-preference){.vkui-anim-fade-in{animation:vkuianim-fade-in .1s ease-in forwards}.vkui-anim-fade-out{animation:vkuianim-fade-out .1s ease-out forwards}}@keyframes vkuianim-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes vkuianim-fade-out{0%{opacity:1}to{opacity:0}}
@@ -26,13 +26,13 @@
 .vkuiSpinner{align-items:center;color:var(--vkui--color_icon_medium);display:flex;height:100%;justify-content:center;width:100%}.vkuiInternalPanelHeader .vkuiSpinner{color:currentColor}
 .vkuiButton{border:0;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:inline-block;margin:0;max-width:100%;min-height:var(--vkui--size_button_small_height--compact);min-width:var(--vkui--size_button_minimum_width--regular);padding:0;position:relative}@media (prefers-reduced-motion:no-preference){.vkuiButton{transition:background-color .15s ease-out,color .15s ease-out}}.vkuiButton--rounded{border-radius:var(--vkui--size_border_radius_rounded--regular)}.vkuiButton--loading{cursor:progress}.vkuiButton--singleIcon{min-width:auto;width:var(--vkui--size_button_small_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:var(--vkui--size_button_small_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--singleIcon{width:var(--vkui--size_button_small_height--regular)}}.vkuiButton--stretched{display:block;flex-basis:0;flex-grow:1;width:100%}.vkuiButton__in{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:inherit;text-align:center;width:100%}.vkuiButton--align-left .vkuiButton__in{justify-content:flex-start;text-align:left}.vkuiButton--align-right .vkuiButton__in{justify-content:flex-end;text-align:right}.vkuiButton[disabled]{opacity:var(--vkui--opacity_disable)}.vkuiButton--mode-outline[disabled]:not(.vkuiButton--appearance-overlay),.vkuiButton--mode-primary[disabled]:not(.vkuiButton--appearance-overlay):not(.vkuiButton--appearance-negative):not(.vkuiButton--appearance-positive),.vkuiButton--mode-secondary[disabled]:not(.vkuiButton--appearance-overlay),.vkuiButton--mode-tertiary[disabled]:not(.vkuiButton--appearance-overlay){opacity:.64}.vkuiButton__content{font-weight:var(--vkui--font_weight_accent2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_base_small_padding_horizontal--regular)}.vkuiButton--size-s .vkuiButton__after,.vkuiButton--size-s .vkuiButton__content:last-child{padding-right:var(--vkui--size_button_base_small_padding_horizontal--regular)}.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_base_medium_padding_horizontal--regular)}.vkuiButton--size-m .vkuiButton__after,.vkuiButton--size-m .vkuiButton__content:last-child{padding-right:var(--vkui--size_button_base_medium_padding_horizontal--regular)}.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_base_large_padding_horizontal--regular)}.vkuiButton--size-l .vkuiButton__after,.vkuiButton--size-l .vkuiButton__content:last-child{padding-right:var(--vkui--size_button_base_large_padding_horizontal--regular)}.vkuiButton--size-s .vkuiButton__before{padding-left:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.vkuiButton--size-m .vkuiButton__before{padding-left:var(--vkui--size_button_base_medium_padding_horizontal_icon--regular)}.vkuiButton--size-l .vkuiButton__before{padding-left:var(--vkui--size_button_base_large_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:last-child{padding-right:var(--vkui--size_button_tertiary_small_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:last-child{padding-right:var(--vkui--size_button_tertiary_medium_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_tertiary_large_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:last-child{padding-right:var(--vkui--size_button_tertiary_large_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__before{padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__before{padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__before{padding-left:var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__before,.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--singleIcon .vkuiButton__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.vkuiButton--mode-link{background:none;min-width:auto}.vkuiButton--mode-link .vkuiButton__after,.vkuiButton--mode-link .vkuiButton__before,.vkuiButton--mode-link .vkuiButton__content:first-child,.vkuiButton--mode-link .vkuiButton__content:last-child,.vkuiButton--stretched .vkuiButton__after:only-child,.vkuiButton--stretched .vkuiButton__before:only-child{padding-left:0;padding-right:0}.vkuiButton__spinner{bottom:0;color:currentColor;left:0;position:absolute;right:0;top:0}.vkuiButton__spinner+.vkuiButton__in{visibility:hidden}.vkuiButton--mode-primary.vkuiButton--appearance-accent{background-color:var(--vkui--color_background_accent_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--hover{background-color:var(--vkui--color_background_accent_themed--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--active{background-color:var(--vkui--color_background_accent_themed--active)}.vkuiButton--mode-primary.vkuiButton--appearance-positive{background-color:var(--vkui--color_background_positive)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--hover{background-color:var(--vkui--color_background_positive--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--active{background-color:var(--vkui--color_background_positive--active)}.vkuiButton--mode-primary.vkuiButton--appearance-negative{background-color:var(--vkui--color_background_negative)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--hover{background-color:var(--vkui--color_background_negative--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--active{background-color:var(--vkui--color_background_negative--active)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral{background-color:var(--vkui--color_background_secondary)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:var(--vkui--color_background_secondary--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--active{background-color:var(--vkui--color_background_secondary--active)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable{background-color:var(--vkui--color_background_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--hover{background-color:var(--vkui--color_background_accent--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--active{background-color:var(--vkui--color_background_accent--active)}.vkuiButton--mode-secondary{background-color:var(--vkui--color_background_secondary_alpha)}.vkuiButton--mode-secondary.vkuiButton--hover{background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiButton--mode-secondary.vkuiButton--active{background-color:var(--vkui--color_background_secondary_alpha--active)}.vkuiButton--mode-outline,.vkuiButton--mode-tertiary{background-color:var(--vkui--color_transparent)}.vkuiButton--mode-outline.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--hover{background-color:var(--vkui--color_transparent--hover)}.vkuiButton--mode-outline.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--active{background-color:var(--vkui--color_transparent--active)}.vkuiButton.vkuiButton--appearance-accent{color:var(--vkui--color_text_accent_themed)}.vkuiButton.vkuiButton--appearance-positive{color:var(--vkui--color_text_positive)}.vkuiButton.vkuiButton--appearance-negative{color:var(--vkui--color_text_negative)}.vkuiButton.vkuiButton--appearance-neutral{color:var(--vkui--color_text_primary)}.vkuiButton.vkuiButton--appearance-accent-invariable{color:var(--vkui--color_text_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent{color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable,.vkuiButton--mode-primary.vkuiButton--appearance-negative,.vkuiButton--mode-primary.vkuiButton--appearance-positive{color:var(--vkui--color_text_contrast)}.vkuiButton--mode-link.vkuiButton--hover{opacity:.8}.vkuiButton--mode-link.vkuiButton--active{opacity:.7}.vkuiButton--mode-outline.vkuiButton--appearance-accent,.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--active,.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent_themed)}.vkuiButton--mode-outline.vkuiButton--appearance-positive{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--active{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--active)}.vkuiButton--mode-outline.vkuiButton--appearance-negative{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--active{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--active)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral{box-shadow:inset 0 0 0 1px var(--vkui--color_field_border_alpha)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:var(--vkui--color_background_secondary--hover);box-shadow:unset}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--active{background-color:var(--vkui--color_background_secondary--active);box-shadow:unset}.vkuiButton--mode-outline.vkuiButton--appearance-accent-invariable{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{background-color:var(--vkui--color_background_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{background-color:var(--vkui--color_background_contrast--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{background-color:var(--vkui--color_background_contrast--active)}.vkuiButton--mode-secondary.vkuiButton--appearance-overlay{background-color:var(--vkui--color_background_contrast_secondary_alpha)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--hover{background-color:var(--vkui--color_background_contrast_secondary_alpha--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--active{background-color:var(--vkui--color_background_contrast_secondary_alpha--active)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{color:var(--vkui--color_text_primary_invariably)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{color:var(--vkui--color_text_primary_invariably--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{color:var(--vkui--color_text_primary_invariably--active)}.vkuiButton--mode-link.vkuiButton--appearance-overlay,.vkuiButton--mode-outline.vkuiButton--appearance-overlay,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay{color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active)}.vkuiButton__after:not(:first-child),.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton--size-l .vkuiButton__after:not(:first-child),.vkuiButton--size-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--size-s .vkuiButton__content{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)}.vkuiButton--sizeY-regular.vkuiButton--size-s .vkuiButton__content{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 (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-s .vkuiButton__content{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)}}.vkuiButton--size-m .vkuiButton__content{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)}.vkuiButton--sizeY-regular.vkuiButton--size-m .vkuiButton__content{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 (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m .vkuiButton__content{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)}}.vkuiButton--size-l .vkuiButton__content{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)}.vkuiButton--sizeY-regular.vkuiButton--size-l .vkuiButton__content{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 (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l .vkuiButton__content{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)}}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content{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 (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content{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)}}.vkuiButton--size-m{min-height:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m{min-height:var(--vkui--size_button_medium_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m{min-height:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-m.vkuiButton--singleIcon{width:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m.vkuiButton--singleIcon{width:var(--vkui--size_button_medium_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m.vkuiButton--singleIcon{width:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-l{min-height:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l{min-height:var(--vkui--size_button_large_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l{min-height:var(--vkui--size_button_large_height--regular)}}.vkuiButton--size-l.vkuiButton--singleIcon{width:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--singleIcon{width:var(--vkui--size_button_large_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--singleIcon{width:var(--vkui--size_button_large_height--regular)}}.vkuiButton--sizeY-regular{min-height:var(--vkui--size_button_small_height--regular)}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none{min-height:var(--vkui--size_button_small_height--regular)}}.vkuiButton--mode-primary.vkuiButton--appearance-accent{--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_accent_themed)}.vkuiButton--mode-outline.vkuiButton--appearance-accent,.vkuiButton--mode-secondary.vkuiButton--appearance-accent,.vkuiButton--mode-tertiary.vkuiButton--appearance-accent{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent_themed);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-positive{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_positive)}.vkuiButton--mode-outline.vkuiButton--appearance-positive,.vkuiButton--mode-secondary.vkuiButton--appearance-positive,.vkuiButton--mode-tertiary.vkuiButton--appearance-positive{--vkui_internal--counter_inherit_background:var(--vkui--color_background_positive);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-negative{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_negative)}.vkuiButton--mode-outline.vkuiButton--appearance-negative,.vkuiButton--mode-secondary.vkuiButton--appearance-negative,.vkuiButton--mode-tertiary.vkuiButton--appearance-negative{--vkui_internal--counter_inherit_background:var(--vkui--color_background_negative);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_primary_invariably)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral,.vkuiButton--mode-secondary.vkuiButton--appearance-neutral,.vkuiButton--mode-tertiary.vkuiButton--appearance-neutral{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{--vkui_internal--counter_inherit_background:var(--vkui--color_icon_primary_invariably);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay{--vkui_internal--counter_inherit_background:var(--vkui--color_background_contrast);--vkui_internal--counter_inherit_color:var(--vkui--color_text_primary_invariably)}
 .vkuiIconButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:9999px;box-shadow:none;color:currentColor;display:block;height:48px;margin:0;padding:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.vkuiIconButton--sizeY-compact{height:44px}.vkuiIconButton[disabled]{opacity:var(--vkui--opacity_disable_accessibility)}.vkuiIconButton--ios{border-radius:var(--vkui--size_border_radius--regular)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28,.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiIconButton--sizeY-none{height:44px}.vkuiIconButton--sizeY-none .vkuiIcon--16,.vkuiIconButton--sizeY-none .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton--sizeY-none .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-none .vkuiIcon--28{padding:8px}}.vkuiInternalFormField__after .vkuiIconButton,.vkuiInternalFormItem--removable .vkuiInternalRemovable__content>.vkuiIconButton,.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content>.vkuiIconButton{align-content:center;align-items:center;border-radius:var(--vkui--size_border_radius--regular);display:flex;height:var(--vkui--size_field_height--regular);justify-content:center;width:var(--vkui--size_field_height--regular)}.vkuiInternalFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiInternalFormField__after .vkuiIconButton--sizeY-compact{height:var(--vkui--size_field_height--compact);width:var(--vkui--size_field_height--compact)}.vkuiInternalFormItem--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-compact{height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiInternalFormField__after .vkuiIconButton--sizeY-none{height:var(--vkui--size_field_height--compact);width:var(--vkui--size_field_height--compact)}.vkuiInternalFormItem--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-none,.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-none{height:var(--vkui--size_field_height--compact)}}.vkuiInternalSimpleCell__after .vkuiIconButton:last-child{margin-right:-12px}.vkuiInternalSimpleCell__after .vkuiIconButton--ios:last-child{margin-right:-9px}.vkuiInternalAlert__dismiss.vkuiIconButton{height:36px;padding:8px}
-.vkuiToolButton{align-items:center;border:0;border-radius:var(--vkui--size_border_radius_paper--regular);box-sizing:border-box;display:flex;flex-basis:0;flex-grow:1;font-family:var(--vkui--font_caption1--font_family--regular);font-size:var(--vkui--font_caption1--font_size--regular);justify-content:center;line-height:var(--vkui--font_caption1--line_height--regular);margin:0;padding:10px;position:relative;text-decoration:none;width:100%}.vkuiToolButton--rounded{border-radius:var(--vkui--size_border_radius_rounded--regular)}.vkuiToolButton--sizeY-regular{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 (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiToolButton--sizeY-none{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)}}.vkuiToolButton[disabled]{opacity:var(--vkui--opacity_disable)}.vkuiToolButton--direction-row{flex-direction:row}.vkuiToolButton--direction-column{flex-direction:column}.vkuiToolButton--direction-row>*{margin-right:4px}.vkuiToolButton--direction-row>:last-child{margin-right:0}.vkuiToolButton--direction-column>*{margin-bottom:4px}.vkuiToolButton--direction-column>:last-child{margin-bottom:0}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent{background-color:var(--vkui--color_background_accent_themed)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent.vkuiToolButton--hover{background-color:var(--vkui--color_background_accent_themed--hover)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent.vkuiToolButton--active{background-color:var(--vkui--color_background_accent_themed--active)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-neutral{background-color:var(--vkui--color_background_secondary)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-neutral.vkuiToolButton--hover{background-color:var(--vkui--color_background_secondary--hover)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-neutral.vkuiToolButton--active{background-color:var(--vkui--color_background_secondary--active)}.vkuiToolButton--mode-secondary{background-color:var(--vkui--color_background_secondary_alpha)}.vkuiToolButton--mode-secondary.vkuiToolButton--hover{background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiToolButton--mode-secondary.vkuiToolButton--active{background-color:var(--vkui--color_background_secondary_alpha--active)}.vkuiToolButton--mode-outline,.vkuiToolButton--mode-tertiary{background-color:var(--vkui--color_transparent)}.vkuiToolButton--mode-outline.vkuiToolButton--hover,.vkuiToolButton--mode-tertiary.vkuiToolButton--hover{background-color:var(--vkui--color_transparent--hover)}.vkuiToolButton--mode-outline.vkuiToolButton--active,.vkuiToolButton--mode-tertiary.vkuiToolButton--active{background-color:var(--vkui--color_transparent--active)}.vkuiToolButton.vkuiToolButton--appearance-accent{color:var(--vkui--color_text_accent_themed)}.vkuiToolButton.vkuiToolButton--appearance-neutral{color:var(--vkui--color_text_primary)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent{color:var(--vkui--color_text_contrast_themed)}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-accent,.vkuiToolButton--mode-outline.vkuiToolButton--appearance-accent.vkuiToolButton--active,.vkuiToolButton--mode-outline.vkuiToolButton--appearance-accent.vkuiToolButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent_themed)}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-neutral{box-shadow:inset 0 0 0 1px var(--vkui--color_field_border_alpha)}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-neutral.vkuiToolButton--hover{background-color:var(--vkui--color_background_secondary--hover);box-shadow:unset}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-neutral.vkuiToolButton--active{background-color:var(--vkui--color_background_secondary--active);box-shadow:unset}
+.vkuiToolButton{align-items:center;border:0;border-radius:var(--vkui--size_border_radius_paper--regular);box-sizing:border-box;display:flex;flex-basis:0;flex-grow:1;font-family:var(--vkui--font_caption1--font_family--regular);font-size:var(--vkui--font_caption1--font_size--regular);justify-content:center;line-height:var(--vkui--font_caption1--line_height--regular);margin:0;padding:10px;position:relative;text-decoration:none;width:100%}.vkuiToolButton--rounded{border-radius:var(--vkui--size_border_radius_rounded--regular)}.vkuiToolButton--sizeY-regular{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 (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiToolButton--sizeY-none{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)}}.vkuiToolButton[disabled]{opacity:var(--vkui--opacity_disable)}.vkuiToolButton--direction-row{flex-direction:row}.vkuiToolButton--direction-column{flex-direction:column}.vkuiToolButton--direction-row .vkuiToolButton__text{margin-left:4px}.vkuiToolButton--direction-column .vkuiToolButton__text{margin-top:4px}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent{background-color:var(--vkui--color_background_accent_themed)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent.vkuiToolButton--hover{background-color:var(--vkui--color_background_accent_themed--hover)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent.vkuiToolButton--active{background-color:var(--vkui--color_background_accent_themed--active)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-neutral{background-color:var(--vkui--color_background_secondary)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-neutral.vkuiToolButton--hover{background-color:var(--vkui--color_background_secondary--hover)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-neutral.vkuiToolButton--active{background-color:var(--vkui--color_background_secondary--active)}.vkuiToolButton--mode-secondary{background-color:var(--vkui--color_background_secondary_alpha)}.vkuiToolButton--mode-secondary.vkuiToolButton--hover{background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiToolButton--mode-secondary.vkuiToolButton--active{background-color:var(--vkui--color_background_secondary_alpha--active)}.vkuiToolButton--mode-outline,.vkuiToolButton--mode-tertiary{background-color:var(--vkui--color_transparent)}.vkuiToolButton--mode-outline.vkuiToolButton--hover,.vkuiToolButton--mode-tertiary.vkuiToolButton--hover{background-color:var(--vkui--color_transparent--hover)}.vkuiToolButton--mode-outline.vkuiToolButton--active,.vkuiToolButton--mode-tertiary.vkuiToolButton--active{background-color:var(--vkui--color_transparent--active)}.vkuiToolButton.vkuiToolButton--appearance-accent{color:var(--vkui--color_text_accent_themed)}.vkuiToolButton.vkuiToolButton--appearance-neutral{color:var(--vkui--color_text_primary)}.vkuiToolButton--mode-primary.vkuiToolButton--appearance-accent{color:var(--vkui--color_text_contrast_themed)}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-accent,.vkuiToolButton--mode-outline.vkuiToolButton--appearance-accent.vkuiToolButton--active,.vkuiToolButton--mode-outline.vkuiToolButton--appearance-accent.vkuiToolButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent_themed)}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-neutral{box-shadow:inset 0 0 0 1px var(--vkui--color_field_border_alpha)}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-neutral.vkuiToolButton--hover{background-color:var(--vkui--color_background_secondary--hover);box-shadow:unset}.vkuiToolButton--mode-outline.vkuiToolButton--appearance-neutral.vkuiToolButton--active{background-color:var(--vkui--color_background_secondary--active);box-shadow:unset}
 .vkuiRoot{height:100%;position:relative;width:100%}.vkuiRoot--transition{pointer-events:none}.vkuiRoot__view{height:100%;position:relative;width:100%}.vkuiRoot--transition .vkuiRoot__view{left:0;overflow:hidden;position:fixed;top:0}.vkuiRoot__scrollCompensation{height:100%;width:100%}.vkuiRoot__view--show-forward{animation:vkuiroot-android-animation-show-forward .3s var(--vkui--animation_easing_platform)}.vkuiRoot__view--hide-back{animation:vkuiroot-android-animation-hide-back .3s var(--vkui--animation_easing_platform) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after,.vkuiRoot--ios .vkuiRoot__view--show-back:after{background-color:#000;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.vkuiRoot--ios .vkuiRoot__view--show-back:after{animation:vkuiroot-ios-animation-show-back .6s var(--vkui--animation_easing_platform) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward:after{animation:vkuiroot-ios-animation-hide-forward .6s var(--vkui--animation_easing_platform)}.vkuiRoot--ios .vkuiRoot__view--show-forward{animation:vkuiroot-ios-animation-show-forward .6s var(--vkui--animation_easing_platform)}.vkuiRoot--ios .vkuiRoot__view--hide-back{animation:vkuiroot-ios-animation-hide-back .6s var(--vkui--animation_easing_platform) forwards}@keyframes vkuiroot-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkuiroot-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkuiroot-ios-animation-hide-back{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes vkuiroot-ios-animation-show-forward{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes vkuiroot-android-animation-hide-back{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes vkuiroot-android-animation-show-forward{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
 .vkuiView{height:100%;position:relative;width:100%;word-wrap:break-word}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView--animated .vkuiView__header,.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel{pointer-events:none}.vkuiView__panel,.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{box-sizing:border-box;isolation:isolate;position:relative}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{left:0;overflow:hidden;position:fixed;top:0}.vkuiView__panel-overlay{background-color:#000;display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:var(--vkui_internal--z_index_panel_header_fade)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{transform:translate3d(100%,0,0);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transform:translateZ(0);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{transform:translate3d(-50%,0,0);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next .vkuiView__panel-overlay{background-color:rgba(0,0,0,.1)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed .vkuiView__panel-overlay,.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success .vkuiView__panel-overlay{transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiView__panel--next~.vkuiView__panel--prev{animation:vkuianimation-view-prev-back .3s var(--vkui--animation_easing_platform) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{animation:vkuianimation-view-next-forward .3s var(--vkui--animation_easing_platform)}.vkuiView--no-motion .vkuiView__panel{animation:none}@keyframes vkuianimation-view-prev-back{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(80px)}}@keyframes vkuianimation-view-next-forward{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.vkuiView--ios .vkuiView__panel--prev{animation:vkuianimation-ios-prev-forward .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next{animation:vkuianimation-ios-next-back .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{animation:vkuianimation-ios-next-forward .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{animation:vkuianimation-ios-prev-back .6s var(--vkui--animation_easing_platform) forwards}.vkuiView--ios .vkuiView__panel--next .vkuiView__panel-overlay,.vkuiView--ios .vkuiView__panel--prev .vkuiView__panel-overlay{display:block}.vkuiView--ios .vkuiView__panel--prev .vkuiView__panel-overlay{animation:vkuianimation-ios-fade-in .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next .vkuiView__panel-overlay{animation:vkuianimation-ios-fade-out .6s var(--vkui--animation_easing_platform) forwards}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiView__panel-overlay,.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiView__panel-overlay{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiInternalPanel__in{animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiView__panel-overlay{display:none}@keyframes vkuianimation-ios-next-forward{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes vkuianimation-ios-next-back{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@keyframes vkuianimation-ios-prev-forward{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes vkuianimation-ios-prev-back{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes vkuianimation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkuianimation-ios-fade-out{0%{opacity:.3}to{opacity:0}}
 .vkuiPanel{height:100%;position:relative;width:100%}.vkuiPanel__in{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;position:relative;width:100%}.vkuiPanel__centered{align-items:center;box-sizing:border-box;display:flex;flex:1 0;flex-direction:column;justify-content:center}.vkuiPanel__centered .vkuiInternalPanelHeader--static+*{margin-top:var(--vkui_internal--panel_header_height)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(var(--vkui_internal--panel_header_height) + 5px)}@media (max-width:767.9px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(var(--vkui_internal--panel_header_height) + 5px)}}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(var(--vkui_internal--panel_header_height) + 16px)}@media (min-width:768px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(var(--vkui_internal--panel_header_height) + 16px)}}.vkuiInternalView--ios .vkuiPanel__in{padding-bottom:var(--vkui_internal--safe_area_inset_bottom);padding-left:var(--vkui_internal--safe_area_inset_left);padding-right:var(--vkui_internal--safe_area_inset_right);padding-top:0}.vkuiInternalEpic--hasTabbar .vkuiPanel__in{padding-bottom:calc(var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel--mode-none .vkuiPanel__in,.vkuiPanel--mode-plain .vkuiPanel__in{background:var(--vkui--color_background_content)}.vkuiPanel--mode-card .vkuiPanel__in{background:var(--vkui--color_background)}@media (min-width:768px){.vkuiPanel--mode-none .vkuiPanel__in{background:var(--vkui--color_background)}}
 .vkuiPanelHeaderButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-shadow:none;color:currentColor;display:block;margin:0;padding:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 10px}.vkuiPanelHeaderButton--ios{align-items:center;display:flex;font-size:17px;position:relative}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderBack--ios .vkuiIcon--w-20{padding-left:4px}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderButton--android .vkuiIcon--24,.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:var(--vkui--color_text_secondary)}.vkuiPanelHeaderBack--vkcom .vkuiIcon{color:var(--vkui--color_icon_secondary)}.vkuiPanelHeaderButton--vkcom>:not(.vkuiInternalCounter){opacity:.7;transition:opacity .3s}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiInternalCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiInternalCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{align-items:center;display:flex;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}@media (min-width:768px){.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label:not(.vkuiPanelHeaderBack--sizeX-compact){padding-right:8px}}.vkuiPanelHeaderBack--sizeX-compact.vkuiPanelHeaderBack--ios .vkuiPanelHeaderButton__label{display:none}@media (max-width:767.9px){.vkuiPanelHeaderBack--sizeX-none.vkuiPanelHeaderBack--ios .vkuiPanelHeaderButton__label{display:none}}
 .vkuiSeparator{color:var(--vkui--color_separator_primary)}.vkuiSeparator__in{background:currentColor;border:0;color:inherit;height:var(--vkui--size_border--regular);margin:0;transform-origin:center top}.vkuiSeparator--padded .vkuiSeparator__in{margin-left:var(--vkui--size_base_padding_horizontal--regular);margin-right:var(--vkui--size_base_padding_horizontal--regular)}.vkuiInternalModalPage--sizeX-regular .vkuiSeparator--padded{padding-left:8px;padding-right:8px}@media (min-width:768px){.vkuiInternalModalPage--sizeX-none .vkuiSeparator--padded{padding-left:8px;padding-right:8px}}
-.vkuiSpacing{box-sizing:border-box;position:relative}
+.vkuiSpacing{--vkui_internal--Spacing_gap:0;box-sizing:border-box;height:var(--vkui_internal--Spacing_gap);padding-bottom:calc(1px * var(--vkui_internal--Spacing_gap) / 2);padding-top:calc(1px * var(--vkui_internal--Spacing_gap) / 2);position:relative}.vkuiSpacing--3xs{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_3xs)}.vkuiSpacing--2xs{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_2xs)}.vkuiSpacing--xs{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_xs)}.vkuiSpacing--s{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_s)}.vkuiSpacing--m{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_m)}.vkuiSpacing--l{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_l)}.vkuiSpacing--xl{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_xl)}.vkuiSpacing--2xl{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_2xl)}.vkuiSpacing--3xl{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_3xl)}.vkuiSpacing--4xl{--vkui_internal--Spacing_gap:var(--vkui--spacing_size_4xl)}
 .vkuiPanelHeader{position:relative}.vkuiPanelHeader--static.vkuiPanelHeader--fixed:before{content:"";display:block}.vkuiPanelHeader:not(.vkuiPanelHeader--static):not(.vkuiPanelHeader--fixed){height:0;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader__fixed{z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader__in{align-items:center;background:var(--vkui--color_background_content);display:flex;justify-content:space-between;position:relative;white-space:nowrap}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:transparent}.vkuiPanelHeader--sizeX-regular.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}@media (min-width:768px){.vkuiPanelHeader--sizeX-none.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}}.vkuiPanelHeader__before{box-sizing:border-box;color:var(--vkui--color_icon_accent_themed);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:var(--vkui--color_text_primary);font-family:var(--vkui--font_family_accent);font-weight:500}.vkuiPanelHeader:before,.vkuiPanelHeader__in{height:var(--vkui_internal--panel_header_height);padding-top:var(--vkui_internal--safe_area_inset_top)}.vkuiPanelHeader__after{align-items:center;box-sizing:border-box;color:var(--vkui--color_icon_accent_themed);display:flex;justify-content:flex-end}.vkuiPanelHeader__after>:not(:last-child){margin-right:4px}.vkuiPanelHeader--ios .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 0 4px 4px;transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{opacity:1;text-align:center;transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__after{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 4px 4px 0;transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty){margin-right:-8px;padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiPanelHeader--sizeY-compact:not(.vkuiPanelHeader--vkcom) .vkuiPanelHeader__content-in{font-size:20px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiPanelHeader--sizeY-none:not(.vkuiPanelHeader--vkcom) .vkuiPanelHeader__content-in{font-size:20px}}.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}@media (min-width:768px){.vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:16px}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:16px}.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}@media (min-width:768px){.vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}}.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{position:relative;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:var(--vkui--color_background_content);bottom:0;content:"";height:var(--vkui--size_border--regular);left:var(--vkui--size_border--regular);position:absolute;right:var(--vkui--size_border--regular)}@media (min-width:768px){.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-none:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:var(--vkui--color_background_content);bottom:0;content:"";height:var(--vkui--size_border--regular);left:var(--vkui--size_border--regular);position:absolute;right:var(--vkui--size_border--regular)}}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:0;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset}@media (min-width:768px){.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-none:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:0;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset}}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__after,.vkuiPanelHeader--vkcom .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0}.vkuiPanelHeader__separator{margin-top:calc(-1 * var(--vkui--size_border--regular))}.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiInternalPanel--centered .vkuiPanelHeader{left:0;position:absolute;top:0;width:100%}
 .vkuiPanelHeaderContent{align-items:center;box-sizing:border-box;display:flex;font-family:var(--vkui--font_family_base);height:100%;justify-content:flex-start;line-height:normal;max-width:100%}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;min-width:0}.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__childrenText,.vkuiPanelHeaderContent__status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiPanelHeaderContent__status{color:var(--vkui--color_text_secondary);margin-top:1px;max-width:100%;order:1}.vkuiPanelHeaderContent__children{align-items:center;display:flex;max-width:100%}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{align-items:center;color:var(--vkui--color_icon_accent);display:flex;justify-content:flex-start;margin-left:2px}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent__in--centered{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-family:var(--vkui--font_family_accent);font-size:21px;font-weight:500;line-height:var(--vkui_internal--panel_header_height)}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in{font-family:var(--vkui--font_family_accent);font-size:23px;font-weight:500;line-height:var(--vkui_internal--panel_header_height)}.vkuiInternalPanelHeader--no-before .vkuiPanelHeaderContent--vkcom{padding-left:16px}.vkuiPanelHeaderContent--sizeY-compact:not(.vkuiPanelHeaderContent--vkcom) .vkuiPanelHeaderContent__children-in{font-size:20px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiPanelHeaderContent--sizeY-none:not(.vkuiPanelHeaderContent--vkcom) .vkuiPanelHeaderContent__children-in{font-size:20px}}
 .vkuiPanelHeaderContext{z-index:var(--vkui_internal--z_index_panel_header_context)}.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--opened{height:100%;width:100%}.vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--opened{height:auto}@media (min-width:768px){.vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--opened{height:auto}}.vkuiPanelHeaderContext__in{box-sizing:border-box;left:0;padding:8px;pointer-events:none;position:absolute;width:100%}.vkuiPanelHeaderContext__fade{background:rgba(0,0,0,.4);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.vkuiPanelHeaderContext--sizeX-compact .vkuiPanelHeaderContext__fade{display:block}@media (max-width:767.9px){.vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__fade{display:block}}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade{animation:vkuianimation-panelheadercontext-fade-in .2s ease}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade{animation:vkuianimation-panelheadercontext-fade-out .2s ease}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{animation:vkuianimation-panelheadercontext-translate-in .2s ease;pointer-events:auto}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{animation:vkuianimation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext__content{background:var(--vkui--color_background_content);overflow:hidden}.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__in{padding:0}.vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__content,.vkuiPanelHeaderContext:not(.vkuiPanelHeaderContext--ios) .vkuiPanelHeaderContext__content{border-radius:12px;padding:8px 0}@media (min-width:768px){.vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__content{border-radius:12px;padding:8px 0}}.vkuiPanelHeaderContext--sizeX-regular .vkuiPanelHeaderContext__in{padding:12px 8px}.vkuiPanelHeaderContext--sizeX-regular .vkuiPanelHeaderContext__content{border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}@media (min-width:768px){.vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__in{padding:12px 8px}.vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__content{border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}}@keyframes vkuianimation-panelheadercontext-translate-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes vkuianimation-panelheadercontext-translate-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes vkuianimation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkuianimation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}
@@ -124,7 +124,7 @@
 .vkuiInput{font-size:16px;line-height:20px;position:relative}.vkuiInput--align-center .vkuiInput__el{text-align:center}.vkuiInput--align-right .vkuiInput__el{text-align:right}.vkuiInput__el{border-radius:inherit;box-sizing:border-box;color:var(--vkui--color_text_primary);height:var(--vkui--size_field_height--regular);padding:0 12px;position:relative;width:100%;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiInput--sizeY-compact .vkuiInput__el{height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiInput--sizeY-none .vkuiInput__el{height:var(--vkui--size_field_height--compact)}}.vkuiInput--hasBefore .vkuiInput__el{padding-left:0}.vkuiInput--hasAfter .vkuiInput__el{padding-right:0}.vkuiInput__el:disabled{opacity:var(--vkui--opacity_disable_accessibility)}.vkuiInput__el::-ms-input-placeholder{color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el::placeholder{color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el:disabled::-ms-input-placeholder{color:var(--vkui--color_text_secondary)}.vkuiInput__el:disabled::placeholder{color:var(--vkui--color_text_secondary)}
 .vkuiChip{align-items:center;background:var(--vkui--color_background_content);border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:6px;box-sizing:border-box;display:inline-flex;height:32px}.vkuiChip__in,.vkuiChip__removable{align-items:center;border-radius:inherit;display:flex;height:100%;position:relative}.vkuiChip__in{overflow:hidden;padding-left:8px}.vkuiChip__in:last-of-type{padding-right:8px}.vkuiChip__content{color:var(--vkui--color_text_primary);display:inline-block;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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiChip--sizeY-compact .vkuiChip__content{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)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiChip--sizeY-none .vkuiChip__content{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)}}.vkuiChip__removable{flex-grow:0;flex-shrink:0}.vkuiChip__remove{background:transparent;border:0;border-radius:inherit;box-sizing:border-box;color:var(--vkui--color_icon_secondary);cursor:pointer;flex:0 0 100%;padding:5px;transform:translateX(-1px)}.vkuiChip__before{margin-right:6px}.vkuiChip__after{margin-left:6px}.vkuiChip--sizeY-compact{height:28px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiChip--sizeY-none{height:28px}}
 .vkuiChipsInputBase{--vkui_internal--chips_input_base_container_gap:4px;display:flex;flex-grow:1;flex-shrink:1;flex-wrap:wrap;list-style:none;margin:0;max-width:100%;overflow:hidden;padding:var(--vkui_internal--chips_input_base_container_gap);position:relative;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiChipsInputBase__chip{margin:2px;max-width:calc(100% - var(--vkui_internal--chips_input_base_container_gap))}.vkuiChipsInputBase__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none;color:var(--vkui--color_text_primary);flex:1;margin:2px 2px 4px 10px;padding:0;position:relative;width:100%}.vkuiChipsInputBase__el:not(:-moz-read-only):focus{min-width:64px}.vkuiChipsInputBase__el:not(:read-only):focus{min-width:64px}.vkuiChipsInputBase__el::-ms-clear{display:none}.vkuiChipsInputBase__el:disabled{opacity:var(--vkui--opacity_disable_accessibility)}.vkuiChipsInputBase__el::-ms-input-placeholder{color:var(--vkui--color_text_secondary);opacity:1}.vkuiChipsInputBase__el::placeholder{color:var(--vkui--color_text_secondary);opacity:1}.vkuiChipsInputBase__el:disabled::-ms-input-placeholder{color:var(--vkui--color_text_secondary)}.vkuiChipsInputBase__el:disabled::placeholder{color:var(--vkui--color_text_secondary)}.vkuiChipsInputBase__el[readonly]{cursor:default}.vkuiChipsInputBase--hasPlaceholder .vkuiChipsInputBase__el{margin-left:calc(12px - var(--vkui_internal--chips_input_base_container_gap));margin-right:0;text-overflow:ellipsis;white-space:nowrap}.vkuiChipsInputBase--sizeY-compact{--vkui_internal--chips_input_base_container_gap:2px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiChipsInputBase--sizeY-none{--vkui_internal--chips_input_base_container_gap:2px}}
-.vkuiCustomScrollView{height:100%;overflow:hidden;position:relative;width:100%}.vkuiCustomScrollView__box{height:100%;max-height:inherit;overflow-x:hidden;overflow-y:scroll;padding-right:100px;position:relative;width:100%}.vkuiCustomScrollView__barY:active+.vkuiCustomScrollView__box{pointer-events:none}.vkuiCustomScrollView__barY{height:100%;position:absolute;right:0;top:0;width:10px}.vkuiCustomScrollView__trackerY{box-sizing:border-box;left:0;padding:4px 4px 4px 0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10px}.vkuiCustomScrollView__trackerY--hidden{opacity:0;transition:opacity .2s}.vkuiCustomScrollView__trackerY:before{background-color:var(--vkui--color_icon_medium);border-radius:12px;content:"";display:block;height:100%;opacity:.48;transition:transform .2s,opacity .2s;width:100%}.vkuiCustomScrollView__trackerY:active:before,.vkuiCustomScrollView__trackerY:hover:before{opacity:.8;transform:scaleX(1.3333)}.vkuiInternalCustomSelectDropdown .vkuiCustomScrollView__box{padding-right:8px}.vkuiInternalCustomSelectDropdown--wide .vkuiCustomScrollView__box{padding-right:0}.vkuiCustomScrollView--hasPointer-true .vkuiCustomScrollView__box{scrollbar-width:none}.vkuiCustomScrollView--hasPointer-true .vkuiCustomScrollView__box::-webkit-scrollbar{display:none}@media (pointer:fine){.vkuiCustomScrollView--hasPointer-none .vkuiCustomScrollView__box{scrollbar-width:none}.vkuiCustomScrollView--hasPointer-none .vkuiCustomScrollView__box::-webkit-scrollbar{display:none}}.vkuiCustomScrollView--hasPointer-false .vkuiCustomScrollView__barY{display:none}@media (pointer:coarse),(pointer:none){.vkuiCustomScrollView--hasPointer-none .vkuiCustomScrollView__barY{display:none}}
+.vkuiCustomScrollView{height:100%;overflow:hidden;position:relative;width:100%}.vkuiCustomScrollView__box{height:100%;max-height:inherit;overflow-x:hidden;overflow-y:scroll;padding-right:100px;position:relative;width:100%}.vkuiCustomScrollView__box-content{position:relative}.vkuiCustomScrollView__barY:active+.vkuiCustomScrollView__box{pointer-events:none}.vkuiCustomScrollView__barY{height:100%;position:absolute;right:0;top:0;width:10px}.vkuiCustomScrollView__trackerY{box-sizing:border-box;left:0;padding:4px 4px 4px 0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10px}.vkuiCustomScrollView__trackerY--hidden{opacity:0;transition:opacity .2s}.vkuiCustomScrollView__trackerY:before{background-color:var(--vkui--color_icon_medium);border-radius:12px;content:"";display:block;height:100%;opacity:.48;transition:transform .2s,opacity .2s;width:100%}.vkuiCustomScrollView__trackerY:active:before,.vkuiCustomScrollView__trackerY:hover:before{opacity:.8;transform:scaleX(1.3333)}.vkuiInternalCustomSelectDropdown .vkuiCustomScrollView__box{padding-right:8px}.vkuiInternalCustomSelectDropdown--wide .vkuiCustomScrollView__box{padding-right:0}.vkuiCustomScrollView--hasPointer-true .vkuiCustomScrollView__box{scrollbar-width:none}.vkuiCustomScrollView--hasPointer-true .vkuiCustomScrollView__box::-webkit-scrollbar{display:none}@media (pointer:fine){.vkuiCustomScrollView--hasPointer-none .vkuiCustomScrollView__box{scrollbar-width:none}.vkuiCustomScrollView--hasPointer-none .vkuiCustomScrollView__box::-webkit-scrollbar{display:none}}.vkuiCustomScrollView--hasPointer-false .vkuiCustomScrollView__barY{display:none}@media (pointer:coarse),(pointer:none){.vkuiCustomScrollView--hasPointer-none .vkuiCustomScrollView__barY{display:none}}
 .vkuiCustomSelectDropdown{background-color:var(--vkui--color_background_modal);border:var(--vkui--size_border--regular) solid var(--vkui--color_field_border_alpha);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;overflow:hidden}.vkuiCustomSelectDropdown--wide{width:100%}.vkuiCustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelectDropdown--top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:var(--vkui--elevation1_invert_y)}.vkuiCustomSelectDropdown__fetching{padding:12px 0}.vkuiCustomSelectDropdown__in--withMaxHeight{max-height:160px}.vkuiInternalCalendarHeader__pickers .vkuiCustomSelectDropdown__in--withMaxHeight{max-height:184px}
 .vkuiCustomSelectOption{align-items:center;box-sizing:border-box;color:var(--vkui--color_text_primary);cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.vkuiCustomSelectOption--hierarchy{--vkui_internal--custom_select_option_hierarchy_level:0;padding-left:calc(var(--vkui_internal--custom_select_option_hierarchy_level) * var(--vkui--size_option_hierarchy--regular))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiCustomSelectOption--sizeY-none{min-height:44px}}.vkuiCustomSelectOption--disabled{cursor:default;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiCustomSelectOption--hover{background-color:var(--vkui--color_transparent--hover)}.vkuiCustomSelectOption__before{flex-shrink:0;margin-right:7px}.vkuiCustomSelectOption__main{flex-grow:1;max-width:100%;min-width:0}.vkuiCustomSelectOption__children{min-width:0}.vkuiCustomSelectOption__after{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.vkuiCustomSelectOption__description{color:var(--vkui--color_text_secondary)}.vkuiCustomSelectOption__selectedIcon{color:var(--vkui--color_icon_accent)}.vkuiCustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}
 .vkuiChipsSelect{position:relative}.vkuiChipsSelect__empty{color:var(--vkui--color_text_secondary);padding:12px 0;text-align:center}.vkuiChipsSelect--pop-down{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiChipsSelect--pop-up{border-top-left-radius:0;border-top-right-radius:0}