@vkontakte/vkui 4.33.1 → 4.33.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +5 -6
  4. package/.cache/ts/src/components/Typography/Title/Title.d.ts +1 -1
  5. package/dist/cjs/components/ModalRoot/ModalRoot.js +8 -2
  6. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  7. package/dist/cjs/components/Typography/Title/Title.d.ts +1 -1
  8. package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
  9. package/dist/cjs/components/WriteBar/WriteBar.js +9 -29
  10. package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
  11. package/dist/cjs/lib/polyfills.js +20 -0
  12. package/dist/cjs/lib/polyfills.js.map +1 -1
  13. package/dist/components/ModalRoot/ModalRoot.js +8 -2
  14. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  15. package/dist/components/Typography/Title/Title.d.ts +1 -1
  16. package/dist/components/Typography/Title/Title.js.map +1 -1
  17. package/dist/components/WriteBar/WriteBar.js +9 -28
  18. package/dist/components/WriteBar/WriteBar.js.map +1 -1
  19. package/dist/components.css +1 -1
  20. package/dist/components.css.map +1 -1
  21. package/dist/cssm/components/ModalCard/ModalCard.css +1 -1
  22. package/dist/cssm/components/ModalRoot/ModalRoot.js +8 -2
  23. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  24. package/dist/cssm/components/Typography/Title/Title.d.ts +1 -1
  25. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  26. package/dist/cssm/components/WriteBar/WriteBar.js +9 -28
  27. package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
  28. package/dist/cssm/lib/polyfills.js +20 -0
  29. package/dist/cssm/lib/polyfills.js.map +1 -1
  30. package/dist/cssm/styles/components.css +1 -1
  31. package/dist/lib/polyfills.js +20 -0
  32. package/dist/lib/polyfills.js.map +1 -1
  33. package/dist/vkui.css +1 -1
  34. package/dist/vkui.css.map +1 -1
  35. package/package.json +1 -1
  36. package/src/components/ModalCard/ModalCard.css +1 -1
  37. package/src/components/ModalRoot/ModalRoot.tsx +7 -1
  38. package/src/components/Typography/Title/Title.tsx +1 -1
  39. package/src/components/WriteBar/WriteBar.tsx +13 -27
  40. package/src/lib/polyfills.ts +17 -0
