.PlaygroundPreview_root__v_hIA{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:150px;padding:var(--vkui--spacing_size_m)}.PlaygroundPreview_previewBackground__V31Aw{--vkui_docs--playground_color_background:#f7f7f7;--vkui_docs--playground_pattern_color:rgb(0,0,0,0.08);background-color:var(--vkui_docs--playground_color_background);background-image:linear-gradient(120deg,transparent 32px,var(--vkui_docs--playground_pattern_color) 32px),linear-gradient(240deg,transparent 32px,var(--vkui_docs--playground_pattern_color) 32px);background-position:10px 10px,10px 10px;background-size:23px 28px}.PlaygroundPreview_previewBackgroundDark__O5gji{--vkui_docs--playground_color_background:#0e0e0f;--vkui_docs--playground_pattern_color:rgb(255,255,255,0.08)}.PlaygroundPreview_error__Rkcxi{color:var(--vkui--color_accent_red)}.PlaygroundPreview_wrapper__4bwny{width:100%}.Callout_root__6UBFP{display:flex;padding:var(--vkui--spacing_size_xl);margin:0;background-color:var(--vkui--color_background_tertiary_alpha);border-left:4px solid var(--vkui--color_accent_orange);border-radius:6px}.Callout_content__MYf_T{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;margin-left:var(--vkui--spacing_size_xl)}.Callout_root__6UBFP:not(:last-child){margin-bottom:16px}.Callout_root__6UBFP:not(:first-child){margin-top:16px}.Code_root__TR_dq{padding-top:2px;padding-bottom:2px;padding-left:var(--vkui_docs--code-inline-padding,4px);padding-right:var(--vkui_docs--code-inline-padding,4px);overflow-wrap:break-word;background-color:var(
    --vkui_docs--code-background,var(--vkui--color_background_secondary_alpha)
  );border-radius:6px}pre .Code_root__TR_dq{display:inline-flex;flex-direction:column;min-width:100%}.Code_root__TR_dq span{color:var(--shiki-light);background-color:var(--shiki-light-bg)}.Code_root__TR_dq span:is(html[class~=vkui--vkBase--dark] *){color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}.Code_root__TR_dq>span[data-highlighted-line]{background-color:rgb(125,125,218,.1)}.Code_root__TR_dq>span[data-highlighted-line]:is(html[class~=vkui--vkBase--dark] *){background-color:rgb(90,90,197,.1)}.Code_root__TR_dq .diff{padding-left:var(--vkui--spacing_size_4xl);padding-right:var(--vkui--spacing_size_4xl);margin-left:calc(-1 * var(--vkui--spacing_size_4xl));margin-right:calc(-1 * var(--vkui--spacing_size_4xl))}.Code_root__TR_dq .diff:before{position:absolute;left:4px}.Code_root__TR_dq .diff.remove{background-color:var(--vkui--color_background_negative_tint)}.Code_root__TR_dq .diff.remove:before{content:"-"}.Code_root__TR_dq .diff.add{background-color:var(--vkui--color_background_positive_tint)}.Code_root__TR_dq .diff.add:before{content:"+"}.Code_root__TR_dq[data-line-numbers]{counter-reset:line}.Code_root__TR_dq[data-line-numbers]>span:before{padding-right:var(--vkui--spacing_size_xl);color:var(--vkui--color_text_secondary);content:counter(line);counter-increment:line}.mdx_paragraph__nVfmE:not(:first-child){margin-top:var(--vkui--spacing_size_xl)}.mdx_ul__e30zv{list-style-type:disc}.mdx_ol__jzvNl,.mdx_ul__e30zv{padding-top:var(--vkui--spacing_size_2xl);padding-bottom:0;padding-left:var(--vkui--spacing_size_3xl);padding-right:0}.mdx_li__rnY5m:not(:first-child){margin-top:var(--vkui--spacing_size_s)}.mdx_h1__1mgpN{overflow:hidden;text-overflow:ellipsis;font-family:var(--vkui--font_family_accent);font-size:40px;font-weight:var(--vkui--font_weight_accent1);line-height:46px}.mdx_h1__1mgpN,.mdx_strong__N7OUG{color:var(--vkui--color_text_primary)}.mdx_strong__N7OUG{font-weight:var(--vkui--font_weight_base1)}.mdx_hr__h_veS{height:1px;margin-top:32px;margin-bottom:32px;color:var(--vkui--color_separator_primary_alpha);background-color:var(--vkui--color_separator_primary_alpha);border-width:0}.mdx_details__Rxp89{padding:var(--vkui--spacing_size_m);margin-top:var(--vkui--spacing_size_2xl);margin-bottom:var(--vkui--spacing_size_2xl);background:var(--vkui--color_background_tertiary_alpha);border-radius:var(--vkui--spacing_size_m)}.mdx_summary___Rt8S{cursor:pointer}.PlaygroundToolbar_root__rRNLb{padding:var(--vkui--spacing_size_xs) var(--vkui--spacing_size_xl);border-top:1px solid var(--vkui_docs--color_stroke_separator_secondary);border-bottom:1px solid var(--vkui_docs--color_stroke_separator_secondary)}.PlaygroundToolbar_platformPicker__AoGR8{flex:0 0 128px;margin-right:auto}.PlaygroundToolbar_rotateIcon__VJgdZ{transform:rotate(90deg)}@media (max-width:420px){.PlaygroundToolbar_themePicker__TQQGM{order:1;width:100%}}.Main_content__EmuaL{width:100%;min-width:0;min-height:calc(100vh - var(--vkui_docs--navbar-height));padding:32px 40px 60px}@media (max-width:767.9px){.Main_content__EmuaL{padding-left:var(--vkui--spacing_size_2xl);padding-right:var(--vkui--spacing_size_2xl)}}.CopyToClipboard_icon__2muBC{box-sizing:initial}.CopyToClipboard_copyIcon__pYnYH{opacity:1}.CopyToClipboard_doneIcon___XLQj{position:absolute;top:0;opacity:0}.CopyToClipboard_copied__rjmnA .CopyToClipboard_copyIcon__pYnYH{animation:CopyToClipboard_animationHideIcon__0mgsP 1.25s forwards}.CopyToClipboard_copied__rjmnA .CopyToClipboard_doneIcon___XLQj{animation:CopyToClipboard_animationShowIcon__XLzBl 1.25s .15s forwards}@keyframes CopyToClipboard_animationHideIcon__0mgsP{0%{opacity:1}20%{opacity:0;transform:scale(.5)}80%{opacity:0;transform:scale(.5)}to{opacity:1}}@keyframes CopyToClipboard_animationShowIcon__XLzBl{0%{opacity:0}20%{opacity:1}60%{opacity:1}to{opacity:0}}.Pre_root__blbV_{position:relative;width:100%;margin-top:var(--vkui--spacing_size_3xl);margin-bottom:var(--vkui--spacing_size_3xl);overflow:auto;background-color:rgb(127,143,160,.08);border:1px solid var(--vkui_docs--color_stroke_separator_secondary);border-radius:8px;--vkui_docs--code-background:transparent;--vkui_docs--code-inline-padding:0px;--vkui_docs--code-block-padding:0px}.Pre_pre__hY1fL{flex:1;max-height:460px;padding:var(--vkui--spacing_size_xl);contain:paint;overflow-x:auto;font-size:14px;-webkit-font-smoothing:auto}.Pre_buttons__i860I{display:flex;color:var(--vkui--color_icon_tertiary)}.Pre_buttons__i860I>:not(:last-child){margin-right:var(--vkui--spacing_size_xs)}.Pre_header__TBs99{padding-left:var(--vkui--spacing_size_m);padding-right:0;background-color:rgb(127,143,160,.05);border-bottom:1px solid var(--vkui_docs--color_stroke_separator_secondary)}.PackageManagers_root__8wtS8{--vkui_docs--code-background:transparent}.HeadingLink_heading__tkXI7{color:var(--vkui--color_text_primary)}.HeadingLink_heading2__1cxOT{margin-top:var(--vkui--spacing_size_4xl);font-size:var(--vkui--font_title1--font_size--regular);font-weight:var(--vkui--font_weight_accent2);line-height:var(--vkui--font_title1--line_height--regular)}.HeadingLink_heading3__avlK3{margin-top:var(--vkui--spacing_size_2xl);font-size:var(--vkui--font_title2--font_size--regular);font-weight:var(--vkui--font_weight_accent3);line-height:var(--vkui--font_title2--line_height--regular)}.HeadingLink_heading4__c9VtX{margin-top:var(--vkui--spacing_size_xl);font-size:var(--vkui--font_title3--font_size--regular);font-weight:var(--vkui--font_weight_accent3);line-height:var(--vkui--font_title3--line_height--regular)}.HeadingLink_noMargin__YLwGV{margin-top:0}.HeadingLink_anchor__PGiN1{vertical-align:middle;color:currentColor;text-decoration:none}.HeadingLink_anchorIcon__lmODw{display:inline;align-self:center;margin-left:var(--vkui--spacing_size_m);color:var(--vkui--color_icon_secondary);opacity:0}.HeadingLink_heading__tkXI7:target{animation:HeadingLink_animationHighlight__cm6z_ 1.2s ease}.HeadingLink_anchor__PGiN1:focus .HeadingLink_anchorIcon__lmODw,:hover>.HeadingLink_anchorIcon__lmODw{opacity:1}@keyframes HeadingLink_animationHighlight__cm6z_{0%{background-color:var(--vkui--color_background_accent_themed_alpha)}to{background-color:initial}}.Steps_root__xNLhi{padding-left:40px;margin-left:14px;border-left:1px solid var(--vkui_docs--color_stroke_separator_secondary)}.Steps_root__xNLhi h2,.Steps_root__xNLhi h3{counter-increment:steps}.Steps_root__xNLhi h2:before,.Steps_root__xNLhi h3:before{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:calc(-1 * 54px);font-size:14px;content:counter(steps);background-color:var(--vkui--color_background_contrast_themed--hover);border:1px solid var(--vkui--color_separator_primary_alpha);border-radius:50%}.Table_root__0rGvK{width:100%;overflow:auto}.Table_table__NzLHi{margin-top:var(--vkui--spacing_size_xl);border-spacing:0;border-collapse:initial}.Table_th__EHorR{background:var(--vkui--color_background_secondary);border-top:1px solid var(--vkui--color_separator_primary)}.Table_td__L3qz5,.Table_th__EHorR{padding:var(--vkui--spacing_size_s) var(--vkui--spacing_size_xl);border-bottom:1px solid var(--vkui--color_separator_primary);border-right:1px solid var(--vkui--color_separator_primary)}.Table_td__L3qz5:first-child,.Table_th__EHorR:first-child{border-left:1px solid var(--vkui--color_separator_primary)}.Table_tr__SD2Ot:first-child .Table_th__EHorR:first-child{border-top-left-radius:6px}.Table_tr__SD2Ot:first-child .Table_th__EHorR:last-child{border-top-right-radius:6px}.Table_tr__SD2Ot:last-child .Table_td__L3qz5:first-child{border-bottom-left-radius:6px}.Table_tr__SD2Ot:last-child .Table_td__L3qz5:last-child{border-bottom-right-radius:6px}.content_root___zrWk{display:flex;margin-left:auto;margin-right:auto;font-family:var(--vkui--font_family_base);font-size:var(--vkui--font_paragraph--font_size--regular);font-weight:var(--vkui--font_weight_base3);line-height:24px;color:var(--vkui_docs--color_text_primary);background-color:var(--vkui--color_background_content)}.content_maxWidth__4xfon{max-width:var(--vkui_docs--max-width)}.content_blog__wxBGa{flex-direction:column;max-width:var(--vkui_docs_blog--max-width);min-height:calc(100vh - var(--vkui_docs--footer-height) - var(--vkui_docs--navbar-height));padding-top:var(--vkui--spacing_size_4xl);padding-bottom:60px;padding-left:40px;padding-right:40px}@media (max-width:767.9px){.content_blog__wxBGa{padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:var(--vkui--size_base_padding_horizontal--regular)}}.vkui_root__djp9k{width:100%;height:unset;font-family:var(--vkui--font_family_base);color:var(--vkui--color_text_primary);color-scheme:var(--vkui--colors_scheme);background-color:var(--vkui--color_background_content);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.ShowcaseCard_root___eTAW{color:inherit;text-decoration:none;transition:transform .12s ease}@media (hover:hover) and (pointer:fine){.ShowcaseCard_root___eTAW:hover{transform:translateY(-2px)}}.ShowcaseCard_inheritBorderRadius__W0oYW{border-top-left-radius:inherit;border-top-right-radius:inherit}.ShowcaseCard_scene__RrfAB{pointer-events:none;transform:translate(-50%,-50%) scale(var(--showcase-scale,1));transform-origin:center center;will-change:transform}.ShowcaseCard_description__Fyunz{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;color:var(--vkui--color_text_secondary);-webkit-box-orient:vertical}.ShowcaseCard_iframe__K68F3{color-scheme:normal;background:transparent;border:0}.ShowcaseGrid_grid__NWed1{display:grid;grid-template-columns:1fr;gap:var(--vkui--spacing_size_3xl);align-items:stretch;padding:0;margin:0;list-style:none}@media (min-width:768px){.ShowcaseGrid_grid__NWed1{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ShowcaseGrid_grid__NWed1{grid-template-columns:repeat(3,minmax(0,1fr))}}.BlockWrapper_root__F_RGu{position:relative;display:block;width:100%;padding:var(--vkui--spacing_size_xl)}@media (max-width:767.9px){.BlockWrapper_root__F_RGu{padding:0}}.FixedLayoutWrapper_root__szpeH{width:100%;overflow:auto;background:var(--vkui--color_background);border-radius:8px;transform:translate(0)}@media (max-width:767.9px){.FixedLayoutWrapper_root__szpeH{background:var(--vkui--color_background_content)}}.OverlayButtonWrapper_root__tEli7{padding:var(--vkui--spacing_size_3xl);background-image:linear-gradient(0deg,#a18cd1 0,#fbc2eb);border-radius:var(--vkui--size_border_radius_paper--regular)}