@vkontakte/vkui 4.29.1 → 4.30.0

package/dist/components/PanelHeader/PanelHeader.js

@@ -85,9 +85,9 @@ var PanelHeader = function PanelHeader(props) {
     vkuiClass: "PanelHeader__fixed",
     vertical: "top",
     getRootRef: getRef
-  }, createScopedElement(PanelHeaderIn, props)) : createScopedElement(PanelHeaderIn, props), separator && visor && platform !== VKCOM && createScopedElement(Separator, {
-    vkuiClass: "PanelHeader__separator",
-    expanded: sizeX === SizeType.REGULAR
+  }, createScopedElement(PanelHeaderIn, props)) : createScopedElement(PanelHeaderIn, props), separator && visor && createScopedElement(Separator, {
+    expanded: sizeX === SizeType.REGULAR && platform !== VKCOM,
+    wide: platform === VKCOM
   }));
 };
 

package/dist/components/PanelHeader/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","Text","TooltipContainer","ModalRootContext","PanelHeaderIn","children","left","right","useContext","webviewType","isInsideModal","platform","INTERNAL","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","VKAPPS","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport Separator from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  left?: React.ReactNode;\n  right?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n}) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">{left}</div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {platform === VKCOM ? (\n          <Text weight=\"medium\">{children}</Text>\n        ) : (\n          <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n        )}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {(webviewType === WebviewType.INTERNAL || isInsideModal) && right}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        {\n          \"PanelHeader--trnsp\": transparent,\n          \"PanelHeader--shadow\": needShadow,\n          \"PanelHeader--vis\": visor,\n          \"PanelHeader--sep\": separator && visor,\n          \"PanelHeader--vkapps\":\n            webviewType === WebviewType.VKAPPS && !isInsideModal,\n          \"PanelHeader--no-left\": !left,\n          \"PanelHeader--no-right\": !right,\n          \"PanelHeader--fixed\": isFixed,\n        },\n        `PanelHeader--sizeX-${sizeX}`\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn {...props} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...props} />\n      )}\n      {separator && visor && platform !== VKCOM && (\n        <Separator\n          vkuiClass=\"PanelHeader__separator\"\n          expanded={sizeX === SizeType.REGULAR}\n        />\n      )}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}
+{"version":3,"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","Text","TooltipContainer","ModalRootContext","PanelHeaderIn","children","left","right","useContext","webviewType","isInsideModal","platform","INTERNAL","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","VKAPPS","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport Separator from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  left?: React.ReactNode;\n  right?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n}) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">{left}</div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {platform === VKCOM ? (\n          <Text weight=\"medium\">{children}</Text>\n        ) : (\n          <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n        )}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {(webviewType === WebviewType.INTERNAL || isInsideModal) && right}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        {\n          \"PanelHeader--trnsp\": transparent,\n          \"PanelHeader--shadow\": needShadow,\n          \"PanelHeader--vis\": visor,\n          \"PanelHeader--sep\": separator && visor,\n          \"PanelHeader--vkapps\":\n            webviewType === WebviewType.VKAPPS && !isInsideModal,\n          \"PanelHeader--no-left\": !left,\n          \"PanelHeader--no-right\": !right,\n          \"PanelHeader--fixed\": isFixed,\n        },\n        `PanelHeader--sizeX-${sizeX}`\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn {...props} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...props} />\n      )}\n      {separator && visor && (\n        <Separator\n          expanded={sizeX === SizeType.REGULAR && platform !== VKCOM}\n          wide={platform === VKCOM}\n        />\n      )}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}

package/dist/components.css

@@ -23,7 +23,7 @@
     rgba(255, 255, 255, 0.2)
   )}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{background-color:rgba(255,255,255,.24);background-color:var(--vkui--color_background_contrast_secondary_alpha--hover)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{background-color:rgba(255,255,255,.28);background-color:var(--vkui--color_background_contrast_secondary_alpha--active)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay{color:#2c2d2e;color:var(--media_overlay_button_foreground,
     var(--vkui--color_text_primary_invariably)
-  )}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay,.vkuiButton--lvl-outline.vkuiButton--clr-overlay{color:#fff;color:var(--white, var(--vkui--color_text_contrast))}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--white, var(--vkui--color_stroke_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active)}.vkuiButton__before:not(:last-child){margin-left:-4px}.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton__after:not(:first-child){margin-left:6px}.vkuiButton--sz-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--sz-l .vkuiButton__after:not(:first-child){margin-left:8px}.vkuiButton--sz-l .vkuiButton__in{justify-content:center;padding-left:20px;padding-right:20px}.vkuiButton:not(.vkuiButton--sz-s) .vkuiButton__content{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.vkuiButton--sz-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sz-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}.vkuiButton--sizeY-regular.vkuiButton--sz-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}.vkuiButton--sizeY-regular.vkuiButton--sz-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}.vkuiBanner__actions>.vkuiButton{margin-top:12px;margin-right:16px;margin-bottom:6px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary{margin:4px 16px 2px -16px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary:first-child{margin-top:4px}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton:not(.vkuiButton--lvl-tertiary){margin-top:0}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton--lvl-tertiary{margin-top:2px;margin-left:-16px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary+.vkuiButton--lvl-tertiary{margin-top:2px}.vkuiModalCardBase__actions .vkuiButton{flex:1;margin-left:6px;margin-right:6px;width:0}.vkuiModalCardBase__actions--v .vkuiButton{margin-left:0;margin-right:0;width:100%}.vkuiModalCardBase__actions--v .vkuiButton+.vkuiButton{margin-top:12px}.vkuiRichCell__actions>.vkuiButton+.vkuiButton{margin-left:8px}.vkuiRemovable__content{position:relative;display:flex;align-items:center;padding-left:16px;padding-left:var(--formitem_padding)}.vkuiRemovable__action{position:relative;flex-grow:0;flex-shrink:0;border:0}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:28px}.vkuiFormItem--sizeY-compact.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:26px}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{position:absolute;left:100%;top:0;height:100%;padding:0 10px;font-size:15px;line-height:45px;color:#fff;color:var(--white);background-color:#e64646;background-color:var(--destructive);border:0;border-radius:0;letter-spacing:var(--vk-sans-ls-17)}.vkuiRemovable__remove-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{display:block;width:44px;height:44px;margin:0 2px;background:0 0}.vkuiRemovable__toggle-in{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;border:0}.vkuiRemovable__toggle-in::after{content:"";width:22px;height:22px;background-color:#e64646;background-color:var(--destructive);border-radius:50%}.vkuiRemovable__toggle-in::before{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;background-color:var(--white)}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--formitem_padding)}.vkuiFormLayoutGroup--removable .vkuiRemovable__content{flex-wrap:wrap}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{order:-1;display:block;width:100%;height:28px}.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{height:26px}[class$="--focus-visible"]>.vkuiFocusVisible{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent);-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;z-index:0}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:-2px;left:-2px;right:-2px;bottom:-2px}@media (prefers-reduced-motion:no-preference){[class$="--focus-visible"]>.vkuiFocusVisible{top:4px;left:4px;right:4px;bottom:4px;-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;will-change:top,left,bottom,right}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:0;left:0;bottom:0;right:0;-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside}@-webkit-keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}}.vkuiRoot{width:100%;height:100%;position:relative}.vkuiRoot--transition{pointer-events:none}.vkuiRoot__view{width:100%;height:100%;position:relative}.vkuiRoot--transition .vkuiRoot__view{position:fixed;left:0;top:0;overflow:hidden}.vkuiRoot__scrollCompensation{width:100%;height:100%}.vkuiRoot__view--show-back,.vkuiRoot__view--hide-forward{z-index:1}.vkuiRoot__view--show-forward,.vkuiRoot__view--hide-back{z-index:2}.vkuiRoot__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiRoot__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiRoot__modal:empty{display:none}.vkuiRoot--ios .vkuiRoot__view--show-back::after,.vkuiRoot--ios .vkuiRoot__view--hide-forward::after{position:absolute;width:100%;height:100%;left:0;top:0;display:block;content:"";background-color:#000;z-index:6}.vkuiRoot--ios .vkuiRoot__view--show-back::after{-webkit-animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward::after{-webkit-animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--show-forward{-webkit-animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--hide-back{-webkit-animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards}@-webkit-keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@-webkit-keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vkuiRoot--android .vkuiRoot__view--show-forward,.vkuiRoot--vkcom .vkuiRoot__view--show-forward{-webkit-animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-root-android-animation-show-forward .3s var(--android-easing);animation:vkui-root-android-animation-show-forward .3s var(--android-easing)}.vkuiRoot--android .vkuiRoot__view--hide-back,.vkuiRoot--vkcom .vkuiRoot__view--hide-back{-webkit-animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards;animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards}@-webkit-keyframes vkui-root-android-animation-hide-back{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}@keyframes vkui-root-android-animation-hide-back{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}@-webkit-keyframes vkui-root-android-animation-show-forward{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes vkui-root-android-animation-show-forward{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiView--ios .vkuiPanel__in{padding:0 0 0 0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.vkuiView--ios .vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-prev-forward .6s var(--ios-easing);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-back .6s var(--ios-easing);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-forward .6s var(--ios-easing);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:#000;pointer-events:none}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-fade-in .6s var(--ios-easing);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{-webkit-animation:none;animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@-webkit-keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{position:relative;height:100%;width:100%;word-wrap:break-word}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{z-index:2;position:fixed;width:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--animated .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header{pointer-events:none}.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{position:relative;width:100%;height:100%;box-sizing:border-box;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{position:fixed;top:0;left:0;overflow:hidden}.vkuiView__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiView__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiView__modal:empty{display:none}.vkuiView--vkcom,.vkuiView--android{font-family:-apple-systemsystem-uiHelvetica NeueRobotosans-serif;font-family:var(--font-common)}.vkuiView--vkcom .vkuiView__panel--active::before,.vkuiView--android .vkuiView__panel--active::before{content:none}.vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-view-next-forward .3s var(--android-easing);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{-webkit-animation:none;animation:none}@-webkit-keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiPanel{position:relative;width:100%;height:100%}.vkuiPanel::after{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;content:""}.vkuiPanel--centered .vkuiPanelHeader{position:absolute;left:0;top:0;width:100%}.vkuiPanel__in{position:relative;box-sizing:border-box;width:100%;min-height:100%;z-index:2;display:flex;flex-direction:column}.vkuiPanel__centered{display:flex;flex:1 0;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+*{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+*,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+*{margin-top:56px;margin-top:var(--panelheader_height_android)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 5px);margin-top:calc(var(--panelheader_height_ios) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--panelheader_height_android) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 5px);margin-top:calc(var(--panelheader_height_vkcom) + 5px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 16px);margin-top:calc(var(--panelheader_height_ios) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--panelheader_height_android) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 16px);margin-top:calc(var(--panelheader_height_vkcom) + 16px)}.vkuiEpic .vkuiPanel__in{padding-bottom:48px;padding-bottom:var(--tabbar_height);padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__separator{position:relative;z-index:3}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel::after{background-color:#fff;background-color:var(--background_content)}.vkuiPanel.vkuiPanel--regular .vkuiPanel__in,.vkuiPanel.vkuiPanel--regular::after{background-color:transparent}.vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed::before{display:block;content:""}.vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed){height:0}.vkuiPanelHeader__fixed{z-index:10}.vkuiPanelHeader__in{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;position:relative;background:#fff;background:var(--header_background)}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:0 0}.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}.vkuiPanelHeader__left{box-sizing:border-box;color:#2688eb;color:var(--header_tint);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--header_text);font-weight:500;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display)}.vkuiPanelHeader__right{display:flex;justify-content:flex-end;box-sizing:border-box;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader--vkapps .vkuiPanelHeader__right{min-width:90px}.vkuiPanelHeader--sizeX-compact .vkuiPanelHeader__separator{padding-top:4px}.vkuiPanelHeader--ios~.vkuiFixedLayout--top,.vkuiPanelHeader--ios~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(52px + 0px);top:calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))}.vkuiPanelHeader--ios::before,.vkuiPanelHeader--ios .vkuiPanelHeader__in{height:52px;height:var(--panelheader_height_ios);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--ios .vkuiPanelHeader__left{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 0 4px 4px}.vkuiPanelHeader--ios .vkuiPanelHeader__left .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{text-align:center;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px;line-height:52px;line-height:var(--panelheader_height_ios);letter-spacing:var(--vk-sans-ls-2);font-family:var(--vk-sans-display)}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 4px 4px 0}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__left,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__right,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android~.vkuiFixedLayout--top,.vkuiPanelHeader--android~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(56px + 0px);top:calc(var(--panelheader_height_android) + var(--safe-area-inset-top))}.vkuiPanelHeader--android::before,.vkuiPanelHeader--android .vkuiPanelHeader__in{height:56px;height:var(--panelheader_height_android);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--android .vkuiPanelHeader__left:not(:empty){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;letter-spacing:var(--vk-sans-ls-25);font-family:var(--vk-sans-display)}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-left .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-left:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-right .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-right:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__right:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__right:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{position:relative;z-index:10}.vkuiPanelHeader--vkcom~.vkuiFixedLayout--top,.vkuiPanelHeader--vkcom~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(48px + 0px);top:calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sep .vkuiPanelHeader__in{border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 0 0 1px #e1e3e6 inset;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset;border-bottom:none}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom::before,.vkuiPanelHeader--vkcom .vkuiPanelHeader__in{height:48px;height:var(--panelheader_height_vkcom);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left,.vkuiPanelHeader--vkcom .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1}.vkuiPanelHeaderButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton .vkuiCounter{position:absolute;padding:0;top:8px;right:2px}.vkuiPanelHeaderButton--ios{position:relative;display:flex;align-items:center;font-size:17px;letter-spacing:var(--vk-sans-ls-25)}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px;padding:0 12px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderButton--android{border-radius:50%}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 12px}.vkuiPanelHeaderButton--android .vkuiIcon--24{padding:12px}.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderButton--vkcom>:not(.vkuiCounter){transition:opacity .3s;opacity:.7}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{display:flex;align-items:center;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label{padding-right:8px}.vkuiPanelHeaderContent{line-height:initial;height:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;font-family:-apple-systemsystem-uiHelvetica NeueRobotosans-serif;font-family:var(--font-common)}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{flex-grow:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.vkuiPanelHeaderContent__status,.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__children .vkuiHeadline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vkuiPanelHeaderContent__status{order:1;margin-top:1px;max-width:100%;color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderContent__children{max-width:100%;display:flex;align-items:center}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{display:flex;align-items:center;justify-content:flex-start;margin-left:2px;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-size:21px;font-weight:500;line-height:52px;line-height:var(--panelheader_height_ios);letter-spacing:var(--vk-sans-ls-2);font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vk-sans-display, var(--font-display))}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in{font-size:23px;font-weight:500;line-height:56px;line-height:var(--panelheader_height_android);letter-spacing:var(--vk-sans-ls-25);font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vk-sans-display, var(--font-display))}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContext--opened,.vkuiPanelHeaderContext--closing{width:100%;height:100%}.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--opened,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--closing{height:auto}.vkuiPanelHeaderContext__in{position:absolute;left:0;width:100%;z-index:2}.vkuiPanelHeaderContext__fade{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(0,0,0,.4)}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-in .2s ease;animation:vkui-animation-panelheadercontext-fade-in .2s ease}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-out .2s ease;animation:vkui-animation-panelheadercontext-fade-out .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--ios .vkuiList{background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--android .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom .vkuiPanelHeaderContext__in{padding:8px;box-sizing:border-box}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--android .vkuiList,.vkuiPanelHeaderContext--vkcom .vkuiList,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--ios .vkuiList{overflow:hidden;border-radius:12px;padding:8px 0;background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__in{padding:12px 8px;box-sizing:border-box}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content{border-radius:12px;overflow:hidden;background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content{box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}@-webkit-keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}.vkuiPopoutRoot{width:100%;height:100%;position:relative}.vkuiPopoutRoot__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiPopoutRoot--absolute{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiPopoutRoot__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiPopoutRoot__modal:empty{display:none}.vkuiSplitLayout{width:100%;height:100%;position:relative;font-family:-apple-systemsystem-uiHelvetica NeueRobotosans-serif;font-family:var(--font-common)}.vkuiSplitLayout__inner{width:100%;height:100%;display:flex}.vkuiSplitLayout__inner--header{position:relative;z-index:11}.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header{margin-top:calc(-1*calc(52px + 0px));margin-top:calc(-1*calc(var(--panelheader_height_ios) + var(--safe-area-inset-top)))}.vkuiSplitLayout--android .vkuiSplitLayout__inner--header,.vkuiSplitLayout--vkcom .vkuiSplitLayout__inner--header{margin-top:calc(-1*calc(56px + 0px));margin-top:calc(-1*calc(var(--panelheader_height_android) + var(--safe-area-inset-top)))}.vkuiSplitLayout__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiSplitLayout__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiSplitLayout__modal:empty{display:none}.vkuiSplitCol{height:100%;width:1px;flex-grow:1;flex-shrink:1;position:relative}.vkuiSplitCol--spaced{margin:0 16px}.vkuiSplitCol--fixed{height:100%;width:1px;flex-grow:1;flex-shrink:1}.vkuiSplitCol__fixedInner{height:inherit;width:inherit;min-width:inherit;max-width:inherit;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.vkuiEpic{width:100%;height:100%}.vkuiTabbar{position:fixed;z-index:2;bottom:0;left:0;width:100%;height:48px;height:var(--tabbar_height);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);box-sizing:content-box;background:#fff;background:var(--header_alternate_background)}.vkuiTabbar__in{display:flex;justify-content:center;overflow:hidden}.vkuiTabbar--ios.vkuiTabbar--shadow::before{position:absolute;bottom:100%;left:0;width:100%;height:1px;background:#d7d8d9;background:var(--separator_common);-webkit-transform-origin:center bottom;transform-origin:center bottom;content:""}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiTabbar--android.vkuiTabbar--shadow,.vkuiTabbar--vkcom.vkuiTabbar--shadow{box-shadow:0-2px 4px 0 rgba(0,0,0,.06),0 0 2px 0 rgba(0,0,0,.08)}.vkuiTabbarItem{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--tabbar_inactive_icon);text-decoration:none;border:0;outline:0;padding:0;background:0 0;height:48px;height:var(--tabbar_height);position:relative}.vkuiTabbar .vkuiTabbarItem{flex-shrink:0;max-width:100%;min-width:0;flex-grow:1;flex-basis:0}.vkuiTabbarItem--selected{color:#2975cc;color:var(--tabbar_active_icon)}.vkuiTabbarItem__tappable{position:absolute}.vkuiTabbarItem__in{display:flex;padding:0 2px;align-items:center;justify-content:center;pointer-events:none;height:100%;width:100%;overflow:hidden}.vkuiTabbar--l-vertical .vkuiTabbarItem--text .vkuiTabbarItem__in{position:relative;top:2px}.vkuiTabbar--l-vertical .vkuiTabbarItem__in{flex-direction:column}.vkuiTabbar--l-horizontal .vkuiTabbarItem__in{flex-direction:row}.vkuiTabbarItem__icon{position:relative}.vkuiTabbarItem__label .vkuiCounter{position:absolute;top:-2px;right:-9px}.vkuiTabbarItem__label .vkuiBadge{position:absolute;top:-2px;right:-4px}.vkuiTabbarItem__text{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.vkuiTabbar--l-vertical .vkuiTabbarItem__text{font-size:10px;line-height:12px;font-weight:500;margin-top:2px;letter-spacing:var(--vk-sans-ls15)}.vkuiTabbar--l-horizontal .vkuiTabbarItem__text{font-size:13px;font-weight:500;margin-left:8px}.vkuiTabbarItem--android .vkuiTabbarItem__tappable{width:calc(100% + 16px);padding-bottom:calc(100% + 16px);border-radius:50%}.vkuiTabbarItem--android:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.vkuiTabbarItem--android:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable{width:100%;height:100%;top:0;left:0}.vkuiTabbarItem--ios .vkuiTabbarItem__in{transition:-webkit-transform .07s cubic-bezier(.36,.66,.04,1);transition:transform .07s cubic-bezier(.36,.66,.04,1);transition:transform .07s cubic-bezier(.36,.66,.04,1),-webkit-transform .07s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .07s var(--ios-easing);transition:transform .07s var(--ios-easing);transition:transform .07s var(--ios-easing),-webkit-transform .07s var(--ios-easing)}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable--active+.vkuiTabbarItem__in{-webkit-transform:scale(.96);transform:scale(.96)}.vkuiHorizontalScroll{position:relative;overflow:hidden}.vkuiHorizontalScroll__in{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;margin-bottom:-20px}.vkuiHorizontalScroll__in::-webkit-scrollbar{display:none}.vkuiHorizontalScroll__in-wrapper{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.vkuiHorizontalScrollArrow--left:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(8px);transform:translateX(8px)}.vkuiHorizontalScrollArrow--right:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.vkuiHorizontalScrollArrow{position:absolute;cursor:pointer;-webkit-user-select:auto;user-select:auto;top:0;height:100%;padding:0;opacity:0;z-index:3;border:0;background-color:transparent;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);display:flex;flex-direction:column;justify-content:center}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow,.vkuiGallery:hover .vkuiHorizontalScrollArrow{opacity:.72}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover,.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow{opacity:1}.vkuiHorizontalScrollArrow__icon{background-color:#fff;background-color:var(--modal_card_background,
+  )}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay,.vkuiButton--lvl-outline.vkuiButton--clr-overlay{color:#fff;color:var(--white, var(--vkui--color_text_contrast))}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--white, var(--vkui--color_stroke_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active)}.vkuiButton__before:not(:last-child){margin-left:-4px}.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton__after:not(:first-child){margin-left:6px}.vkuiButton--sz-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--sz-l .vkuiButton__after:not(:first-child){margin-left:8px}.vkuiButton--sz-l .vkuiButton__in{justify-content:center;padding-left:20px;padding-right:20px}.vkuiButton:not(.vkuiButton--sz-s) .vkuiButton__content{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.vkuiButton--sz-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sz-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}.vkuiButton--sizeY-regular.vkuiButton--sz-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}.vkuiButton--sizeY-regular.vkuiButton--sz-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}.vkuiBanner__actions>.vkuiButton{margin-top:12px;margin-right:16px;margin-bottom:6px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary{margin:4px 16px 2px -16px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary:first-child{margin-top:4px}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton:not(.vkuiButton--lvl-tertiary){margin-top:0}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton--lvl-tertiary{margin-top:2px;margin-left:-16px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary+.vkuiButton--lvl-tertiary{margin-top:2px}.vkuiModalCardBase__actions .vkuiButton{flex:1;margin-left:6px;margin-right:6px;width:0}.vkuiModalCardBase__actions--v .vkuiButton{margin-left:0;margin-right:0;width:100%}.vkuiModalCardBase__actions--v .vkuiButton+.vkuiButton{margin-top:12px}.vkuiRichCell__actions>.vkuiButton+.vkuiButton{margin-left:8px}.vkuiRemovable__content{position:relative;display:flex;align-items:center;padding-left:16px;padding-left:var(--formitem_padding)}.vkuiRemovable__action{position:relative;flex-grow:0;flex-shrink:0;border:0}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:28px}.vkuiFormItem--sizeY-compact.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:26px}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{position:absolute;left:100%;top:0;height:100%;padding:0 10px;font-size:15px;line-height:45px;color:#fff;color:var(--white);background-color:#e64646;background-color:var(--destructive);border:0;border-radius:0;letter-spacing:var(--vk-sans-ls-17)}.vkuiRemovable__remove-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{display:block;width:44px;height:44px;margin:0 2px;background:0 0}.vkuiRemovable__toggle-in{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;border:0}.vkuiRemovable__toggle-in::after{content:"";width:22px;height:22px;background-color:#e64646;background-color:var(--destructive);border-radius:50%}.vkuiRemovable__toggle-in::before{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;background-color:var(--white)}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--formitem_padding)}.vkuiFormLayoutGroup--removable .vkuiRemovable__content{flex-wrap:wrap}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{order:-1;display:block;width:100%;height:28px}.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{height:26px}[class$="--focus-visible"]>.vkuiFocusVisible{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent);-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;z-index:0}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:-2px;left:-2px;right:-2px;bottom:-2px}@media (prefers-reduced-motion:no-preference){[class$="--focus-visible"]>.vkuiFocusVisible{top:4px;left:4px;right:4px;bottom:4px;-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;will-change:top,left,bottom,right}[class$="--focus-visible"]>.vkuiFocusVisible--outside{top:0;left:0;bottom:0;right:0;-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside}@-webkit-keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}}.vkuiRoot{width:100%;height:100%;position:relative}.vkuiRoot--transition{pointer-events:none}.vkuiRoot__view{width:100%;height:100%;position:relative}.vkuiRoot--transition .vkuiRoot__view{position:fixed;left:0;top:0;overflow:hidden}.vkuiRoot__scrollCompensation{width:100%;height:100%}.vkuiRoot__view--show-back,.vkuiRoot__view--hide-forward{z-index:1}.vkuiRoot__view--show-forward,.vkuiRoot__view--hide-back{z-index:2}.vkuiRoot__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiRoot__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiRoot__modal:empty{display:none}.vkuiRoot--ios .vkuiRoot__view--show-back::after,.vkuiRoot--ios .vkuiRoot__view--hide-forward::after{position:absolute;width:100%;height:100%;left:0;top:0;display:block;content:"";background-color:#000;z-index:6}.vkuiRoot--ios .vkuiRoot__view--show-back::after{-webkit-animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-show-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-show-back .6s var(--ios-easing) forwards}.vkuiRoot--ios .vkuiRoot__view--hide-forward::after{-webkit-animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-hide-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-hide-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--show-forward{-webkit-animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-root-ios-animation-show-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing);animation:vkui-root-ios-animation-show-forward .6s var(--ios-easing)}.vkuiRoot--ios .vkuiRoot__view--hide-back{-webkit-animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-root-ios-animation-hide-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards;animation:vkui-root-ios-animation-hide-back .6s var(--ios-easing) forwards}@-webkit-keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@keyframes vkui-root-ios-animation-show-back{0%{opacity:.3}to{opacity:0}}@-webkit-keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@keyframes vkui-root-ios-animation-hide-forward{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes vkui-root-ios-animation-hide-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-root-ios-animation-show-forward{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vkuiRoot--android .vkuiRoot__view--show-forward,.vkuiRoot--vkcom .vkuiRoot__view--show-forward{-webkit-animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-root-android-animation-show-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-root-android-animation-show-forward .3s var(--android-easing);animation:vkui-root-android-animation-show-forward .3s var(--android-easing)}.vkuiRoot--android .vkuiRoot__view--hide-back,.vkuiRoot--vkcom .vkuiRoot__view--hide-back{-webkit-animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-root-android-animation-hide-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards;animation:vkui-root-android-animation-hide-back .3s var(--android-easing) forwards}@-webkit-keyframes vkui-root-android-animation-hide-back{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}@keyframes vkui-root-android-animation-hide-back{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}}@-webkit-keyframes vkui-root-android-animation-show-forward{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes vkui-root-android-animation-show-forward{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiView--ios .vkuiPanel__in{padding:0 0 0 0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.vkuiView--ios .vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-prev-forward .6s var(--ios-easing);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-back .6s var(--ios-easing);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-forward .6s var(--ios-easing);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:#000;pointer-events:none}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-fade-in .6s var(--ios-easing);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{-webkit-animation:none;animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@-webkit-keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{position:relative;height:100%;width:100%;word-wrap:break-word}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{z-index:2;position:fixed;width:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--animated .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header{pointer-events:none}.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{position:relative;width:100%;height:100%;box-sizing:border-box;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{position:fixed;top:0;left:0;overflow:hidden}.vkuiView__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiView__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiView__modal:empty{display:none}.vkuiView--vkcom,.vkuiView--android{font-family:-apple-systemsystem-uiHelvetica NeueRobotosans-serif;font-family:var(--font-common)}.vkuiView--vkcom .vkuiView__panel--active::before,.vkuiView--android .vkuiView__panel--active::before{content:none}.vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-view-next-forward .3s var(--android-easing);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{-webkit-animation:none;animation:none}@-webkit-keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiPanel{position:relative;width:100%;height:100%}.vkuiPanel::after{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;content:""}.vkuiPanel--centered .vkuiPanelHeader{position:absolute;left:0;top:0;width:100%}.vkuiPanel__in{position:relative;box-sizing:border-box;width:100%;min-height:100%;z-index:2;display:flex;flex-direction:column}.vkuiPanel__centered{display:flex;flex:1 0;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+*{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+*,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+*{margin-top:56px;margin-top:var(--panelheader_height_android)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 5px);margin-top:calc(var(--panelheader_height_ios) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--panelheader_height_android) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 5px);margin-top:calc(var(--panelheader_height_vkcom) + 5px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+*{margin-top:calc(52px + 16px);margin-top:calc(var(--panelheader_height_ios) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--panelheader_height_android) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 16px);margin-top:calc(var(--panelheader_height_vkcom) + 16px)}.vkuiEpic .vkuiPanel__in{padding-bottom:48px;padding-bottom:var(--tabbar_height);padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__separator{position:relative;z-index:3}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel::after{background-color:#fff;background-color:var(--background_content)}.vkuiPanel.vkuiPanel--regular .vkuiPanel__in,.vkuiPanel.vkuiPanel--regular::after{background-color:transparent}.vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed::before{display:block;content:""}.vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed){height:0}.vkuiPanelHeader__fixed{z-index:10}.vkuiPanelHeader__in{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;position:relative;background:#fff;background:var(--header_background)}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:0 0}.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}.vkuiPanelHeader__left{box-sizing:border-box;color:#2688eb;color:var(--header_tint);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--header_text);font-weight:500;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display)}.vkuiPanelHeader__right{display:flex;justify-content:flex-end;box-sizing:border-box;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader--vkapps .vkuiPanelHeader__right{min-width:90px}.vkuiPanelHeader--ios~.vkuiFixedLayout--top,.vkuiPanelHeader--ios~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(52px + 0px);top:calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))}.vkuiPanelHeader--ios::before,.vkuiPanelHeader--ios .vkuiPanelHeader__in{height:52px;height:var(--panelheader_height_ios);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--ios .vkuiPanelHeader__left{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 0 4px 4px}.vkuiPanelHeader--ios .vkuiPanelHeader__left .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{text-align:center;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px;line-height:52px;line-height:var(--panelheader_height_ios);letter-spacing:var(--vk-sans-ls-2);font-family:var(--vk-sans-display)}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 4px 4px 0}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__left,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__right,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android~.vkuiFixedLayout--top,.vkuiPanelHeader--android~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(56px + 0px);top:calc(var(--panelheader_height_android) + var(--safe-area-inset-top))}.vkuiPanelHeader--android::before,.vkuiPanelHeader--android .vkuiPanelHeader__in{height:56px;height:var(--panelheader_height_android);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--android .vkuiPanelHeader__left:not(:empty){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;letter-spacing:var(--vk-sans-ls-25);font-family:var(--vk-sans-display)}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-left .vkuiPanelHeader__content>*{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-left:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-right .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-right:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__right:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__right:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{position:relative;z-index:10}.vkuiPanelHeader--vkcom~.vkuiFixedLayout--top,.vkuiPanelHeader--vkcom~* .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(48px + 0px);top:calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in) .vkuiPanelHeader__in{border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 0 0 1px #e1e3e6 inset;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset;border-bottom:none}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiModalPageHeader__in)::after{position:absolute;left:1px;left:var(--thin-border);right:1px;right:var(--thin-border);bottom:0;height:1px;height:var(--thin-border);background-color:#fff;background-color:var(--header_background);content:""}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom::before,.vkuiPanelHeader--vkcom .vkuiPanelHeader__in{height:48px;height:var(--panelheader_height_vkcom);padding-top:0;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left,.vkuiPanelHeader--vkcom .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1}.vkuiPanelHeaderButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton .vkuiCounter{position:absolute;padding:0;top:8px;right:2px}.vkuiPanelHeaderButton--ios{position:relative;display:flex;align-items:center;font-size:17px;letter-spacing:var(--vk-sans-ls-25)}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px;padding:0 12px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderButton--android{border-radius:50%}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 12px}.vkuiPanelHeaderButton--android .vkuiIcon--24{padding:12px}.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderButton--vkcom>:not(.vkuiCounter){transition:opacity .3s;opacity:.7}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{display:flex;align-items:center;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label{padding-right:8px}.vkuiPanelHeaderContent{line-height:initial;height:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;font-family:-apple-systemsystem-uiHelvetica NeueRobotosans-serif;font-family:var(--font-common)}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{flex-grow:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.vkuiPanelHeaderContent__status,.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__children .vkuiHeadline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vkuiPanelHeaderContent__status{order:1;margin-top:1px;max-width:100%;color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderContent__children{max-width:100%;display:flex;align-items:center}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{display:flex;align-items:center;justify-content:flex-start;margin-left:2px;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-size:21px;font-weight:500;line-height:52px;line-height:var(--panelheader_height_ios);letter-spacing:var(--vk-sans-ls-2);font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vk-sans-display, var(--font-display))}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in{font-size:23px;font-weight:500;line-height:56px;line-height:var(--panelheader_height_android);letter-spacing:var(--vk-sans-ls-25);font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vk-sans-display, var(--font-display))}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--vkcom .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContext--opened,.vkuiPanelHeaderContext--closing{width:100%;height:100%}.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--opened,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--closing{height:auto}.vkuiPanelHeaderContext__in{position:absolute;left:0;width:100%;z-index:2}.vkuiPanelHeaderContext__fade{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(0,0,0,.4)}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-in .2s ease;animation:vkui-animation-panelheadercontext-fade-in .2s ease}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade{-webkit-animation:vkui-animation-panelheadercontext-fade-out .2s ease;animation:vkui-animation-panelheadercontext-fade-out .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--ios.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--ios .vkuiList{background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--android .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom .vkuiPanelHeaderContext__in{padding:8px;box-sizing:border-box}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-in .2s ease;animation:vkui-animation-panelheadercontext-translate-in .2s ease}.vkuiPanelHeaderContext--android.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in,.vkuiPanelHeaderContext--vkcom.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{-webkit-animation:vkui-animation-panelheadercontext-translate-out .2s ease;animation:vkui-animation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext--android .vkuiList,.vkuiPanelHeaderContext--vkcom .vkuiList,.vkuiPanelHeaderContext--desktop.vkuiPanelHeaderContext--ios .vkuiList{overflow:hidden;border-radius:12px;padding:8px 0;background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__in{padding:12px 8px;box-sizing:border-box}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content{border-radius:12px;overflow:hidden;background:#fff;background:var(--header_background)}.vkuiPanelHeaderContext--desktop .vkuiPanelHeaderContext__content{box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}@-webkit-keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-panelheadercontext-translate-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes vkui-animation-panelheadercontext-translate-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vkui-animation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}.vkuiPopoutRoot{width:100%;height:100%;position:relative}.vkuiPopoutRoot__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiPopoutRoot--absolute{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiPopoutRoot__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiPopoutRoot__modal:empty{display:none}.vkuiSplitLayout{width:100%;height:100%;position:relative;font-family:-apple-systemsystem-uiHelvetica NeueRobotosans-serif;font-family:var(--font-common)}.vkuiSplitLayout__inner{width:100%;height:100%;display:flex}.vkuiSplitLayout__inner--header{position:relative;z-index:11}.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header{margin-top:calc(-1*calc(52px + 0px));margin-top:calc(-1*calc(var(--panelheader_height_ios) + var(--safe-area-inset-top)))}.vkuiSplitLayout--android .vkuiSplitLayout__inner--header,.vkuiSplitLayout--vkcom .vkuiSplitLayout__inner--header{margin-top:calc(-1*calc(56px + 0px));margin-top:calc(-1*calc(var(--panelheader_height_android) + var(--safe-area-inset-top)))}.vkuiSplitLayout__popout{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%}.vkuiSplitLayout__modal{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%}.vkuiSplitLayout__modal:empty{display:none}.vkuiSplitCol{height:100%;width:1px;flex-grow:1;flex-shrink:1;position:relative}.vkuiSplitCol--spaced{margin:0 16px}.vkuiSplitCol--fixed{height:100%;width:1px;flex-grow:1;flex-shrink:1}.vkuiSplitCol__fixedInner{height:inherit;width:inherit;min-width:inherit;max-width:inherit;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.vkuiEpic{width:100%;height:100%}.vkuiTabbar{position:fixed;z-index:2;bottom:0;left:0;width:100%;height:48px;height:var(--tabbar_height);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);box-sizing:content-box;background:#fff;background:var(--header_alternate_background)}.vkuiTabbar__in{display:flex;justify-content:center;overflow:hidden}.vkuiTabbar--ios.vkuiTabbar--shadow::before{position:absolute;bottom:100%;left:0;width:100%;height:1px;background:#d7d8d9;background:var(--separator_common);-webkit-transform-origin:center bottom;transform-origin:center bottom;content:""}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiTabbar--ios::before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiTabbar--android.vkuiTabbar--shadow,.vkuiTabbar--vkcom.vkuiTabbar--shadow{box-shadow:0-2px 4px 0 rgba(0,0,0,.06),0 0 2px 0 rgba(0,0,0,.08)}.vkuiTabbarItem{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--tabbar_inactive_icon);text-decoration:none;border:0;outline:0;padding:0;background:0 0;height:48px;height:var(--tabbar_height);position:relative}.vkuiTabbar .vkuiTabbarItem{flex-shrink:0;max-width:100%;min-width:0;flex-grow:1;flex-basis:0}.vkuiTabbarItem--selected{color:#2975cc;color:var(--tabbar_active_icon)}.vkuiTabbarItem__tappable{position:absolute}.vkuiTabbarItem__in{display:flex;padding:0 2px;align-items:center;justify-content:center;pointer-events:none;height:100%;width:100%;overflow:hidden}.vkuiTabbar--l-vertical .vkuiTabbarItem--text .vkuiTabbarItem__in{position:relative;top:2px}.vkuiTabbar--l-vertical .vkuiTabbarItem__in{flex-direction:column}.vkuiTabbar--l-horizontal .vkuiTabbarItem__in{flex-direction:row}.vkuiTabbarItem__icon{position:relative}.vkuiTabbarItem__label .vkuiCounter{position:absolute;top:-2px;right:-9px}.vkuiTabbarItem__label .vkuiBadge{position:absolute;top:-2px;right:-4px}.vkuiTabbarItem__text{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.vkuiTabbar--l-vertical .vkuiTabbarItem__text{font-size:10px;line-height:12px;font-weight:500;margin-top:2px;letter-spacing:var(--vk-sans-ls15)}.vkuiTabbar--l-horizontal .vkuiTabbarItem__text{font-size:13px;font-weight:500;margin-left:8px}.vkuiTabbarItem--android .vkuiTabbarItem__tappable{width:calc(100% + 16px);padding-bottom:calc(100% + 16px);border-radius:50%}.vkuiTabbarItem--android:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.vkuiTabbarItem--android:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable{width:100%;height:100%;top:0;left:0}.vkuiTabbarItem--ios .vkuiTabbarItem__in{transition:-webkit-transform .07s cubic-bezier(.36,.66,.04,1);transition:transform .07s cubic-bezier(.36,.66,.04,1);transition:transform .07s cubic-bezier(.36,.66,.04,1),-webkit-transform .07s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .07s var(--ios-easing);transition:transform .07s var(--ios-easing);transition:transform .07s var(--ios-easing),-webkit-transform .07s var(--ios-easing)}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable--active+.vkuiTabbarItem__in{-webkit-transform:scale(.96);transform:scale(.96)}.vkuiHorizontalScroll{position:relative;overflow:hidden}.vkuiHorizontalScroll__in{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;margin-bottom:-20px}.vkuiHorizontalScroll__in::-webkit-scrollbar{display:none}.vkuiHorizontalScroll__in-wrapper{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.vkuiHorizontalScrollArrow--left:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(8px);transform:translateX(8px)}.vkuiHorizontalScrollArrow--right:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.vkuiHorizontalScrollArrow{position:absolute;cursor:pointer;-webkit-user-select:auto;user-select:auto;top:0;height:100%;padding:0;opacity:0;z-index:3;border:0;background-color:transparent;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);display:flex;flex-direction:column;justify-content:center}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow,.vkuiGallery:hover .vkuiHorizontalScrollArrow{opacity:.72}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover,.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow{opacity:1}.vkuiHorizontalScrollArrow__icon{background-color:#fff;background-color:var(--modal_card_background,
     var(--vkui--color_background_modal)
   );color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));width:40px;height:40px;border-radius:24px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,
     0 0 2px rgba(0, 0, 0, 0.08),