@@ -32,7 +32,7 @@
32
32
  );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 0 16px rgba(0,0,0,.12);box-shadow:var(--vkui--elevation3,
33
33
  0 0 2px rgba(0, 0, 0, 0.08),
34
34
  0 0 16px rgba(0, 0, 0, 0.12)
35
- );display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--left .vkuiHorizontalScrollArrow__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiPopoutWrapper{width:100%;height:100%;box-sizing:border-box;left:0;top:0;pointer-events:none}.vkuiPopoutWrapper--opened{pointer-events:initial}.vkuiPopoutWrapper--closing{pointer-events:none}.vkuiPopoutWrapper--fixed{position:fixed}.vkuiPopoutWrapper__overlay{position:fixed;left:0;top:0;width:100%;height:100%;opacity:1;-webkit-animation:vkui-animation-full-fade-in .2s ease;animation:vkui-animation-full-fade-in .2s ease;-webkit-animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease;animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease}.vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay{opacity:0;transition:opacity .2s cubic-bezier(.3,.3,.5,1);transition:opacity var(--vkui--animation_duration_m,0.2s) var(--vkui--animation_easing_default,cubic-bezier(0.3, 0.3, 0.5, 1))}.vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary,rgba(0, 0, 0, 0.4))}.vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay{position:absolute}.vkuiPopoutWrapper__container{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box}.vkuiPopoutWrapper__content{display:flex;justify-content:center;width:100%;z-index:2;pointer-events:none}.vkuiPopoutWrapper__content>*{pointer-events:auto}.vkuiPopoutWrapper--v-center .vkuiPopoutWrapper__container{align-items:center}.vkuiPopoutWrapper--v-bottom .vkuiPopoutWrapper__container{align-items:flex-end}.vkuiPopoutWrapper--v-top .vkuiPopoutWrapper__container{align-items:flex-start}.vkuiPopoutWrapper--h-center .vkuiPopoutWrapper__container{justify-content:center}.vkuiPopoutWrapper--h-left .vkuiPopoutWrapper__container{justify-content:flex-start}.vkuiPopoutWrapper--h-right .vkuiPopoutWrapper__container{justify-content:flex-end}@-webkit-keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}.vkuiActionSheet{position:relative;overflow:hidden}.vkuiActionSheet__header{color:#818c99;color:var(--text_secondary)}.vkuiActionSheet--ios{width:100%;-webkit-animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.vkuiActionSheet--ios.vkuiActionSheet--closing{-webkit-transform:translateY(100%);transform:translateY(100%);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)}.vkuiActionSheet--ios .vkuiActionSheet__header{padding:15px 10px;position:relative;overflow:hidden;border-radius:14px 14px 0 0;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__header::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:""}.vkuiActionSheet--android,.vkuiActionSheet--vkcom{width:calc(100% - 20px);margin:10px;-webkit-animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-actionsheet-intro .2s var(--android-easing);animation:vkui-animation-actionsheet-intro .2s var(--android-easing);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08);padding:8px 0;background:#fff;background:var(--modal_card_background)}.vkuiActionSheet--android.vkuiActionSheet--closing{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px));transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing);transition:transform .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiActionSheet--android .vkuiActionSheet__header,.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:16px 20px}.vkuiActionSheet--android .vkuiActionSheet__title+.vkuiActionSheet__text,.vkuiActionSheet--vkcom .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--desktop{width:auto;height:auto;background:#fff;background:var(--modal_card_background);-webkit-animation:none;animation:none;padding:0;margin:0}.vkuiActionSheet--desktop.vkuiActionSheet--sizeY-compact{padding-top:8px;padding-bottom:8px}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);padding:0}.vkuiActionSheet--desktop.vkuiActionSheet--android{min-width:112px;border-radius:12px;padding:8px 0;box-shadow:0 8px 8px rgba(0,0,0,.16),0 0 4px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom{border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:14px 20px}@-webkit-keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiActionSheetItem{position:relative;z-index:2;overflow:hidden;display:flex;align-items:center;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiActionSheetItem__container,.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{position:relative;z-index:2}.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{flex-shrink:0}.vkuiActionSheetItem__container{max-width:100%;flex-grow:1;white-space:nowrap;overflow:hidden}.vkuiActionSheetItem__content{display:flex;align-items:baseline;overflow:hidden}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary);overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:#818c99;color:var(--text_secondary);margin-left:6px;flex-shrink:0}.vkuiActionSheetItem__before{color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__container:first-child{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__before{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--compact .vkuiActionSheetItem__container{color:#000;color:var(--text_primary)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{display:none;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background-color:#2688eb;background-color:var(--accent);color:#fff;color:var(--white)}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{padding:0 20px;min-height:56px;border-radius:0;color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--destructive{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2),.vkuiActionSheetItem--ios:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:-1;content:"";transition:opacity .15s ease-out,background-color .15s ease-out}.vkuiActionSheetItem--ios::after{position:absolute;right:0;left:0;z-index:-1;height:1px;content:"";top:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiActionSheetItem--ios:first-child::after,.vkuiActionSheetItem--cancel::after{content:none}.vkuiActionSheet--ios .vkuiActionSheetItem--last::after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active::before{background:#d7d8d9;background:var(--separator_common);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:13px 0}.vkuiActionSheetItem--ios .vkuiActionSheetItem__content{justify-content:center}.vkuiActionSheetItem--ios .vkuiActionSheetItem__subtitle{margin-top:2px}.vkuiActionSheetItem--ios .vkuiActionSheetItem__marker{margin-left:12px}.vkuiActionSheetItem--ios.vkuiActionSheetItem--compact .vkuiActionSheetItem__content,.vkuiActionSheetItem--ios .vkuiActionSheetItem__before+.vkuiActionSheetItem__container .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--cancel{margin-top:7px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);border-radius:14px;min-height:52px}.vkuiActionSheetItem--android{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--android.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--android .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--android .vkuiActionSheetItem__container{padding:11px 0}.vkuiActionSheetItem--android .vkuiActionSheetItem__subtitle{margin-top:1px;margin-bottom:-1px}.vkuiActionSheetItem--android .vkuiActionSheetItem__marker{margin-left:16px}.vkuiActionSheetItem--vkcom{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--vkcom.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__before{margin-right:17px;margin-left:-1px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__subtitle{margin-top:2px;margin-bottom:-2px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__marker{margin-left:26px;color:#2688eb;color:var(--accent);background-color:transparent}.vkuiActionSheetItem--desktop{width:auto;cursor:pointer}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before{color:#99a2ad;color:var(--icon_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{background:#99a2ad;background:var(--icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:44px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:12px 0}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--withSubtitle .vkuiActionSheetItem__container{padding:10px 0}.vkuiAlert{-webkit-user-select:none;user-select:none;color:#000;color:var(--text_primary);position:relative;max-width:416px}.vkuiAlert::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:"";border-radius:inherit}.vkuiAlert__content{position:relative;z-index:2}.vkuiAlert__action{white-space:nowrap;background:0 0}.vkuiAlert__actions{display:flex;max-width:100%;position:relative;z-index:2}.vkuiAlert--ios{width:270px;border-radius:12px;overflow:hidden;-webkit-animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-alert-intro .3s var(--ios-easing);animation:vkui-animation-ios-alert-intro .3s var(--ios-easing)}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__content::after{content:"";position:absolute;bottom:0;height:1px;right:0;left:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{position:relative;font-size:17px;line-height:44px;color:#2688eb;color:var(--accent);border:0;padding:0 6px;margin:0;height:44px;display:block;text-align:center;text-decoration:none;overflow:hidden;text-overflow:ellipsis;border-radius:0}.vkuiAlert--ios .vkuiAlert__action:active{z-index:1}.vkuiAlert--ios .vkuiAlert__action::after{content:"";position:absolute;background:rgba(0,0,0,.12);background:var(--action_sheet_separator)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{top:0;right:0;width:1px;height:100%;-webkit-transform-origin:right center;transform-origin:right center}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-grow:1;flex-shrink:1;flex-basis:0}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:12px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:12px}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{left:0;bottom:0;width:100%;height:1px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--destructive{color:#e64646;color:var(--destructive)}.vkuiAlert--android{min-width:280px;margin:auto 24px;box-shadow:0 20px 35px 0 rgba(0,0,0,.3),0 0 35px 0 rgba(0,0,0,.22);border-radius:12px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--desktop.vkuiAlert--android{width:416px}.vkuiAlert--android.vkuiAlert--closing,.vkuiAlert--vkcom.vkuiAlert--closing{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiAlert--android .vkuiAlert__content{padding:24px 24px 20px}.vkuiAlert--android .vkuiAlert__header,.vkuiAlert--vkcom .vkuiAlert__header{margin-bottom:8px}.vkuiAlert--android .vkuiAlert__text,.vkuiAlert--vkcom .vkuiAlert__text{color:#818c99;color:var(--text_secondary)}.vkuiAlert--android .vkuiAlert__actions{padding:0 16px 16px}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__actions,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__actions{flex-direction:column;align-items:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button{margin-top:4px;margin-bottom:4px}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__button,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);border-radius:8px;width:400px;margin:auto 24px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--cancel{order:1}@-webkit-keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vkuiScreenSpinner{-webkit-animation:vkui-screen-spinner-intro .3s ease;animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner__container{width:88px;height:88px;background:#f9f9f9;background:var(--tabbar_background);box-shadow:0 16px 32px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.08);border-radius:8px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__container{background:#fff;background:var(--modal_card_background);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 0 96px 0 rgba(0,0,0,.16);border-radius:10px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__spinner{color:#818c99;color:var(--overlay_status_icon)}@-webkit-keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}.vkuiSnackbar{-webkit-user-select:none;user-select:none;z-index:101;position:fixed;bottom:0;left:auto;width:100%;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__in{padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{box-sizing:border-box;padding:12px 16px;min-height:56px;display:flex;align-items:center;background:#fff;background:var(--modal_card_background);box-shadow:0 0 24px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.08)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-right:-4px;margin-left:12px}.vkuiSnackbar__content{flex:1;display:flex;align-items:center;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{flex-direction:column;align-items:flex-start}.vkuiSnackbar__content-text{flex:1;color:#000;color:var(--text_primary);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1*12px);margin-right:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative;top:2px}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-top:2px;margin-bottom:-6px;margin-left:calc(-1*12px);margin-left:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__in,.vkuiSnackbar--ios .vkuiSnackbar__body{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__body{border-radius:10px}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__body{transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__body{border-radius:8px}.vkuiSnackbar--desktop{max-width:328px;left:0;bottom:0}.vkuiSnackbar--desktop .vkuiSnackbar__in{padding:12px;-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vkuiModalCardBase__container{box-sizing:border-box;position:relative;background:#fff;background:var(--modal_card_background);border-radius:18px;padding:16px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:center;pointer-events:initial}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{text-align:center;margin:0;padding:0 8px;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary)}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary)}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{margin:8px auto 16px;color:#2688eb;color:var(--accent)}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{position:absolute;top:4px;right:4px;width:48px;height:48px;color:#99a2ad;color:var(--placeholder_icon_foreground_primary);justify-content:center}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08)}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12)}.vkuiModalRoot{width:100%;height:100%}.vkuiModalRoot__mask{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;transition:opacity 167ms ease-out;-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:calc(0px + 52px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{position:absolute;width:100%;height:100%;box-sizing:border-box;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}.vkuiModalCard{box-sizing:border-box;position:absolute;top:0;padding:8px;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1}.vkuiModalCard__in{width:100%;margin-left:auto;margin-right:auto;-webkit-transform:translateY(100%);transform:translateY(100%)}.vkuiModalCard--ios .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1),-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing),-webkit-transform 340ms var(--ios-easing);max-width:414px}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1),-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing),-webkit-transform 340ms var(--android-easing)}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{-webkit-transform:unset;transform:unset;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}.vkuiModalPage{width:100%;height:100%;overflow:hidden;position:absolute;box-sizing:border-box;z-index:1;pointer-events:none}.vkuiModalPage--desktop{display:flex;align-items:center;justify-content:center}.vkuiModalPage__in-wrap{width:100%;height:100%;position:absolute;bottom:0;display:flex;align-items:flex-end;pointer-events:initial;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{width:416px;max-width:100%;margin:0 auto;background:#fff;background:var(--background_content);overflow:visible;position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border-radius:12px 12px 0 0}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{position:relative;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vkuiModalPage__content{height:100%;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.vkuiModalPage__content-in{position:relative;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiModalRoot__modal--collapsed .vkuiModalPage__content,.vkuiModalRoot__modal--dragging .vkuiModalPage__content{overflow:hidden;touch-action:pan-y}.vkuiModalPage__footer{background:#fff;background:var(--background_content);position:relative;z-index:10}.vkuiModalRoot--touched .vkuiModalPage__footer{transition:none}.vkuiModalPage--ios .vkuiModalPage__in-wrap{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiModalPage--ios .vkuiModalPage__in{border-radius:14px 14px 0 0}.vkuiModalPage--vkcom .vkuiModalPage__in{border-radius:8px 8px 0 0;width:448px}.vkuiModalPage--desktop .vkuiModalPage__in-wrap{align-items:center;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing);width:auto;height:auto;position:relative;-webkit-transform:none;transform:none}.vkuiModalPage--desktop .vkuiModalPage__in{height:auto;max-height:640px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);border-radius:8px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}.vkuiModalDismissButton{position:absolute;justify-content:center;top:0;right:-56px;width:56px;height:56px;padding:18px;box-sizing:border-box;color:#fff;color:var(--white);transition:opacity .15s ease-out}.vkuiModalDismissButton::before{display:block;content:"";top:14px;right:14px;bottom:14px;left:14px;background-color:rgba(0,0,0,.35);border-radius:50%;position:absolute}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}.vkuiModalPageHeader{position:relative;z-index:2;--safe-area-inset-top:0}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--android{padding-left:6px;padding-right:6px}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--ios{padding-left:4px;padding-right:4px}.vkuiModalPageHeader .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}.vkuiButtonGroup{display:inline-flex;align-items:flex-start;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{flex-direction:row}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space>:not(:first-child){margin-top:1px;margin-top:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--mode-horizontal>:not(.vkuiButtonGroup){min-width:0}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space>:not(:last-child){margin-right:1px;margin-right:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiBadge{display:block;flex-grow:0;flex-shrink:0;width:6px;height:6px;border-radius:50%}.vkuiBadge--new{background-color:#5c9ce6;background-color:var(--blue_200, var(--vkui--color_icon_accent))}.vkuiBadge--prominent{background-color:#ff3347;background-color:var(--counter_prominent_background,
35
+ );display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--left .vkuiHorizontalScrollArrow__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiPopoutWrapper{width:100%;height:100%;box-sizing:border-box;left:0;top:0;pointer-events:none}.vkuiPopoutWrapper--opened{pointer-events:initial}.vkuiPopoutWrapper--closing{pointer-events:none}.vkuiPopoutWrapper--fixed{position:fixed}.vkuiPopoutWrapper__overlay{position:fixed;left:0;top:0;width:100%;height:100%;opacity:1;-webkit-animation:vkui-animation-full-fade-in .2s ease;animation:vkui-animation-full-fade-in .2s ease;-webkit-animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease;animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease}.vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay{opacity:0;transition:opacity .2s cubic-bezier(.3,.3,.5,1);transition:opacity var(--vkui--animation_duration_m,0.2s) var(--vkui--animation_easing_default,cubic-bezier(0.3, 0.3, 0.5, 1))}.vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary,rgba(0, 0, 0, 0.4))}.vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay{position:absolute}.vkuiPopoutWrapper__container{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box}.vkuiPopoutWrapper__content{display:flex;justify-content:center;width:100%;z-index:2;pointer-events:none}.vkuiPopoutWrapper__content>*{pointer-events:auto}.vkuiPopoutWrapper--v-center .vkuiPopoutWrapper__container{align-items:center}.vkuiPopoutWrapper--v-bottom .vkuiPopoutWrapper__container{align-items:flex-end}.vkuiPopoutWrapper--v-top .vkuiPopoutWrapper__container{align-items:flex-start}.vkuiPopoutWrapper--h-center .vkuiPopoutWrapper__container{justify-content:center}.vkuiPopoutWrapper--h-left .vkuiPopoutWrapper__container{justify-content:flex-start}.vkuiPopoutWrapper--h-right .vkuiPopoutWrapper__container{justify-content:flex-end}@-webkit-keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}.vkuiActionSheet{position:relative;overflow:hidden}.vkuiActionSheet__header{color:#818c99;color:var(--text_secondary)}.vkuiActionSheet--ios{width:100%;-webkit-animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.vkuiActionSheet--ios.vkuiActionSheet--closing{-webkit-transform:translateY(100%);transform:translateY(100%);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)}.vkuiActionSheet--ios .vkuiActionSheet__header{padding:15px 10px;position:relative;overflow:hidden;border-radius:14px 14px 0 0;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__header::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:""}.vkuiActionSheet--android,.vkuiActionSheet--vkcom{width:calc(100% - 20px);margin:10px;-webkit-animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-actionsheet-intro .2s var(--android-easing);animation:vkui-animation-actionsheet-intro .2s var(--android-easing);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08);padding:8px 0;background:#fff;background:var(--modal_card_background)}.vkuiActionSheet--android.vkuiActionSheet--closing{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px));transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing);transition:transform .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiActionSheet--android .vkuiActionSheet__header,.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:16px 20px}.vkuiActionSheet--android .vkuiActionSheet__title+.vkuiActionSheet__text,.vkuiActionSheet--vkcom .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--desktop{width:auto;height:auto;background:#fff;background:var(--modal_card_background);-webkit-animation:none;animation:none;padding:0;margin:0}.vkuiActionSheet--desktop.vkuiActionSheet--sizeY-compact{padding-top:8px;padding-bottom:8px}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);padding:0}.vkuiActionSheet--desktop.vkuiActionSheet--android{min-width:112px;border-radius:12px;padding:8px 0;box-shadow:0 8px 8px rgba(0,0,0,.16),0 0 4px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom{border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:14px 20px}@-webkit-keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiActionSheetItem{position:relative;z-index:2;overflow:hidden;display:flex;align-items:center;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiActionSheetItem__container,.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{position:relative;z-index:2}.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{flex-shrink:0}.vkuiActionSheetItem__container{max-width:100%;flex-grow:1;white-space:nowrap;overflow:hidden}.vkuiActionSheetItem__content{display:flex;align-items:baseline;overflow:hidden}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary);overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:#818c99;color:var(--text_secondary);margin-left:6px;flex-shrink:0}.vkuiActionSheetItem__before{color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__container:first-child{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__before{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--compact .vkuiActionSheetItem__container{color:#000;color:var(--text_primary)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{display:none;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background-color:#2688eb;background-color:var(--accent);color:#fff;color:var(--white)}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{padding:0 20px;min-height:56px;border-radius:0;color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--destructive{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2),.vkuiActionSheetItem--ios:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:-1;content:"";transition:opacity .15s ease-out,background-color .15s ease-out}.vkuiActionSheetItem--ios::after{position:absolute;right:0;left:0;z-index:-1;height:1px;content:"";top:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiActionSheetItem--ios:first-child::after,.vkuiActionSheetItem--cancel::after{content:none}.vkuiActionSheet--ios .vkuiActionSheetItem--last::after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active::before{background:#d7d8d9;background:var(--separator_common);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:13px 0}.vkuiActionSheetItem--ios .vkuiActionSheetItem__content{justify-content:center}.vkuiActionSheetItem--ios .vkuiActionSheetItem__subtitle{margin-top:2px}.vkuiActionSheetItem--ios .vkuiActionSheetItem__marker{margin-left:12px}.vkuiActionSheetItem--ios.vkuiActionSheetItem--compact .vkuiActionSheetItem__content,.vkuiActionSheetItem--ios .vkuiActionSheetItem__before+.vkuiActionSheetItem__container .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--cancel{margin-top:7px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);border-radius:14px;min-height:52px}.vkuiActionSheetItem--android{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--android.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--android .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--android .vkuiActionSheetItem__container{padding:11px 0}.vkuiActionSheetItem--android .vkuiActionSheetItem__subtitle{margin-top:1px;margin-bottom:-1px}.vkuiActionSheetItem--android .vkuiActionSheetItem__marker{margin-left:16px}.vkuiActionSheetItem--vkcom{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--vkcom.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__before{margin-right:17px;margin-left:-1px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__subtitle{margin-top:2px;margin-bottom:-2px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__marker{margin-left:26px;color:#2688eb;color:var(--accent);background-color:transparent}.vkuiActionSheetItem--desktop{width:auto;cursor:pointer}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before{color:#99a2ad;color:var(--icon_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{background:#99a2ad;background:var(--icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:44px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:12px 0}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--withSubtitle .vkuiActionSheetItem__container{padding:10px 0}.vkuiAlert{-webkit-user-select:none;user-select:none;color:#000;color:var(--text_primary);position:relative;max-width:416px}.vkuiAlert::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:"";border-radius:inherit}.vkuiAlert__content{position:relative;z-index:2}.vkuiAlert__action{white-space:nowrap;background:0 0}.vkuiAlert__actions{display:flex;max-width:100%;position:relative;z-index:2}.vkuiAlert--ios{width:270px;border-radius:12px;overflow:hidden;-webkit-animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-alert-intro .3s var(--ios-easing);animation:vkui-animation-ios-alert-intro .3s var(--ios-easing)}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__content::after{content:"";position:absolute;bottom:0;height:1px;right:0;left:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{position:relative;font-size:17px;line-height:44px;color:#2688eb;color:var(--accent);border:0;padding:0 6px;margin:0;height:44px;display:block;text-align:center;text-decoration:none;overflow:hidden;text-overflow:ellipsis;border-radius:0}.vkuiAlert--ios .vkuiAlert__action:active{z-index:1}.vkuiAlert--ios .vkuiAlert__action::after{content:"";position:absolute;background:rgba(0,0,0,.12);background:var(--action_sheet_separator)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{top:0;right:0;width:1px;height:100%;-webkit-transform-origin:right center;transform-origin:right center}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-grow:1;flex-shrink:1;flex-basis:0}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:12px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:12px}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{left:0;bottom:0;width:100%;height:1px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--destructive{color:#e64646;color:var(--destructive)}.vkuiAlert--android{min-width:280px;margin:auto 24px;box-shadow:0 20px 35px 0 rgba(0,0,0,.3),0 0 35px 0 rgba(0,0,0,.22);border-radius:12px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--desktop.vkuiAlert--android{width:416px}.vkuiAlert--android.vkuiAlert--closing,.vkuiAlert--vkcom.vkuiAlert--closing{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiAlert--android .vkuiAlert__content{padding:24px 24px 20px}.vkuiAlert--android .vkuiAlert__header,.vkuiAlert--vkcom .vkuiAlert__header{margin-bottom:8px}.vkuiAlert--android .vkuiAlert__text,.vkuiAlert--vkcom .vkuiAlert__text{color:#818c99;color:var(--text_secondary)}.vkuiAlert--android .vkuiAlert__actions{padding:0 16px 16px}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__actions,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__actions{flex-direction:column;align-items:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button{margin-top:4px;margin-bottom:4px}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__button,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);border-radius:8px;width:400px;margin:auto 24px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--cancel{order:1}@-webkit-keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vkuiScreenSpinner{-webkit-animation:vkui-screen-spinner-intro .3s ease;animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner__container{width:88px;height:88px;background:#f9f9f9;background:var(--tabbar_background);box-shadow:0 16px 32px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.08);border-radius:8px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__container{background:#fff;background:var(--modal_card_background);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 0 96px 0 rgba(0,0,0,.16);border-radius:10px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__spinner{color:#818c99;color:var(--overlay_status_icon)}@-webkit-keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}.vkuiSnackbar{-webkit-user-select:none;user-select:none;z-index:101;position:fixed;bottom:0;left:auto;width:100%;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__in{padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{box-sizing:border-box;padding:12px 16px;min-height:56px;display:flex;align-items:center;background:#fff;background:var(--modal_card_background);box-shadow:0 0 24px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.08)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-right:-4px;margin-left:12px}.vkuiSnackbar__content{flex:1;display:flex;align-items:center;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{flex-direction:column;align-items:flex-start}.vkuiSnackbar__content-text{flex:1;color:#000;color:var(--text_primary);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1*12px);margin-right:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative;top:2px}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-top:2px;margin-bottom:-6px;margin-left:calc(-1*12px);margin-left:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__in,.vkuiSnackbar--ios .vkuiSnackbar__body{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__body{border-radius:10px}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__body{transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__body{border-radius:8px}.vkuiSnackbar--desktop{max-width:328px;left:0;bottom:0}.vkuiSnackbar--desktop .vkuiSnackbar__in{padding:12px;-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vkuiModalCardBase__container{box-sizing:border-box;position:relative;background:#fff;background:var(--modal_card_background);border-radius:18px;padding:16px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:center;pointer-events:initial}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{text-align:center;margin:0;padding:0 8px;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary)}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary)}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{margin:8px auto 16px;color:#2688eb;color:var(--accent)}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{position:absolute;top:4px;right:4px;width:48px;height:48px;color:#99a2ad;color:var(--placeholder_icon_foreground_primary);justify-content:center}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08)}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12)}.vkuiModalRoot{width:100%;height:100%}.vkuiModalRoot__mask{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;transition:opacity 167ms ease-out;-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:calc(0px + 52px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{position:absolute;width:100%;height:100%;box-sizing:border-box;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}.vkuiModalCard{box-sizing:border-box;position:absolute;top:0;padding:8px;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1}.vkuiModalCard__in{width:100%;margin-left:auto;margin-right:auto;-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px))}.vkuiModalCard--ios .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1),-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing),-webkit-transform 340ms var(--ios-easing);max-width:414px}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1),-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing),-webkit-transform 340ms var(--android-easing)}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{-webkit-transform:unset;transform:unset;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}.vkuiModalPage{width:100%;height:100%;overflow:hidden;position:absolute;box-sizing:border-box;z-index:1;pointer-events:none}.vkuiModalPage--desktop{display:flex;align-items:center;justify-content:center}.vkuiModalPage__in-wrap{width:100%;height:100%;position:absolute;bottom:0;display:flex;align-items:flex-end;pointer-events:initial;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{width:416px;max-width:100%;margin:0 auto;background:#fff;background:var(--background_content);overflow:visible;position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border-radius:12px 12px 0 0}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{position:relative;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vkuiModalPage__content{height:100%;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.vkuiModalPage__content-in{position:relative;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiModalRoot__modal--collapsed .vkuiModalPage__content,.vkuiModalRoot__modal--dragging .vkuiModalPage__content{overflow:hidden;touch-action:pan-y}.vkuiModalPage__footer{background:#fff;background:var(--background_content);position:relative;z-index:10}.vkuiModalRoot--touched .vkuiModalPage__footer{transition:none}.vkuiModalPage--ios .vkuiModalPage__in-wrap{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiModalPage--ios .vkuiModalPage__in{border-radius:14px 14px 0 0}.vkuiModalPage--vkcom .vkuiModalPage__in{border-radius:8px 8px 0 0;width:448px}.vkuiModalPage--desktop .vkuiModalPage__in-wrap{align-items:center;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing);width:auto;height:auto;position:relative;-webkit-transform:none;transform:none}.vkuiModalPage--desktop .vkuiModalPage__in{height:auto;max-height:640px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);border-radius:8px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}.vkuiModalDismissButton{position:absolute;justify-content:center;top:0;right:-56px;width:56px;height:56px;padding:18px;box-sizing:border-box;color:#fff;color:var(--white);transition:opacity .15s ease-out}.vkuiModalDismissButton::before{display:block;content:"";top:14px;right:14px;bottom:14px;left:14px;background-color:rgba(0,0,0,.35);border-radius:50%;position:absolute}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}.vkuiModalPageHeader{position:relative;z-index:2;--safe-area-inset-top:0}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--android{padding-left:6px;padding-right:6px}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--ios{padding-left:4px;padding-right:4px}.vkuiModalPageHeader .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}.vkuiButtonGroup{display:inline-flex;align-items:flex-start;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{flex-direction:row}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space>:not(:first-child){margin-top:1px;margin-top:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--mode-horizontal>:not(.vkuiButtonGroup){min-width:0}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space>:not(:last-child){margin-right:1px;margin-right:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiBadge{display:block;flex-grow:0;flex-shrink:0;width:6px;height:6px;border-radius:50%}.vkuiBadge--new{background-color:#5c9ce6;background-color:var(--blue_200, var(--vkui--color_icon_accent))}.vkuiBadge--prominent{background-color:#ff3347;background-color:var(--counter_prominent_background,
36
36
  var(--vkui--color_icon_negative)
37
37
  )}.vkuiTabsItem__after .vkuiBadge{-webkit-transform:translateY(-2px);transform:translateY(-2px);margin-left:6px}.vkuiIconButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative;height:48px;border-radius:9999px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiIconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28{padding:10px}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormField__after .vkuiIconButton{display:flex;align-items:center;align-content:center;justify-content:center;width:44px;height:44px;border-radius:inherit}.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiIconButton--sizeY-compact{height:44px}.vkuiFormField__after .vkuiIconButton--sizeY-compact{width:36px;height:36px}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact{height:36px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}.vkuiCard{position:relative;background:#f5f5f5;background:var(--content_tint_background,
38
38
  var(--vkui--color_background_secondary)
@@ -84,5 +84,25 @@ if (!Array.prototype.find) {
84
84
  }
85
85
  }
