@vkontakte/vkui 5.10.0 → 5.10.1-beta.0
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.
- package/dist/components.css +17 -17
- package/dist/components.css.map +1 -1
- package/dist/cssm/styles/dynamicTokens.css +4 -12
- package/dist/vkui.css +17 -17
- package/dist/vkui.css.map +1 -1
- package/package.json +1 -1
- package/src/styles/dynamicTokens.css +4 -12
package/dist/components.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root{--vkui_internal--tabbar_height:48px;--vkui_internal--grid_avatar_image_offset:2px;--vkui_internal--slider_thumb_size:28px;--vkui_internal--side_cell_gap:calc(var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_s));--vkui_internal--outline_width:2px;--vkui_internal--outline:var(--vkui_internal--outline_width,2px) solid var(--vkui--color_stroke_accent);--vkui_internal--outline-reset:var(--vkui_internal--outline_width) solid transparent;--vkui_internal--popover_safe_zone_padding:8px;--vkui_internal--white:#fff;--vkui_internal--safe_area_inset_top:0px;--vkui_internal--safe_area_inset_right:0px;--vkui_internal--safe_area_inset_bottom:0px;--vkui_internal--safe_area_inset_left:0px;--vkui_internal--duration:0.7s;--vkui_internal--z_index_cell_dragging:100;--vkui_internal--z_index_tabs:2;--vkui_internal--z_index_fixed_layout:3;--vkui_internal--z_index_panel_header_context:4;--vkui_internal--z_index_panel_header_fade:5;--vkui_internal--z_index_pull_to_refresh:9;--vkui_internal--z_index_panel_header:10;--vkui_internal--z_index_split_layout_panel_header:11;--vkui_internal--z_index_tappable_state:0;--vkui_internal--z_index_tappable_element:1;--vkui_internal--z_index_banner_background:0;--vkui_internal--z_index_banner_content:1;--vkui_internal--z_index_banner_hover:2;--vkui_internal--z_index_form_field_element:1;--vkui_internal--z_index_form_field_border:2;--vkui_internal--z_index_form_field_status:3;--vkui_internal--z_index_form_field_border_hover:4;--vkui_internal--z_index_form_field_focus:5;--vkui_internal--z_index_form_field_side:6;--vkui_internal--z_index_image_base_img:-1;--vkui_internal--z_index_image_base_overlay:0;--vkui_internal--z_index_image_base_border:1;--vkui_internal--z_index_image_base_badge:2;--vkui_internal--z_index_horizontal_scroll_arrow:1}@supports (padding-top:constant(safe-area-inset-top)){:root{--vkui_internal--safe_area_inset_top:constant(safe-area-inset-top);--vkui_internal--safe_area_inset_right:constant(safe-area-inset-right);--vkui_internal--safe_area_inset_bottom:constant(safe-area-inset-bottom);--vkui_internal--safe_area_inset_left:constant(safe-area-inset-left)}}@supports (padding-top:env(safe-area-inset-top)){:root{--vkui_internal--safe_area_inset_top:env(safe-area-inset-top);--vkui_internal--safe_area_inset_right:env(safe-area-inset-right);--vkui_internal--safe_area_inset_bottom:env(safe-area-inset-bottom);--vkui_internal--safe_area_inset_left:env(safe-area-inset-left)}}
|
|
2
2
|
@media (min-width:768px){.vkui-sizeX--compact-mq{display:none!important}}@media (max-width:767.9px){.vkui-sizeX--regular-mq{display:none!important}}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkui-sizeY--compact-mq{display:none!important}}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkui-sizeY--regular-mq{display:none!important}}@media (min-width:1024px){.vkui-viewWidth--tabletMinus-mq{display:none!important}}@media (max-width:1023.9px){.vkui-viewWidth--tabletPlus-mq{display:none!important}}.vkui-deviceType--desktop-forced,.vkui-deviceType--mobile-forced{display:none!important}@media (min-width:768px) and (min-height:720px),(min-width:768px) and (pointer:fine){.vkui-deviceType--mobile-mq{display:none!important}}@media (max-width:767.9px),(pointer:coarse) and (max-height:719.9px),(pointer:none) and (max-height:719.9px){.vkui-deviceType--desktop-mq{display:none!important}}
|
|
3
|
-
|
|
3
|
+
:root{--vkui--size_border--regular:var(--vkui--size_border1x--regular)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--vkui--size_border--regular:var(--vkui--size_border2x--regular)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--vkui--size_border--regular:var(--vkui--size_border3x--regular)}}
|
|
4
4
|
.vkui-focus-visible{--vkui_internal--outline_width:2px}.vkui-focus-visible :focus,.vkui-focus-visible :focus-visible,.vkui-focus-visible:focus,.vkui-focus-visible:focus-visible{outline:none}.vkui-focus-visible.vkui-focus-visible--mode-outside{--vkui_internal--outline_offset:var(--vkui_internal--outline_width)}.vkui-focus-visible.vkui-focus-visible--mode-inside{--vkui_internal--outline_offset:calc(-1 * var(--vkui_internal--outline_width))}.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-inside,.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-outside{outline:2px solid #2688eb;outline:var(--vkui_internal--outline);outline-offset:var(--vkui_internal--outline_offset)}@media (prefers-reduced-motion:no-preference){.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-inside,.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-outside{animation:vkuianimation-outline-offset .1s ease-in-out .01s forwards;outline-offset:0}.vkui-focus-visible.vkui-focus-visible--focused.vkui-focus-visible--mode-inside{outline-offset:calc(-2 * 2px);outline-offset:calc(-2 * var(--vkui_internal--outline_width))}}@keyframes vkuianimation-outline-offset{to{outline-offset:var(--vkui_internal--outline_offset)}}
|
|
5
5
|
.vkuiAppRoot{height:100%}.vkuiAppRoot--pointer-has-not{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiAppRoot--pointer-has-not [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media (pointer:coarse),(pointer:none){.vkuiAppRoot--pointer-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiAppRoot--pointer-none [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}}.vkui__root--embedded .vkuiAppRoot{overflow:auto}
|
|
6
6
|
.vkuiTitle--level-1{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_title1--font_family--regular);font-size:24px;font-size:var(--vkui--font_title1--font_size--regular);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular)}.vkuiTitle--level-2{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_title2--font_family--regular);font-size:20px;font-size:var(--vkui--font_title2--font_size--regular);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular)}.vkuiTitle--level-3{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_title3--font_family--regular);font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--level-1{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption1--font_family--regular);font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular)}.vkuiCaption--level-1.vkuiCaption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption1_caps--font_family--regular);font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular)}.vkuiCaption--level-2{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption2--font_family--regular);font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular)}.vkuiCaption--level-2.vkuiCaption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption2_caps--font_family--regular);font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular)}.vkuiCaption--level-3{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption3--font_family--regular);font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular)}.vkuiCaption--level-3.vkuiCaption--caps{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_caption3_caps--font_family--regular);font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular)}
|
|
14
14
|
.vkuiTappable{-webkit-tap-highlight-color:transparent;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);cursor:default;isolation:isolate;outline:2px solid transparent;outline:var(--vkui_internal--outline-reset);position:relative;transition:background-color .15s ease-out,opacity .15s ease-out}.vkuiTappable>*{position:relative;z-index:1;z-index:var(--vkui_internal--z_index_tappable_element)}.vkuiTappable--hasActive,.vkuiTappable--hasHover{cursor:pointer}.vkuiTappable[aria-disabled=true],.vkuiTappable[disabled]{cursor:default;outline:none}.vkuiTappable__stateLayer{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .15s ease-out;z-index:0;z-index:var(--vkui_internal--z_index_tappable_state)}.vkuiTappable--hover-background>.vkuiTappable__stateLayer{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiTappable--hover-opacity{opacity:.8}.vkuiTappable--active-background>.vkuiTappable__stateLayer{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active)}.vkuiTappable--active-opacity{opacity:.7}.vkuiTappable--ios.vkuiTappable--active-background{transition:none}.vkuiTappable .vkuiTappable__waves{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;will-change:transform;z-index:0;z-index:var(--vkui_internal--z_index_tappable_state)}.vkuiTappable .vkuiTappable__wave{animation:vkuianimation-wave .3s cubic-bezier(.4,0,.2,1);animation:vkuianimation-wave .3s var(--vkui--animation_easing_platform);background:rgba(0,16,61,.08);background:var(--vkui--color_transparent--active);border-radius:50%;content:"";height:24px;left:0;margin:-12px 0 0 -12px;opacity:0;position:absolute;top:0;width:24px}.vkuiTappable--sizeX-compact{border-radius:0}@media (max-width:767.9px){.vkuiTappable--sizeX-none{border-radius:0}}.vkuiTappable.vkuiTappable--borderRadiusInherit{border-radius:inherit}@keyframes vkuianimation-wave{0%{opacity:1;transform:scale(1)}30%{opacity:1}to{opacity:0;transform:scale(8)}}
|
|
15
15
|
.vkuiFixedLayout{box-sizing:border-box;left:auto;padding-left:0;padding-left:var(--vkui_internal--safe_area_inset_left);padding-right:0;padding-right:var(--vkui_internal--safe_area_inset_right);position:fixed;z-index:3;z-index:var(--vkui_internal--z_index_fixed_layout)}.vkuiFixedLayout--filled{background:#fff;background:var(--vkui--color_background_content)}.vkuiFixedLayout--vertical-top{top:0;width:100%}.vkuiFixedLayout--vertical-bottom{bottom:0;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);width:100%}.vkuiInternalEpic--hasTabbar .vkuiFixedLayout--vertical-bottom{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom))}.vkuiInternalPanelHeader~* .vkuiFixedLayout--vertical-top:not(.vkuiInternalPanelHeader__fixed),.vkuiInternalPanelHeader~.vkuiFixedLayout--vertical-top{top:calc(56px + 0px);top:calc(var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top))}
|
|
16
|
-
.vkuiImageBase{align-items:center;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);background-size:cover;box-sizing:border-box;color:#99a2ad;color:var(--vkui_internal--icon_color,var(--vkui--color_icon_secondary));display:flex;flex-shrink:0;isolation:isolate;justify-content:center;position:relative}.vkuiImageBase--transparent-background{background-color:initial}.vkuiImageBase__border{border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;pointer-events:none;transform-origin:left top;z-index:1;z-index:var(--vkui_internal--z_index_image_base_border)}.vkuiImageBase__border,.vkuiImageBase__img{height:100%;left:0;position:absolute;top:0;width:100%}.vkuiImageBase__img{border:0;border-radius:inherit;display:block;object-fit:cover;visibility:hidden;z-index:-1;z-index:var(--vkui_internal--z_index_image_base_img)}.vkuiImageBase--loaded .vkuiImageBase__img{visibility:visible}.vkuiImageBase__fallback{left:auto;position:absolute;top:auto}.vkuiInternalPanelHeader__before .vkuiImageBase{margin-left:8px}.vkuiInternalPanelHeader__after .vkuiImageBase{margin-right:8px}
|
|
16
|
+
.vkuiImageBase{align-items:center;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);background-size:cover;box-sizing:border-box;color:#99a2ad;color:var(--vkui_internal--icon_color,var(--vkui--color_icon_secondary));display:flex;flex-shrink:0;isolation:isolate;justify-content:center;position:relative}.vkuiImageBase--transparent-background{background-color:initial}.vkuiImageBase__border{border:1px solid rgba(0,0,0,.08);border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;pointer-events:none;transform-origin:left top;z-index:1;z-index:var(--vkui_internal--z_index_image_base_border)}.vkuiImageBase__border,.vkuiImageBase__img{height:100%;left:0;position:absolute;top:0;width:100%}.vkuiImageBase__img{border:0;border-radius:inherit;display:block;object-fit:cover;visibility:hidden;z-index:-1;z-index:var(--vkui_internal--z_index_image_base_img)}.vkuiImageBase--loaded .vkuiImageBase__img{visibility:visible}.vkuiImageBase__fallback{left:auto;position:absolute;top:auto}.vkuiInternalPanelHeader__before .vkuiImageBase{margin-left:8px}.vkuiInternalPanelHeader__after .vkuiImageBase{margin-right:8px}
|
|
17
17
|
.vkuiClickable__host{cursor:pointer}
|
|
18
18
|
.vkuiImageBaseBadge{border-radius:50%;bottom:0;padding:2px;position:absolute;right:0;transform:translate(2px,2px);z-index:2;z-index:var(--vkui_internal--z_index_image_base_badge)}.vkuiImageBaseBadge--background-stroke{background-color:#fff;background-color:var(--vkui_internal--background,var(--vkui--color_background_content))}.vkuiImageBaseBadge--background-shadow:before{border-radius:inherit;bottom:2px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);content:"";left:2px;margin:auto;position:absolute;right:2px;top:2px}
|
|
19
19
|
.vkuiImageBaseOverlay{align-items:center;border:0;border-radius:inherit;box-shadow:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:0;z-index:var(--vkui_internal--z_index_image_base_overlay)}.vkuiImageBaseOverlay--visible{opacity:1}.vkuiImageBaseOverlay--theme-light{background-color:hsla(0,0%,100%,.85);background-color:var(--vkui--color_avatar_overlay_inverse_alpha);color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiImageBaseOverlay--theme-dark{background-color:rgba(0,0,0,.6);background-color:var(--vkui--color_avatar_overlay);color:#fff;color:var(--vkui--color_icon_contrast)}
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
.vkuiView{word-wrap:break-word;height:100%;position:relative;width:100%}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView--animated .vkuiView__header,.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel{pointer-events:none}.vkuiView__panel,.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{box-sizing:border-box;isolation:isolate;position:relative}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{left:0;overflow:hidden;position:fixed;top:0}.vkuiView__panel-overlay{background-color:#000;display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5;z-index:var(--vkui_internal--z_index_panel_header_fade)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{transform:translate3d(-50%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--swipe-back-next .vkuiView__panel-overlay{background-color:rgba(0,0,0,.1)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed .vkuiView__panel-overlay,.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success .vkuiView__panel-overlay{transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiView__panel--next~.vkuiView__panel--prev{animation:vkuianimation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkuianimation-view-prev-back .3s var(--vkui--animation_easing_platform) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{animation:vkuianimation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkuianimation-view-next-forward .3s var(--vkui--animation_easing_platform)}.vkuiView--no-motion .vkuiView__panel{animation:none}@keyframes vkuianimation-view-prev-back{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(80px)}}@keyframes vkuianimation-view-next-forward{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.vkuiView--ios .vkuiView__panel--prev{animation:vkuianimation-ios-prev-forward .6s cubic-bezier(.4,0,.2,1);animation:vkuianimation-ios-prev-forward .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next{animation:vkuianimation-ios-next-back .6s cubic-bezier(.4,0,.2,1);animation:vkuianimation-ios-next-back .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{animation:vkuianimation-ios-next-forward .6s cubic-bezier(.4,0,.2,1);animation:vkuianimation-ios-next-forward .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{animation:vkuianimation-ios-prev-back .6s cubic-bezier(.4,0,.2,1) forwards;animation:vkuianimation-ios-prev-back .6s var(--vkui--animation_easing_platform) forwards}.vkuiView--ios .vkuiView__panel--next .vkuiView__panel-overlay,.vkuiView--ios .vkuiView__panel--prev .vkuiView__panel-overlay{display:block}.vkuiView--ios .vkuiView__panel--prev .vkuiView__panel-overlay{animation:vkuianimation-ios-fade-in .6s cubic-bezier(.4,0,.2,1);animation:vkuianimation-ios-fade-in .6s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--next .vkuiView__panel-overlay{animation:vkuianimation-ios-fade-out .6s cubic-bezier(.4,0,.2,1) forwards;animation:vkuianimation-ios-fade-out .6s var(--vkui--animation_easing_platform) forwards}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiView__panel-overlay,.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiView__panel-overlay{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiInternalPanel__in{animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiView__panel-overlay{display:none}@keyframes vkuianimation-ios-next-forward{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes vkuianimation-ios-next-back{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@keyframes vkuianimation-ios-prev-forward{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes vkuianimation-ios-prev-back{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes vkuianimation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkuianimation-ios-fade-out{0%{opacity:.3}to{opacity:0}}
|
|
26
26
|
.vkuiPanel{height:100%;position:relative;width:100%}.vkuiPanel:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiPanel__in{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;position:relative;width:100%}.vkuiPanel__centered{align-items:center;box-sizing:border-box;display:flex;flex:1 0;flex-direction:column;justify-content:center}.vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--vis+*,.vkuiPanel__centered .vkuiInternalPanelHeader--vis+*{margin-top:56px;margin-top:var(--vkui--size_panel_header_height--regular)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}@media (max-width:767.9px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}@media (max-width:767.9px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}@media (max-width:767.9px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 5px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 5px)}}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}@media (min-width:768px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}@media (min-width:768px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}@media (min-width:768px){.vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep+*{margin-top:calc(56px + 16px);margin-top:calc(var(--vkui--size_panel_header_height--regular) + 16px)}}.vkuiInternalView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);padding:0;padding:0 var(--vkui_internal--safe_area_inset_right) var(--vkui_internal--safe_area_inset_bottom) var(--vkui_internal--safe_area_inset_left)}.vkuiInternalEpic--hasTabbar .vkuiPanel__in{padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel:before{background-color:#fff;background-color:var(--vkui--color_background_content)}.vkuiPanel--layout-card .vkuiPanel__in,.vkuiPanel--layout-card:before{background-color:#ebedf0;background-color:var(--vkui--color_background)}.vkuiPanel--sizeX-regular .vkuiPanel__in,.vkuiPanel--sizeX-regular:before{background-color:initial}@media (min-width:768px){.vkuiPanel--sizeX-none .vkuiPanel__in,.vkuiPanel--sizeX-none:before{background-color:initial}}
|
|
27
27
|
.vkuiPanelHeaderButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-shadow:none;color:currentColor;display:block;margin:0;padding:0;position:relative}.vkuiPanelHeaderButton[disabled]{opacity:.6}.vkuiPanelHeaderButton--primitive{height:48px;line-height:48px;padding:0 10px}.vkuiPanelHeaderButton--ios{align-items:center;display:flex;font-size:17px;position:relative}.vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive{height:44px;line-height:44px}.vkuiPanelHeaderButton--ios .vkuiIcon--24{padding:10px}.vkuiPanelHeaderButton--ios .vkuiIcon--28{padding:8px}.vkuiPanelHeaderBack--ios .vkuiIcon--w-20{padding-left:4px}.vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderButton--android .vkuiIcon--24{padding:12px}.vkuiPanelHeaderButton--android .vkuiIcon--28{padding:10px}.vkuiPanelHeaderButton--vkcom{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiPanelHeaderButton--vkcom>:not(.vkuiInternalCounter){opacity:.7;transition:opacity .3s}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active>:not(.vkuiInternalCounter),.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover>:not(.vkuiInternalCounter){opacity:1}.vkuiPanelHeaderButton--vkcom{align-items:center;display:flex;padding:10px}.vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive{border-radius:50%}.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}@media (min-width:768px){.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label:not(.vkuiPanelHeaderBack--sizeX-compact){padding-right:8px}}.vkuiPanelHeaderBack--sizeX-compact.vkuiPanelHeaderBack--ios .vkuiPanelHeaderButton__label{display:none}@media (max-width:767.9px){.vkuiPanelHeaderBack--sizeX-none.vkuiPanelHeaderBack--ios .vkuiPanelHeaderButton__label{display:none}}
|
|
28
|
-
.vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed:before{content:"";display:block}.vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed){height:0;z-index:10;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader__fixed{z-index:10;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader__in{align-items:center;background:#fff;background:var(--vkui--color_background_content);display:flex;justify-content:space-between;position:relative;white-space:nowrap}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:transparent}.vkuiPanelHeader--sizeX-regular .vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}@media (min-width:768px){.vkuiPanelHeader--sizeX-none .vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}}.vkuiPanelHeader__before{box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent_themed);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--vkui--color_text_primary);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_accent);font-weight:500}.vkuiPanelHeader:before,.vkuiPanelHeader__in{height:56px;height:var(--vkui--size_panel_header_height--regular);padding-top:0;padding-top:var(--vkui_internal--safe_area_inset_top)}.vkuiPanelHeader__after{align-items:center;box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent_themed);display:flex;justify-content:flex-end}.vkuiPanelHeader__after>:not(:last-child){margin-right:4px}.vkuiPanelHeader--ios .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 0 4px 4px;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{opacity:1;text-align:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__after{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 4px 4px 0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiInternalSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content,.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}@media (min-width:768px){.vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:16px}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:16px}.vkuiInternalSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content,.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}@media (min-width:768px){.vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}}.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{position:relative;z-index:10;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:#fff;background-color:var(--vkui--color_background_content);bottom:0;content:"";height:var(--vkui--size_border--regular);left:var(--vkui--size_border--regular);position:absolute;right:var(--vkui--size_border--regular)}@media (min-width:768px){.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-none:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:#fff;background-color:var(--vkui--color_background_content);bottom:0;content:"";height:var(--vkui--size_border--regular);left:var(--vkui--size_border--regular);position:absolute;right:var(--vkui--size_border--regular)}}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:0;border-top-left-radius:12px;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:12px;border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:0 0 0
|
|
29
|
-
.vkuiSeparator{color:#d7d8d9;color:var(--vkui--color_separator_primary)}.vkuiSeparator__in{background:currentColor;border:0;color:inherit;height:var(--vkui--size_border--regular);margin:0;transform-origin:center top}.vkuiSeparator--padded .vkuiSeparator__in{margin-left:16px;margin-left:var(--vkui--size_base_padding_horizontal--regular);margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular)}.vkuiInternalModalPage--sizeX-regular .vkuiSeparator--padded{padding-left:8px;padding-right:8px}@media (min-width:768px){.vkuiInternalModalPage--sizeX-none .vkuiSeparator--padded{padding-left:8px;padding-right:8px}}
|
|
28
|
+
.vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed:before{content:"";display:block}.vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed){height:0;z-index:10;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader__fixed{z-index:10;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader__in{align-items:center;background:#fff;background:var(--vkui--color_background_content);display:flex;justify-content:space-between;position:relative;white-space:nowrap}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:transparent}.vkuiPanelHeader--sizeX-regular .vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}@media (min-width:768px){.vkuiPanelHeader--sizeX-none .vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}}.vkuiPanelHeader__before{box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent_themed);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>*{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--vkui--color_text_primary);font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_accent);font-weight:500}.vkuiPanelHeader:before,.vkuiPanelHeader__in{height:56px;height:var(--vkui--size_panel_header_height--regular);padding-top:0;padding-top:var(--vkui_internal--safe_area_inset_top)}.vkuiPanelHeader__after{align-items:center;box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent_themed);display:flex;justify-content:flex-end}.vkuiPanelHeader__after>:not(:last-child){margin-right:4px}.vkuiPanelHeader--ios .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 0 4px 4px;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{opacity:1;text-align:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px}.vkuiPanelHeader--ios .vkuiPanelHeader__content>*{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__after{flex-basis:0;flex-grow:1;flex-shrink:0;opacity:1;padding:4px 4px 4px 0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}.vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>*{padding:0 12px}.vkuiInternalSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content,.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}@media (min-width:768px){.vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-left:0}}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content>*{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content{padding-right:16px}.vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content{padding-left:16px}.vkuiInternalSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content,.vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}@media (min-width:768px){.vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content{padding-right:0}}.vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{position:relative;z-index:10;z-index:var(--vkui_internal--z_index_panel_header)}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:#fff;background-color:var(--vkui--color_background_content);bottom:0;content:"";height:1px;height:var(--vkui--size_border--regular);left:1px;left:var(--vkui--size_border--regular);position:absolute;right:1px;right:var(--vkui--size_border--regular)}@media (min-width:768px){.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-none:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in:after{background-color:#fff;background-color:var(--vkui--color_background_content);bottom:0;content:"";height:1px;height:var(--vkui--size_border--regular);left:1px;left:var(--vkui--size_border--regular);position:absolute;right:1px;right:var(--vkui--size_border--regular)}}.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:0;border-top-left-radius:12px;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:12px;border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset}@media (min-width:768px){.vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-none:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__in{border-bottom:0;border-top-left-radius:12px;border-top-left-radius:var(--vkui--size_border_radius_paper--regular);border-top-right-radius:12px;border-top-right-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset}}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__after,.vkuiPanelHeader--vkcom .vkuiPanelHeader__before{flex-basis:0;flex-grow:1;flex-shrink:0}.vkuiPanelHeader__separator{margin-top:calc(-1 * 1px);margin-top:calc(-1 * var(--vkui--size_border--regular))}.vkuiPanelHeader--no-before .vkuiPanelHeader__content>*{padding-left:0}.vkuiInternalPanel--centered .vkuiPanelHeader{left:0;position:absolute;top:0;width:100%}
|
|
29
|
+
.vkuiSeparator{color:#d7d8d9;color:var(--vkui--color_separator_primary)}.vkuiSeparator__in{background:currentColor;border:0;color:inherit;height:1px;height:var(--vkui--size_border--regular);margin:0;transform-origin:center top}.vkuiSeparator--padded .vkuiSeparator__in{margin-left:16px;margin-left:var(--vkui--size_base_padding_horizontal--regular);margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular)}.vkuiInternalModalPage--sizeX-regular .vkuiSeparator--padded{padding-left:8px;padding-right:8px}@media (min-width:768px){.vkuiInternalModalPage--sizeX-none .vkuiSeparator--padded{padding-left:8px;padding-right:8px}}
|
|
30
30
|
.vkuiSpacing{box-sizing:border-box;position:relative}
|
|
31
31
|
.vkuiPanelHeaderContent{align-items:center;box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);height:100%;justify-content:flex-start;line-height:normal;max-width:100%}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;min-width:0}.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__childrenText,.vkuiPanelHeaderContent__status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiPanelHeaderContent__status{color:#818c99;color:var(--vkui--color_text_secondary);margin-top:1px;max-width:100%;order:1}.vkuiPanelHeaderContent__children{align-items:center;display:flex;max-width:100%}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{align-items:center;color:#2688eb;color:var(--vkui--color_icon_accent);display:flex;justify-content:flex-start;margin-left:2px}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent__in--centered{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-size:21px}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_accent);font-weight:500;line-height:56px;line-height:var(--vkui--size_panel_header_height--regular)}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in{font-size:23px}.vkuiInternalPanelHeader--no-before .vkuiPanelHeaderContent--vkcom{padding-left:16px}
|
|
32
32
|
.vkuiPanelHeaderContext{z-index:4;z-index:var(--vkui_internal--z_index_panel_header_context)}.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--opened{height:100%;width:100%}.vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--opened{height:auto}@media (min-width:768px){.vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--closing,.vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--opened{height:auto}}.vkuiPanelHeaderContext__in{box-sizing:border-box;left:0;padding:8px;pointer-events:none;position:absolute;width:100%}.vkuiPanelHeaderContext__fade{background:rgba(0,0,0,.4);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.vkuiPanelHeaderContext--sizeX-compact .vkuiPanelHeaderContext__fade{display:block}@media (max-width:767.9px){.vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__fade{display:block}}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade{animation:vkuianimation-panelheadercontext-fade-in .2s ease}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade{animation:vkuianimation-panelheadercontext-fade-out .2s ease}.vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in{animation:vkuianimation-panelheadercontext-translate-in .2s ease;pointer-events:auto}.vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in{animation:vkuianimation-panelheadercontext-translate-out .2s ease}.vkuiPanelHeaderContext__content{background:#fff;background:var(--vkui--color_background_content);overflow:hidden}.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__in{padding:0}.vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__content,.vkuiPanelHeaderContext:not(.vkuiPanelHeaderContext--ios) .vkuiPanelHeaderContext__content{border-radius:12px;padding:8px 0}@media (min-width:768px){.vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__content{border-radius:12px;padding:8px 0}}.vkuiPanelHeaderContext--sizeX-regular .vkuiPanelHeaderContext__in{padding:12px 8px}.vkuiPanelHeaderContext--sizeX-regular .vkuiPanelHeaderContext__content{border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}@media (min-width:768px){.vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__in{padding:12px 8px}.vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__content{border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16)}}@keyframes vkuianimation-panelheadercontext-translate-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes vkuianimation-panelheadercontext-translate-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes vkuianimation-panelheadercontext-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vkuianimation-panelheadercontext-fade-out{0%{opacity:1}to{opacity:0}}
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
.vkuiPopoutRoot{height:100%;position:relative;width:100%}.vkuiPopoutRoot__popout{z-index:100;z-index:var(--vkui--z_index_popout)}.vkuiPopoutRoot__modal,.vkuiPopoutRoot__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiPopoutRoot__modal{z-index:99;z-index:var(--vkui--z_index_modal)}.vkuiPopoutRoot__modal:empty,.vkuiPopoutRoot__popout:empty{display:none}
|
|
35
35
|
.vkuiSplitCol{flex-grow:1;flex-shrink:1;height:100%;position:relative;width:1px}.vkuiSplitCol--spaced,.vkuiSplitCol--viewWidth-smallTabletPlus.vkuiSplitCol--spaced-none.vkuiSplitCol--spaced-auto{margin:0 16px;margin:0 var(--vkui--size_split_col_padding_horizontal--regular)}@media (min-width:768px){.vkuiSplitCol--viewWidth-none.vkuiSplitCol--spaced-none.vkuiSplitCol--spaced-auto{margin:0 16px;margin:0 var(--vkui--size_split_col_padding_horizontal--regular)}}.vkuiSplitCol--viewWidth-tabletMinus.vkuiSplitCol--stretched-on-mobile{max-width:100%!important;width:100%!important}@media (max-width:1023.9px){.vkuiSplitCol--viewWidth-none.vkuiSplitCol--stretched-on-mobile{max-width:100%!important;width:100%!important}}.vkuiSplitCol--fixed{flex-grow:1;flex-shrink:1;height:100%;width:1px}.vkuiSplitCol__fixedInner{height:inherit;max-width:inherit;min-width:inherit;overflow:hidden;position:fixed;top:0;transform:translateZ(0);width:inherit}
|
|
36
36
|
.vkuiEpic{height:100%;width:100%}
|
|
37
|
-
.vkuiTabbar{background:#f9f9f9;background:var(--vkui--color_background_tertiary);bottom:0;box-sizing:initial;display:flex;height:48px;height:var(--vkui_internal--tabbar_height);left:0;overflow:hidden;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);position:fixed;width:100%;z-index:2;z-index:var(--vkui_internal--z_index_tabs)}.vkuiTabbar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiTabbar--ios.vkuiTabbar--shadow{box-shadow:none}.vkuiTabbar--ios.vkuiTabbar--shadow:before{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);content:"";height:var(--vkui--size_border--regular);left:0;position:absolute;width:100%}
|
|
37
|
+
.vkuiTabbar{background:#f9f9f9;background:var(--vkui--color_background_tertiary);bottom:0;box-sizing:initial;display:flex;height:48px;height:var(--vkui_internal--tabbar_height);left:0;overflow:hidden;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);position:fixed;width:100%;z-index:2;z-index:var(--vkui_internal--z_index_tabs)}.vkuiTabbar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiTabbar--ios.vkuiTabbar--shadow{box-shadow:none}.vkuiTabbar--ios.vkuiTabbar--shadow:before{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);content:"";height:1px;height:var(--vkui--size_border--regular);left:0;position:absolute;width:100%}
|
|
38
38
|
.vkuiTabbarItem{align-items:center;background:transparent;border:0;color:#99a2ad;color:var(--vkui--color_tabbar_text_inactive);display:flex;height:48px;height:var(--vkui_internal--tabbar_height);justify-content:center;outline:2px solid transparent;outline:var(--vkui_internal--outline-reset);padding:0;position:relative;text-decoration:none}.vkuiInternalTabbar .vkuiTabbarItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:0}.vkuiTabbarItem--selected{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.vkuiTabbarItem__tappable{position:absolute}.vkuiTabbarItem__in{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;padding:4px 2px 2px;pointer-events:none;width:100%}.vkuiInternalTabbar--layout-vertical .vkuiTabbarItem__in{flex-direction:column}.vkuiInternalTabbar--layout-horizontal .vkuiTabbarItem__in{flex-direction:row}.vkuiTabbarItem__icon{color:#99a2ad;color:var(--vkui--color_icon_secondary);position:relative}.vkuiTabbarItem--selected .vkuiTabbarItem__icon{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.vkuiTabbarItem__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiInternalTabbar--layout-vertical .vkuiTabbarItem__text{--vkui--font_footnote--font_size--regular:10px;--vkui--font_footnote--line_height--regular:12px;margin-top:2px}.vkuiInternalTabbar--layout-horizontal .vkuiTabbarItem__text{margin-left:8px}.vkuiTabbarItem--android .vkuiTabbarItem__tappable{border-radius:50%;padding-bottom:calc(100% + 16px);width:calc(100% + 16px)}.vkuiTabbarItem--android:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.vkuiTabbarItem--android:last-child{border-bottom-right-radius:0;border-top-right-radius:0}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable{height:100%;left:0;top:0;width:100%}.vkuiTabbarItem--ios .vkuiTabbarItem__in{transition:transform .07s cubic-bezier(.4,0,.2,1);transition:transform .07s var(--vkui--animation_easing_platform)}.vkuiTabbarItem--ios .vkuiTabbarItem__tappable--active+.vkuiTabbarItem__in{transform:scale(.96)}
|
|
39
39
|
.vkuiScrollArrow{background-color:initial;border:0;cursor:pointer;display:flex;justify-content:center;padding:0;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--vkui--animation_easing_platform);-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.vkuiScrollArrow--direction-left,.vkuiScrollArrow--direction-right{flex-direction:column;height:100%}.vkuiScrollArrow--direction-down,.vkuiScrollArrow--direction-up{flex-direction:row;width:100%}.vkuiScrollArrow__icon{align-items:center;background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;justify-content:center;position:relative}.vkuiScrollArrow--size-m .vkuiScrollArrow__icon{border-radius:14px;height:28px;width:28px}.vkuiScrollArrow--size-l .vkuiScrollArrow__icon{border-radius:24px;height:40px;width:40px}.vkuiScrollArrow--direction-left{left:0;padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiScrollArrow--direction-right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px);right:0}.vkuiScrollArrow--direction-up{padding-top:16px;padding-top:var(--vkui--size_base_padding_horizontal--regular,16px);top:0}.vkuiScrollArrow--direction-down{bottom:0;padding-bottom:16px;padding-bottom:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiScrollArrow--direction-left .vkuiScrollArrow__defaultIcon{transform:rotate(180deg)}.vkuiScrollArrow--direction-up .vkuiScrollArrow__defaultIcon{transform:rotate(-90deg)}.vkuiScrollArrow--direction-down .vkuiScrollArrow__defaultIcon{transform:rotate(90deg)}
|
|
40
40
|
.vkuiHorizontalScroll{isolation:isolate;overflow-x:hidden;position:relative}.vkuiHorizontalScroll__in{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.vkuiHorizontalScroll__in::-webkit-scrollbar{display:none}.vkuiHorizontalScroll__in-wrapper{transition:transform .2s}.vkuiHorizontalScroll__arrow{opacity:0;position:absolute;top:0;z-index:1;z-index:var(--vkui_internal--z_index_horizontal_scroll_arrow)}.vkuiHorizontalScroll:hover .vkuiHorizontalScroll__arrow{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiHorizontalScroll .vkuiHorizontalScroll__arrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScroll__arrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScroll__arrow{opacity:1}.vkuiHorizontalScroll__arrowLeft:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{transform:translateX(8px)}.vkuiHorizontalScroll__arrowRight:hover~.vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper{transform:translateX(-8px)}.vkuiInternalTabs .vkuiHorizontalScroll{min-width:100%}.vkuiInternalTabs .vkuiHorizontalScroll__in-wrapper{align-items:stretch;display:flex}.vkuiInternalTabs--withGaps .vkuiHorizontalScroll__in-wrapper:after,.vkuiInternalTabs--withGaps .vkuiHorizontalScroll__in-wrapper:before{content:"";display:block;flex-shrink:0;height:1px;width:16px;width:var(--vkui--size_base_padding_horizontal--regular)}
|
|
@@ -59,12 +59,12 @@
|
|
|
59
59
|
.vkuiButtonGroup{display:inline-flex;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{align-items:flex-start;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)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular)}.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)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--align-left{align-items:flex-start}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--align-center{align-items:center}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--align-right{align-items:flex-end}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--align-left{justify-content:flex-start}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--align-center{justify-content:center}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--align-right{justify-content:flex-end}
|
|
60
60
|
.vkuiCard{background:#f5f5f5;background:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular);position:relative}.vkuiCard--mode-shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(
|
|
61
61
|
--vkui--elevation3,0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08)
|
|
62
|
-
)}.vkuiCard--mode-outline,.vkuiCard--mode-shadow{background:#fff;background:var(--vkui--color_background_modal)}.vkuiCard--withBorder:after{border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vkuiInternalCardScroll .vkuiCard{flex-shrink:0;margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiInternalCardScroll--size-s .vkuiCard{width:40%}.vkuiInternalCardScroll--size-m .vkuiCard{width:62%}.vkuiInternalCardScroll--size-l .vkuiCard{margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular);width:calc(100% - 16px * 2);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular) * 2)}.vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard,.vkuiInternalSplitCol--spaced .vkuiInternalCardScroll--size-l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}.vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type,.vkuiInternalSplitCol--spaced .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type{margin-right:0}@media (min-width:768px){.vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type{margin-right:0}.vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}}.vkuiInternalCardGrid .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-l .vkuiCard{margin-right:0;width:100%}.vkuiInternalCardGrid--size-l .vkuiCard:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-m .vkuiCard{width:calc(50% - (8px / 2));width:calc(50% - (var(--vkui--size_cardgrid_padding--regular) / 2))}.vkuiInternalCardGrid--size-m .vkuiCard:nth-child(n+3){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-m .vkuiCard:nth-child(2n){margin-right:0}.vkuiInternalCardGrid--size-s .vkuiCard{width:calc((100% - 2 * 8px) / 3);width:calc((100% - 2 * var(--vkui--size_cardgrid_padding--regular)) / 3)}.vkuiInternalCardGrid--size-s .vkuiCard:nth-child(n+4){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-s .vkuiCard:nth-child(3n){margin-right:0}
|
|
62
|
+
)}.vkuiCard--mode-outline,.vkuiCard--mode-shadow{background:#fff;background:var(--vkui--color_background_modal)}.vkuiCard--withBorder:after{border:1px solid rgba(0,0,0,.08);border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vkuiInternalCardScroll .vkuiCard{flex-shrink:0;margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiInternalCardScroll--size-s .vkuiCard{width:40%}.vkuiInternalCardScroll--size-m .vkuiCard{width:62%}.vkuiInternalCardScroll--size-l .vkuiCard{margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular);width:calc(100% - 16px * 2);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular) * 2)}.vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard,.vkuiInternalSplitCol--spaced .vkuiInternalCardScroll--size-l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}.vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type,.vkuiInternalSplitCol--spaced .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type{margin-right:0}@media (min-width:768px){.vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type{margin-right:0}.vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}}.vkuiInternalCardGrid .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-l .vkuiCard{margin-right:0;width:100%}.vkuiInternalCardGrid--size-l .vkuiCard:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-m .vkuiCard{width:calc(50% - (8px / 2));width:calc(50% - (var(--vkui--size_cardgrid_padding--regular) / 2))}.vkuiInternalCardGrid--size-m .vkuiCard:nth-child(n+3){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-m .vkuiCard:nth-child(2n){margin-right:0}.vkuiInternalCardGrid--size-s .vkuiCard{width:calc((100% - 2 * 8px) / 3);width:calc((100% - 2 * var(--vkui--size_cardgrid_padding--regular)) / 3)}.vkuiInternalCardGrid--size-s .vkuiCard:nth-child(n+4){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiInternalCardGrid--size-s .vkuiCard:nth-child(3n){margin-right:0}
|
|
63
63
|
.vkuiCardGrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.vkuiCardGrid--spaced{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiCardGrid--sizeX-compact{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media (max-width:767.9px){.vkuiCardGrid--sizeX-none{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}}.vkuiCardGrid+.vkuiCardGrid{margin-top:calc(8px * 2);margin-top:calc(var(--vkui--size_cardgrid_padding_vertical--regular) * 2)}.vkuiInternalGroup--mode-card .vkuiCardGrid{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media (min-width:768px){.vkuiInternalGroup--mode-none .vkuiCardGrid{padding-left:8px;padding-right:8px}}.vkuiInternalGroup .vkuiCardGrid:first-child{margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiInternalGroup .vkuiCardGrid:last-child{margin-bottom:8px;margin-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}
|
|
64
64
|
.vkuiCardScroll__in{align-items:stretch;display:flex}.vkuiCardScroll__gap{display:block;flex-shrink:0}.vkuiCardScroll+.vkuiCardScroll{margin-top:16px}.vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px;width:var(--vkui--size_base_padding_horizontal--regular)}.vkuiInternalSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll{margin-left:-16px;margin-right:-16px}.vkuiInternalSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px}.vkuiInternalGroup--mode-card .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiInternalGroup--mode-card .vkuiCardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiInternalGroup--mode-card .vkuiCardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}@media (min-width:768px){.vkuiInternalGroup--mode-none .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiInternalGroup--mode-none .vkuiCardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiInternalGroup--mode-none .vkuiCardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}}
|
|
65
65
|
.vkuiContentCard--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiContentCard__body{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiContentCard__tappable{border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular);color:#000;color:var(--vkui--color_text_primary);display:block;text-decoration:none}.vkuiContentCard__img{border-radius:8px 8px 0 0;border-radius:var(--vkui--size_card_border_radius--regular) var(--vkui--size_card_border_radius--regular) 0 0;display:block;object-fit:cover}.vkuiContentCard__text:not(:last-child){margin-bottom:4px}.vkuiContentCard__caption,.vkuiContentCard__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}
|
|
66
66
|
.vkuiHeader{align-items:flex-start;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);padding:0 0 0 16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.vkuiHeader__main{color:#000;color:var(--vkui--color_text_primary);flex:1 0 0;min-width:0}.vkuiHeader__content{align-items:center;display:flex}.vkuiHeader__content-in,.vkuiHeader__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiHeader__content--multiline{white-space:normal;word-break:break-word}.vkuiHeader__subtitle{display:block}.vkuiHeader--mode-secondary:not(.vkuiHeader--pi):not(.vkuiHeader--with-subtitle) .vkuiHeader__main,.vkuiHeader--mode-tertiary .vkuiHeader__main,.vkuiHeader__indicator,.vkuiHeader__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiHeader__indicator{flex-shrink:0;margin-left:6px}.vkuiHeader--mode-primary .vkuiHeader__indicator{color:#6d7885;color:var(--vkui--color_text_subhead)}.vkuiHeader:not(.vkuiHeader--pi) .vkuiHeader__indicator{align-self:center}.vkuiHeader--mode-secondary .vkuiHeader__indicator{margin-left:8px}.vkuiHeader__aside{display:flex;white-space:nowrap}.vkuiHeader__aside.vkuiHeader__aside>*{margin-bottom:7px;margin-left:12px;margin-top:13px}.vkuiHeader__aside>.vkuiIcon{color:#99a2ad;color:var(--vkui--color_icon_secondary);position:relative}.vkuiHeader__aside>.vkuiIcon--24{margin-bottom:5px;margin-top:11px}.vkuiHeader__aside>.vkuiIcon--16{margin-bottom:9px;margin-top:15px}.vkuiHeader--mode-primary{padding-bottom:1px;padding-top:3px}.vkuiHeader__content{margin-top:12px}.vkuiHeader__content:last-child{margin-bottom:8px}.vkuiHeader--mode-tertiary .vkuiHeader__content{margin-top:15px}.vkuiHeader--mode-tertiary .vkuiHeader__content:last-child{margin-bottom:9px}.vkuiHeader__subtitle{margin-bottom:7px}.vkuiHeader--mode-primary .vkuiHeader__subtitle{margin-bottom:6px}.vkuiHeader--large .vkuiHeader__content{margin-bottom:6px;margin-top:10px}.vkuiInternalGroup--mode-plain:not(:first-of-type)>.vkuiHeader:first-child,.vkuiInternalGroup--mode-plain:not(:first-of-type)>.vkuiInternalTappable:first-child>.vkuiHeader{margin-top:-16px}@media (max-width:767.9px){.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none:not(:first-of-type)>.vkuiHeader:first-child,.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none:not(:first-of-type)>.vkuiInternalTappable:first-child>.vkuiHeader{margin-top:-16px}}.vkuiInternalGroup--mode-card>.vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child,.vkuiInternalGroup--mode-card>.vkuiInternalTappable:first-child>.vkuiHeader:not(.vkuiHeader--mode-tertiary){margin-top:-4px}@media (min-width:768px){.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none>.vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child,.vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none>.vkuiInternalTappable:first-child>.vkuiHeader:not(.vkuiHeader--mode-tertiary){margin-top:-4px}}.vkuiHeader__aside{--vkui_internal--link-color:var(--vkui--color_text_accent)}
|
|
67
|
-
.vkuiGroup{color:#000;color:var(--vkui--color_text_primary);padding-bottom:8px;padding-top:8px}.vkuiGroup__header:empty{display:none}.vkuiGroup--mode-plain:not(:first-of-type)>.vkuiGroup__header{margin-top:-8px}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none:not(:first-of-type)>.vkuiGroup__header{margin-top:-8px}}.vkuiGroup--mode-card>.vkuiGroup__header{margin-top:-4px}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none>.vkuiGroup__header{margin-top:-4px}}.vkuiGroup__separator--separator,.vkuiGroup__separator--spacing{display:none}.vkuiGroup--mode-plain+*+.vkuiGroup__separator--separator{display:block}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none+*+.vkuiGroup__separator--separator{display:block}}.vkuiGroup--mode-card+.vkuiGroup__separator--spacing{display:block}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none+.vkuiGroup__separator--spacing{display:block}}.vkuiGroup:last-of-type~.vkuiGroup__separator{display:none}.vkuiGroup--mode-card:last-of-type+.vkuiGroup__separator--spacing,.vkuiGroup:last-of-type~.vkuiGroup__separator--force{display:block}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none:last-of-type+.vkuiGroup__separator--spacing{display:block}}.vkuiGroup--mode-card.vkuiGroup--padding-s{padding:4px}.vkuiGroup--mode-card.vkuiGroup--padding-m{padding:8px}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--inside-modal.vkuiGroup--padding-s,.vkuiGroup--sizeX-none.vkuiGroup--mode-none.vkuiGroup--padding-s{padding:4px}.vkuiGroup--sizeX-none.vkuiGroup--inside-modal.vkuiGroup--padding-m,.vkuiGroup--sizeX-none.vkuiGroup--mode-none.vkuiGroup--padding-m{padding:8px}}.vkuiGroup--sizeX-compact,.vkuiGroup--sizeX-compact.vkuiGroup--mode-card{padding-left:0;padding-right:0}@media (max-width:767.9px){.vkuiGroup--sizeX-none,.vkuiGroup--sizeX-none.vkuiGroup--mode-card{padding-left:0;padding-right:0}}.vkuiGroup--mode-card{background:#fff;background:var(--vkui--color_background_content);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);position:relative}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none{background:#fff;background:var(--vkui--color_background_content);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);position:relative}}.vkuiGroup--sizeX-compact.vkuiGroup--mode-card:first-of-type{border-radius:0 0 12px 12px;border-radius:0 0 var(--vkui--size_border_radius_paper--regular) var(--vkui--size_border_radius_paper--regular)}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-card:first-of-type{border-radius:0 0 12px 12px;border-radius:0 0 var(--vkui--size_border_radius_paper--regular) var(--vkui--size_border_radius_paper--regular)}}.vkuiGroup--mode-card:before{border-radius:inherit;box-shadow:inset 0 0 0
|
|
67
|
+
.vkuiGroup{color:#000;color:var(--vkui--color_text_primary);padding-bottom:8px;padding-top:8px}.vkuiGroup__header:empty{display:none}.vkuiGroup--mode-plain:not(:first-of-type)>.vkuiGroup__header{margin-top:-8px}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none:not(:first-of-type)>.vkuiGroup__header{margin-top:-8px}}.vkuiGroup--mode-card>.vkuiGroup__header{margin-top:-4px}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none>.vkuiGroup__header{margin-top:-4px}}.vkuiGroup__separator--separator,.vkuiGroup__separator--spacing{display:none}.vkuiGroup--mode-plain+*+.vkuiGroup__separator--separator{display:block}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none+*+.vkuiGroup__separator--separator{display:block}}.vkuiGroup--mode-card+.vkuiGroup__separator--spacing{display:block}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none+.vkuiGroup__separator--spacing{display:block}}.vkuiGroup:last-of-type~.vkuiGroup__separator{display:none}.vkuiGroup--mode-card:last-of-type+.vkuiGroup__separator--spacing,.vkuiGroup:last-of-type~.vkuiGroup__separator--force{display:block}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none:last-of-type+.vkuiGroup__separator--spacing{display:block}}.vkuiGroup--mode-card.vkuiGroup--padding-s{padding:4px}.vkuiGroup--mode-card.vkuiGroup--padding-m{padding:8px}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--inside-modal.vkuiGroup--padding-s,.vkuiGroup--sizeX-none.vkuiGroup--mode-none.vkuiGroup--padding-s{padding:4px}.vkuiGroup--sizeX-none.vkuiGroup--inside-modal.vkuiGroup--padding-m,.vkuiGroup--sizeX-none.vkuiGroup--mode-none.vkuiGroup--padding-m{padding:8px}}.vkuiGroup--sizeX-compact,.vkuiGroup--sizeX-compact.vkuiGroup--mode-card{padding-left:0;padding-right:0}@media (max-width:767.9px){.vkuiGroup--sizeX-none,.vkuiGroup--sizeX-none.vkuiGroup--mode-card{padding-left:0;padding-right:0}}.vkuiGroup--mode-card{background:#fff;background:var(--vkui--color_background_content);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);position:relative}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none{background:#fff;background:var(--vkui--color_background_content);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);position:relative}}.vkuiGroup--sizeX-compact.vkuiGroup--mode-card:first-of-type{border-radius:0 0 12px 12px;border-radius:0 0 var(--vkui--size_border_radius_paper--regular) var(--vkui--size_border_radius_paper--regular)}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-card:first-of-type{border-radius:0 0 12px 12px;border-radius:0 0 var(--vkui--size_border_radius_paper--regular) var(--vkui--size_border_radius_paper--regular)}}.vkuiGroup--mode-card:before{border-radius:inherit;box-shadow:inset 0 0 0 1px #d7d8d9;box-shadow:inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_separator_primary);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media (min-width:768px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none:before{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}}.vkuiGroup--sizeX-compact.vkuiGroup--mode-card:before{box-shadow:none}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-card:before{box-shadow:none}}.vkuiGroup--mode-plain+.vkuiGroup__separator,.vkuiGroup--mode-plain+.vkuiGroup__separator+.vkuiGroup__separator{padding-bottom:8px;padding-top:8px}@media (max-width:767.9px){.vkuiGroup--sizeX-none.vkuiGroup--mode-none+.vkuiGroup__separator,.vkuiGroup--sizeX-none.vkuiGroup--mode-none+.vkuiGroup__separator+.vkuiGroup__separator{padding-bottom:8px;padding-top:8px}}.vkuiGroup__description{color:#818c99;color:var(--vkui--color_text_secondary);display:block;padding:4px 16px 16px}.vkuiGroup .vkuiGroup,.vkuiGroup .vkuiGroup+.vkuiGroup__separator{padding-left:0;padding-right:0}.vkuiGroup .vkuiGroup:first-of-type{padding-top:0}.vkuiGroup .vkuiGroup:last-of-type{padding-bottom:0}.vkuiGroup--ios .vkuiGroup__description{padding:4px 12px 16px}.vkuiInternalPanelHeader--vkcom+* .vkuiGroup:first-of-type,.vkuiInternalPanelHeader--vkcom~.vkuiGroup:first-of-type{border-top-left-radius:0;border-top-right-radius:0;position:relative;top:-1px}
|
|
68
68
|
.vkuiGradient{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to bottom,var(--vkui--gradient))}.vkuiGradient.vkuiGradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to top,var(--vkui--gradient))}.vkuiGradient--mode-tint{background:linear-gradient(180deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to bottom,var(--vkui--gradient_tint))}.vkuiGradient--mode-tint.vkuiGradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9);background:linear-gradient(to top,var(--vkui--gradient_tint))}.vkuiGradient--mode-white{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to bottom,var(--vkui--gradient_white))}.vkuiGradient--mode-white.vkuiGradient--to-bottom{background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff);background:linear-gradient(to top,var(--vkui--gradient_white))}.vkuiGradient--mode-black{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to bottom,var(--vkui--gradient_black))}.vkuiGradient--mode-black.vkuiGradient--to-bottom{background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4));background:linear-gradient(to top,var(--vkui--gradient_black))}
|
|
69
69
|
.vkuiCell{position:relative}.vkuiCell--dragging{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiCell--selectable.vkuiCell--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiCell__checkbox,.vkuiCell__dragger{flex-shrink:0;margin-right:16px;position:relative}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-right:44px}.vkuiCell--removable .vkuiInternalRemovable__content{padding-left:0}.vkuiCell--removable .vkuiInternalRemovable__action{padding-left:0;position:absolute;right:0}.vkuiCell--ios .vkuiCell__dragger{margin-left:12px;margin-right:0}.vkuiCell--ios .vkuiCell__checkbox{margin-right:12px}.vkuiCell--ios.vkuiCell--removable .vkuiCell__content{padding-left:48px;padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}.vkuiCell--ios.vkuiCell--removable .vkuiInternalRemovable__action{left:0;right:auto;z-index:1}.vkuiCell--ios.vkuiCell--removable .vkuiInternalRemovable__content{padding-right:0}.vkuiInternalFormItem>.vkuiCell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}
|
|
70
70
|
.vkuiCellDragger{color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:ns-resize;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiCellDragger__icon{pointer-events:none}
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
.vkuiProgress{background:#e1e3e6;background:var(--vkui--color_track_background);border-radius:1px;height:2px}.vkuiProgress__in{border-radius:inherit;height:100%;transition:width .2s ease}.vkuiProgress--appearance-accent .vkuiProgress__in{background:#2688eb;background:var(--vkui--color_stroke_accent)}.vkuiProgress--appearance-positive .vkuiProgress__in{background:#4bb34b;background:var(--vkui--color_stroke_positive)}.vkuiProgress--appearance-negative .vkuiProgress__in{background:#e64646;background:var(--vkui--color_stroke_negative)}
|
|
87
87
|
.vkuiSearch{-webkit-tap-highlight-color:transparent;--vkui_internal--search_height:var(--vkui--size_search_height--regular);display:flex;overflow:hidden}.vkuiSearch--withPadding{padding:8px 16px;padding:8px var(--vkui--size_base_padding_horizontal--regular)}.vkuiSearch--sizeY-compact{--vkui_internal--search_height:var(--vkui--size_search_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSearch--sizeY-none{--vkui_internal--search_height:var(--vkui--size_search_height--compact)}}.vkuiSearch__field{background-color:#ebedf0;background-color:var(--vkui--color_search_field_background);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;flex:2;height:var(--vkui_internal--search_height);overflow:hidden;position:relative;width:10000px}.vkuiSearch__field:hover{background-color:#e2e4e9;background-color:var(--vkui--color_search_field_background--hover)}.vkuiSearch__field:active{background-color:#d8dbe2;background-color:var(--vkui--color_search_field_background--active)}.vkuiSearch__label{bottom:0;cursor:text;left:0;opacity:0;position:absolute;right:0;top:0}.vkuiSearch__input{align-items:center;border-radius:inherit;color:#818c99;color:var(--vkui--color_icon_medium);display:flex;height:100%;justify-content:flex-start;padding-left:12px;position:relative;width:calc(100% - 1px)}.vkuiSearch__nativeInput{-webkit-appearance:none;background-color:initial;border:0;border-radius:inherit;bottom:0;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex-grow:1;height:100%;left:0;margin:0;max-width:100%;min-width:0;padding:0 0 0 36px;position:absolute;right:0;top:0;width:-webkit-fill-available;width:-moz-available;width:stretch}.vkuiSearch__nativeInput::-webkit-search-cancel-button,.vkuiSearch__nativeInput::-webkit-search-decoration,.vkuiSearch__nativeInput::-webkit-search-results-button,.vkuiSearch__nativeInput::-webkit-search-results-decoration{display:none}.vkuiSearch__nativeInput:focus{outline:2px solid transparent;outline:var(--vkui_internal--outline-reset)}.vkuiSearch--has-after .vkuiSearch__nativeInput{border-bottom-right-radius:0;border-top-right-radius:0}.vkuiSearch--disabled{cursor:default;pointer-events:none}.vkuiSearch--disabled,.vkuiSearch__nativeInput:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiSearch__nativeInput::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiSearch__nativeInput::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiSearch__nativeInput::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiSearch__nativeInput::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiSearch__nativeInput:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiSearch__nativeInput:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiSearch__nativeInput:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiSearch__nativeInput:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiSearch__controls{--vkui_internal--search_icon_size:calc(var(--vkui_internal--search_height) + 4px);align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;justify-content:center;position:relative;transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiSearch--has-icon .vkuiSearch__controls{transform:translate3d(calc(100% - var(--vkui_internal--search_icon_size)),0,0)}.vkuiSearch--has-value .vkuiSearch__controls{transform:translateZ(0)}.vkuiSearch__icon{align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;height:100%;justify-content:center;width:var(--vkui_internal--search_icon_size)}.vkuiSearch__icon .vkuiIcon{padding:0}.vkuiSearch__after{flex:0;margin-left:4px;margin-right:calc(4px - 16px);margin-right:calc(4px - var(--vkui--size_base_padding_horizontal--regular));max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content;min-width:auto;overflow:hidden;pointer-events:none;transform:translate(50%);transform-origin:left;transition:flex .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transition:flex .3s var(--vkui--animation_easing_platform),transform .3s var(--vkui--animation_easing_platform)}.vkuiSearch--focused .vkuiSearch__after,.vkuiSearch--has-value .vkuiSearch__after{flex:1;pointer-events:auto;transform:translate(0)}.vkuiSearch__afterText{display:block;overflow:hidden;text-overflow:clip;white-space:nowrap}.vkuiSearch__findButton{max-width:none;min-width:auto;width:auto}.vkuiGroup--mode-plain .vkuiSearch{padding-top:4px}
|
|
88
88
|
.vkuiTabs__in{align-items:stretch;display:flex}.vkuiTabs--withGaps{justify-content:flex-start}.vkuiInternalPanelHeader .vkuiTabs{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);overflow:hidden}.vkuiInternalPanelHeader .vkuiTabs:after{content:"";display:block;width:1000px}.vkuiInternalGroup--mode-plain>.vkuiTabs--mode-default:first-child{margin-top:-8px}.vkuiInternalGroup--mode-card>.vkuiTabs--mode-default:first-child{margin-top:-4px}.vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiTabs:after{background:#fff;background:var(--vkui--color_background_content);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiSeparator,.vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiTabs__in{position:relative;z-index:2;z-index:var(--vkui_internal--z_index_tabs)}
|
|
89
|
-
.vkuiTabsItem{align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:flex;justify-content:center;max-width:100%;min-height:32px;min-width:0;padding:4px 8px;transition:background-color .15s ease-out}.vkuiTabsItem--withGaps{margin-bottom:8px;margin-top:8px}.vkuiTabsItem--withGaps:not(:first-of-type){margin-left:6px}.vkuiTabsItem--sizeY-compact{min-height:28px;padding-bottom:2px;padding-top:2px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTabsItem--sizeY-none{min-height:28px;padding-bottom:2px;padding-top:2px}}.vkuiTabsItem[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiTabsItem--mode-default{flex-basis:0;flex-grow:1;flex-shrink:0;min-height:48px;padding:12px 16px;position:relative}.vkuiTabsItem--sizeY-compact.vkuiTabsItem--mode-default{min-height:44px;padding-bottom:10px;padding-top:10px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTabsItem--sizeY-none.vkuiTabsItem--mode-default{min-height:44px;padding-bottom:10px;padding-top:10px}}.vkuiTabsItem--hover.vkuiTabsItem--mode-default{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiTabsItem--mode-accent{transition:background-color .15s ease-out,box-shadow .15s ease-out}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent{background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 4px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation2)}.vkuiTabsItem--hover.vkuiTabsItem--mode-accent{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.vkuiTabsItem--mode-accent:before{border:var(--vkui--size_border--regular) solid transparent;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent:before{border-color:#d7d8d9;border-color:var(--vkui--color_separator_primary)}.vkuiTabsItem--selected.vkuiTabsItem--mode-secondary{background-color:rgba(0,0,0,.04);background-color:var(--vkui--color_background_secondary_alpha)}.vkuiTabsItem--hover.vkuiTabsItem--mode-secondary{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiTabsItem__before{color:#818c99;color:var(--vkui--color_icon_medium);margin-right:6px;transition:color .15s ease-out}.vkuiTabsItem--selected .vkuiTabsItem__before{color:#2c2d2e;color:var(--vkui--color_icon_primary)}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent .vkuiTabsItem__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.vkuiTabsItem--selected.vkuiTabsItem--mode-secondary .vkuiTabsItem__before{opacity:.72}.vkuiTabsItem__label{color:#818c99;color:var(--vkui--color_text_secondary);max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease-out;white-space:nowrap}.vkuiTabsItem--selected .vkuiTabsItem__label{color:#000;color:var(--vkui--color_text_primary)}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent .vkuiTabsItem__label{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.vkuiTabsItem--selected.vkuiTabsItem--mode-secondary .vkuiTabsItem__label{opacity:.72}.vkuiTabsItem__status{margin-left:6px}.vkuiTabsItem__status--count{color:#99a2ad;color:var(--vkui--color_text_tertiary)}.vkuiTabsItem__after{color:#2688eb;color:var(--vkui--color_icon_accent_themed);margin-left:6px}.vkuiTabsItem__underline{background-color:#2688eb;background-color:var(--vkui--color_background_accent);border-radius:2px;bottom:5px;height:2px;left:16px;opacity:0;pointer-events:none;position:absolute;right:16px;transition:opacity .15s ease-out}.vkuiTabsItem--sizeY-compact .vkuiTabsItem__underline{bottom:3px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTabsItem--sizeY-none .vkuiTabsItem__underline{bottom:3px}}.vkuiTabsItem__underline[data-selected=true]{opacity:1}.vkuiInternalTabs--vkcom .vkuiTabsItem{flex-grow:0;min-width:auto;padding-left:10px;padding-right:10px}.vkuiInternalTabs--vkcom .vkuiTabsItem__underline{bottom:0;left:2px;right:2px}.vkuiInternalHorizontalScroll .vkuiTabsItem{flex-basis:auto;flex-grow:1;flex-shrink:0;min-width:64px}.vkuiTabsItem.vkuiTabsItem--stretched{flex-grow:1}.vkuiTabsItem.vkuiTabsItem--shrinked{flex-grow:0;min-width:auto}
|
|
89
|
+
.vkuiTabsItem{align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:flex;justify-content:center;max-width:100%;min-height:32px;min-width:0;padding:4px 8px;transition:background-color .15s ease-out}.vkuiTabsItem--withGaps{margin-bottom:8px;margin-top:8px}.vkuiTabsItem--withGaps:not(:first-of-type){margin-left:6px}.vkuiTabsItem--sizeY-compact{min-height:28px;padding-bottom:2px;padding-top:2px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTabsItem--sizeY-none{min-height:28px;padding-bottom:2px;padding-top:2px}}.vkuiTabsItem[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiTabsItem--mode-default{flex-basis:0;flex-grow:1;flex-shrink:0;min-height:48px;padding:12px 16px;position:relative}.vkuiTabsItem--sizeY-compact.vkuiTabsItem--mode-default{min-height:44px;padding-bottom:10px;padding-top:10px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTabsItem--sizeY-none.vkuiTabsItem--mode-default{min-height:44px;padding-bottom:10px;padding-top:10px}}.vkuiTabsItem--hover.vkuiTabsItem--mode-default{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiTabsItem--mode-accent{transition:background-color .15s ease-out,box-shadow .15s ease-out}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent{background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 4px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation2)}.vkuiTabsItem--hover.vkuiTabsItem--mode-accent{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.vkuiTabsItem--mode-accent:before{border:1px solid transparent;border:var(--vkui--size_border--regular) solid transparent;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent:before{border-color:#d7d8d9;border-color:var(--vkui--color_separator_primary)}.vkuiTabsItem--selected.vkuiTabsItem--mode-secondary{background-color:rgba(0,0,0,.04);background-color:var(--vkui--color_background_secondary_alpha)}.vkuiTabsItem--hover.vkuiTabsItem--mode-secondary{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiTabsItem__before{color:#818c99;color:var(--vkui--color_icon_medium);margin-right:6px;transition:color .15s ease-out}.vkuiTabsItem--selected .vkuiTabsItem__before{color:#2c2d2e;color:var(--vkui--color_icon_primary)}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent .vkuiTabsItem__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.vkuiTabsItem--selected.vkuiTabsItem--mode-secondary .vkuiTabsItem__before{opacity:.72}.vkuiTabsItem__label{color:#818c99;color:var(--vkui--color_text_secondary);max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease-out;white-space:nowrap}.vkuiTabsItem--selected .vkuiTabsItem__label{color:#000;color:var(--vkui--color_text_primary)}.vkuiTabsItem--selected.vkuiTabsItem--mode-accent .vkuiTabsItem__label{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.vkuiTabsItem--selected.vkuiTabsItem--mode-secondary .vkuiTabsItem__label{opacity:.72}.vkuiTabsItem__status{margin-left:6px}.vkuiTabsItem__status--count{color:#99a2ad;color:var(--vkui--color_text_tertiary)}.vkuiTabsItem__after{color:#2688eb;color:var(--vkui--color_icon_accent_themed);margin-left:6px}.vkuiTabsItem__underline{background-color:#2688eb;background-color:var(--vkui--color_background_accent);border-radius:2px;bottom:5px;height:2px;left:16px;opacity:0;pointer-events:none;position:absolute;right:16px;transition:opacity .15s ease-out}.vkuiTabsItem--sizeY-compact .vkuiTabsItem__underline{bottom:3px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTabsItem--sizeY-none .vkuiTabsItem__underline{bottom:3px}}.vkuiTabsItem__underline[data-selected=true]{opacity:1}.vkuiInternalTabs--vkcom .vkuiTabsItem{flex-grow:0;min-width:auto;padding-left:10px;padding-right:10px}.vkuiInternalTabs--vkcom .vkuiTabsItem__underline{bottom:0;left:2px;right:2px}.vkuiInternalHorizontalScroll .vkuiTabsItem{flex-basis:auto;flex-grow:1;flex-shrink:0;min-width:64px}.vkuiTabsItem.vkuiTabsItem--stretched{flex-grow:1}.vkuiTabsItem.vkuiTabsItem--shrinked{flex-grow:0;min-width:auto}
|
|
90
90
|
.vkuiPullToRefresh{flex-grow:1}.vkuiPullToRefresh--refreshing{pointer-events:none;touch-action:none}.vkuiPullToRefresh__controls{pointer-events:none;width:100%}.vkuiPullToRefresh:not(.vkuiPullToRefresh--ios) .vkuiPullToRefresh__controls{z-index:9;z-index:var(--vkui_internal--z_index_pull_to_refresh)}.vkuiPullToRefresh__spinner{align-items:center;background:#fff;background:var(--vkui--color_background_modal);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);box-sizing:border-box;color:#2688eb;color:var(--vkui--color_icon_accent);display:flex;height:40px;justify-content:center;margin:auto;opacity:0;transition:transform .3s cubic-bezier(.1,0,.25,1),opacity .22s ease-out;width:40px}.vkuiPullToRefresh--ios .vkuiPullToRefresh__spinner{background:none;border-radius:0;box-shadow:none;color:#818c99;color:var(--vkui--color_icon_medium)}.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner{transition:opacity .22s ease-out}.vkuiPullToRefresh__spinner-self{stroke:currentColor}.vkuiPullToRefresh--ios.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-self{animation:vkuipull-to-refresh-to-refreshing .38s ease-out}.vkuiPullToRefresh__spinner-path{transform:rotate(-90deg);transform-origin:center center;transition:stroke-dashoffset 167ms ease-out}.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-path,.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner-path{transition:none}.vkuiPullToRefresh__spinner--on .vkuiPullToRefresh__spinner-path{animation:vkuiptr-rotator .7s linear infinite;animation:vkuiptr-rotator var(--vkui_internal--duration) linear infinite}.vkuiPullToRefresh__content{overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s var(--vkui--animation_easing_platform)}.vkuiPullToRefresh--watching .vkuiPullToRefresh__content{transition:none}@keyframes vkuipull-to-refresh-to-refreshing{0%{transform:scale(1)}30%{transform:scale(.6)}90%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes vkuiptr-rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
91
91
|
.vkuiLink{background:none;border:0;border-radius:0;color:#2d81e0;color:var(--vkui_internal--link-color,var(--vkui--color_text_link));cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:none}@media (hover:hover) and (pointer:fine){.vkuiLink:hover{text-decoration:underline}}.vkuiLink--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited)}.vkuiLink .vkuiIcon{display:inline-block;margin-left:4px;vertical-align:middle}
|
|
92
92
|
.vkuiTooltip__overlay{height:100%;left:0;position:fixed;top:0;width:100%}
|
|
@@ -96,27 +96,27 @@
|
|
|
96
96
|
);color:#fff;color:var(--vkui_internal--counter_inherit_color,var(--vkui--color_text_contrast_themed))}.vkuiInternalPanelHeaderButton .vkuiCounter{padding:0;position:absolute;right:2px;top:8px}.vkuiInternalTabbarItem__label .vkuiCounter{position:absolute;right:-9px;top:-2px}
|
|
97
97
|
.vkuiUsersStack{align-items:center;color:#818c99;color:var(--vkui--color_text_secondary);display:flex}.vkuiUsersStack--direction-row-reverse{flex-direction:row-reverse}.vkuiUsersStack--direction-column{flex-direction:column;justify-content:center}.vkuiUsersStack__photos{display:flex}.vkuiUsersStack__fill{fill:rgba(0,28,61,.08);fill:var(--vkui--color_image_placeholder_alpha)}.vkuiUsersStack__photo--others{align-items:center;background:#99a2ad;background:var(--vkui--color_icon_secondary);border-radius:50%;color:#fff;color:var(--vkui--color_text_contrast_themed);display:flex;justify-content:center}.vkuiUsersStack--size-s .vkuiUsersStack__photo{height:16px;width:16px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{height:24px;width:24px}.vkuiUsersStack--size-l .vkuiUsersStack__photo{height:32px;width:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{flex:1;min-width:0}.vkuiUsersStack--direction-column .vkuiUsersStack__text{margin-top:8px;text-align:center}.vkuiUsersStack--direction-row .vkuiUsersStack__text{margin-left:8px}.vkuiUsersStack--direction-row-reverse .vkuiUsersStack__text{margin-right:8px}.vkuiInternalModalCardBase .vkuiUsersStack{margin-top:20px}
|
|
98
98
|
.vkuiPlaceholder{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center}.vkuiPlaceholder--withPadding{padding:48px 32px}.vkuiPlaceholder--stretched{flex:1 0;height:100%;padding-bottom:inherit;padding-top:inherit}.vkuiPlaceholder__icon{color:#99a2ad;color:var(--vkui--color_icon_secondary);display:inline-block;margin-bottom:12px;vertical-align:top}.vkuiPlaceholder__header{color:#000;color:var(--vkui--color_text_primary)}.vkuiPlaceholder__text{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiPlaceholder__header+.vkuiPlaceholder__text{margin-top:8px}.vkuiPlaceholder__action:not(:first-child){margin-top:16px}
|
|
99
|
-
.vkuiBanner{color:#000;color:var(--vkui--color_text_primary);isolation:isolate}.vkuiBanner--withPadding{margin:12px 0;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular)}.vkuiBanner__in{align-items:stretch;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;flex-flow:row nowrap;overflow:hidden;padding:12px;position:relative}.vkuiBanner__in:before{border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__before{margin-right:12px}.vkuiBanner__before,.vkuiBanner__content{position:relative;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.vkuiBanner__subheader,.vkuiBanner__text{color:#6d7885;color:var(--vkui--color_text_subhead)}.vkuiBanner__bg{left:0;position:absolute;top:0;z-index:0;z-index:var(--vkui_internal--z_index_banner_background)}.vkuiBanner__bg,.vkuiBanner__bg>*{height:100%;width:100%}.vkuiBanner__aside{justify-content:flex-end;width:28px}.vkuiBanner__aside,.vkuiBanner__dismiss{align-content:center;align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;flex-flow:row nowrap}.vkuiBanner__dismiss{justify-content:center;position:absolute;right:2px;top:2px;z-index:2;z-index:var(--vkui_internal--z_index_banner_hover)}.vkuiBanner__actions{margin-top:12px}.vkuiBanner__subheader:not(:first-child),.vkuiBanner__text:not(:first-child){margin-top:2px}.vkuiBanner--mode-image .vkuiBanner__in{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.vkuiBanner--inverted,.vkuiBanner--inverted .vkuiBanner__dismiss,.vkuiBanner--inverted .vkuiBanner__expand,.vkuiBanner--inverted .vkuiBanner__subheader{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiBanner--inverted .vkuiBanner__subheader{opacity:.72}.vkuiBanner--size-m .vkuiBanner__in{padding:16px}.vkuiBanner--size-m .vkuiBanner__subheader:not(:first-child),.vkuiBanner--size-m .vkuiBanner__text:not(:first-child){margin-top:4px}.vkuiBanner--ios .vkuiBanner__dismiss,.vkuiBanner--ios.vkuiBanner--mode-image .vkuiBanner__dismiss{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiInternalFormStatus .vkuiBanner__in:before{border:0}.vkuiInternalFormStatus--mode-error .vkuiBanner__in{background-color:#faebeb;background-color:var(--vkui--color_background_negative_tint)}.vkuiInternalFormStatus--mode-error .vkuiBanner__subheader{color:#e64646;color:var(--vkui--color_background_negative)}
|
|
99
|
+
.vkuiBanner{color:#000;color:var(--vkui--color_text_primary);isolation:isolate}.vkuiBanner--withPadding{margin:12px 0;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular)}.vkuiBanner__in{align-items:stretch;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;flex-flow:row nowrap;overflow:hidden;padding:12px;position:relative}.vkuiBanner__in:before{border:1px solid rgba(0,0,0,.08);border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__before{margin-right:12px}.vkuiBanner__before,.vkuiBanner__content{position:relative;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.vkuiBanner__subheader,.vkuiBanner__text{color:#6d7885;color:var(--vkui--color_text_subhead)}.vkuiBanner__bg{left:0;position:absolute;top:0;z-index:0;z-index:var(--vkui_internal--z_index_banner_background)}.vkuiBanner__bg,.vkuiBanner__bg>*{height:100%;width:100%}.vkuiBanner__aside{justify-content:flex-end;width:28px}.vkuiBanner__aside,.vkuiBanner__dismiss{align-content:center;align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;flex-flow:row nowrap}.vkuiBanner__dismiss{justify-content:center;position:absolute;right:2px;top:2px;z-index:2;z-index:var(--vkui_internal--z_index_banner_hover)}.vkuiBanner__actions{margin-top:12px}.vkuiBanner__subheader:not(:first-child),.vkuiBanner__text:not(:first-child){margin-top:2px}.vkuiBanner--mode-image .vkuiBanner__in{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.vkuiBanner--inverted,.vkuiBanner--inverted .vkuiBanner__dismiss,.vkuiBanner--inverted .vkuiBanner__expand,.vkuiBanner--inverted .vkuiBanner__subheader{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiBanner--inverted .vkuiBanner__subheader{opacity:.72}.vkuiBanner--size-m .vkuiBanner__in{padding:16px}.vkuiBanner--size-m .vkuiBanner__subheader:not(:first-child),.vkuiBanner--size-m .vkuiBanner__text:not(:first-child){margin-top:4px}.vkuiBanner--ios .vkuiBanner__dismiss,.vkuiBanner--ios.vkuiBanner--mode-image .vkuiBanner__dismiss{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiInternalFormStatus .vkuiBanner__in:before{border:0}.vkuiInternalFormStatus--mode-error .vkuiBanner__in{background-color:#faebeb;background-color:var(--vkui--color_background_negative_tint)}.vkuiInternalFormStatus--mode-error .vkuiBanner__subheader{color:#e64646;color:var(--vkui--color_background_negative)}
|
|
100
100
|
.vkuiMiniInfoCell{color:#6d7885;color:var(--vkui--color_text_subhead);display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular)}.vkuiMiniInfoCell--mode-accent{color:#000;color:var(--vkui--color_text_primary)}.vkuiMiniInfoCell__before{color:#99a2ad;color:var(--vkui--color_icon_secondary);margin-right:12px}.vkuiMiniInfoCell__middle{align-items:center;display:flex;flex:1;min-width:0;overflow:hidden}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.vkuiMiniInfoCell--textWrap-short .vkuiMiniInfoCell__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:60px;white-space:normal}.vkuiMiniInfoCell--textWrap-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:normal}.vkuiMiniInfoCell--textWrap-nowrap .vkuiMiniInfoCell__content{flex:0 1 auto}.vkuiMiniInfoCell__after{margin-bottom:-2px;margin-left:12px;margin-top:-2px}.vkuiMiniInfoCell--mode-add,.vkuiMiniInfoCell--mode-more{color:#2d81e0;color:var(--vkui--color_text_link_themed)}.vkuiMiniInfoCell--mode-add .vkuiMiniInfoCell__before,.vkuiMiniInfoCell--mode-more .vkuiMiniInfoCell__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.vkuiMiniInfoCell--mode-more{padding-bottom:10px;padding-top:10px}.vkuiMiniInfoCell__middle .vkuiIcon{color:#2688eb;color:var(--vkui--color_text_accent);margin-left:4px}.vkuiMiniInfoCell--mode-add .vkuiMiniInfoCell__middle .vkuiIcon,.vkuiMiniInfoCell--mode-more .vkuiMiniInfoCell__middle .vkuiIcon{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}
|
|
101
|
-
.vkuiWriteBar{background:#fff;background:var(--vkui--color_background_modal)}.vkuiWriteBar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiWriteBar__after,.vkuiWriteBar__before,.vkuiWriteBar__form{align-items:flex-end;display:flex}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.vkuiWriteBar__textarea{-webkit-appearance:none;background:transparent;border:0;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-moz-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-ms-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea:focus{outline:2px solid transparent;outline:var(--vkui_internal--outline-reset)}.vkuiWriteBar__inlineAfter{align-items:flex-end;display:flex}.vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar__textarea{height:52px;padding:16px 12px}.vkuiWriteBar--ios{background:#fff;background:var(--vkui--color_background_content)}.vkuiWriteBar--ios .vkuiWriteBar__after,.vkuiWriteBar--ios .vkuiWriteBar__before{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{background-color:#f2f3f5;background-color:var(--vkui--color_write_bar_input_background);border:var(--vkui--size_border--regular) solid var(--vkui--color_write_bar_input_border);border-radius:18px;box-sizing:border-box;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{--vkui_internal--writebar-right-gap:calc(-1 * var(--vkui--size_border--regular));--vkui_internal--writebar-vertical-gap:calc(var(--vkui_internal--writebar-right-gap) - 8px);margin-bottom:var(--vkui_internal--writebar-vertical-gap);margin-right:var(--vkui_internal--writebar-right-gap);margin-top:var(--vkui_internal--writebar-vertical-gap)}.vkuiWriteBar--ios .vkuiWriteBar__textarea{height:36px;padding:6px 0 6px 12px}
|
|
101
|
+
.vkuiWriteBar{background:#fff;background:var(--vkui--color_background_modal)}.vkuiWriteBar--shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiWriteBar__after,.vkuiWriteBar__before,.vkuiWriteBar__form{align-items:flex-end;display:flex}.vkuiWriteBar__form{min-height:52px}.vkuiWriteBar__formIn{display:flex;flex:1;min-width:0;position:relative}.vkuiWriteBar__textarea{-webkit-appearance:none;background:transparent;border:0;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex:1;margin:0;max-height:120px;min-width:0;resize:none;width:100%}.vkuiWriteBar__textarea::-webkit-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-moz-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::-ms-input-placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea::placeholder{color:#6d7885;color:var(--vkui--color_text_subhead);opacity:1}.vkuiWriteBar__textarea:focus{outline:2px solid transparent;outline:var(--vkui_internal--outline-reset)}.vkuiWriteBar__inlineAfter{align-items:flex-end;display:flex}.vkuiWriteBar__before{padding-left:4px}.vkuiWriteBar__after{padding-right:4px}.vkuiWriteBar__textarea{height:52px;padding:16px 12px}.vkuiWriteBar--ios{background:#fff;background:var(--vkui--color_background_content)}.vkuiWriteBar--ios .vkuiWriteBar__after,.vkuiWriteBar--ios .vkuiWriteBar__before{padding:0 4px}.vkuiWriteBar--ios .vkuiWriteBar__formIn{background-color:#f2f3f5;background-color:var(--vkui--color_write_bar_input_background);border:1px solid #e1e3e6;border:var(--vkui--size_border--regular) solid var(--vkui--color_write_bar_input_border);border-radius:18px;box-sizing:border-box;margin:8px 0}.vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child{margin-left:12px}.vkuiWriteBar--ios .vkuiWriteBar__inlineAfter{--vkui_internal--writebar-right-gap:calc(-1 * var(--vkui--size_border--regular));--vkui_internal--writebar-vertical-gap:calc(var(--vkui_internal--writebar-right-gap) - 8px);margin-bottom:calc(calc(-1 * 1px) - 8px);margin-bottom:var(--vkui_internal--writebar-vertical-gap);margin-right:calc(-1 * 1px);margin-right:var(--vkui_internal--writebar-right-gap);margin-top:calc(calc(-1 * 1px) - 8px);margin-top:var(--vkui_internal--writebar-vertical-gap)}.vkuiWriteBar--ios .vkuiWriteBar__textarea{height:36px;padding:6px 0 6px 12px}
|
|
102
102
|
.vkuiWriteBarIcon{background:none;border:0;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:pointer;height:52px;margin:0;padding:0;position:relative;width:44px}.vkuiWriteBarIcon__in{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiWriteBarIcon:disabled{opacity:.4;pointer-events:none}.vkuiWriteBarIcon__active{opacity:.6}.vkuiWriteBarIcon__counter{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--vkui--color_background_modal);position:absolute;right:2px;top:6px}.vkuiWriteBarIcon--ios .vkuiWriteBarIcon__counter{box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--vkui--color_background_content)}.vkuiWriteBarIcon.vkuiWriteBarIcon--mode-done,.vkuiWriteBarIcon.vkuiWriteBarIcon--mode-send{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiWriteBarIcon--ios{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send{color:#2688eb;color:var(--vkui--color_icon_accent_themed);margin-right:-4px;padding-left:0;padding-right:0;width:48px}.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done:only-child,.vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send:only-child{margin-left:-4px}.vkuiWriteBarIcon{--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed);--vkui_internal--counter_inherit_background:var(--vkui--color_background_positive)}
|
|
103
103
|
.vkuiSubnavigationBar__in{margin:-8px 0}.vkuiSubnavigationBar__scrollIn{display:flex;margin:0;padding:calc(12px + 8px) 0;padding:calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px) 0}.vkuiSubnavigationBar__scrollIn:after,.vkuiSubnavigationBar__scrollIn:before{content:"";min-width:16px;min-width:var(--vkui--size_base_padding_horizontal--regular)}.vkuiSubnavigationBar__item{display:flex;list-style-type:none}.vkuiSubnavigationBar__item+.vkuiSubnavigationBar__item{margin-left:8px;margin-left:var(--vkui--size_subnavigation_bar_gap--regular)}.vkuiInternalSubnavigationBar--mode-fixed .vkuiSubnavigationBar__item{flex:1;min-width:0}
|
|
104
|
-
.vkuiSubnavigationButton{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiSubnavigationButton__in{align-items:center;display:flex;justify-content:center}.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in{height:30px;height:var(--vkui--size_button_small_height--regular)}.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in{height:36px;height:var(--vkui--size_button_medium_height--regular)}.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in{height:44px;height:var(--vkui--size_button_large_height--regular)}.vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in{height:28px;height:var(--vkui--size_button_small_height--compact)}.vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in{height:32px;height:var(--vkui--size_button_medium_height--compact)}.vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in{height:36px;height:var(--vkui--size_button_large_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in{height:28px;height:var(--vkui--size_button_small_height--compact)}.vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in{height:32px;height:var(--vkui--size_button_medium_height--compact)}.vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in{height:36px;height:var(--vkui--size_button_large_height--compact)}}.vkuiSubnavigationButton__before{color:#2688eb;color:var(--vkui--color_icon_accent);margin-right:8px}.vkuiSubnavigationButton__label{flex-grow:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSubnavigationButton__after{margin-left:8px}.vkuiSubnavigationButton__expandableIcon{color:#99a2ad;color:var(--vkui--color_icon_secondary);margin-left:8px;margin-top:1px}.vkuiSubnavigationButton__before:first-child,.vkuiSubnavigationButton__label:first-child{padding-left:12px;padding-left:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.vkuiSubnavigationButton__after:last-child,.vkuiSubnavigationButton__expandableIcon,.vkuiSubnavigationButton__label:last-child{padding-right:12px;padding-right:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.vkuiSubnavigationButton--mode-primary{background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiSubnavigationButton--mode-outline{box-shadow:inset 0 0 0
|
|
104
|
+
.vkuiSubnavigationButton{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiSubnavigationButton__in{align-items:center;display:flex;justify-content:center}.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in{height:30px;height:var(--vkui--size_button_small_height--regular)}.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in{height:36px;height:var(--vkui--size_button_medium_height--regular)}.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in{height:44px;height:var(--vkui--size_button_large_height--regular)}.vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in{height:28px;height:var(--vkui--size_button_small_height--compact)}.vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in{height:32px;height:var(--vkui--size_button_medium_height--compact)}.vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in{height:36px;height:var(--vkui--size_button_large_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in{height:28px;height:var(--vkui--size_button_small_height--compact)}.vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in{height:32px;height:var(--vkui--size_button_medium_height--compact)}.vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in{height:36px;height:var(--vkui--size_button_large_height--compact)}}.vkuiSubnavigationButton__before{color:#2688eb;color:var(--vkui--color_icon_accent);margin-right:8px}.vkuiSubnavigationButton__label{flex-grow:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSubnavigationButton__after{margin-left:8px}.vkuiSubnavigationButton__expandableIcon{color:#99a2ad;color:var(--vkui--color_icon_secondary);margin-left:8px;margin-top:1px}.vkuiSubnavigationButton__before:first-child,.vkuiSubnavigationButton__label:first-child{padding-left:12px;padding-left:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.vkuiSubnavigationButton__after:last-child,.vkuiSubnavigationButton__expandableIcon,.vkuiSubnavigationButton__label:last-child{padding-right:12px;padding-right:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.vkuiSubnavigationButton--mode-primary{background-color:#fff;background-color:var(--vkui--color_background_modal);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3)}.vkuiSubnavigationButton--mode-outline{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha)}.vkuiSubnavigationButton--appearance-neutral .vkuiSubnavigationButton__before,.vkuiSubnavigationButton--appearance-neutral .vkuiSubnavigationButton__expandableIcon{color:#2c2d2e;color:var(--vkui--color_icon_primary)}.vkuiSubnavigationButton--selected{background-color:#2688eb;background-color:var(--vkui--color_background_accent_themed);border:0;box-shadow:none;color:#fff;color:var(--vkui--color_text_contrast_themed)}.vkuiSubnavigationButton--selected.vkuiSubnavigationButton--appearance-neutral,.vkuiSubnavigationButton--selected.vkuiSubnavigationButton--mode-tertiary{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active);color:#000;color:var(--vkui--color_text_primary)}.vkuiSubnavigationButton--selected.vkuiSubnavigationButton--appearance-accent:not(.vkuiSubnavigationButton--mode-tertiary) .vkuiSubnavigationButton__before,.vkuiSubnavigationButton--selected.vkuiSubnavigationButton--appearance-accent:not(.vkuiSubnavigationButton--mode-tertiary) .vkuiSubnavigationButton__expandableIcon{color:#fff;color:var(--vkui--color_icon_contrast_themed)}.vkuiSubnavigationButton{--vkui_internal--counter_inherit_background:var(--vkui--color_background_accent_themed);--vkui_internal--counter_inherit_color:var(--vkui--color_text_contrast_themed)}.vkuiSubnavigationButton--selected.vkuiSubnavigationButton--appearance-accent:not(.vkuiSubnavigationButton--mode-tertiary){--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_accent_themed)}.vkuiSubnavigationButton--selected.vkuiSubnavigationButton--appearance-neutral{--vkui_internal--counter_inherit_background:var(--vkui--color_background_content);--vkui_internal--counter_inherit_color:var(--vkui--color_text_primary)}.vkuiInternalSubnavigationBar--mode-fixed .vkuiSubnavigationButton{flex:1;min-width:0}
|
|
105
105
|
.vkuiPagination__list{display:flex;list-style-type:none;margin:0;padding:0}.vkuiPagination__prevButtonContainer{margin-right:8px}.vkuiPagination__nextButtonContainer{margin-left:8px}
|
|
106
106
|
.vkuiPaginationPage{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;color:#818c99;color:var(--vkui--color_text_secondary);height:44px;height:var(--vkui--size_button_large_height--regular);line-height:44px;line-height:var(--vkui--size_button_large_height--regular);min-width:40px;padding-left:8px;padding-right:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.vkuiPaginationPage--state-hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiPaginationPage--current,.vkuiPaginationPage--state-active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active);color:#000;color:var(--vkui--color_text_primary)}.vkuiPaginationPage--disabled{opacity:.4;opacity:var(--vkui--opacity_disable)}.vkuiPaginationPage--sizeY-compact{height:36px;height:var(--vkui--size_button_large_height--compact);line-height:36px;line-height:var(--vkui--size_button_large_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiPaginationPage--sizeY-none{height:36px;height:var(--vkui--size_button_large_height--compact);line-height:36px;line-height:var(--vkui--size_button_large_height--compact)}}.vkuiPaginationPage--type-ellipsis{min-width:16px;padding-left:0;padding-right:0}
|
|
107
107
|
.vkuiAccordionSummary::-webkit-details-marker{display:none}.vkuiAccordionSummary__icon{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiAccordion:not([open])>summary .vkuiAccordionSummary__icon--collapse,.vkuiAccordion[open]>summary .vkuiAccordionSummary__icon--expand{display:none}
|
|
108
108
|
.vkuiFormLayout{position:relative}.vkuiFormLayout__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:0;left:0;padding:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}
|
|
109
|
-
.vkuiFormItem{display:block}.vkuiFormItem--withPadding{padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;overflow:hidden;padding:0}.vkuiFormItem__top{color:#6d7885;color:var(--vkui--color_text_subhead);overflow:hidden;padding-bottom:8px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.vkuiFormItem__bottom{color:#818c99;color:var(--vkui--color_text_secondary);padding-top:8px}.vkuiFormItem--status-error .vkuiFormItem__bottom{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiFormItem--status-valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--vkui--color_text_positive)}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormItem--sizeY-none .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-none .vkuiFormItem__bottom{padding-top:6px}}.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;padding:0}.vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented) .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiInternalFormLayoutGroup--mode-horizontal.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem+.vkuiFormItem{margin-left:calc(-1 * var(--vkui--size_border--regular))}.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem+.vkuiFormItem{margin-top:calc(-1 * var(--vkui--size_border--regular));padding-top:0}.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem:not(:last-of-type){padding-bottom:0}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--withTop{margin-top:calc(-2px - 18px - 8px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--regular) - 8px)}.vkuiFormItem--sizeY-compact.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--sizeY-compact.vkuiFormItem--withTop{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormItem--sizeY-none.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--sizeY-none.vkuiFormItem--withTop{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px)}}
|
|
110
|
-
.vkuiFormField{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);isolation:isolate;min-height:44px;min-height:var(--vkui--size_field_height--regular);position:relative}.vkuiFormField--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormField--sizeY-none{min-height:36px;min-height:var(--vkui--size_field_height--compact)}}.vkuiFormField>*{border-radius:inherit;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiFormField__after,.vkuiFormField__before{align-content:center;align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;flex-shrink:0;height:100%;justify-content:center;min-width:44px;min-width:var(--vkui--size_field_height--regular);position:relative;z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}.vkuiFormField--sizeY-compact .vkuiFormField__after,.vkuiFormField--sizeY-compact .vkuiFormField__before{height:36px;height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormField--sizeY-none .vkuiFormField__after,.vkuiFormField--sizeY-none .vkuiFormField__before{height:36px;height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}}.vkuiFormField__before{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiFormField__after{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiFormField__border{border:var(--vkui--size_border--regular) solid transparent;border-radius:inherit;box-sizing:border-box;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-origin:left top;width:100%;z-index:2;z-index:var(--vkui_internal--z_index_form_field_border)}.vkuiFormField--mode-default .vkuiFormField__border{border-color:rgba(0,0,0,.12);border-color:var(--vkui--color_field_border_alpha)}.vkuiFormField--mode-default{background-color:#f2f3f5;background-color:var(--vkui--color_field_background)}.vkuiFormField--status-error .vkuiFormField__border,.vkuiInternalFormItem--status-error .vkuiFormField__border{border-color:#e64646;border-color:var(--vkui--color_stroke_negative);z-index:3;z-index:var(--vkui_internal--z_index_form_field_status)}.vkuiFormField--status-error,.vkuiInternalFormItem--status-error .vkuiFormField{background-color:#faebeb;background-color:var(--vkui--color_background_negative_tint)}.vkuiFormField--status-valid .vkuiFormField__border,.vkuiInternalFormItem--status-valid .vkuiFormField__border{border-color:#4bb34b;border-color:var(--vkui--color_stroke_positive);z-index:3;z-index:var(--vkui_internal--z_index_form_field_status)}.vkuiFormField--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility);pointer-events:none}.vkuiFormField--hover{background-color:#f2f3f5;background-color:var(--vkui--color_field_background)}.vkuiFormField--mode-default.vkuiFormField--hover .vkuiFormField__border{border-color:rgba(0,0,0,.24);border-color:var(--vkui--color_field_border_alpha--hover);z-index:4;z-index:var(--vkui_internal--z_index_form_field_border_hover)}.vkuiInternalModalCardBase__header+.vkuiFormField,.vkuiInternalModalCardBase__subheader+.vkuiFormField{margin-top:16px}.vkuiInternalNativeSelect .vkuiFormField__after{pointer-events:none}.vkuiInternalCalendarHeader__picker .vkuiFormField__after{min-width:12px;padding-right:8px}.vkuiInternalChipsInput .vkuiFormField__after{z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}.vkuiInternalFormLayoutGroup--segmented .vkuiFormField{border-radius:0;isolation:auto;z-index:auto}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiInternalFormItem:first-of-type .vkuiFormField{border-bottom-left-radius:8px;border-bottom-left-radius:var(--vkui--size_border_radius--regular);border-top-left-radius:8px;border-top-left-radius:var(--vkui--size_border_radius--regular)}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiInternalFormItem:last-of-type .vkuiFormField{border-bottom-right-radius:8px;border-bottom-right-radius:var(--vkui--size_border_radius--regular);border-top-right-radius:8px;border-top-right-radius:var(--vkui--size_border_radius--regular)}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical .vkuiInternalFormItem:first-of-type .vkuiFormField{border-top-left-radius:8px;border-top-left-radius:var(--vkui--size_border_radius--regular);border-top-right-radius:8px;border-top-right-radius:var(--vkui--size_border_radius--regular)}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical .vkuiInternalFormItem:last-of-type .vkuiFormField{border-bottom-left-radius:8px;border-bottom-left-radius:var(--vkui--size_border_radius--regular);border-bottom-right-radius:8px;border-bottom-right-radius:var(--vkui--size_border_radius--regular)}.vkuiFormField--focus-visible.vkuiFormField--focus-visible.vkuiFormField--focus-visible{outline:2px solid #2688eb;outline:var(--vkui_internal--outline);outline-offset:calc(-1 * var(--vkui--size_border--regular));outline-width:var(--vkui--size_border--regular)}
|
|
109
|
+
.vkuiFormItem{display:block}.vkuiFormItem--withPadding{padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;overflow:hidden;padding:0}.vkuiFormItem__top{color:#6d7885;color:var(--vkui--color_text_subhead);overflow:hidden;padding-bottom:8px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.vkuiFormItem__bottom{color:#818c99;color:var(--vkui--color_text_secondary);padding-top:8px}.vkuiFormItem--status-error .vkuiFormItem__bottom{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiFormItem--status-valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--vkui--color_text_positive)}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormItem--sizeY-none .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-none .vkuiFormItem__bottom{padding-top:6px}}.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem{flex-basis:0;flex-grow:1;flex-shrink:0;max-width:100%;min-width:1px;padding:0}.vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented) .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiInternalFormLayoutGroup--mode-horizontal.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem+.vkuiFormItem{margin-left:calc(-1 * 1px);margin-left:calc(-1 * var(--vkui--size_border--regular))}.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem+.vkuiFormItem{margin-top:calc(-1 * 1px);margin-top:calc(-1 * var(--vkui--size_border--regular));padding-top:0}.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented .vkuiFormItem:not(:last-of-type){padding-bottom:0}.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--withTop{margin-top:calc(-2px - 18px - 8px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--regular) - 8px)}.vkuiFormItem--sizeY-compact.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--sizeY-compact.vkuiFormItem--withTop{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormItem--sizeY-none.vkuiFormItem--withTop .vkuiFormItem__removable,.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--sizeY-none.vkuiFormItem--withTop{margin-top:calc(-2px - 16px - 6px);margin-top:calc(-2px - var(--vkui--font_subhead--line_height--compact) - 6px)}}
|
|
110
|
+
.vkuiFormField{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:flex;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);isolation:isolate;min-height:44px;min-height:var(--vkui--size_field_height--regular);position:relative}.vkuiFormField--sizeY-compact{min-height:36px;min-height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormField--sizeY-none{min-height:36px;min-height:var(--vkui--size_field_height--compact)}}.vkuiFormField>*{border-radius:inherit;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiFormField__after,.vkuiFormField__before{align-content:center;align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;flex-shrink:0;height:100%;justify-content:center;min-width:44px;min-width:var(--vkui--size_field_height--regular);position:relative;z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}.vkuiFormField--sizeY-compact .vkuiFormField__after,.vkuiFormField--sizeY-compact .vkuiFormField__before{height:36px;height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormField--sizeY-none .vkuiFormField__after,.vkuiFormField--sizeY-none .vkuiFormField__before{height:36px;height:var(--vkui--size_field_height--compact);min-width:36px;min-width:var(--vkui--size_field_height--compact)}}.vkuiFormField__before{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiFormField__after{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiFormField__border{border:1px solid transparent;border:var(--vkui--size_border--regular) solid transparent;border-radius:inherit;box-sizing:border-box;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-origin:left top;width:100%;z-index:2;z-index:var(--vkui_internal--z_index_form_field_border)}.vkuiFormField--mode-default .vkuiFormField__border{border-color:rgba(0,0,0,.12);border-color:var(--vkui--color_field_border_alpha)}.vkuiFormField--mode-default{background-color:#f2f3f5;background-color:var(--vkui--color_field_background)}.vkuiFormField--status-error .vkuiFormField__border,.vkuiInternalFormItem--status-error .vkuiFormField__border{border-color:#e64646;border-color:var(--vkui--color_stroke_negative);z-index:3;z-index:var(--vkui_internal--z_index_form_field_status)}.vkuiFormField--status-error,.vkuiInternalFormItem--status-error .vkuiFormField{background-color:#faebeb;background-color:var(--vkui--color_background_negative_tint)}.vkuiFormField--status-valid .vkuiFormField__border,.vkuiInternalFormItem--status-valid .vkuiFormField__border{border-color:#4bb34b;border-color:var(--vkui--color_stroke_positive);z-index:3;z-index:var(--vkui_internal--z_index_form_field_status)}.vkuiFormField--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility);pointer-events:none}.vkuiFormField--hover{background-color:#f2f3f5;background-color:var(--vkui--color_field_background)}.vkuiFormField--mode-default.vkuiFormField--hover .vkuiFormField__border{border-color:rgba(0,0,0,.24);border-color:var(--vkui--color_field_border_alpha--hover);z-index:4;z-index:var(--vkui_internal--z_index_form_field_border_hover)}.vkuiInternalModalCardBase__header+.vkuiFormField,.vkuiInternalModalCardBase__subheader+.vkuiFormField{margin-top:16px}.vkuiInternalNativeSelect .vkuiFormField__after{pointer-events:none}.vkuiInternalCalendarHeader__picker .vkuiFormField__after{min-width:12px;padding-right:8px}.vkuiInternalChipsInput .vkuiFormField__after{z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}.vkuiInternalFormLayoutGroup--segmented .vkuiFormField{border-radius:0;isolation:auto;z-index:auto}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiInternalFormItem:first-of-type .vkuiFormField{border-bottom-left-radius:8px;border-bottom-left-radius:var(--vkui--size_border_radius--regular);border-top-left-radius:8px;border-top-left-radius:var(--vkui--size_border_radius--regular)}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal .vkuiInternalFormItem:last-of-type .vkuiFormField{border-bottom-right-radius:8px;border-bottom-right-radius:var(--vkui--size_border_radius--regular);border-top-right-radius:8px;border-top-right-radius:var(--vkui--size_border_radius--regular)}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical .vkuiInternalFormItem:first-of-type .vkuiFormField{border-top-left-radius:8px;border-top-left-radius:var(--vkui--size_border_radius--regular);border-top-right-radius:8px;border-top-right-radius:var(--vkui--size_border_radius--regular)}.vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical .vkuiInternalFormItem:last-of-type .vkuiFormField{border-bottom-left-radius:8px;border-bottom-left-radius:var(--vkui--size_border_radius--regular);border-bottom-right-radius:8px;border-bottom-right-radius:var(--vkui--size_border_radius--regular)}.vkuiFormField--focus-visible.vkuiFormField--focus-visible.vkuiFormField--focus-visible{outline:2px solid #2688eb;outline:var(--vkui_internal--outline);outline-offset:calc(-1 * 1px);outline-offset:calc(-1 * var(--vkui--size_border--regular));outline-width:1px;outline-width:var(--vkui--size_border--regular)}
|
|
111
111
|
.vkuiFormLayoutGroup--mode-horizontal{align-items:flex-start;display:flex;flex-wrap:wrap;padding:12px 16px;padding:var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiFormLayoutGroup__removable{flex-grow:1;max-width:100%;min-width:0}.vkuiFormLayoutGroup__offset{display:none}.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop~.vkuiFormLayoutGroup__offset{display:block;height:calc(2px + 18px + 8px);height:calc(2px + var(--vkui--font_subhead--line_height--regular) + 8px);min-width:100%;order:-1}.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop~.vkuiFormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormLayoutGroup--sizeY-none.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop~.vkuiFormLayoutGroup__offset{height:calc(2px + 16px + 6px);height:calc(2px + var(--vkui--font_subhead--line_height--compact) + 6px)}}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}.vkuiFormLayoutGroup--segmented{position:relative}
|
|
112
112
|
.vkuiFormStatus--mode-error{color:#e64646;color:var(--vkui--color_background_negative)}
|
|
113
113
|
.vkuiSwitch{cursor:pointer;display:block;padding:calc((20px - 14px) / 2);padding:calc((var(--vkui--size_switch_pin--regular) - var(--vkui--size_switch_height--regular)) / 2);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiSwitch--sizeY-compact{padding:calc((18px - 12px) / 2);padding:calc((var(--vkui--size_switch_pin--compact) - var(--vkui--size_switch_height--compact)) / 2)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSwitch--sizeY-none{padding:calc((18px - 12px) / 2);padding:calc((var(--vkui--size_switch_pin--compact) - var(--vkui--size_switch_height--compact)) / 2)}}.vkuiSwitch--disabled{cursor:default}.vkuiSwitch__pseudo{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:block;position:relative}.vkuiSwitch__pseudo:before{background:#f2f3f5;background:var(--vkui--color_icon_contrast_secondary);border-radius:50%;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);box-sizing:border-box;content:"";height:20px;height:var(--vkui--size_switch_pin--regular);left:calc((14px - 20px) / 2);left:calc((var(--vkui--size_switch_height--regular) - var(--vkui--size_switch_pin--regular)) / 2);position:absolute;top:calc((14px - 20px) / 2);top:calc((var(--vkui--size_switch_height--regular) - var(--vkui--size_switch_pin--regular)) / 2);width:20px;width:var(--vkui--size_switch_pin--regular)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:before{height:18px;height:var(--vkui--size_switch_pin--compact);left:calc((12px - 18px) / 2);left:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);top:calc((12px - 18px) / 2);top:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);width:18px;width:var(--vkui--size_switch_pin--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSwitch--sizeY-none .vkuiSwitch__pseudo:before{height:18px;height:var(--vkui--size_switch_pin--compact);left:calc((12px - 18px) / 2);left:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);top:calc((12px - 18px) / 2);top:calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact)) / 2);width:18px;width:var(--vkui--size_switch_pin--compact)}}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{background:#2688eb;background:var(--vkui--color_icon_accent);transform:translateX(calc(34px - 14px));transform:translateX(calc(var(--vkui--size_switch_width--regular) - var(--vkui--size_switch_height--regular)))}.vkuiSwitch__pseudo:after{background:rgba(0,0,0,.24);background:var(--vkui--color_icon_tertiary_alpha);border-radius:calc(34px / 2);border-radius:calc(var(--vkui--size_switch_width--regular) / 2);content:"";display:block;height:14px;height:var(--vkui--size_switch_height--regular);width:34px;width:var(--vkui--size_switch_width--regular)}.vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo:after{border-radius:calc(32px / 2);border-radius:calc(var(--vkui--size_switch_width--compact) / 2);height:12px;height:var(--vkui--size_switch_height--compact);width:32px;width:var(--vkui--size_switch_width--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSwitch--sizeY-none .vkuiSwitch__pseudo:after{border-radius:calc(32px / 2);border-radius:calc(var(--vkui--size_switch_width--compact) / 2);height:12px;height:var(--vkui--size_switch_height--compact);width:32px;width:var(--vkui--size_switch_width--compact)}}.vkuiSwitch__self:checked+.vkuiSwitch__pseudo:after{background:#2688eb;background:var(--vkui--color_icon_accent);opacity:.48}.vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{transform:translateX(calc(32px - 12px));transform:translateX(calc(var(--vkui--size_switch_width--compact) - var(--vkui--size_switch_height--compact)))}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSwitch--sizeY-none .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{transform:translateX(calc(32px - 12px));transform:translateX(calc(var(--vkui--size_switch_width--compact) - var(--vkui--size_switch_height--compact)))}}.vkuiSwitch__self[disabled]+.vkuiSwitch__pseudo{opacity:.4;opacity:var(--vkui--opacity_disable)}.vkuiSwitch--ios .vkuiSwitch__pseudo:before{box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),inset 0 0 0 .5px rgba(0,0,0,.04)}.vkuiSwitch--ios .vkuiSwitch__pseudo:before,.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:before{background:#fff;background:var(--vkui_internal--white)}.vkuiSwitch--ios .vkuiSwitch__pseudo:after{background:#e1e3e6;background:var(--vkui--color_track_background)}.vkuiSwitch--ios .vkuiSwitch__self:checked+.vkuiSwitch__pseudo:after{opacity:1}@media (prefers-reduced-motion:no-preference){.vkuiSwitch__pseudo:after{transition:background-color .1s ease}.vkuiSwitch__pseudo:before{transition:transform .1s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo:after{transition:background-color .2s ease}.vkuiSwitch--ios .vkuiSwitch__pseudo:before{transition:transform .2s cubic-bezier(.36,-.24,.26,1.32)}}.vkuiInternalSimpleCell__after>.vkuiSwitch{margin-left:12px}
|
|
114
114
|
.vkuiInput{font-size:16px;line-height:20px;position:relative}.vkuiInput--align-center .vkuiInput__el{text-align:center}.vkuiInput--align-right .vkuiInput__el{text-align:right}.vkuiInput__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:inherit;box-shadow:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);height:44px;height:var(--vkui--size_field_height--regular);margin:0;padding:0 12px;position:relative;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiInput__el::-webkit-inner-spin-button,.vkuiInput__el::-webkit-outer-spin-button{-webkit-appearance:none}.vkuiInput__el[type=number]{-moz-appearance:textfield}.vkuiInput--sizeY-compact .vkuiInput__el{height:36px;height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiInput--sizeY-none .vkuiInput__el{height:36px;height:var(--vkui--size_field_height--compact)}}.vkuiInput--hasBefore .vkuiInput__el{padding-left:0}.vkuiInput--hasAfter .vkuiInput__el{padding-right:0}.vkuiInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiInput__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiInput__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiInput__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiInput__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}
|
|
115
|
-
.vkuiChip{background:#fff;background:var(--vkui--color_background_content);border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:6px;box-sizing:border-box;display:inline-block;height:32px}.vkuiChip__in{align-items:center;display:flex;height:100%;padding:0 8px;position:relative}.vkuiChip--removable .vkuiChip__in{padding-right:0}.vkuiChip__content{color:#000;color:var(--vkui--color_text_primary);display:inline-block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_paragraph--font_family--regular);font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiChip--sizeY-compact .vkuiChip__content{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiChip--sizeY-none .vkuiChip__content{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular)}}.vkuiChip__remove{align-content:center;align-items:center;background:transparent;border:0;border-radius:2px;box-sizing:border-box;color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:28px;justify-content:center;margin:-1px;padding:6px;position:relative;transform:translateX(-1px);width:28px}.vkuiChip__before{margin-right:6px}.vkuiChip__after{margin-left:6px}.vkuiChip--sizeY-compact{height:28px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiChip--sizeY-none{height:28px}}
|
|
115
|
+
.vkuiChip{background:#fff;background:var(--vkui--color_background_content);border:1px solid rgba(0,0,0,.08);border:var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);border-radius:6px;box-sizing:border-box;display:inline-block;height:32px}.vkuiChip__in{align-items:center;display:flex;height:100%;padding:0 8px;position:relative}.vkuiChip--removable .vkuiChip__in{padding-right:0}.vkuiChip__content{color:#000;color:var(--vkui--color_text_primary);display:inline-block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_paragraph--font_family--regular);font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiChip--sizeY-compact .vkuiChip__content{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiChip--sizeY-none .vkuiChip__content{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_footnote--font_family--regular);font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular)}}.vkuiChip__remove{align-content:center;align-items:center;background:transparent;border:0;border-radius:2px;box-sizing:border-box;color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:28px;justify-content:center;margin:-1px;padding:6px;position:relative;transform:translateX(-1px);width:28px}.vkuiChip__before{margin-right:6px}.vkuiChip__after{margin-left:6px}.vkuiChip--sizeY-compact{height:28px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiChip--sizeY-none{height:28px}}
|
|
116
116
|
.vkuiChipsInput{max-width:100%}
|
|
117
117
|
.vkuiChipsInputBase{display:flex;flex-grow:1;flex-shrink:1;flex-wrap:wrap;max-width:100%;overflow:hidden;padding:3px;position:relative;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiChipsInputBase__chip{margin:2px;max-width:calc(100% - 4px)}.vkuiChipsInputBase__label{display:flex;flex:1;flex-direction:column;justify-content:center;margin:2px 2px 2px 10px}.vkuiChipsInputBase__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none;color:#000;color:var(--vkui--color_text_primary);margin-bottom:2px;padding:0;position:relative;width:100%}.vkuiChipsInputBase__el:focus{min-width:64px}.vkuiChipsInputBase__el::-ms-clear{display:none}.vkuiChipsInputBase__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiChipsInputBase__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiChipsInputBase__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiChipsInputBase__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiChipsInputBase__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiChipsInputBase__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiChipsInputBase__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiChipsInputBase__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiChipsInputBase__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiChipsInputBase__el[readonly]{cursor:default}.vkuiChipsInputBase--hasPlaceholder .vkuiChipsInputBase__label{margin-left:9px;margin-right:0}.vkuiChipsInputBase--hasPlaceholder .vkuiChipsInputBase__el{text-overflow:ellipsis;white-space:nowrap}.vkuiChipsInputBase--sizeY-compact{padding:1px}
|
|
118
118
|
.vkuiSlider{cursor:pointer;height:28px;height:var(--vkui_internal--slider_thumb_size);position:relative}.vkuiSlider--disabled{cursor:not-allowed;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiSlider__track,.vkuiSlider__track-fill{border-radius:1px;height:2px;left:0;position:absolute;top:50%}.vkuiSlider__track{background-color:#e1e3e6;background-color:var(--vkui--color_track_background);width:100%}.vkuiSlider__track-fill{background:#2688eb;background:var(--vkui--color_background_accent);width:auto}.vkuiSlider__thumbs{height:100%;isolation:isolate;margin-left:calc(28px / 2);margin-left:calc(var(--vkui_internal--slider_thumb_size) / 2);margin-right:calc(28px / 2);margin-right:calc(var(--vkui_internal--slider_thumb_size) / 2);position:relative}.vkuiSlider__thumb{top:50%;transform:translate(-50%,-50%)}.vkuiSlider--sizeY-compact{--vkui_internal--slider_thumb_size:24px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSlider--sizeY-none{--vkui_internal--slider_thumb_size:24px}}
|
|
119
|
-
.vkuiSliderThumb{background:#fff;background:var(--vkui--color_background_contrast);border:var(--vkui--size_border--regular) solid var(--vkui--color_separator_primary_alpha);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);height:28px;height:var(--vkui_internal--slider_thumb_size);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:28px;width:var(--vkui_internal--slider_thumb_size);z-index:1}.vkuiSliderThumb--focus-visible{outline:2px solid #2688eb;outline:var(--vkui_internal--outline);outline-offset:calc(-1 * var(--vkui--size_border--regular));z-index:2}.vkuiSliderThumb__nativeInput{clip:rect(0,0,0,0);border:0;direction:ltr;height:100%;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:100%}
|
|
119
|
+
.vkuiSliderThumb{background:#fff;background:var(--vkui--color_background_contrast);border:1px solid rgba(0,0,0,.12);border:var(--vkui--size_border--regular) solid var(--vkui--color_separator_primary_alpha);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);height:28px;height:var(--vkui_internal--slider_thumb_size);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:28px;width:var(--vkui_internal--slider_thumb_size);z-index:1}.vkuiSliderThumb--focus-visible{outline:2px solid #2688eb;outline:var(--vkui_internal--outline);outline-offset:calc(-1 * 1px);outline-offset:calc(-1 * var(--vkui--size_border--regular));z-index:2}.vkuiSliderThumb__nativeInput{clip:rect(0,0,0,0);border:0;direction:ltr;height:100%;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:100%}
|
|
120
120
|
.vkuiTextarea{position:relative}.vkuiTextarea__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);display:block;margin:0;max-height:204px;padding:12px;position:relative;resize:none;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiTextarea__el[cols]{width:auto}.vkuiTextarea--sizeY-compact .vkuiTextarea__el{max-height:196px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiTextarea--sizeY-none .vkuiTextarea__el{max-height:196px}}.vkuiTextarea__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiTextarea__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiTextarea__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiTextarea__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiTextarea__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiTextarea__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}
|
|
121
121
|
.vkuiRadio{display:block;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular)}.vkuiInternalFormItem .vkuiRadio{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular));width:100%}.vkuiRadio__container{align-items:center;display:flex;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiRadio__icon{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);flex-shrink:0;height:22px;margin-right:14px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color .15s var(--vkui--animation_easing_platform);width:22px}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiRadio__icon .vkuiRadio__pin{transform:scale(0);transform-origin:12px 12px;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--vkui--animation_easing_platform)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin{transform:none}.vkuiRadio__content{color:#000;color:var(--vkui--color_text_primary);display:block;flex-grow:1;max-width:100%}.vkuiRadio__description{color:#818c99;color:var(--vkui--color_text_secondary);display:block;margin-bottom:12px;margin-top:2px}.vkuiRadio__title{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.vkuiRadio__title:last-child{margin-bottom:12px}.vkuiRadio__titleAfter{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);margin-left:4px}.vkuiRadio--sizeY-compact .vkuiRadio__title{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__title:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{height:18px;width:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon:after{height:12px;width:12px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiRadio--sizeY-none .vkuiRadio__title{margin-top:8px}.vkuiRadio--sizeY-none .vkuiRadio__title:last-child{margin-bottom:8px}.vkuiRadio--sizeY-none .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-none .vkuiRadio__icon{height:18px;width:18px}.vkuiRadio--sizeY-none .vkuiRadio__icon:after{height:12px;width:12px}}.vkuiInternalRadioGroup .vkuiRadio{box-sizing:border-box;flex:1;margin:0}
|
|
122
122
|
.vkuiRadioGroup--mode-horizontal{display:flex}.vkuiInternalFormItem .vkuiRadioGroup{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
.vkuiCustomSelect{cursor:pointer;display:block;position:relative;width:100%}.vkuiCustomSelect--pop-down{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiCustomSelect--pop-up{border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelect__control{display:none}.vkuiCustomSelect__empty{color:#818c99;color:var(--vkui--color_text_secondary);padding:12px 0;text-align:center}.vkuiCustomSelect__fetching{align-items:center;display:flex;justify-content:center}.vkuiCustomSelect__dropdown-icon{margin-right:10px}.vkuiCustomSelect--clear-icon{margin-right:-6px}.vkuiCustomSelect--sizeY-compact .vkuiCustomSelect__dropdown-icon{margin-right:8px}.vkuiCustomSelect--sizeY-compact .vkuiCustomSelect--clear-icon{margin-right:-2px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiCustomSelect--sizeY-none .vkuiCustomSelect__dropdown-icon{margin-right:8px}.vkuiCustomSelect--sizeY-none .vkuiCustomSelect--clear-icon{margin-right:-2px}}
|
|
125
125
|
.vkuiCustomSelectOption{align-items:center;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.vkuiCustomSelectOption--hierarchy{--vkui_internal--custom_select_option_hierarchy_level:0;padding-left:calc(0 * 32px);padding-left:calc(var(--vkui_internal--custom_select_option_hierarchy_level) * var(--vkui--size_option_hierarchy--regular))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}@media (max-width:767.9px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiCustomSelectOption--sizeY-none{min-height:44px}}.vkuiCustomSelectOption--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiCustomSelectOption--hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiCustomSelectOption__before{flex-shrink:0;margin-right:7px}.vkuiCustomSelectOption__main{flex-grow:1;max-width:100%;min-width:0}.vkuiCustomSelectOption__children{min-width:0}.vkuiCustomSelectOption__after{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.vkuiCustomSelectOption__description{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiCustomSelectOption__selectedIcon{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiCustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}
|
|
126
126
|
.vkuiCustomSelectInput{position:relative}.vkuiCustomSelectInput__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:inherit;box-shadow:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);height:44px;height:var(--vkui--size_field_height--regular);left:0;line-height:44px;line-height:var(--vkui--size_field_height--regular);margin:0;padding:0 12px;position:absolute;top:0;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiCustomSelectInput__el--cursor-pointer{cursor:pointer}.vkuiCustomSelectInput--sizeY-compact .vkuiCustomSelectInput__el{height:36px;height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiCustomSelectInput--sizeY-none .vkuiCustomSelectInput__el{height:36px;height:var(--vkui--size_field_height--compact)}}.vkuiCustomSelectInput--hasBefore .vkuiCustomSelectInput__el{padding-left:0}.vkuiCustomSelectInput--hasAfter .vkuiCustomSelectInput__el{padding-right:0}.vkuiCustomSelectInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiCustomSelectInput__container{box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);max-height:100%;overflow:hidden;padding-left:12px;padding-right:0;pointer-events:none;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiCustomSelectInput--hasBefore .vkuiCustomSelectInput__container{padding-left:0}.vkuiCustomSelectInput--multiline .vkuiCustomSelectInput__container{padding-bottom:12px;padding-top:12px}.vkuiCustomSelectInput--sizeY-compact.vkuiCustomSelectInput--multiline .vkuiCustomSelectInput__container{padding-bottom:8px;padding-top:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiCustomSelectInput--sizeY-none.vkuiCustomSelectInput--multiline .vkuiCustomSelectInput__container{padding-bottom:8px;padding-top:8px}}.vkuiCustomSelectInput__input-group{align-items:center;align-self:stretch;display:flex;flex:1;overflow:hidden;position:relative}.vkuiCustomSelectInput--hasBefore .vkuiCustomSelectInput__input-group{border-radius:0}.vkuiCustomSelectInput__title{display:block}.vkuiCustomSelectInput:not(.vkuiCustomSelectInput--multiline) .vkuiCustomSelectInput__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiCustomSelectInput--empty .vkuiCustomSelectInput__title{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiCustomSelectInput__el::-webkit-input-placeholder{opacity:0}.vkuiCustomSelectInput__el::-moz-placeholder{opacity:0}.vkuiCustomSelectInput__el::-ms-input-placeholder{opacity:0}.vkuiCustomSelectInput__el::placeholder{opacity:0}.vkuiCustomSelectInput--align-right .vkuiCustomSelectInput__el,.vkuiCustomSelectInput--align-right .vkuiCustomSelectInput__title{text-align:right}.vkuiCustomSelectInput--align-center .vkuiCustomSelectInput__el,.vkuiCustomSelectInput--align-center .vkuiCustomSelectInput__title{text-align:center}.vkuiInternalCalendarHeader__picker .vkuiCustomSelectInput__container{padding-right:4px}
|
|
127
|
-
.vkuiCustomSelectDropdown{background-color:#fff;background-color:var(--vkui--color_background_modal);border:var(--vkui--size_border--regular) solid var(--vkui--color_field_border_alpha);border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);box-sizing:border-box;overflow:hidden}.vkuiCustomSelectDropdown--wide{width:100%}.vkuiCustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelectDropdown--top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:0 0 2px rgba(0,0,0,.03),0 -2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1_invert_y)}.vkuiCustomSelectDropdown__fetching{padding:12px 0}.vkuiCustomSelectDropdown__in--withMaxHeight{max-height:160px}.vkuiInternalCalendarHeader__pickers .vkuiCustomSelectDropdown__in--withMaxHeight{max-height:184px}
|
|
127
|
+
.vkuiCustomSelectDropdown{background-color:#fff;background-color:var(--vkui--color_background_modal);border:1px solid rgba(0,0,0,.12);border:var(--vkui--size_border--regular) solid var(--vkui--color_field_border_alpha);border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);box-sizing:border-box;overflow:hidden}.vkuiCustomSelectDropdown--wide{width:100%}.vkuiCustomSelectDropdown--bottom{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.vkuiCustomSelectDropdown--top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:0 0 2px rgba(0,0,0,.03),0 -2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1_invert_y)}.vkuiCustomSelectDropdown__fetching{padding:12px 0}.vkuiCustomSelectDropdown__in--withMaxHeight{max-height:160px}.vkuiInternalCalendarHeader__pickers .vkuiCustomSelectDropdown__in--withMaxHeight{max-height:184px}
|
|
128
128
|
.vkuiCustomScrollView{height:100%;overflow:hidden;position:relative;width:100%}.vkuiCustomScrollView__box{height:100%;max-height:inherit;overflow-x:hidden;overflow-y:scroll;padding-right:100px;position:relative;scrollbar-width:none;width:100%}.vkuiCustomScrollView__box::-webkit-scrollbar{display:none}.vkuiCustomScrollView__barY:active+.vkuiCustomScrollView__box{pointer-events:none}.vkuiCustomScrollView__barY{height:100%;position:absolute;right:0;top:0;width:10px}.vkuiCustomScrollView__trackerY{box-sizing:border-box;left:0;padding:4px 4px 4px 0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10px}.vkuiCustomScrollView__trackerY--hidden{opacity:0;transition:opacity .2s}.vkuiCustomScrollView__trackerY:before{background-color:#818c99;background-color:var(--vkui--color_icon_medium);border-radius:12px;content:"";display:block;height:100%;opacity:.48;transition:transform .2s,opacity .2s;width:100%}.vkuiCustomScrollView__trackerY:active:before,.vkuiCustomScrollView__trackerY:hover:before{opacity:.8;transform:scaleX(1.3333)}.vkuiInternalCustomSelectDropdown .vkuiCustomScrollView__box{padding-right:8px}.vkuiInternalCustomSelectDropdown--wide .vkuiCustomScrollView__box{padding-right:0}
|
|
129
129
|
.vkuiSelect{box-sizing:border-box;cursor:pointer;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);position:relative}.vkuiSelect__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:block;font-family:inherit;font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:6;z-index:var(--vkui_internal--z_index_form_field_side)}.vkuiSelect__container{box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);flex-grow:1;flex-shrink:1;overflow:hidden;padding-left:12px;padding-right:0;position:relative;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiSelect--hasBefore .vkuiSelect__container{padding-left:0}.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:12px;padding-top:12px}.vkuiSelect--sizeY-compact.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:8px;padding-top:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiSelect--sizeY-none.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:8px;padding-top:8px}}.vkuiSelect__title{display:block}.vkuiSelect:not(.vkuiSelect--multiline) .vkuiSelect__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSelect--empty .vkuiSelect__title{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiSelect--align-right .vkuiSelect__title{text-align:right}.vkuiSelect--align-center .vkuiSelect__title{text-align:center}.vkuiInternalCalendarHeader__picker .vkuiSelect__container{padding-right:4px}
|
|
130
130
|
.vkuiDatePicker{border:0;margin:0;padding:0}.vkuiDatePicker__container{display:flex;flex-direction:row;width:100%}.vkuiDatePicker__day{min-width:72px}.vkuiDatePicker__month{display:flex;flex:1 0 0;min-width:0;padding:0 8px}.vkuiDatePicker__year{min-width:92px}.vkuiDatePicker__monthSelect{width:100%}
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
.vkuiDateRangeInput__input{cursor:text;flex-grow:1;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiDateRangeInput--sizeY-compact .vkuiDateRangeInput__input{margin-right:22px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiDateRangeInput--sizeY-none .vkuiDateRangeInput__input{margin-right:22px}}
|
|
142
142
|
.vkuiDiv{padding:12px 16px;padding:var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}
|
|
143
143
|
.vkuiVisuallyHiddenInput{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}
|
|
144
|
-
.vkuiPromoBanner{background:#fff;background:var(--vkui--color_background_content);box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);outline:
|
|
144
|
+
.vkuiPromoBanner{background:#fff;background:var(--vkui--color_background_content);box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);outline:1px solid rgba(0,0,0,.12);outline:var(--vkui--size_border--regular) solid var(--vkui--color_separator_primary_alpha);padding-bottom:10px;position:relative;width:100%}.vkuiPromoBanner__head{color:#818c99;color:var(--vkui--color_text_secondary);display:flex;padding:14px 16px 10px;padding:14px var(--vkui--size_base_padding_horizontal--regular) 10px}.vkuiPromoBanner__age{margin-left:6px}.vkuiPromoBanner__close{align-items:center;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;height:48px;justify-content:center;position:absolute;right:0;top:0;width:48px}.vkuiPromoBanner__close:active{opacity:.7}.vkuiPromoBanner__pixels{display:none}
|
|
145
145
|
.vkuiChipsSelect{position:relative}.vkuiChipsSelect__dropdown{cursor:pointer}.vkuiChipsSelect__icon{pointer-events:none}.vkuiChipsSelect__empty{color:#818c99;color:var(--vkui--color_text_secondary);padding:12px 0;text-align:center}.vkuiChipsSelect--pop-down{border-bottom-left-radius:0;border-bottom-right-radius:0}.vkuiChipsSelect--pop-up{border-top-left-radius:0;border-top-right-radius:0}
|
|
146
146
|
.vkuiPopover{animation:vkuipopover-fade-in .2s ease;background:#fff;background:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);position:relative}.vkuiPopover:before{bottom:calc(-1 * 8px);bottom:calc(-1 * var(--vkui_internal--popover_safe_zone_padding));content:"";left:calc(-1 * 8px);left:calc(-1 * var(--vkui_internal--popover_safe_zone_padding));position:absolute;right:calc(-1 * 8px);right:calc(-1 * var(--vkui_internal--popover_safe_zone_padding));top:calc(-1 * 8px);top:calc(-1 * var(--vkui_internal--popover_safe_zone_padding))}.vkuiPopover__in{position:relative}@keyframes vkuipopover-fade-in{0%{opacity:0}to{opacity:1}}
|
|
147
147
|
.vkuiTextTooltip{animation:vkuitexttooltip-fade-in .2s ease;background-color:#fff;background-color:var(--vkui--color_background_modal);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);color:#000;color:var(--vkui--color_text_primary);padding:8px 12px 9px}.vkuiTextTooltip__arrow{color:#fff;color:var(--vkui--color_background_modal)}.vkuiTextTooltip--appearance-accent{background-color:#5a9eff;background-color:var(--vkui--color_background_accent_tint);color:#fff;color:var(--vkui--color_text_contrast)}.vkuiTextTooltip--appearance-accent .vkuiTextTooltip__arrow{color:#5a9eff;color:var(--vkui--color_background_accent_tint)}.vkuiTextTooltip--appearance-white{background-color:#fff;background-color:var(--vkui--color_background_contrast);color:#000;color:var(--vkui--color_text_primary_invariably)}.vkuiTextTooltip--appearance-white .vkuiTextTooltip__arrow{color:#fff;color:var(--vkui--color_background_contrast)}.vkuiTextTooltip--appearance-black{background-color:#2c2d2e;background-color:var(--vkui--color_background_contrast_inverse);color:#fff;color:var(--vkui--color_text_contrast)}.vkuiTextTooltip--appearance-black .vkuiTextTooltip__arrow{color:#2c2d2e;color:var(--vkui--color_background_contrast_inverse)}.vkuiTextTooltip--appearance-inversion{background-color:#2d2d2e;background-color:var(--vkui--color_background_modal_inverse);color:#fff;color:var(--vkui--color_text_contrast_themed)}.vkuiTextTooltip--appearance-inversion .vkuiTextTooltip__arrow{color:#2d2d2e;color:var(--vkui--color_background_modal_inverse)}@keyframes vkuitexttooltip-fade-in{0%{opacity:0}to{opacity:1}}
|