86
86
  });
87
+ } // String.prototype.padStart
88
+
89
+
90
+ if (!String.prototype.padStart) {
91
+ String.prototype.padStart = function padStart(targetLength, padString) {
92
+ targetLength = targetLength >> 0;
93
+ padString = String(padString || " ");
94
+
95
+ if (this.length > targetLength) {
96
+ return String(this);
97
+ } else {
98
+ targetLength = targetLength - this.length;
99
+
100
+ if (targetLength > padString.length) {
101
+ padString += padString.repeat(targetLength / padString.length);
102
+ }
103
+
104
+ return padString.slice(0, targetLength) + String(this);
105
+ }
106
+ };
87
107
  }
88
108
  //# sourceMappingURL=polyfills.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/lib/polyfills.ts"],"names":["canUseDOM","ElementProto","Element","prototype","matches","matchesSelector","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","closest","css","node","parentElement","Array","includes","Object","defineProperty","value","searchElement","fromIndex","TypeError","o","len","length","n","k","Math","max","abs","sameValueZero","x","y","isNaN","find","callback","list","thisArg","arguments","i","element","call"],"mappings":"AAAA;AACA,SAASA,SAAT;;AAUA,IAAIA,SAAJ,EAAe;AACb,MAAMC,YAAY,GAAGC,OAAO,CAACC,SAA7B,CADa,CAGb;;AACA,MAAI,CAACF,YAAY,CAACG,OAAlB,EAA2B;AACzBH,IAAAA,YAAY,CAACG,OAAb,GACGH,YAAD,CAA6BI,eAA7B,IACAJ,YAAY,CAACK,qBADb,IAECL,YAAD,CAA6BM,kBAF7B,IAGCN,YAAD,CAA6BO,iBAJ/B;AAKD,GAVY,CAYb;;;AACA,MAAI,CAACP,YAAY,CAACQ,OAAlB,EAA2B;AACzBR,IAAAA,YAAY,CAACQ,OAAb,GAAuB,UAAUC,GAAV,EAAuC;AAC5D,UAAIC,IAAoB,GAAG,IAA3B;;AACA,aAAOA,IAAP,EAAa;AACX,YAAIA,IAAI,CAACP,OAAL,CAAaM,GAAb,CAAJ,EAAuB;AACrB,iBAAOC,IAAP;AACD,SAFD,MAEO;AACLA,UAAAA,IAAI,GAAGA,IAAI,CAACC,aAAZ;AACD;AACF;;AACD,aAAO,IAAP;AACD,KAVD;AAWD;AACF,C,CAED;;;AACA,IAAI,CAACC,KAAK,CAACV,SAAN,CAAgBW,QAArB,EAA+B;AAC7BC,EAAAA,MAAM,CAACC,cAAP,CAAsBH,KAAK,CAACV,SAA5B,EAAuC,UAAvC,EAAmD;AACjDc,IAAAA,KAAK,EAAE,eAAUC,aAAV,EAA8BC,SAA9B,EAAiD;AACtD,UAAI,QAAQ,IAAZ,EAAkB;AAChB,cAAM,IAAIC,SAAJ,CAAc,+BAAd,CAAN;AACD;;AACD,UAAMC,CAAC,GAAGN,MAAM,CAAC,IAAD,CAAhB;AACA,UAAMO,GAAG,GAAGD,CAAC,CAACE,MAAF,KAAa,CAAzB;;AACA,UAAID,GAAG,KAAK,CAAZ,EAAe;AACb,eAAO,KAAP;AACD;;AACD,UAAME,CAAC,GAAGL,SAAS,GAAG,CAAtB;AACA,UAAIM,CAAC,GAAGC,IAAI,CAACC,GAAL,CAASH,CAAC,IAAI,CAAL,GAASA,CAAT,GAAaF,GAAG,GAAGI,IAAI,CAACE,GAAL,CAASJ,CAAT,CAA5B,EAAyC,CAAzC,CAAR;;AACA,eAASK,aAAT,CAAuBC,CAAvB,EAA+BC,CAA/B,EAAuC;AACrC,eACED,CAAC,KAAKC,CAAN,IACC,OAAOD,CAAP,KAAa,QAAb,IACC,OAAOC,CAAP,KAAa,QADd,IAECC,KAAK,CAACF,CAAD,CAFN,IAGCE,KAAK,CAACD,CAAD,CALT;AAOD;;AACD,aAAON,CAAC,GAAGH,GAAX,EAAgB;AACd,YAAIO,aAAa,CAACR,CAAC,CAACI,CAAD,CAAF,EAAOP,aAAP,CAAjB,EAAwC;AACtC,iBAAO,IAAP;AACD;;AACDO,QAAAA,CAAC;AACF;;AACD,aAAO,KAAP;AACD;AA5BgD,GAAnD;AA8BD,C,CAED;;;AACA,IAAI,CAACZ,KAAK,CAACV,SAAN,CAAgB8B,IAArB,EAA2B;AACzBlB,EAAAA,MAAM,CAACC,cAAP,CAAsBH,KAAK,CAACV,SAA5B,EAAuC,MAAvC,EAA+C;AAC7Cc,IAAAA,KAAK,EAAE,eAAUiB,QAAV,EAAuD;AAC5D,UAAI,SAAS,IAAb,EAAmB;AACjB,cAAM,IAAId,SAAJ,CAAc,kDAAd,CAAN;AACD,OAFD,MAEO,IAAI,OAAOc,QAAP,KAAoB,UAAxB,EAAoC;AACzC,cAAM,IAAId,SAAJ,CAAc,6BAAd,CAAN;AACD;;AAED,UAAIe,IAAI,GAAGpB,MAAM,CAAC,IAAD,CAAjB;AACA,UAAIQ,MAAM,GAAGY,IAAI,CAACZ,MAAL,KAAgB,CAA7B;AACA,UAAIa,OAAO,GAAGC,SAAS,CAAC,CAAD,CAAvB;;AAEA,WAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGf,MAApB,EAA4Be,CAAC,EAA7B,EAAiC;AAC/B,YAAIC,OAAO,GAAGJ,IAAI,CAACG,CAAD,CAAlB;;AACA,YAAIJ,QAAQ,CAACM,IAAT,CAAcJ,OAAd,EAAuBG,OAAvB,EAAgCD,CAAhC,EAAmCH,IAAnC,CAAJ,EAA8C;AAC5C,iBAAOI,OAAP;AACD;AACF;AACF;AAlB4C,GAA/C;AAoBD","sourcesContent":["/* eslint-disable */\nimport { canUseDOM } from \"./dom\";\n\nexport type MatchesMethod = (css: string) => boolean;\n\nexport interface OldElement extends Element {\n matchesSelector?: MatchesMethod;\n mozMatchesSelector?: MatchesMethod;\n msMatchesSelector?: MatchesMethod;\n}\n\nif (canUseDOM) {\n const ElementProto = Element.prototype;\n\n // Element.prototype.matches\n if (!ElementProto.matches) {\n ElementProto.matches =\n (ElementProto as OldElement).matchesSelector ||\n ElementProto.webkitMatchesSelector ||\n (ElementProto as OldElement).mozMatchesSelector ||\n (ElementProto as OldElement).msMatchesSelector;\n }\n\n // Element.prototype.closest\n if (!ElementProto.closest) {\n ElementProto.closest = function (css: string): Element | null {\n let node: Element | null = this;\n while (node) {\n if (node.matches(css)) {\n return node;\n } else {\n node = node.parentElement;\n }\n }\n return null;\n };\n }\n}\n\n// Array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function (searchElement: any, fromIndex: number) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n const o = Object(this);\n const len = o.length >>> 0;\n if (len === 0) {\n return false;\n }\n const n = fromIndex | 0;\n let k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n function sameValueZero(x: any, y: any) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n while (k < len) {\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n return false;\n },\n });\n}\n\n// Array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function (callback: Parameters<Array<any>[\"find\"]>[0]) {\n if (this === null) {\n throw new TypeError(\"Array.prototype.find called on null or undefined\");\n } else if (typeof callback !== \"function\") {\n throw new TypeError(\"callback must be a function\");\n }\n\n let list = Object(this);\n let length = list.length >>> 0;\n let thisArg = arguments[1];\n\n for (let i = 0; i < length; i++) {\n let element = list[i];\n if (callback.call(thisArg, element, i, list)) {\n return element;\n }\n }\n },\n });\n}\n"],"file":"polyfills.js"}
1
+ {"version":3,"sources":["../../src/lib/polyfills.ts"],"names":["canUseDOM","ElementProto","Element","prototype","matches","matchesSelector","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","closest","css","node","parentElement","Array","includes","Object","defineProperty","value","searchElement","fromIndex","TypeError","o","len","length","n","k","Math","max","abs","sameValueZero","x","y","isNaN","find","callback","list","thisArg","arguments","i","element","call","String","padStart","targetLength","padString","repeat","slice"],"mappings":"AAAA;AACA,SAASA,SAAT;;AAUA,IAAIA,SAAJ,EAAe;AACb,MAAMC,YAAY,GAAGC,OAAO,CAACC,SAA7B,CADa,CAGb;;AACA,MAAI,CAACF,YAAY,CAACG,OAAlB,EAA2B;AACzBH,IAAAA,YAAY,CAACG,OAAb,GACGH,YAAD,CAA6BI,eAA7B,IACAJ,YAAY,CAACK,qBADb,IAECL,YAAD,CAA6BM,kBAF7B,IAGCN,YAAD,CAA6BO,iBAJ/B;AAKD,GAVY,CAYb;;;AACA,MAAI,CAACP,YAAY,CAACQ,OAAlB,EAA2B;AACzBR,IAAAA,YAAY,CAACQ,OAAb,GAAuB,UAAUC,GAAV,EAAuC;AAC5D,UAAIC,IAAoB,GAAG,IAA3B;;AACA,aAAOA,IAAP,EAAa;AACX,YAAIA,IAAI,CAACP,OAAL,CAAaM,GAAb,CAAJ,EAAuB;AACrB,iBAAOC,IAAP;AACD,SAFD,MAEO;AACLA,UAAAA,IAAI,GAAGA,IAAI,CAACC,aAAZ;AACD;AACF;;AACD,aAAO,IAAP;AACD,KAVD;AAWD;AACF,C,CAED;;;AACA,IAAI,CAACC,KAAK,CAACV,SAAN,CAAgBW,QAArB,EAA+B;AAC7BC,EAAAA,MAAM,CAACC,cAAP,CAAsBH,KAAK,CAACV,SAA5B,EAAuC,UAAvC,EAAmD;AACjDc,IAAAA,KAAK,EAAE,eAAUC,aAAV,EAA8BC,SAA9B,EAAiD;AACtD,UAAI,QAAQ,IAAZ,EAAkB;AAChB,cAAM,IAAIC,SAAJ,CAAc,+BAAd,CAAN;AACD;;AACD,UAAMC,CAAC,GAAGN,MAAM,CAAC,IAAD,CAAhB;AACA,UAAMO,GAAG,GAAGD,CAAC,CAACE,MAAF,KAAa,CAAzB;;AACA,UAAID,GAAG,KAAK,CAAZ,EAAe;AACb,eAAO,KAAP;AACD;;AACD,UAAME,CAAC,GAAGL,SAAS,GAAG,CAAtB;AACA,UAAIM,CAAC,GAAGC,IAAI,CAACC,GAAL,CAASH,CAAC,IAAI,CAAL,GAASA,CAAT,GAAaF,GAAG,GAAGI,IAAI,CAACE,GAAL,CAASJ,CAAT,CAA5B,EAAyC,CAAzC,CAAR;;AACA,eAASK,aAAT,CAAuBC,CAAvB,EAA+BC,CAA/B,EAAuC;AACrC,eACED,CAAC,KAAKC,CAAN,IACC,OAAOD,CAAP,KAAa,QAAb,IACC,OAAOC,CAAP,KAAa,QADd,IAECC,KAAK,CAACF,CAAD,CAFN,IAGCE,KAAK,CAACD,CAAD,CALT;AAOD;;AACD,aAAON,CAAC,GAAGH,GAAX,EAAgB;AACd,YAAIO,aAAa,CAACR,CAAC,CAACI,CAAD,CAAF,EAAOP,aAAP,CAAjB,EAAwC;AACtC,iBAAO,IAAP;AACD;;AACDO,QAAAA,CAAC;AACF;;AACD,aAAO,KAAP;AACD;AA5BgD,GAAnD;AA8BD,C,CAED;;;AACA,IAAI,CAACZ,KAAK,CAACV,SAAN,CAAgB8B,IAArB,EAA2B;AACzBlB,EAAAA,MAAM,CAACC,cAAP,CAAsBH,KAAK,CAACV,SAA5B,EAAuC,MAAvC,EAA+C;AAC7Cc,IAAAA,KAAK,EAAE,eAAUiB,QAAV,EAAuD;AAC5D,UAAI,SAAS,IAAb,EAAmB;AACjB,cAAM,IAAId,SAAJ,CAAc,kDAAd,CAAN;AACD,OAFD,MAEO,IAAI,OAAOc,QAAP,KAAoB,UAAxB,EAAoC;AACzC,cAAM,IAAId,SAAJ,CAAc,6BAAd,CAAN;AACD;;AAED,UAAIe,IAAI,GAAGpB,MAAM,CAAC,IAAD,CAAjB;AACA,UAAIQ,MAAM,GAAGY,IAAI,CAACZ,MAAL,KAAgB,CAA7B;AACA,UAAIa,OAAO,GAAGC,SAAS,CAAC,CAAD,CAAvB;;AAEA,WAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGf,MAApB,EAA4Be,CAAC,EAA7B,EAAiC;AAC/B,YAAIC,OAAO,GAAGJ,IAAI,CAACG,CAAD,CAAlB;;AACA,YAAIJ,QAAQ,CAACM,IAAT,CAAcJ,OAAd,EAAuBG,OAAvB,EAAgCD,CAAhC,EAAmCH,IAAnC,CAAJ,EAA8C;AAC5C,iBAAOI,OAAP;AACD;AACF;AACF;AAlB4C,GAA/C;AAoBD,C,CAED;;;AACA,IAAI,CAACE,MAAM,CAACtC,SAAP,CAAiBuC,QAAtB,EAAgC;AAC9BD,EAAAA,MAAM,CAACtC,SAAP,CAAiBuC,QAAjB,GAA4B,SAASA,QAAT,CAAkBC,YAAlB,EAAgCC,SAAhC,EAA2C;AACrED,IAAAA,YAAY,GAAGA,YAAY,IAAI,CAA/B;AACAC,IAAAA,SAAS,GAAGH,MAAM,CAACG,SAAS,IAAI,GAAd,CAAlB;;AACA,QAAI,KAAKrB,MAAL,GAAcoB,YAAlB,EAAgC;AAC9B,aAAOF,MAAM,CAAC,IAAD,CAAb;AACD,KAFD,MAEO;AACLE,MAAAA,YAAY,GAAGA,YAAY,GAAG,KAAKpB,MAAnC;;AACA,UAAIoB,YAAY,GAAGC,SAAS,CAACrB,MAA7B,EAAqC;AACnCqB,QAAAA,SAAS,IAAIA,SAAS,CAACC,MAAV,CAAiBF,YAAY,GAAGC,SAAS,CAACrB,MAA1C,CAAb;AACD;;AACD,aAAOqB,SAAS,CAACE,KAAV,CAAgB,CAAhB,EAAmBH,YAAnB,IAAmCF,MAAM,CAAC,IAAD,CAAhD;AACD;AACF,GAZD;AAaD","sourcesContent":["/* eslint-disable */\nimport { canUseDOM } from \"./dom\";\n\nexport type MatchesMethod = (css: string) => boolean;\n\nexport interface OldElement extends Element {\n matchesSelector?: MatchesMethod;\n mozMatchesSelector?: MatchesMethod;\n msMatchesSelector?: MatchesMethod;\n}\n\nif (canUseDOM) {\n const ElementProto = Element.prototype;\n\n // Element.prototype.matches\n if (!ElementProto.matches) {\n ElementProto.matches =\n (ElementProto as OldElement).matchesSelector ||\n ElementProto.webkitMatchesSelector ||\n (ElementProto as OldElement).mozMatchesSelector ||\n (ElementProto as OldElement).msMatchesSelector;\n }\n\n // Element.prototype.closest\n if (!ElementProto.closest) {\n ElementProto.closest = function (css: string): Element | null {\n let node: Element | null = this;\n while (node) {\n if (node.matches(css)) {\n return node;\n } else {\n node = node.parentElement;\n }\n }\n return null;\n };\n }\n}\n\n// Array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function (searchElement: any, fromIndex: number) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n const o = Object(this);\n const len = o.length >>> 0;\n if (len === 0) {\n return false;\n }\n const n = fromIndex | 0;\n let k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n function sameValueZero(x: any, y: any) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n while (k < len) {\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n return false;\n },\n });\n}\n\n// Array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function (callback: Parameters<Array<any>[\"find\"]>[0]) {\n if (this === null) {\n throw new TypeError(\"Array.prototype.find called on null or undefined\");\n } else if (typeof callback !== \"function\") {\n throw new TypeError(\"callback must be a function\");\n }\n\n let list = Object(this);\n let length = list.length >>> 0;\n let thisArg = arguments[1];\n\n for (let i = 0; i < length; i++) {\n let element = list[i];\n if (callback.call(thisArg, element, i, list)) {\n return element;\n }\n }\n },\n });\n}\n\n// String.prototype.padStart\nif (!String.prototype.padStart) {\n String.prototype.padStart = function padStart(targetLength, padString) {\n targetLength = targetLength >> 0;\n padString = String(padString || \" \");\n if (this.length > targetLength) {\n return String(this);\n } else {\n targetLength = targetLength - this.length;\n if (targetLength > padString.length) {\n padString += padString.repeat(targetLength / padString.length);\n }\n return padString.slice(0, targetLength) + String(this);\n }\n };\n}\n"],"file":"polyfills.js"}
package/dist/vkui.css CHANGED
@@ -48,7 +48,7 @@
48
48
  );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 0 16px rgba(0,0,0,.12);box-shadow:var(--vkui--elevation3,
49
49
  0 0 2px rgba(0, 0, 0, 0.08),
50
50
  0 0 16px rgba(0, 0, 0, 0.12)
51
- );display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--left .vkuiHorizontalScrollArrow__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiPopoutWrapper{width:100%;height:100%;box-sizing:border-box;left:0;top:0;pointer-events:none}.vkuiPopoutWrapper--opened{pointer-events:initial}.vkuiPopoutWrapper--closing{pointer-events:none}.vkuiPopoutWrapper--fixed{position:fixed}.vkuiPopoutWrapper__overlay{position:fixed;left:0;top:0;width:100%;height:100%;opacity:1;-webkit-animation:vkui-animation-full-fade-in .2s ease;animation:vkui-animation-full-fade-in .2s ease;-webkit-animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease;animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease}.vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay{opacity:0;transition:opacity .2s cubic-bezier(.3,.3,.5,1);transition:opacity var(--vkui--animation_duration_m,0.2s) var(--vkui--animation_easing_default,cubic-bezier(0.3, 0.3, 0.5, 1))}.vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary,rgba(0, 0, 0, 0.4))}.vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay{position:absolute}.vkuiPopoutWrapper__container{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box}.vkuiPopoutWrapper__content{display:flex;justify-content:center;width:100%;z-index:2;pointer-events:none}.vkuiPopoutWrapper__content>*{pointer-events:auto}.vkuiPopoutWrapper--v-center .vkuiPopoutWrapper__container{align-items:center}.vkuiPopoutWrapper--v-bottom .vkuiPopoutWrapper__container{align-items:flex-end}.vkuiPopoutWrapper--v-top .vkuiPopoutWrapper__container{align-items:flex-start}.vkuiPopoutWrapper--h-center .vkuiPopoutWrapper__container{justify-content:center}.vkuiPopoutWrapper--h-left .vkuiPopoutWrapper__container{justify-content:flex-start}.vkuiPopoutWrapper--h-right .vkuiPopoutWrapper__container{justify-content:flex-end}@-webkit-keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}.vkuiActionSheet{position:relative;overflow:hidden}.vkuiActionSheet__header{color:#818c99;color:var(--text_secondary)}.vkuiActionSheet--ios{width:100%;-webkit-animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.vkuiActionSheet--ios.vkuiActionSheet--closing{-webkit-transform:translateY(100%);transform:translateY(100%);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)}.vkuiActionSheet--ios .vkuiActionSheet__header{padding:15px 10px;position:relative;overflow:hidden;border-radius:14px 14px 0 0;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__header::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:""}.vkuiActionSheet--android,.vkuiActionSheet--vkcom{width:calc(100% - 20px);margin:10px;-webkit-animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-actionsheet-intro .2s var(--android-easing);animation:vkui-animation-actionsheet-intro .2s var(--android-easing);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08);padding:8px 0;background:#fff;background:var(--modal_card_background)}.vkuiActionSheet--android.vkuiActionSheet--closing{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px));transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing);transition:transform .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiActionSheet--android .vkuiActionSheet__header,.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:16px 20px}.vkuiActionSheet--android .vkuiActionSheet__title+.vkuiActionSheet__text,.vkuiActionSheet--vkcom .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--desktop{width:auto;height:auto;background:#fff;background:var(--modal_card_background);-webkit-animation:none;animation:none;padding:0;margin:0}.vkuiActionSheet--desktop.vkuiActionSheet--sizeY-compact{padding-top:8px;padding-bottom:8px}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);padding:0}.vkuiActionSheet--desktop.vkuiActionSheet--android{min-width:112px;border-radius:12px;padding:8px 0;box-shadow:0 8px 8px rgba(0,0,0,.16),0 0 4px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom{border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:14px 20px}@-webkit-keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiActionSheetItem{position:relative;z-index:2;overflow:hidden;display:flex;align-items:center;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiActionSheetItem__container,.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{position:relative;z-index:2}.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{flex-shrink:0}.vkuiActionSheetItem__container{max-width:100%;flex-grow:1;white-space:nowrap;overflow:hidden}.vkuiActionSheetItem__content{display:flex;align-items:baseline;overflow:hidden}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary);overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:#818c99;color:var(--text_secondary);margin-left:6px;flex-shrink:0}.vkuiActionSheetItem__before{color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__container:first-child{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__before{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--compact .vkuiActionSheetItem__container{color:#000;color:var(--text_primary)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{display:none;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background-color:#2688eb;background-color:var(--accent);color:#fff;color:var(--white)}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{padding:0 20px;min-height:56px;border-radius:0;color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--destructive{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2),.vkuiActionSheetItem--ios:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:-1;content:"";transition:opacity .15s ease-out,background-color .15s ease-out}.vkuiActionSheetItem--ios::after{position:absolute;right:0;left:0;z-index:-1;height:1px;content:"";top:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiActionSheetItem--ios:first-child::after,.vkuiActionSheetItem--cancel::after{content:none}.vkuiActionSheet--ios .vkuiActionSheetItem--last::after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active::before{background:#d7d8d9;background:var(--separator_common);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:13px 0}.vkuiActionSheetItem--ios .vkuiActionSheetItem__content{justify-content:center}.vkuiActionSheetItem--ios .vkuiActionSheetItem__subtitle{margin-top:2px}.vkuiActionSheetItem--ios .vkuiActionSheetItem__marker{margin-left:12px}.vkuiActionSheetItem--ios.vkuiActionSheetItem--compact .vkuiActionSheetItem__content,.vkuiActionSheetItem--ios .vkuiActionSheetItem__before+.vkuiActionSheetItem__container .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--cancel{margin-top:7px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);border-radius:14px;min-height:52px}.vkuiActionSheetItem--android{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--android.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--android .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--android .vkuiActionSheetItem__container{padding:11px 0}.vkuiActionSheetItem--android .vkuiActionSheetItem__subtitle{margin-top:1px;margin-bottom:-1px}.vkuiActionSheetItem--android .vkuiActionSheetItem__marker{margin-left:16px}.vkuiActionSheetItem--vkcom{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--vkcom.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__before{margin-right:17px;margin-left:-1px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__subtitle{margin-top:2px;margin-bottom:-2px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__marker{margin-left:26px;color:#2688eb;color:var(--accent);background-color:transparent}.vkuiActionSheetItem--desktop{width:auto;cursor:pointer}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before{color:#99a2ad;color:var(--icon_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{background:#99a2ad;background:var(--icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:44px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:12px 0}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--withSubtitle .vkuiActionSheetItem__container{padding:10px 0}.vkuiAlert{-webkit-user-select:none;user-select:none;color:#000;color:var(--text_primary);position:relative;max-width:416px}.vkuiAlert::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:"";border-radius:inherit}.vkuiAlert__content{position:relative;z-index:2}.vkuiAlert__action{white-space:nowrap;background:0 0}.vkuiAlert__actions{display:flex;max-width:100%;position:relative;z-index:2}.vkuiAlert--ios{width:270px;border-radius:12px;overflow:hidden;-webkit-animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-alert-intro .3s var(--ios-easing);animation:vkui-animation-ios-alert-intro .3s var(--ios-easing)}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__content::after{content:"";position:absolute;bottom:0;height:1px;right:0;left:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{position:relative;font-size:17px;line-height:44px;color:#2688eb;color:var(--accent);border:0;padding:0 6px;margin:0;height:44px;display:block;text-align:center;text-decoration:none;overflow:hidden;text-overflow:ellipsis;border-radius:0}.vkuiAlert--ios .vkuiAlert__action:active{z-index:1}.vkuiAlert--ios .vkuiAlert__action::after{content:"";position:absolute;background:rgba(0,0,0,.12);background:var(--action_sheet_separator)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{top:0;right:0;width:1px;height:100%;-webkit-transform-origin:right center;transform-origin:right center}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-grow:1;flex-shrink:1;flex-basis:0}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:12px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:12px}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{left:0;bottom:0;width:100%;height:1px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--destructive{color:#e64646;color:var(--destructive)}.vkuiAlert--android{min-width:280px;margin:auto 24px;box-shadow:0 20px 35px 0 rgba(0,0,0,.3),0 0 35px 0 rgba(0,0,0,.22);border-radius:12px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--desktop.vkuiAlert--android{width:416px}.vkuiAlert--android.vkuiAlert--closing,.vkuiAlert--vkcom.vkuiAlert--closing{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiAlert--android .vkuiAlert__content{padding:24px 24px 20px}.vkuiAlert--android .vkuiAlert__header,.vkuiAlert--vkcom .vkuiAlert__header{margin-bottom:8px}.vkuiAlert--android .vkuiAlert__text,.vkuiAlert--vkcom .vkuiAlert__text{color:#818c99;color:var(--text_secondary)}.vkuiAlert--android .vkuiAlert__actions{padding:0 16px 16px}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__actions,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__actions{flex-direction:column;align-items:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button{margin-top:4px;margin-bottom:4px}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__button,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);border-radius:8px;width:400px;margin:auto 24px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--cancel{order:1}@-webkit-keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vkuiScreenSpinner{-webkit-animation:vkui-screen-spinner-intro .3s ease;animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner__container{width:88px;height:88px;background:#f9f9f9;background:var(--tabbar_background);box-shadow:0 16px 32px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.08);border-radius:8px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__container{background:#fff;background:var(--modal_card_background);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 0 96px 0 rgba(0,0,0,.16);border-radius:10px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__spinner{color:#818c99;color:var(--overlay_status_icon)}@-webkit-keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}.vkuiSnackbar{-webkit-user-select:none;user-select:none;z-index:101;position:fixed;bottom:0;left:auto;width:100%;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__in{padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{box-sizing:border-box;padding:12px 16px;min-height:56px;display:flex;align-items:center;background:#fff;background:var(--modal_card_background);box-shadow:0 0 24px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.08)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-right:-4px;margin-left:12px}.vkuiSnackbar__content{flex:1;display:flex;align-items:center;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{flex-direction:column;align-items:flex-start}.vkuiSnackbar__content-text{flex:1;color:#000;color:var(--text_primary);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1*12px);margin-right:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative;top:2px}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-top:2px;margin-bottom:-6px;margin-left:calc(-1*12px);margin-left:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__in,.vkuiSnackbar--ios .vkuiSnackbar__body{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__body{border-radius:10px}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__body{transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__body{border-radius:8px}.vkuiSnackbar--desktop{max-width:328px;left:0;bottom:0}.vkuiSnackbar--desktop .vkuiSnackbar__in{padding:12px;-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vkuiModalCardBase__container{box-sizing:border-box;position:relative;background:#fff;background:var(--modal_card_background);border-radius:18px;padding:16px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:center;pointer-events:initial}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{text-align:center;margin:0;padding:0 8px;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary)}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary)}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{margin:8px auto 16px;color:#2688eb;color:var(--accent)}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{position:absolute;top:4px;right:4px;width:48px;height:48px;color:#99a2ad;color:var(--placeholder_icon_foreground_primary);justify-content:center}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08)}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12)}.vkuiModalRoot{width:100%;height:100%}.vkuiModalRoot__mask{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;transition:opacity 167ms ease-out;-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:calc(0px + 52px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{position:absolute;width:100%;height:100%;box-sizing:border-box;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}.vkuiModalCard{box-sizing:border-box;position:absolute;top:0;padding:8px;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1}.vkuiModalCard__in{width:100%;margin-left:auto;margin-right:auto;-webkit-transform:translateY(100%);transform:translateY(100%)}.vkuiModalCard--ios .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1),-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing),-webkit-transform 340ms var(--ios-easing);max-width:414px}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1),-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing),-webkit-transform 340ms var(--android-easing)}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{-webkit-transform:unset;transform:unset;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}.vkuiModalPage{width:100%;height:100%;overflow:hidden;position:absolute;box-sizing:border-box;z-index:1;pointer-events:none}.vkuiModalPage--desktop{display:flex;align-items:center;justify-content:center}.vkuiModalPage__in-wrap{width:100%;height:100%;position:absolute;bottom:0;display:flex;align-items:flex-end;pointer-events:initial;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{width:416px;max-width:100%;margin:0 auto;background:#fff;background:var(--background_content);overflow:visible;position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border-radius:12px 12px 0 0}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{position:relative;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vkuiModalPage__content{height:100%;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.vkuiModalPage__content-in{position:relative;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiModalRoot__modal--collapsed .vkuiModalPage__content,.vkuiModalRoot__modal--dragging .vkuiModalPage__content{overflow:hidden;touch-action:pan-y}.vkuiModalPage__footer{background:#fff;background:var(--background_content);position:relative;z-index:10}.vkuiModalRoot--touched .vkuiModalPage__footer{transition:none}.vkuiModalPage--ios .vkuiModalPage__in-wrap{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiModalPage--ios .vkuiModalPage__in{border-radius:14px 14px 0 0}.vkuiModalPage--vkcom .vkuiModalPage__in{border-radius:8px 8px 0 0;width:448px}.vkuiModalPage--desktop .vkuiModalPage__in-wrap{align-items:center;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing);width:auto;height:auto;position:relative;-webkit-transform:none;transform:none}.vkuiModalPage--desktop .vkuiModalPage__in{height:auto;max-height:640px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);border-radius:8px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}.vkuiModalDismissButton{position:absolute;justify-content:center;top:0;right:-56px;width:56px;height:56px;padding:18px;box-sizing:border-box;color:#fff;color:var(--white);transition:opacity .15s ease-out}.vkuiModalDismissButton::before{display:block;content:"";top:14px;right:14px;bottom:14px;left:14px;background-color:rgba(0,0,0,.35);border-radius:50%;position:absolute}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}.vkuiModalPageHeader{position:relative;z-index:2;--safe-area-inset-top:0}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--android{padding-left:6px;padding-right:6px}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--ios{padding-left:4px;padding-right:4px}.vkuiModalPageHeader .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}.vkuiButtonGroup{display:inline-flex;align-items:flex-start;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{flex-direction:row}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space>:not(:first-child){margin-top:1px;margin-top:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--mode-horizontal>:not(.vkuiButtonGroup){min-width:0}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space>:not(:last-child){margin-right:1px;margin-right:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiBadge{display:block;flex-grow:0;flex-shrink:0;width:6px;height:6px;border-radius:50%}.vkuiBadge--new{background-color:#5c9ce6;background-color:var(--blue_200, var(--vkui--color_icon_accent))}.vkuiBadge--prominent{background-color:#ff3347;background-color:var(--counter_prominent_background,
51
+ );display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--left .vkuiHorizontalScrollArrow__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiPopoutWrapper{width:100%;height:100%;box-sizing:border-box;left:0;top:0;pointer-events:none}.vkuiPopoutWrapper--opened{pointer-events:initial}.vkuiPopoutWrapper--closing{pointer-events:none}.vkuiPopoutWrapper--fixed{position:fixed}.vkuiPopoutWrapper__overlay{position:fixed;left:0;top:0;width:100%;height:100%;opacity:1;-webkit-animation:vkui-animation-full-fade-in .2s ease;animation:vkui-animation-full-fade-in .2s ease;-webkit-animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease;animation:vkui-animation-full-fade-in var(--vkui--animation_duration_m,0.2s) ease}.vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay{opacity:0;transition:opacity .2s cubic-bezier(.3,.3,.5,1);transition:opacity var(--vkui--animation_duration_m,0.2s) var(--vkui--animation_easing_default,cubic-bezier(0.3, 0.3, 0.5, 1))}.vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay{background:rgba(0,0,0,.4);background:var(--vkui--color_overlay_primary,rgba(0, 0, 0, 0.4))}.vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay{position:absolute}.vkuiPopoutWrapper__container{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box}.vkuiPopoutWrapper__content{display:flex;justify-content:center;width:100%;z-index:2;pointer-events:none}.vkuiPopoutWrapper__content>*{pointer-events:auto}.vkuiPopoutWrapper--v-center .vkuiPopoutWrapper__container{align-items:center}.vkuiPopoutWrapper--v-bottom .vkuiPopoutWrapper__container{align-items:flex-end}.vkuiPopoutWrapper--v-top .vkuiPopoutWrapper__container{align-items:flex-start}.vkuiPopoutWrapper--h-center .vkuiPopoutWrapper__container{justify-content:center}.vkuiPopoutWrapper--h-left .vkuiPopoutWrapper__container{justify-content:flex-start}.vkuiPopoutWrapper--h-right .vkuiPopoutWrapper__container{justify-content:flex-end}@-webkit-keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-full-fade-in{0%{opacity:0}to{opacity:1}}.vkuiActionSheet{position:relative;overflow:hidden}.vkuiActionSheet__header{color:#818c99;color:var(--text_secondary)}.vkuiActionSheet--ios{width:100%;-webkit-animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);animation:vkui-animation-actionsheet-intro .3s var(--ios-easing);padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.vkuiActionSheet--ios.vkuiActionSheet--closing{-webkit-transform:translateY(100%);transform:translateY(100%);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)}.vkuiActionSheet--ios .vkuiActionSheet__header{padding:15px 10px;position:relative;overflow:hidden;border-radius:14px 14px 0 0;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative;z-index:2}.vkuiActionSheet--ios .vkuiActionSheet__header::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:""}.vkuiActionSheet--android,.vkuiActionSheet--vkcom{width:calc(100% - 20px);margin:10px;-webkit-animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-actionsheet-intro .2s var(--android-easing);animation:vkui-animation-actionsheet-intro .2s var(--android-easing);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08);padding:8px 0;background:#fff;background:var(--modal_card_background)}.vkuiActionSheet--android.vkuiActionSheet--closing{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px));transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing);transition:transform .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiActionSheet--android .vkuiActionSheet__header,.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:16px 20px}.vkuiActionSheet--android .vkuiActionSheet__title+.vkuiActionSheet__text,.vkuiActionSheet--vkcom .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--desktop{width:auto;height:auto;background:#fff;background:var(--modal_card_background);-webkit-animation:none;animation:none;padding:0;margin:0}.vkuiActionSheet--desktop.vkuiActionSheet--sizeY-compact{padding-top:8px;padding-bottom:8px}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);padding:0}.vkuiActionSheet--desktop.vkuiActionSheet--android{min-width:112px;border-radius:12px;padding:8px 0;box-shadow:0 8px 8px rgba(0,0,0,.16),0 0 4px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom{border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08)}.vkuiActionSheet--desktop.vkuiActionSheet--vkcom .vkuiActionSheet__header{padding:14px 20px}@-webkit-keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-actionsheet-intro{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.vkuiActionSheetItem{position:relative;z-index:2;overflow:hidden;display:flex;align-items:center;text-decoration:none;color:#000;color:var(--text_primary)}.vkuiActionSheetItem__container,.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{position:relative;z-index:2}.vkuiActionSheetItem__before,.vkuiActionSheetItem__after{flex-shrink:0}.vkuiActionSheetItem__container{max-width:100%;flex-grow:1;white-space:nowrap;overflow:hidden}.vkuiActionSheetItem__content{display:flex;align-items:baseline;overflow:hidden}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary);overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:#818c99;color:var(--text_secondary);margin-left:6px;flex-shrink:0}.vkuiActionSheetItem__before{color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__container:first-child{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--destructive .vkuiActionSheetItem__before{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--compact .vkuiActionSheetItem__container{color:#000;color:var(--text_primary)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{display:none;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background-color:#2688eb;background-color:var(--accent);color:#fff;color:var(--white)}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{padding:0 20px;min-height:56px;border-radius:0;color:#2688eb;color:var(--action_sheet_action_foreground)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--destructive{color:#e64646;color:var(--destructive)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2),.vkuiActionSheetItem--ios:last-child{border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:-1;content:"";transition:opacity .15s ease-out,background-color .15s ease-out}.vkuiActionSheetItem--ios::after{position:absolute;right:0;left:0;z-index:-1;height:1px;content:"";top:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.vkuiActionSheetItem--ios:first-child::after,.vkuiActionSheetItem--cancel::after{content:none}.vkuiActionSheet--ios .vkuiActionSheetItem--last::after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active::before{background:#d7d8d9;background:var(--separator_common);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:13px 0}.vkuiActionSheetItem--ios .vkuiActionSheetItem__content{justify-content:center}.vkuiActionSheetItem--ios .vkuiActionSheetItem__subtitle{margin-top:2px}.vkuiActionSheetItem--ios .vkuiActionSheetItem__marker{margin-left:12px}.vkuiActionSheetItem--ios.vkuiActionSheetItem--compact .vkuiActionSheetItem__content,.vkuiActionSheetItem--ios .vkuiActionSheetItem__before+.vkuiActionSheetItem__container .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--cancel{margin-top:7px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);border-radius:14px;min-height:52px}.vkuiActionSheetItem--android{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--android.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--android .vkuiActionSheetItem__before{margin-right:18px;margin-left:-2px}.vkuiActionSheetItem--android .vkuiActionSheetItem__container{padding:11px 0}.vkuiActionSheetItem--android .vkuiActionSheetItem__subtitle{margin-top:1px;margin-bottom:-1px}.vkuiActionSheetItem--android .vkuiActionSheetItem__marker{margin-left:16px}.vkuiActionSheetItem--vkcom{padding:0 20px;min-height:48px;border-radius:0}.vkuiActionSheetItem--vkcom.vkuiActionSheetItem--active{background-color:rgba(0,0,0,.12);background-color:var(--action_sheet_separator)}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__before{margin-right:17px;margin-left:-1px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__subtitle{margin-top:2px;margin-bottom:-2px}.vkuiActionSheetItem--vkcom .vkuiActionSheetItem__marker{margin-left:26px;color:#2688eb;color:var(--accent);background-color:transparent}.vkuiActionSheetItem--desktop{width:auto;cursor:pointer}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:#818c99;color:var(--text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before{color:#99a2ad;color:var(--icon_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{background:#99a2ad;background:var(--icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:44px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:12px 0}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--withSubtitle .vkuiActionSheetItem__container{padding:10px 0}.vkuiAlert{-webkit-user-select:none;user-select:none;color:#000;color:var(--text_primary);position:relative;max-width:416px}.vkuiAlert::before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-color:var(--modal_card_background);z-index:1;content:"";border-radius:inherit}.vkuiAlert__content{position:relative;z-index:2}.vkuiAlert__action{white-space:nowrap;background:0 0}.vkuiAlert__actions{display:flex;max-width:100%;position:relative;z-index:2}.vkuiAlert--ios{width:270px;border-radius:12px;overflow:hidden;-webkit-animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-alert-intro .3s var(--ios-easing);animation:vkui-animation-ios-alert-intro .3s var(--ios-easing)}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__content::after{content:"";position:absolute;bottom:0;height:1px;right:0;left:0;background:rgba(0,0,0,.12);background:var(--action_sheet_separator);-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{position:relative;font-size:17px;line-height:44px;color:#2688eb;color:var(--accent);border:0;padding:0 6px;margin:0;height:44px;display:block;text-align:center;text-decoration:none;overflow:hidden;text-overflow:ellipsis;border-radius:0}.vkuiAlert--ios .vkuiAlert__action:active{z-index:1}.vkuiAlert--ios .vkuiAlert__action::after{content:"";position:absolute;background:rgba(0,0,0,.12);background:var(--action_sheet_separator)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{top:0;right:0;width:1px;height:100%;-webkit-transform-origin:right center;transform-origin:right center}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-grow:1;flex-shrink:1;flex-basis:0}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:12px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:12px}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{left:0;bottom:0;width:100%;height:1px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child::after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content::after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--destructive{color:#e64646;color:var(--destructive)}.vkuiAlert--android{min-width:280px;margin:auto 24px;box-shadow:0 20px 35px 0 rgba(0,0,0,.3),0 0 35px 0 rgba(0,0,0,.22);border-radius:12px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--desktop.vkuiAlert--android{width:416px}.vkuiAlert--android.vkuiAlert--closing,.vkuiAlert--vkcom.vkuiAlert--closing{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing);transition:transform .2s var(--android-easing),opacity .2s var(--android-easing),-webkit-transform .2s var(--android-easing)}.vkuiAlert--android .vkuiAlert__content{padding:24px 24px 20px}.vkuiAlert--android .vkuiAlert__header,.vkuiAlert--vkcom .vkuiAlert__header{margin-bottom:8px}.vkuiAlert--android .vkuiAlert__text,.vkuiAlert--vkcom .vkuiAlert__text{color:#818c99;color:var(--text_secondary)}.vkuiAlert--android .vkuiAlert__actions{padding:0 16px 16px}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__actions,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__actions{flex-direction:column;align-items:flex-end}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button{margin-top:4px;margin-bottom:4px}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--android.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--android.vkuiAlert--h .vkuiAlert__button,.vkuiAlert--vkcom.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);border-radius:8px;width:400px;margin:auto 24px;-webkit-animation:vkui-animation-android-alert-intro .2s ease;animation:vkui-animation-android-alert-intro .2s ease}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--cancel{order:1}@-webkit-keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vkuiScreenSpinner{-webkit-animation:vkui-screen-spinner-intro .3s ease;animation:vkui-screen-spinner-intro .3s ease}.vkuiScreenSpinner__container{width:88px;height:88px;background:#f9f9f9;background:var(--tabbar_background);box-shadow:0 16px 32px 0 rgba(0,0,0,.08),0 0 8px 0 rgba(0,0,0,.08);border-radius:8px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__container{background:#fff;background:var(--modal_card_background);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 0 96px 0 rgba(0,0,0,.16);border-radius:10px}.vkuiScreenSpinner--ios .vkuiScreenSpinner__spinner{color:#818c99;color:var(--overlay_status_icon)}@-webkit-keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}@keyframes vkui-screen-spinner-intro{0%{opacity:0}to{opacity:1}}.vkuiSnackbar{-webkit-user-select:none;user-select:none;z-index:101;position:fixed;bottom:0;left:auto;width:100%;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__in{padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{box-sizing:border-box;padding:12px 16px;min-height:56px;display:flex;align-items:center;background:#fff;background:var(--modal_card_background);box-shadow:0 0 24px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.08)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-right:-4px;margin-left:12px}.vkuiSnackbar__content{flex:1;display:flex;align-items:center;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{flex-direction:column;align-items:flex-start}.vkuiSnackbar__content-text{flex:1;color:#000;color:var(--text_primary);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1*12px);margin-right:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative;top:2px}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-top:2px;margin-bottom:-6px;margin-left:calc(-1*12px);margin-left:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__in,.vkuiSnackbar--ios .vkuiSnackbar__body{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__body{border-radius:10px}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__body{transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__body{border-radius:8px}.vkuiSnackbar--desktop{max-width:328px;left:0;bottom:0}.vkuiSnackbar--desktop .vkuiSnackbar__in{padding:12px;-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vkuiModalCardBase__container{box-sizing:border-box;position:relative;background:#fff;background:var(--modal_card_background);border-radius:18px;padding:16px;margin-bottom:0;margin-bottom:var(--safe-area-inset-bottom);display:flex;flex-direction:column;justify-content:center;pointer-events:initial}.vkuiModalCardBase__container--softwareKeyboardOpened{margin-bottom:0}.vkuiModalCardBase__header,.vkuiModalCardBase__subheader{text-align:center;margin:0;padding:0 8px;word-break:break-word}.vkuiModalCardBase__header{color:#000;color:var(--text_primary)}.vkuiModalCardBase__subheader{color:#818c99;color:var(--text_secondary)}.vkuiModalCardBase__header+.vkuiModalCardBase__subheader{margin-top:8px}.vkuiModalCardBase__icon{margin:8px auto 16px;color:#2688eb;color:var(--accent)}.vkuiModalCardBase__actions{display:flex;margin-left:-6px;margin-right:-6px;margin-top:16px}.vkuiModalCardBase .vkuiUsersStack+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__header+.vkuiModalCardBase__actions,.vkuiModalCardBase__subheader+.vkuiModalCardBase__actions{margin-top:32px}.vkuiModalCardBase__actions--v{flex-direction:column;margin-left:0;margin-right:0}.vkuiModalCardBase__dismiss{position:absolute;top:4px;right:4px;width:48px;height:48px;color:#99a2ad;color:var(--placeholder_icon_foreground_primary);justify-content:center}.vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child{padding-left:36px;padding-right:36px}.vkuiModalCardBase--android .vkuiModalCardBase__container,.vkuiModalCardBase--vkcom .vkuiModalCardBase__container{border-radius:12px;box-shadow:0 8px 8px 0 rgba(0,0,0,.16),0 0 4px 0 rgba(0,0,0,.08)}.vkuiModalCardBase--desktop .vkuiModalCardBase__container{border-radius:8px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12)}.vkuiModalRoot{width:100%;height:100%}.vkuiModalRoot__mask{opacity:1;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);-webkit-user-select:none;user-select:none;transition:opacity 167ms ease-out;-webkit-animation:vkui-animation-fadeIn .32s ease;animation:vkui-animation-fadeIn .32s ease}.vkuiModalRoot--touched .vkuiModalRoot__mask{transition:none}.vkuiModalRoot--switching .vkuiModalRoot__mask{pointer-events:none}.vkuiModalRoot__viewport{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:not(.vkuiModalRoot--desktop).vkuiModalRoot--ios .vkuiModalRoot__viewport,:not(.vkuiModalRoot--desktop).vkuiModalRoot--android .vkuiModalRoot__viewport{top:0;top:var(--safe-area-inset-top)}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--android .vkuiModalRoot__viewport{top:calc(0px + 56px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height))}:not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps.vkuiModalRoot--ios .vkuiModalRoot__viewport{top:calc(0px + 52px);top:calc(var(--safe-area-inset-top) + var(--panelheader_height_ios))}.vkuiModalRoot__modal{position:absolute;width:100%;height:100%;box-sizing:border-box;z-index:1}@-webkit-keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vkui-animation-fadeIn{0%{opacity:0}to{opacity:1}}.vkuiModalCard{box-sizing:border-box;position:absolute;top:0;padding:8px;left:0;width:100%;height:100%;display:flex;align-items:flex-end;z-index:1}.vkuiModalCard__in{width:100%;margin-left:auto;margin-right:auto;-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px))}.vkuiModalCard--ios .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1);transition:transform 340ms cubic-bezier(.36,.66,.04,1),-webkit-transform 340ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing);transition:transform 340ms var(--ios-easing),-webkit-transform 340ms var(--ios-easing);max-width:414px}.vkuiModalCard--android .vkuiModalCard__in,.vkuiModalCard--vkcom .vkuiModalCard__in{transition:-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1);transition:transform 340ms cubic-bezier(.4,0,.2,1),-webkit-transform 340ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing);transition:transform 340ms var(--android-easing),-webkit-transform 340ms var(--android-easing)}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{-webkit-transform:unset;transform:unset;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing)}.vkuiModalRoot--touched .vkuiModalCard__in{transition:none}.vkuiModalPage{width:100%;height:100%;overflow:hidden;position:absolute;box-sizing:border-box;z-index:1;pointer-events:none}.vkuiModalPage--desktop{display:flex;align-items:center;justify-content:center}.vkuiModalPage__in-wrap{width:100%;height:100%;position:absolute;bottom:0;display:flex;align-items:flex-end;pointer-events:initial;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiModalRoot--switching .vkuiModalPage__in-wrap{pointer-events:none}.vkuiModalPage__in{width:416px;max-width:100%;margin:0 auto;background:#fff;background:var(--background_content);overflow:visible;position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;border-radius:12px 12px 0 0}.vkuiModalPage__header{width:100%}.vkuiModalPage__content-wrap{position:relative;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vkuiModalPage__content{height:100%;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box}.vkuiModalPage--desktop .vkuiModalPage__content,.vkuiModalRoot__modal--expandable .vkuiModalPage__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.vkuiModalPage__content-in{position:relative;padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiModalRoot__modal--collapsed .vkuiModalPage__content,.vkuiModalRoot__modal--dragging .vkuiModalPage__content{overflow:hidden;touch-action:pan-y}.vkuiModalPage__footer{background:#fff;background:var(--background_content);position:relative;z-index:10}.vkuiModalRoot--touched .vkuiModalPage__footer{transition:none}.vkuiModalPage--ios .vkuiModalPage__in-wrap{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiModalPage--ios .vkuiModalPage__in{border-radius:14px 14px 0 0}.vkuiModalPage--vkcom .vkuiModalPage__in{border-radius:8px 8px 0 0;width:448px}.vkuiModalPage--desktop .vkuiModalPage__in-wrap{align-items:center;opacity:0;transition:opacity 340ms cubic-bezier(.4,0,.2,1);transition:opacity 340ms var(--android-easing);width:auto;height:auto;position:relative;-webkit-transform:none;transform:none}.vkuiModalPage--desktop .vkuiModalPage__in{height:auto;max-height:640px;box-shadow:0 16px 16px rgba(0,0,0,.16),0 0 8px rgba(0,0,0,.12);border-radius:8px}@media (max-height:672px){.vkuiModalPage--desktop .vkuiModalPage__in{max-height:calc(100vh - 32px)}}.vkuiModalRoot--touched .vkuiModalPage__in-wrap{transition:none}.vkuiModalDismissButton{position:absolute;justify-content:center;top:0;right:-56px;width:56px;height:56px;padding:18px;box-sizing:border-box;color:#fff;color:var(--white);transition:opacity .15s ease-out}.vkuiModalDismissButton::before{display:block;content:"";top:14px;right:14px;bottom:14px;left:14px;background-color:rgba(0,0,0,.35);border-radius:50%;position:absolute}.vkuiModalDismissButton .vkuiIcon{-webkit-transform:translateX(0);transform:translateX(0)}.vkuiModalDismissButton--hover{opacity:.6}.vkuiModalDismissButton--active{opacity:1}.vkuiModalPageHeader{position:relative;z-index:2;--safe-area-inset-top:0}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--android{padding-left:6px;padding-right:6px}.vkuiModalPageHeader--desktop.vkuiModalPageHeader--ios{padding-left:4px;padding-right:4px}.vkuiModalPageHeader .vkuiIcon--dismiss_24{color:#99a2ad;color:var(--placeholder_icon_foreground_primary)}.vkuiModalPageHeader .vkuiIcon--cancel_24{color:#99a2ad;color:var(--icon_secondary)}.vkuiButtonGroup{display:inline-flex;align-items:flex-start;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{flex-direction:row}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space>:not(:first-child){margin-top:1px;margin-top:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--mode-horizontal>:not(.vkuiButtonGroup){min-width:0}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space>:not(:last-child){margin-right:1px;margin-right:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiBadge{display:block;flex-grow:0;flex-shrink:0;width:6px;height:6px;border-radius:50%}.vkuiBadge--new{background-color:#5c9ce6;background-color:var(--blue_200, var(--vkui--color_icon_accent))}.vkuiBadge--prominent{background-color:#ff3347;background-color:var(--counter_prominent_background,
52
52
  var(--vkui--color_icon_negative)
53
53
  )}.vkuiTabsItem__after .vkuiBadge{-webkit-transform:translateY(-2px);transform:translateY(-2px);margin-left:6px}.vkuiIconButton{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-shadow:none;display:block;color:currentColor;padding:0;margin:0;position:relative;height:48px;border-radius:9999px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiIconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28{padding:10px}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormField__after .vkuiIconButton{display:flex;align-items:center;align-content:center;justify-content:center;width:44px;height:44px;border-radius:inherit}.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiIconButton--sizeY-compact{height:44px}.vkuiFormField__after .vkuiIconButton--sizeY-compact{width:36px;height:36px}.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact{height:36px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}.vkuiCard{position:relative;background:#f5f5f5;background:var(--content_tint_background,
54
54
  var(--vkui--color_background_secondary)